Skip to content

Commit 33ab970

Browse files
amanabiyamanabiy
authored
feat: Make progress bar color tokens public (#4194)
1 parent 45ad68c commit 33ab970

File tree

8 files changed

+281
-47
lines changed

8 files changed

+281
-47
lines changed

‎src/__integ__/__snapshots__/themes.test.ts.snap‎

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -122,10 +122,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
122122
"color-background-notification-stack-bar-hover": "#545b64",
123123
"color-background-notification-yellow": "#ffe347",
124124
"color-background-popover": "#ffffff",
125-
"color-background-progress-bar-content-default": "#0073bb",
126-
"color-background-progress-bar-content-in-flash": "rgba(255, 255, 255, 0.7)",
127-
"color-background-progress-bar-layout-default": "#eaeded",
128-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
125+
"color-background-progress-bar-default": "#eaeded",
126+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
127+
"color-background-progress-bar-value-default": "#0073bb",
128+
"color-background-progress-bar-value-in-flash": "rgba(255, 255, 255, 0.7)",
129129
"color-background-segment-active": "#0073bb",
130130
"color-background-segment-default": "#ffffff",
131131
"color-background-segment-disabled": "#ffffff",
@@ -888,10 +888,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
888888
"color-background-notification-stack-bar-hover": "#545b64",
889889
"color-background-notification-yellow": "#ffe347",
890890
"color-background-popover": "#21252c",
891-
"color-background-progress-bar-content-default": "#00a1c9",
892-
"color-background-progress-bar-content-in-flash": "#fafafa",
893-
"color-background-progress-bar-layout-default": "#414750",
894-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
891+
"color-background-progress-bar-default": "#414750",
892+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
893+
"color-background-progress-bar-value-default": "#00a1c9",
894+
"color-background-progress-bar-value-in-flash": "#fafafa",
895895
"color-background-segment-active": "#00a1c9",
896896
"color-background-segment-default": "#2a2e33",
897897
"color-background-segment-disabled": "#2a2e33",
@@ -1654,10 +1654,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
16541654
"color-background-notification-stack-bar-hover": "#545b64",
16551655
"color-background-notification-yellow": "#ffe347",
16561656
"color-background-popover": "#ffffff",
1657-
"color-background-progress-bar-content-default": "#0073bb",
1658-
"color-background-progress-bar-content-in-flash": "rgba(255, 255, 255, 0.7)",
1659-
"color-background-progress-bar-layout-default": "#eaeded",
1660-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
1657+
"color-background-progress-bar-default": "#eaeded",
1658+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
1659+
"color-background-progress-bar-value-default": "#0073bb",
1660+
"color-background-progress-bar-value-in-flash": "rgba(255, 255, 255, 0.7)",
16611661
"color-background-segment-active": "#0073bb",
16621662
"color-background-segment-default": "#ffffff",
16631663
"color-background-segment-disabled": "#ffffff",
@@ -2420,10 +2420,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
24202420
"color-background-notification-stack-bar-hover": "#545b64",
24212421
"color-background-notification-yellow": "#ffe347",
24222422
"color-background-popover": "#ffffff",
2423-
"color-background-progress-bar-content-default": "#0073bb",
2424-
"color-background-progress-bar-content-in-flash": "rgba(255, 255, 255, 0.7)",
2425-
"color-background-progress-bar-layout-default": "#eaeded",
2426-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
2423+
"color-background-progress-bar-default": "#eaeded",
2424+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
2425+
"color-background-progress-bar-value-default": "#0073bb",
2426+
"color-background-progress-bar-value-in-flash": "rgba(255, 255, 255, 0.7)",
24272427
"color-background-segment-active": "#0073bb",
24282428
"color-background-segment-default": "#ffffff",
24292429
"color-background-segment-disabled": "#ffffff",
@@ -3186,10 +3186,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
31863186
"color-background-notification-stack-bar-hover": "#424650",
31873187
"color-background-notification-yellow": "#ffe347",
31883188
"color-background-popover": "#ffffff",
3189-
"color-background-progress-bar-content-default": "#006ce0",
3190-
"color-background-progress-bar-content-in-flash": "#ffffff",
3191-
"color-background-progress-bar-layout-default": "#ebebf0",
3192-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
3189+
"color-background-progress-bar-default": "#ebebf0",
3190+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
3191+
"color-background-progress-bar-value-default": "#006ce0",
3192+
"color-background-progress-bar-value-in-flash": "#ffffff",
31933193
"color-background-segment-active": "#006ce0",
31943194
"color-background-segment-default": "#ffffff",
31953195
"color-background-segment-disabled": "#ffffff",
@@ -3952,10 +3952,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
39523952
"color-background-notification-stack-bar-hover": "#424650",
39533953
"color-background-notification-yellow": "#ffe347",
39543954
"color-background-popover": "#ffffff",
3955-
"color-background-progress-bar-content-default": "#006ce0",
3956-
"color-background-progress-bar-content-in-flash": "#ffffff",
3957-
"color-background-progress-bar-layout-default": "#ebebf0",
3958-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
3955+
"color-background-progress-bar-default": "#ebebf0",
3956+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
3957+
"color-background-progress-bar-value-default": "#006ce0",
3958+
"color-background-progress-bar-value-in-flash": "#ffffff",
39593959
"color-background-segment-active": "#006ce0",
39603960
"color-background-segment-default": "#ffffff",
39613961
"color-background-segment-disabled": "#ffffff",
@@ -4718,10 +4718,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
47184718
"color-background-notification-stack-bar-hover": "#424650",
47194719
"color-background-notification-yellow": "#ffe347",
47204720
"color-background-popover": "#1b232d",
4721-
"color-background-progress-bar-content-default": "#42b4ff",
4722-
"color-background-progress-bar-content-in-flash": "#ffffff",
4723-
"color-background-progress-bar-layout-default": "#333843",
4724-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
4721+
"color-background-progress-bar-default": "#333843",
4722+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
4723+
"color-background-progress-bar-value-default": "#42b4ff",
4724+
"color-background-progress-bar-value-in-flash": "#ffffff",
47254725
"color-background-segment-active": "#42b4ff",
47264726
"color-background-segment-default": "#0f141a",
47274727
"color-background-segment-disabled": "#0f141a",
@@ -5484,10 +5484,10 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
54845484
"color-background-notification-stack-bar-hover": "#424650",
54855485
"color-background-notification-yellow": "#ffe347",
54865486
"color-background-popover": "#1b232d",
5487-
"color-background-progress-bar-content-default": "#42b4ff",
5488-
"color-background-progress-bar-content-in-flash": "#ffffff",
5489-
"color-background-progress-bar-layout-default": "#333843",
5490-
"color-background-progress-bar-layout-in-flash": "rgba(255, 255, 255, 0.25)",
5487+
"color-background-progress-bar-default": "#333843",
5488+
"color-background-progress-bar-in-flash": "rgba(255, 255, 255, 0.25)",
5489+
"color-background-progress-bar-value-default": "#42b4ff",
5490+
"color-background-progress-bar-value-in-flash": "#ffffff",
54915491
"color-background-segment-active": "#42b4ff",
54925492
"color-background-segment-default": "#161d26",
54935493
"color-background-segment-disabled": "#161d26",

0 commit comments

Comments
 (0)