Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Descriptions of alias tokens #48

Merged
merged 3 commits into from
Jul 8, 2024
Merged

Descriptions of alias tokens #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0b8dfaa
New global black color and token update for a global header component
davyd-akamai Jun 20, 2024
63b05ff
New spacing tokens (0 and 90)
davyd-akamai Jun 24, 2024
2de2160
Tokens descriptions
davyd-akamai Jul 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 49 additions & 28 deletions tokens/alias/light.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,13 @@
"text": {
"base": {
"value": "{global.color.neutrals.white}",
"type": "color"
"type": "color",
"description": "Use as color for text on a dark surface"
},
"negative": {
"value": "{global.color.red.90}",
"type": "color"
"type": "color",
"description": "Use to indicate error messages"
},
"warning": {
"value": "{global.color.amber.70}",
Expand All @@ -26,87 +28,102 @@
"default": {
"value": "{global.color.neutrals.100}",
"type": "color",
"description": "Primary text color"
"description": "Primary color for text"
},
"disabled": {
"value": "{global.color.neutrals.50}",
"type": "color"
"type": "color",
"description": "Use only to indicate a disabled state of a primary text color"
}
},
"secondary": {
"default": {
"value": "{global.color.neutrals.70}",
"type": "color",
"description": "Placeholder text"
"description": "Secondary color for text (placeholders, hints)"
},
"disabled": {
"value": "{global.color.neutrals.50}",
"type": "color"
"type": "color",
"description": "Use only to indicate a disabled state of a secondary text color"
}
},
"link": {
"default": {
"value": "{global.color.brand.90}",
"type": "color"
"type": "color",
"description": "Use only for links"
},
"hover": {
"value": "{global.color.brand.70}",
"type": "color"
"type": "color",
"description": "Use only as a hover on links"
},
"disabled": {
"value": "{global.color.neutrals.50}",
"type": "color"
"type": "color",
"description": "Use only to indicate a disabled state for links"
}
}
},
"icon": {
"base": {
"value": "{global.color.neutrals.white}",
"type": "color"
"type": "color",
"description": "Use as color for icons on a dark surface"
},
"negative": {
"value": "{global.color.red.70}",
"type": "color"
"type": "color",
"description": "Use only for icons to indicate an error state"
},
"warning": {
"value": "{global.color.amber.70}",
"type": "color"
"type": "color",
"description": "Use only for icons to indicate a warning state"
},
"positive": {
"value": "{global.color.green.70}",
"type": "color"
"type": "color",
"description": "Use only for icons to indicate a success state"
},
"informative": {
"value": "{global.color.ultramarine.70}",
"type": "color"
"type": "color",
"description": "Use only for icons to indicate an info state"
},
"primary": {
"default": {
"value": "{global.color.neutrals.90}",
"type": "color",
"description": "Default icon color"
"description": "Default color for icons"
},
"hover": {
"value": "{global.color.brand.70}",
"type": "color"
"type": "color",
"description": "Use only as a hover state for icons"
},
"active": {
"value": "{global.color.brand.90}",
"type": "color"
"type": "color",
"description": "Use only as a selected/active state for icons"
},
"disabled": {
"value": "{global.color.neutrals.50}",
"type": "color"
"type": "color",
"description": "Use only as a disabled state for icons"
}
},
"secondary": {
"default": {
"value": "{global.color.neutrals.70}",
"type": "color"
"type": "color",
"description": "Secondary icon color (placeholder, etc)"
},
"disabled": {
"value": "{global.color.neutrals.50}",
"type": "color"
"type": "color",
"description": "Use only as a disabled state for a secondary icon color"
}
}
}
Expand All @@ -115,39 +132,43 @@
"normal": {
"value": "{global.color.neutrals.30}",
"type": "color",
"description": "Static component border"
"description": "Border color for static ui elements and components"
},
"neutral": {
"value": "{global.color.neutrals.100}",
"type": "color"
},
"negative": {
"value": "{global.color.red.70}",
"type": "color"
"type": "color",
"description": "Use only for borders to indicate an error state"
},
"warning": {
"value": "{global.color.amber.70}",
"type": "color"
"type": "color",
"description": "Use only for borders to indicate a warning state"
},
"positive": {
"value": "{global.color.green.70}",
"type": "color"
"type": "color",
"description": "Use only for borders to indicate a success state"
},
"informative": {
"value": "{global.color.ultramarine.70}",
"type": "color"
"type": "color",
"description": "Use only for borders to indicate an info state"
}
},
"background": {
"normal": {
"value": "{global.color.neutrals.white}",
"type": "color",
"description": "Default component background"
"description": "Primary background color"
},
"neutral": {
"value": "{global.color.neutrals.5}",
"type": "color",
"description": "Default page background"
"description": "Page background color"
},
"base": {
"value": "{global.color.neutrals.100}",
Expand All @@ -173,7 +194,7 @@
"black": {
"value": "{global.color.neutrals.black}",
"type": "color",
"description": "Global header and footer background"
"description": "Use only for a global header and global footer background"
},
"negativesubtle": {
"value": "{global.color.red.10}",
Expand Down
2 changes: 1 addition & 1 deletion tokens/components/globals/header.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
},
"search": {
"background": {
"value": "{global.color.neutrals.100}",
"value": "{global.color.neutrals.90}",
"type": "color"
},
"text": {
Expand Down
11 changes: 10 additions & 1 deletion tokens/global/global.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@
"description": "Default text color"
},
"black": {
"value": "#000000",
"value": "#232326",
"type": "color",
"description": "Global header and footer"
},
Expand Down Expand Up @@ -767,6 +767,10 @@
}
},
"spacing": {
"0": {
"value": "0",
"type": "spacing"
},
"10": {
"value": "0.125rem",
"type": "spacing",
Expand Down Expand Up @@ -806,6 +810,11 @@
"value": "2rem",
"type": "spacing",
"description": "32px"
},
"90": {
"value": "3rem",
"type": "spacing",
"description": "48px"
}
},
"font": {
Expand Down