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.

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

Data #383

Merged
merged 82 commits into from
Dec 2, 2024
Merged

Data #383

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
82 commits
Select commit Hold shift + click to select a range
cd51101
feat(data): adding bg and bg alt progress colors
ljemmo Oct 9, 2024
d84ee1f
feat(data): syncing themes
ljemmo Oct 9, 2024
d31329f
feat(data): sync to variables
clairedenning Oct 9, 2024
23f677c
feat(data): adjusting color tokens for video button
ljemmo Oct 14, 2024
69632f3
feat(data): further video button tweaks
ljemmo Oct 14, 2024
12faa25
feat(data): tweaking dark theme tertiary button colors
ljemmo Oct 15, 2024
52aad05
feat(data): restructuring some mid layer tokens to make monochrome le…
ljemmo Oct 15, 2024
ee340f6
feat(data): syncing themes
ljemmo Oct 15, 2024
cfbe567
feat(data): adding space tokens for nikolay
ljemmo Oct 16, 2024
3510371
feat(data): adding success green for validation text on password checker
ljemmo Oct 16, 2024
2bfaefe
adjusting space tokens for password checker
ljemmo Oct 21, 2024
154f048
feat(data): updating password checker spacing to use 8px multiplier
ljemmo Oct 21, 2024
14df34a
feat(data): changing password xg spacing to 6px
ljemmo Oct 21, 2024
1a70579
feat(data): syncing themes
ljemmo Oct 21, 2024
4d1b23a
feat(data): adding a large subtle radius token
ljemmo Oct 23, 2024
a13dc13
syncing theme files
ljemmo Oct 23, 2024
c9b0495
feat(data): adjusting large subtle button top padding
ljemmo Oct 23, 2024
f1e376b
feat(data): adjusting video button based on joseph's feedback
ljemmo Oct 23, 2024
ec12d32
feat(data): syncing themes
ljemmo Oct 23, 2024
86023e3
feat(data): adding a brand mid layer color
ljemmo Oct 23, 2024
b7a75f6
feat(data): syncing themes
ljemmo Oct 25, 2024
7d79ce9
feat(data):syncing themes
ljemmo Oct 25, 2024
590e9d7
feat(data): syncing themes
ljemmo Oct 25, 2024
2f6b54d
feat(data): syncing themes
ljemmo Oct 25, 2024
d6331a6
feat(data): syncing variables
ljemmo Oct 28, 2024
123ee77
feat(data): pushing copilot identifier tokens
ljemmo Oct 29, 2024
f850743
feat(data): adding copilot colors for foundations
ljemmo Oct 29, 2024
103afbe
feat(data): pushing wip logo work
ljemmo Oct 29, 2024
3d1aeef
feat(data): adding remaining missing colors for our foundations icons
ljemmo Oct 29, 2024
478830b
feat(data): theme syncing
ljemmo Oct 29, 2024
2fdf32d
feat(data): increasing border-width for step flow. Looked too small p…
ljemmo Nov 1, 2024
3654bb1
feat(data): theme syncing
ljemmo Nov 1, 2024
2e22e1d
feat(data): reducing pading top on summary list component
ljemmo Nov 1, 2024
0bcffe5
feat(data): theme syncing
ljemmo Nov 1, 2024
3c6d37d
feat(data): adding max width token for message content
ljemmo Nov 1, 2024
a966be1
feat(data): theme syncing
ljemmo Nov 1, 2024
2d0f45d
feat(data): Add nav menu border colour and width
clairedenning Nov 7, 2024
8b1d09d
feat(data): Update value of nav menu border
clairedenning Nov 7, 2024
c0c183a
feat(data): adding dark colors for message subtle WIP
ljemmo Nov 8, 2024
2a98950
feat(data): adding dark theme subtle message colors
ljemmo Nov 8, 2024
63406b3
feat(data): tweaking dark theme colors for messages
ljemmo Nov 8, 2024
4c3046a
feat(data):tweaking brill green callout color on dark
ljemmo Nov 8, 2024
c740ae4
feat(data): syncing themes
ljemmo Nov 8, 2024
1cba6d0
feat(data): adjusting mid layer hover alt colors
ljemmo Nov 8, 2024
ac68fe4
feat(data): theme syncing
ljemmo Nov 8, 2024
8c04b23
feat(data): making step minus one 13px frozen theme for copilot usecase
ljemmo Nov 11, 2024
d261b8b
feat(data): update light ratings colors
clairedenning Nov 14, 2024
5540ccb
feat(data): adding marketing primitive responsive step sizes
ljemmo Nov 15, 2024
2e951b7
feat(data): adding marketing large screen tokens
ljemmo Nov 15, 2024
522b2d5
feat(data): simplifying mid layer type tokens
ljemmo Nov 15, 2024
04ce276
feat(data): adding marketing overrides for semantic mid layer
ljemmo Nov 15, 2024
e35e444
feat(data): theme syncing
ljemmo Nov 15, 2024
48000ea
feat(data): updating modifier color of link to reflect naming elsewhe…
ljemmo Nov 18, 2024
a1d2087
feat(data): consolidating down adaptive fonts to make them work in fi…
ljemmo Nov 18, 2024
d8a0b4c
style(data): syncing themes
ljemmo Nov 18, 2024
fdf66c4
feat(data): Add modes.color.custom.frozen, and update modes.color.int…
clairedenning Nov 18, 2024
9a0fcf2
style(data):syncing themes
ljemmo Nov 18, 2024
c6fb180
feat(data): Add modes.light.color.custom.frozen and update modes.colo…
clairedenning Nov 18, 2024
d9f29a9
feat(data): Rename modes.color.interactive.primary legacy to frozen.
clairedenning Nov 18, 2024
75aa581
feat(data): fixing broken marketing typography overrides
ljemmo Nov 18, 2024
94df40b
style(data): updating dark mode to mirror light
ljemmo Nov 18, 2024
31a7297
feat(data): lightening the page backdrop color
ljemmo Nov 18, 2024
d28a5b5
feat(data): 1. Update values of modes.color.status.reviews in light, …
clairedenning Nov 18, 2024
cdd38a7
feat(data): 1. Add light mode color tokens interactive.primary.frozen…
clairedenning Nov 18, 2024
2b559b1
feat(data): adding menu X tokens
ljemmo Nov 19, 2024
22285dd
feat(data): adding subtext tokens underneath standard dropdown option…
ljemmo Nov 19, 2024
400085f
feat(data): adjusting baseline width to be 4px on tabs
ljemmo Nov 19, 2024
17a3e4f
feat(data): fixing border width on arrows for tab
ljemmo Nov 19, 2024
ade4e9d
feat(data): updating buttons on tab to have 4px bottom border
ljemmo Nov 19, 2024
41eef94
style(data): syncing themes
ljemmo Nov 19, 2024
fade76c
feat(data): rename modes.color.interactive.dataEntry legacy to frozen
clairedenning Nov 20, 2024
08b5096
feat(data): Reorder code and add color.interactive.primary.frozen def…
clairedenning Nov 20, 2024
4188103
feat(data): Add primitives.colors.tealBright and modes.color.status.g…
clairedenning Nov 20, 2024
57a71d3
feat(data): Light mode: 1. Remove incorrect lines in alpha mixes: "co…
clairedenning Nov 20, 2024
e2c9a83
feat(data): Dark mode: Remove incorrect lines in alpha mixes: 1. "col…
clairedenning Nov 20, 2024
cd24748
feat(data): updating typography descriptions to be more accurate
ljemmo Nov 22, 2024
d792ee8
feat(data): reducing 4px top padding on option subtext in dropdown me…
ljemmo Nov 22, 2024
f2e1bcc
Merge branch 'beta' into DSteam-240416
druhill Nov 28, 2024
3abd04b
feat(data): Fixing broken token aliases in progress file.
ljemmo Nov 29, 2024
8b916dc
style(data): removing marketing small file
ljemmo Dec 2, 2024
f45ddb3
feat(data): Correct gradient values on color/interactive/ai active an…
clairedenning Dec 2, 2024
c40b2c8
feat(data): DARK THEME Correct gradient values on color/interactive/a…
clairedenning Dec 2, 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
565 changes: 342 additions & 223 deletions data/tokens/$themes.json

Large diffs are not rendered by default.

158 changes: 81 additions & 77 deletions data/tokens/components/button.json

Large diffs are not rendered by default.

40 changes: 20 additions & 20 deletions data/tokens/components/container.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"description": "tile footer bg color\n"
},
"border-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"border-alt": {
Expand Down Expand Up @@ -85,7 +85,7 @@
"interactive": {
"detailedicon": {
"bg": {
"value": "{modes.color.brandreference.custom1}",
"value": "{modes.color.custom.default}",
"type": "color",
"description": "\n"
}
Expand All @@ -96,7 +96,7 @@
"description": "\n"
},
"bgFooter-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"border-activated": {
Expand All @@ -117,12 +117,12 @@
"type": "color"
},
"bg-hover": {
"value": "{modes.color.interactive.monochrome.hoverAlt}",
"value": "{modes.color.interactive.monochrome.generic.hoverAlt}",
"type": "color",
"description": "Used for accordion hover backgrounds\n"
},
"border-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"border-alt": {
Expand Down Expand Up @@ -154,35 +154,35 @@
"type": "color"
},
"icon-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color",
"description": "Active chevron for any accordion."
},
"icon-enabled": {
"value": "{modes.color.interactive.monochrome.default}",
"value": "{modes.color.interactive.monochrome.generic.default}",
"type": "color",
"description": "Enabled chevron for any accordion."
},
"iconAlt-enabled": {
"value": "{modes.color.interactive.monochrome.defaultAlt}",
"value": "{modes.color.interactive.monochrome.generic.defaultAlt}",
"type": "color",
"description": "Enabled label for subtle accordion."
},
"icon-hover": {
"value": "{modes.color.interactive.monochrome.default}",
"value": "{modes.color.interactive.monochrome.generic.default}",
"type": "color",
"description": "Hover chevron for any accordion."
},
"labelFooter-active": {
"value": "{modes.color.interactive.monochrome.withActive}",
"value": "{modes.color.interactive.monochrome.generic.withActive}",
"type": "color"
},
"labelFooter-activated": {
"value": "{modes.color.interactive.monochrome.withActive}",
"value": "{modes.color.interactive.monochrome.generic.withActive}",
"type": "color"
},
"text-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color",
"description": "Active label for any accordion."
},
Expand All @@ -201,7 +201,7 @@
"description": "Enabled label for subtle accordion."
},
"text-hover": {
"value": "{modes.color.interactive.monochrome.default}",
"value": "{modes.color.interactive.monochrome.generic.default}",
"type": "color",
"description": "Hover label for any accordion."
}
Expand Down Expand Up @@ -1161,7 +1161,7 @@
"description": "bottom padding for each section title"
},
"L": {
"value": "{global.space.macro.XXL}",
"value": "{global.space.macro.L}",
"type": "spacing",
"description": "top padding for each section title"
}
Expand Down Expand Up @@ -1585,19 +1585,19 @@
"adaptive": {
"heading": {
"M": {
"value": "{global.typography.adaptive.heading.XS}",
"value": "{global.typography.adaptive.heading.S}",
"type": "typography",
"description": "Accordion, Subscription tile, Tile select and generic tile or card headings"
},
"L": {
"value": "{global.typography.adaptive.heading.S}",
"value": "{global.typography.adaptive.heading.M}",
"type": "typography",
"description": "Dialog, drawer and sidebar headings"
}
},
"subheading": {
"M": {
"value": "{global.typography.adaptive.subheading.S}",
"value": "{global.typography.adaptive.subheading.M}",
"type": "typography",
"description": "Accordion subheading, Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading"
}
Expand Down Expand Up @@ -1634,19 +1634,19 @@
"responsive": {
"heading": {
"M": {
"value": "{global.typography.responsive.heading.XS}",
"value": "{global.typography.responsive.heading.S}",
"type": "typography",
"description": "Accordion, Subscription tile, Tile select and generic tile or card headings"
},
"L": {
"value": "{global.typography.responsive.heading.S}",
"value": "{global.typography.responsive.heading.M}",
"type": "typography",
"description": "Dialog, drawer and sidebar headings"
}
},
"subheading": {
"M": {
"value": "{global.typography.responsive.subheading.S}",
"value": "{global.typography.responsive.subheading.M}",
"type": "typography",
"description": "Accordion subheading, Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading"
}
Expand Down
129 changes: 116 additions & 13 deletions data/tokens/components/form.json
Original file line number Diff line number Diff line change
Expand Up @@ -182,6 +182,23 @@
"type": "spacing",
"description": "REF POPOVER. Top and bottom padding on container"
}
},
"x": {
"S": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "left and right padding of menu parent container to make message content align with the option text"
},
"M": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "left and right padding of menu parent container to make message content align with the option text"
},
"L": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "left and right padding of menu parent container to make message content align with the option text"
}
}
},
"option": {
Expand Down Expand Up @@ -235,6 +252,42 @@
"type": "spacing",
"description": "REF POPOVER. Vertical padding on option."
}
},
"subtext": {
"x": {
"S": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "used for left indentation on descriptive hint text underneath main option text"
},
"M": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "used for left indentation on descriptive hint text underneath main option text"
},
"L": {
"value": "{global.space.macro.S}",
"type": "spacing",
"description": "used for left indentation on descriptive hint text underneath main option text"
}
},
"y": {
"S": {
"value": "{global.space.micro.XS}",
"type": "spacing",
"description": "top padding for the subtext text underneath standard option text"
},
"M": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "top padding for the subtext text underneath standard option text"
},
"L": {
"value": "{global.space.micro.S}",
"type": "spacing",
"description": "top padding for the subtext text underneath standard option text"
}
}
}
},
"pill": {
Expand Down Expand Up @@ -678,6 +731,52 @@
}
}
}
},
"password": {
"requirement": {
"xg": {
"S": {
"value": "{global.space.micro.M}",
"type": "spacing"
},
"M": {
"value": "{global.space.micro.L}",
"type": "spacing"
},
"L": {
"value": "{global.space.micro.XL}",
"type": "spacing"
}
},
"x": {
"S": {
"value": "{global.space.micro.XS}",
"type": "spacing"
},
"M": {
"value": "{global.space.micro.S}",
"type": "spacing"
},
"L": {
"value": "{global.space.micro.S}",
"type": "spacing"
}
},
"y": {
"S": {
"value": "{global.space.micro.XS}",
"type": "spacing"
},
"M": {
"value": "{global.space.micro.S}",
"type": "spacing"
},
"L": {
"value": "{global.space.micro.S}",
"type": "spacing"
}
}
}
}
},
"size": {
Expand Down Expand Up @@ -965,7 +1064,7 @@
"color": {
"calendar": {
"bg-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"bg-disabled": {
Expand All @@ -977,15 +1076,15 @@
"type": "color"
},
"bg-hover": {
"value": "{modes.color.interactive.monochrome.hoverAlt}",
"value": "{modes.color.interactive.monochrome.generic.hoverAlt}",
"type": "color"
},
"border-duration": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"text-active": {
"value": "{modes.color.interactive.monochrome.withActive}",
"value": "{modes.color.interactive.monochrome.generic.withActive}",
"type": "color"
},
"text-alt": {
Expand All @@ -1006,7 +1105,7 @@
"type": "color"
},
"text-hover": {
"value": "{modes.color.interactive.monochrome.withHover}",
"value": "{modes.color.interactive.monochrome.generic.withHover}",
"type": "color"
},
"textAlt-enabled": {
Expand All @@ -1021,23 +1120,23 @@
"description": "REF POPOVER\n"
},
"label-active": {
"value": "{modes.color.interactive.monochrome.withActive}",
"value": "{modes.color.interactive.monochrome.generic.withActive}",
"type": "color"
},
"label-alt": {
"value": "{modes.color.interactive.monochrome.default}",
"value": "{modes.color.interactive.monochrome.generic.default}",
"type": "color"
},
"label-disabled": {
"value": "{modes.color.interactive.inactive.content}",
"type": "color"
},
"label-enabled": {
"value": "{modes.color.interactive.monochrome.defaultAlt}",
"value": "{modes.color.interactive.monochrome.generic.defaultAlt}",
"type": "color"
},
"label-hover": {
"value": "{modes.color.interactive.monochrome.withHover}",
"value": "{modes.color.interactive.monochrome.generic.withHover}",
"type": "color"
}
},
Expand Down Expand Up @@ -1174,7 +1273,7 @@
},
"switch": {
"bg-active": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
},
"bg-activedisabled": {
Expand Down Expand Up @@ -1204,11 +1303,11 @@
"type": "color"
},
"border-enabled": {
"value": "{modes.color.interactive.monochrome.defaultAlt2}",
"value": "{modes.color.interactive.monochrome.subtle.defaultAlt}",
"type": "color"
},
"fg-active": {
"value": "{modes.color.interactive.monochrome.withActive}",
"value": "{modes.color.interactive.monochrome.generic.withActive}",
"type": "color"
},
"fg-activedisabled": {
Expand All @@ -1220,7 +1319,7 @@
"type": "color"
},
"fg-enabled": {
"value": "{modes.color.interactive.monochrome.defaultAlt2}",
"value": "{modes.color.interactive.monochrome.subtle.defaultAlt}",
"type": "color"
},
"label-active": {
Expand Down Expand Up @@ -1263,6 +1362,10 @@
"value": "{modes.color.status.negative.text}",
"type": "color"
},
"label-success": {
"value": "{modes.color.status.success.default}",
"type": "color"
},
"label-warning": {
"value": "{modes.color.status.caution.text}",
"type": "color"
Expand Down
4 changes: 2 additions & 2 deletions data/tokens/components/link.json
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@
},
"subtle": {
"label-default": {
"value": "{modes.color.interactive.monochrome.default}",
"value": "{modes.color.interactive.monochrome.generic.default}",
"type": "color"
},
"label-hover": {
"value": "{modes.color.interactive.monochrome.active}",
"value": "{modes.color.interactive.monochrome.generic.active}",
"type": "color"
}
}
Expand Down
Loading
Loading