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

Update overlay token values #646

Merged
merged 3 commits into from
Oct 20, 2022
Merged

Update overlay token values #646

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
140f175
Updated the alpha values of the tokens consumed by surface-overlay-bo…
jorytindall Oct 19, 2022
9409a1a
build tokens
jorytindall Oct 19, 2022
ecbe26d
Added changeset
jorytindall Oct 20, 2022
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
2 changes: 1 addition & 1 deletion packages/tokens/dist/devdot/css/helpers/color.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:46 GMT
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[nitpick] Not an issue per se, but for general knowledge: when you run a yarn build for the tokens, the dates are updated in every generated file. As a matter or reducing the overall noise, I tend to not commit these files (with only the date changed) but it's OK anyway.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not really urgent to address, but how hard would it be to not update these dates if the file hasn't actually changed?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Last time I looked at it was not so obvious (also see: amzn/style-dictionary#768)

*/

.hds-border-primary { border: 1px solid var(--token-color-border-primary); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/devdot/css/helpers/elevation.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:46 GMT
*/

.hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/devdot/css/helpers/focus-ring.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:46 GMT
*/

.hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/devdot/css/helpers/typography.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions packages/tokens/dist/devdot/css/tokens.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Sep 2022 11:15:46 GMT
* Generated on Wed, 19 Oct 2022 16:34:46 GMT
*/

:root {
Expand Down Expand Up @@ -166,14 +166,14 @@
--token-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
--token-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
--token-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
--token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
--token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
--token-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a;
--token-surface-base-box-shadow: 0 0 0 1px #656a7633;
--token-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
--token-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
--token-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
--token-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
--token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
--token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
--token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
--token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
--token-form-label-color: #0c0c0e;
Expand Down
4 changes: 2 additions & 2 deletions packages/tokens/dist/docs/devdot/tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3550,7 +3550,7 @@
]
},
{
"value": "0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599",
"value": "0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
"original": {
"value": "{elevation.overlay.box-shadow-01.value}, {elevation.overlay.box-shadow-02.value}"
},
Expand Down Expand Up @@ -3669,7 +3669,7 @@
]
},
{
"value": "0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599",
"value": "0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
"original": {
"value": "{elevation.overlay.box-shadow-border.value}, {elevation.overlay.box-shadow.value}"
},
Expand Down
4 changes: 2 additions & 2 deletions packages/tokens/dist/docs/products/tokens.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3504,7 +3504,7 @@
]
},
{
"value": "0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599",
"value": "0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
"original": {
"value": "{elevation.overlay.box-shadow-01.value}, {elevation.overlay.box-shadow-02.value}"
},
Expand Down Expand Up @@ -3623,7 +3623,7 @@
]
},
{
"value": "0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599",
"value": "0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559",
"original": {
"value": "{elevation.overlay.box-shadow-border.value}, {elevation.overlay.box-shadow.value}"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/products/css/helpers/color.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:45 GMT
*/

.hds-border-primary { border: 1px solid var(--token-color-border-primary); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/products/css/helpers/elevation.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:45 GMT
*/

.hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/products/css/helpers/focus-ring.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sat, 16 Jul 2022 14:15:33 GMT
* Generated on Wed, 19 Oct 2022 16:34:45 GMT
*/

.hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
Expand Down
2 changes: 1 addition & 1 deletion packages/tokens/dist/products/css/helpers/typography.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions packages/tokens/dist/products/css/tokens.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Wed, 28 Sep 2022 11:15:46 GMT
* Generated on Wed, 19 Oct 2022 16:34:45 GMT
*/

:root {
Expand Down Expand Up @@ -164,14 +164,14 @@
--token-elevation-mid-box-shadow: 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
--token-elevation-high-box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
--token-elevation-higher-box-shadow: 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
--token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
--token-elevation-overlay-box-shadow: 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
--token-surface-inset-box-shadow: inset 0 0 0 1px #656a764d, inset 0px 1px 2px 1px #656a761a;
--token-surface-base-box-shadow: 0 0 0 1px #656a7633;
--token-surface-low-box-shadow: 0 0 0 1px #656a7626, 0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d;
--token-surface-mid-box-shadow: 0 0 0 1px #656a7626, 0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633;
--token-surface-high-box-shadow: 0 0 0 1px #656a7640, 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633;
--token-surface-higher-box-shadow: 0 0 0 1px #656a7633, 0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640;
--token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
--token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4540, 0px 2px 3px 0px #3b3d4540, 0px 12px 24px 0px #3b3d4559;
--token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
--token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
--token-form-label-color: #0c0c0e;
Expand Down
6 changes: 3 additions & 3 deletions packages/tokens/src/global/elevation/values/overlay-level.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
},
"color": {
"value": "{elevation.color.strong.value}",
"alpha": "0.50",
"alpha": "0.25",
"type": "color",
"private": true
}
Expand Down Expand Up @@ -52,7 +52,7 @@
},
"color": {
"value": "{elevation.color.strong.value}",
"alpha": "0.60",
"alpha": "0.35",
"type": "color",
"private": true
}
Expand All @@ -65,7 +65,7 @@
},
"color": {
"value": "{elevation.color.strong.value}",
"alpha": "0.40",
"alpha": "0.25",
"type": "color",
"private": true
}
Expand Down