@cloudscape-design/components 3.0.1181 → 3.0.1182

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/internal/base-component/styles.scoped.css +15 -15
  2. package/internal/environment.js +2 -2
  3. package/internal/environment.json +2 -2
  4. package/internal/generated/styles/tokens.d.ts +4 -4
  5. package/internal/generated/styles/tokens.js +4 -4
  6. package/internal/generated/theming/index.cjs +44 -40
  7. package/internal/generated/theming/index.cjs.d.ts +18 -0
  8. package/internal/generated/theming/index.d.ts +18 -0
  9. package/internal/generated/theming/index.js +44 -40
  10. package/internal/manifest.json +1 -1
  11. package/package.json +1 -1
  12. package/progress-bar/styles.css.js +19 -19
  13. package/progress-bar/styles.scoped.css +38 -38
  14. package/progress-bar/styles.selectors.js +19 -19
  15. package/select/parts/filter.js +1 -1
  16. package/select/parts/filter.js.map +1 -1
package/internal/base-component/styles.scoped.css CHANGED
@@ -298,10 +298,10 @@ body {
298
298
  --color-background-notification-stack-bar-active-a4h9r8:var(--color-neutral-750-pi9qqd);
299
299
  --color-background-notification-stack-bar-hover-jh82oo:var(--color-neutral-650-miik4f);
300
300
  --color-background-popover-e20fy8:var(--color-white-p1zlvy);
301
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-600-1lcy1k);
302
- --color-background-progress-bar-content-in-flash-98s7uz:var(--color-white-p1zlvy);
303
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-250-vs1is4);
304
- --color-background-progress-bar-layout-in-flash-wssh6k:var(--color-grey-opaque-25-cjy3al);
301
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-600-1lcy1k);
302
+ --color-background-progress-bar-value-in-flash-q2h8w5:var(--color-white-p1zlvy);
303
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-250-vs1is4);
304
+ --color-background-progress-bar-in-flash-f4k60b:var(--color-grey-opaque-25-cjy3al);
305
305
  --color-background-segment-active-1u2ldl:var(--color-primary-600-1lcy1k);
306
306
  --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
307
307
  --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
@@ -913,8 +913,8 @@ body {
913
913
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
914
914
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
915
915
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
916
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
917
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
916
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
917
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
918
918
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
919
919
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
920
920
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -1173,8 +1173,8 @@ body {
1173
1173
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1174
1174
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1175
1175
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1176
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1177
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1176
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1177
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1178
1178
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1179
1179
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
1180
1180
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -1401,8 +1401,8 @@ body {
1401
1401
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1402
1402
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1403
1403
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1404
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1405
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1404
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1405
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1406
1406
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1407
1407
  --color-background-segment-default-b0r494:var(--color-neutral-950-lxybh8);
1408
1408
  --color-background-segment-disabled-m2a5t7:var(--color-neutral-950-lxybh8);
@@ -1646,8 +1646,8 @@ body {
1646
1646
  --color-background-button-normal-active-5imwxd:rgba(0, 7, 22, 0.1);
1647
1647
  --color-background-button-normal-default-7f99mv:transparent;
1648
1648
  --color-background-button-normal-hover-53op9s:rgba(0, 7, 22, 0.05);
1649
- --color-background-progress-bar-content-in-flash-98s7uz:var(--color-neutral-950-lxybh8);
1650
- --color-background-progress-bar-layout-in-flash-wssh6k:var(--color-grey-opaque-10-vwfmts);
1649
+ --color-background-progress-bar-value-in-flash-q2h8w5:var(--color-neutral-950-lxybh8);
1650
+ --color-background-progress-bar-in-flash-f4k60b:var(--color-grey-opaque-10-vwfmts);
1651
1651
  --color-border-button-normal-active-ru7yhb:var(--color-text-button-normal-hover-gusgyv);
1652
1652
  --color-border-button-normal-default-glqfp1:var(--color-text-button-normal-default-nzalii);
1653
1653
  --color-border-button-normal-hover-6a2tdq:var(--color-text-button-normal-hover-gusgyv);
@@ -1759,8 +1759,8 @@ body {
1759
1759
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-300-5q65ox);
1760
1760
  --color-background-notification-grey-x3vul6:var(--color-neutral-600-fln1ww);
1761
1761
  --color-background-popover-e20fy8:var(--color-neutral-800-t7j5ap);
1762
- --color-background-progress-bar-content-default-il6sg6:var(--color-primary-400-n8h4bx);
1763
- --color-background-progress-bar-layout-default-z3ipl1:var(--color-neutral-700-qw8ats);
1762
+ --color-background-progress-bar-value-default-9zs42p:var(--color-primary-400-n8h4bx);
1763
+ --color-background-progress-bar-default-4755ec:var(--color-neutral-700-qw8ats);
1764
1764
  --color-background-segment-active-1u2ldl:var(--color-primary-400-n8h4bx);
1765
1765
  --color-background-slider-handle-default-lp5ntg:var(--color-primary-400-n8h4bx);
1766
1766
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
@@ -2034,5 +2034,5 @@ body {
2034
2034
  }
2035
2035
  }
2036
2036
  :root {
2037
- --awsui-version-info-45ad68cf: true;
2037
+ --awsui-version-info-dcf2b46d: true;
2038
2038
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (45ad68cf)";
3
- export var GIT_SHA = "45ad68cf";
2
+ export var PACKAGE_VERSION = "3.0.0 (dcf2b46d)";
3
+ export var GIT_SHA = "dcf2b46d";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (45ad68cf)",
4
- "GIT_SHA": "45ad68cf",
3
+ "PACKAGE_VERSION": "3.0.0 (dcf2b46d)",
4
+ "GIT_SHA": "dcf2b46d",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -340,10 +340,10 @@ export const colorBackgroundNotificationStackBar: string;
340
340
  export const colorBackgroundNotificationStackBarActive: string;
341
341
  export const colorBackgroundNotificationStackBarHover: string;
342
342
  export const colorBackgroundPopover: string;
343
- export const colorBackgroundProgressBarContentDefault: string;
344
- export const colorBackgroundProgressBarContentInFlash: string;
345
- export const colorBackgroundProgressBarLayoutDefault: string;
346
- export const colorBackgroundProgressBarLayoutInFlash: string;
343
+ export const colorBackgroundProgressBarValueDefault: string;
344
+ export const colorBackgroundProgressBarValueInFlash: string;
345
+ export const colorBackgroundProgressBarDefault: string;
346
+ export const colorBackgroundProgressBarInFlash: string;
347
347
  export const colorBackgroundSegmentActive: string;
348
348
  export const colorBackgroundSegmentDefault: string;
349
349
  export const colorBackgroundSegmentDisabled: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -340,10 +340,10 @@ export var colorBackgroundNotificationStackBar = "var(--color-background-notific
340
340
  export var colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active-a4h9r8, #232b37)";
341
341
  export var colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover-jh82oo, #424650)";
342
342
  export var colorBackgroundPopover = "var(--color-background-popover-e20fy8, #ffffff)";
343
- export var colorBackgroundProgressBarContentDefault = "var(--color-background-progress-bar-content-default-il6sg6, #006ce0)";
344
- export var colorBackgroundProgressBarContentInFlash = "var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff)";
345
- export var colorBackgroundProgressBarLayoutDefault = "var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0)";
346
- export var colorBackgroundProgressBarLayoutInFlash = "var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25))";
343
+ export var colorBackgroundProgressBarValueDefault = "var(--color-background-progress-bar-value-default-9zs42p, #006ce0)";
344
+ export var colorBackgroundProgressBarValueInFlash = "var(--color-background-progress-bar-value-in-flash-q2h8w5, #ffffff)";
345
+ export var colorBackgroundProgressBarDefault = "var(--color-background-progress-bar-default-4755ec, #ebebf0)";
346
+ export var colorBackgroundProgressBarInFlash = "var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25))";
347
347
  export var colorBackgroundSegmentActive = "var(--color-background-segment-active-1u2ldl, #006ce0)";
348
348
  export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-b0r494, #ffffff)";
349
349
  export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-m2a5t7, #ffffff)";
package/internal/generated/theming/index.cjs CHANGED
@@ -1407,19 +1407,19 @@ module.exports.preset = {
1407
1407
  "light": "{colorWhite}",
1408
1408
  "dark": "{colorNeutral800}"
1409
1409
  },
1410
- "colorBackgroundProgressBarContentDefault": {
1410
+ "colorBackgroundProgressBarValueDefault": {
1411
1411
  "light": "{colorPrimary600}",
1412
1412
  "dark": "{colorPrimary400}"
1413
1413
  },
1414
- "colorBackgroundProgressBarContentInFlash": {
1414
+ "colorBackgroundProgressBarValueInFlash": {
1415
1415
  "light": "{colorWhite}",
1416
1416
  "dark": "{colorWhite}"
1417
1417
  },
1418
- "colorBackgroundProgressBarLayoutDefault": {
1418
+ "colorBackgroundProgressBarDefault": {
1419
1419
  "light": "{colorNeutral250}",
1420
1420
  "dark": "{colorNeutral700}"
1421
1421
  },
1422
- "colorBackgroundProgressBarLayoutInFlash": {
1422
+ "colorBackgroundProgressBarInFlash": {
1423
1423
  "light": "{colorGreyOpaque25}",
1424
1424
  "dark": "{colorGreyOpaque25}"
1425
1425
  },
@@ -3724,19 +3724,19 @@ module.exports.preset = {
3724
3724
  "light": "{colorNeutral800}",
3725
3725
  "dark": "{colorNeutral800}"
3726
3726
  },
3727
- "colorBackgroundProgressBarContentDefault": {
3727
+ "colorBackgroundProgressBarValueDefault": {
3728
3728
  "light": "{colorPrimary400}",
3729
3729
  "dark": "{colorPrimary400}"
3730
3730
  },
3731
- "colorBackgroundProgressBarContentInFlash": {
3731
+ "colorBackgroundProgressBarValueInFlash": {
3732
3732
  "light": "{colorWhite}",
3733
3733
  "dark": "{colorWhite}"
3734
3734
  },
3735
- "colorBackgroundProgressBarLayoutDefault": {
3735
+ "colorBackgroundProgressBarDefault": {
3736
3736
  "light": "{colorNeutral700}",
3737
3737
  "dark": "{colorNeutral700}"
3738
3738
  },
3739
- "colorBackgroundProgressBarLayoutInFlash": {
3739
+ "colorBackgroundProgressBarInFlash": {
3740
3740
  "light": "{colorGreyOpaque25}",
3741
3741
  "dark": "{colorGreyOpaque25}"
3742
3742
  },
@@ -5049,19 +5049,19 @@ module.exports.preset = {
5049
5049
  "light": "{colorNeutral800}",
5050
5050
  "dark": "{colorNeutral800}"
5051
5051
  },
5052
- "colorBackgroundProgressBarContentDefault": {
5052
+ "colorBackgroundProgressBarValueDefault": {
5053
5053
  "light": "{colorPrimary400}",
5054
5054
  "dark": "{colorPrimary400}"
5055
5055
  },
5056
- "colorBackgroundProgressBarContentInFlash": {
5056
+ "colorBackgroundProgressBarValueInFlash": {
5057
5057
  "light": "{colorWhite}",
5058
5058
  "dark": "{colorWhite}"
5059
5059
  },
5060
- "colorBackgroundProgressBarLayoutDefault": {
5060
+ "colorBackgroundProgressBarDefault": {
5061
5061
  "light": "{colorNeutral700}",
5062
5062
  "dark": "{colorNeutral700}"
5063
5063
  },
5064
- "colorBackgroundProgressBarLayoutInFlash": {
5064
+ "colorBackgroundProgressBarInFlash": {
5065
5065
  "light": "{colorGreyOpaque25}",
5066
5066
  "dark": "{colorGreyOpaque25}"
5067
5067
  },
@@ -6310,19 +6310,19 @@ module.exports.preset = {
6310
6310
  "light": "{colorWhite}",
6311
6311
  "dark": "{colorNeutral800}"
6312
6312
  },
6313
- "colorBackgroundProgressBarContentDefault": {
6313
+ "colorBackgroundProgressBarValueDefault": {
6314
6314
  "light": "{colorPrimary600}",
6315
6315
  "dark": "{colorPrimary400}"
6316
6316
  },
6317
- "colorBackgroundProgressBarContentInFlash": {
6317
+ "colorBackgroundProgressBarValueInFlash": {
6318
6318
  "light": "{colorWhite}",
6319
6319
  "dark": "{colorWhite}"
6320
6320
  },
6321
- "colorBackgroundProgressBarLayoutDefault": {
6321
+ "colorBackgroundProgressBarDefault": {
6322
6322
  "light": "{colorNeutral250}",
6323
6323
  "dark": "{colorNeutral700}"
6324
6324
  },
6325
- "colorBackgroundProgressBarLayoutInFlash": {
6325
+ "colorBackgroundProgressBarInFlash": {
6326
6326
  "light": "{colorGreyOpaque25}",
6327
6327
  "dark": "{colorGreyOpaque25}"
6328
6328
  },
@@ -7456,19 +7456,19 @@ module.exports.preset = {
7456
7456
  "light": "{colorWhite}",
7457
7457
  "dark": "{colorNeutral800}"
7458
7458
  },
7459
- "colorBackgroundProgressBarContentDefault": {
7459
+ "colorBackgroundProgressBarValueDefault": {
7460
7460
  "light": "{colorPrimary600}",
7461
7461
  "dark": "{colorPrimary400}"
7462
7462
  },
7463
- "colorBackgroundProgressBarContentInFlash": {
7463
+ "colorBackgroundProgressBarValueInFlash": {
7464
7464
  "light": "{colorNeutral950}",
7465
7465
  "dark": "{colorNeutral950}"
7466
7466
  },
7467
- "colorBackgroundProgressBarLayoutDefault": {
7467
+ "colorBackgroundProgressBarDefault": {
7468
7468
  "light": "{colorNeutral250}",
7469
7469
  "dark": "{colorNeutral700}"
7470
7470
  },
7471
- "colorBackgroundProgressBarLayoutInFlash": {
7471
+ "colorBackgroundProgressBarInFlash": {
7472
7472
  "light": "{colorGreyOpaque10}",
7473
7473
  "dark": "{colorGreyOpaque10}"
7474
7474
  },
@@ -8602,19 +8602,19 @@ module.exports.preset = {
8602
8602
  "light": "{colorWhite}",
8603
8603
  "dark": "{colorNeutral800}"
8604
8604
  },
8605
- "colorBackgroundProgressBarContentDefault": {
8605
+ "colorBackgroundProgressBarValueDefault": {
8606
8606
  "light": "{colorPrimary600}",
8607
8607
  "dark": "{colorPrimary400}"
8608
8608
  },
8609
- "colorBackgroundProgressBarContentInFlash": {
8609
+ "colorBackgroundProgressBarValueInFlash": {
8610
8610
  "light": "{colorWhite}",
8611
8611
  "dark": "{colorWhite}"
8612
8612
  },
8613
- "colorBackgroundProgressBarLayoutDefault": {
8613
+ "colorBackgroundProgressBarDefault": {
8614
8614
  "light": "{colorNeutral250}",
8615
8615
  "dark": "{colorNeutral700}"
8616
8616
  },
8617
- "colorBackgroundProgressBarLayoutInFlash": {
8617
+ "colorBackgroundProgressBarInFlash": {
8618
8618
  "light": "{colorGreyOpaque25}",
8619
8619
  "dark": "{colorGreyOpaque25}"
8620
8620
  },
@@ -9750,19 +9750,19 @@ module.exports.preset = {
9750
9750
  "light": "{colorNeutral800}",
9751
9751
  "dark": "{colorNeutral800}"
9752
9752
  },
9753
- "colorBackgroundProgressBarContentDefault": {
9753
+ "colorBackgroundProgressBarValueDefault": {
9754
9754
  "light": "{colorPrimary400}",
9755
9755
  "dark": "{colorPrimary400}"
9756
9756
  },
9757
- "colorBackgroundProgressBarContentInFlash": {
9757
+ "colorBackgroundProgressBarValueInFlash": {
9758
9758
  "light": "{colorWhite}",
9759
9759
  "dark": "{colorWhite}"
9760
9760
  },
9761
- "colorBackgroundProgressBarLayoutDefault": {
9761
+ "colorBackgroundProgressBarDefault": {
9762
9762
  "light": "{colorNeutral700}",
9763
9763
  "dark": "{colorNeutral700}"
9764
9764
  },
9765
- "colorBackgroundProgressBarLayoutInFlash": {
9765
+ "colorBackgroundProgressBarInFlash": {
9766
9766
  "light": "{colorGreyOpaque25}",
9767
9767
  "dark": "{colorGreyOpaque25}"
9768
9768
  },
@@ -10962,10 +10962,10 @@ module.exports.preset = {
10962
10962
  "colorBackgroundNotificationStackBarActive": "color",
10963
10963
  "colorBackgroundNotificationStackBarHover": "color",
10964
10964
  "colorBackgroundPopover": "color",
10965
- "colorBackgroundProgressBarContentDefault": "color",
10966
- "colorBackgroundProgressBarContentInFlash": "color",
10967
- "colorBackgroundProgressBarLayoutDefault": "color",
10968
- "colorBackgroundProgressBarLayoutInFlash": "color",
10965
+ "colorBackgroundProgressBarValueDefault": "color",
10966
+ "colorBackgroundProgressBarValueInFlash": "color",
10967
+ "colorBackgroundProgressBarDefault": "color",
10968
+ "colorBackgroundProgressBarInFlash": "color",
10969
10969
  "colorBackgroundSegmentActive": "color",
10970
10970
  "colorBackgroundSegmentDefault": "color",
10971
10971
  "colorBackgroundSegmentDisabled": "color",
@@ -11671,6 +11671,8 @@ module.exports.preset = {
11671
11671
  "colorBackgroundNotificationRed",
11672
11672
  "colorBackgroundNotificationYellow",
11673
11673
  "colorBackgroundPopover",
11674
+ "colorBackgroundProgressBarValueDefault",
11675
+ "colorBackgroundProgressBarDefault",
11674
11676
  "colorBackgroundSegmentActive",
11675
11677
  "colorBackgroundSegmentDefault",
11676
11678
  "colorBackgroundSegmentDisabled",
@@ -12042,6 +12044,8 @@ module.exports.preset = {
12042
12044
  "colorBackgroundNotificationRed",
12043
12045
  "colorBackgroundNotificationYellow",
12044
12046
  "colorBackgroundPopover",
12047
+ "colorBackgroundProgressBarValueDefault",
12048
+ "colorBackgroundProgressBarDefault",
12045
12049
  "colorBackgroundSegmentActive",
12046
12050
  "colorBackgroundSegmentDefault",
12047
12051
  "colorBackgroundSegmentDisabled",
@@ -12594,10 +12598,10 @@ module.exports.preset = {
12594
12598
  "colorBackgroundNotificationStackBarActive": "color-background-notification-stack-bar-active",
12595
12599
  "colorBackgroundNotificationStackBarHover": "color-background-notification-stack-bar-hover",
12596
12600
  "colorBackgroundPopover": "color-background-popover",
12597
- "colorBackgroundProgressBarContentDefault": "color-background-progress-bar-content-default",
12598
- "colorBackgroundProgressBarContentInFlash": "color-background-progress-bar-content-in-flash",
12599
- "colorBackgroundProgressBarLayoutDefault": "color-background-progress-bar-layout-default",
12600
- "colorBackgroundProgressBarLayoutInFlash": "color-background-progress-bar-layout-in-flash",
12601
+ "colorBackgroundProgressBarValueDefault": "color-background-progress-bar-value-default",
12602
+ "colorBackgroundProgressBarValueInFlash": "color-background-progress-bar-value-in-flash",
12603
+ "colorBackgroundProgressBarDefault": "color-background-progress-bar-default",
12604
+ "colorBackgroundProgressBarInFlash": "color-background-progress-bar-in-flash",
12601
12605
  "colorBackgroundSegmentActive": "color-background-segment-active",
12602
12606
  "colorBackgroundSegmentDefault": "color-background-segment-default",
12603
12607
  "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
@@ -13415,10 +13419,10 @@ module.exports.preset = {
13415
13419
  "colorBackgroundNotificationStackBarActive": "--color-background-notification-stack-bar-active-a4h9r8",
13416
13420
  "colorBackgroundNotificationStackBarHover": "--color-background-notification-stack-bar-hover-jh82oo",
13417
13421
  "colorBackgroundPopover": "--color-background-popover-e20fy8",
13418
- "colorBackgroundProgressBarContentDefault": "--color-background-progress-bar-content-default-il6sg6",
13419
- "colorBackgroundProgressBarContentInFlash": "--color-background-progress-bar-content-in-flash-98s7uz",
13420
- "colorBackgroundProgressBarLayoutDefault": "--color-background-progress-bar-layout-default-z3ipl1",
13421
- "colorBackgroundProgressBarLayoutInFlash": "--color-background-progress-bar-layout-in-flash-wssh6k",
13422
+ "colorBackgroundProgressBarValueDefault": "--color-background-progress-bar-value-default-9zs42p",
13423
+ "colorBackgroundProgressBarValueInFlash": "--color-background-progress-bar-value-in-flash-q2h8w5",
13424
+ "colorBackgroundProgressBarDefault": "--color-background-progress-bar-default-4755ec",
13425
+ "colorBackgroundProgressBarInFlash": "--color-background-progress-bar-in-flash-f4k60b",
13422
13426
  "colorBackgroundSegmentActive": "--color-background-segment-active-1u2ldl",
13423
13427
  "colorBackgroundSegmentDefault": "--color-background-segment-default-b0r494",
13424
13428
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -111,6 +111,8 @@ export declare interface TypedOverride {
111
111
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
112
112
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
113
113
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
116
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
117
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
116
118
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -391,6 +393,8 @@ export declare interface TypedOverride {
391
393
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
392
394
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
393
395
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
397
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
394
398
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
395
399
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
400
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -671,6 +675,8 @@ export declare interface TypedOverride {
671
675
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
676
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
673
677
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
680
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
681
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
682
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -951,6 +957,8 @@ export declare interface TypedOverride {
951
957
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
958
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
953
959
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
960
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
961
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
954
962
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
955
963
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
956
964
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1231,6 +1239,8 @@ export declare interface TypedOverride {
1231
1239
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1232
1240
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1233
1241
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1242
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1243
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1234
1244
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1235
1245
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1236
1246
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1511,6 +1521,8 @@ export declare interface TypedOverride {
1511
1521
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1512
1522
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1513
1523
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1524
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1525
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1514
1526
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1515
1527
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1516
1528
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1791,6 +1803,8 @@ export declare interface TypedOverride {
1791
1803
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1792
1804
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1793
1805
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1806
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1807
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1794
1808
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1795
1809
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1796
1810
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2071,6 +2085,8 @@ export declare interface TypedOverride {
2071
2085
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2072
2086
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2073
2087
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2088
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2089
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2074
2090
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2075
2091
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2076
2092
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2351,6 +2367,8 @@ export declare interface TypedOverride {
2351
2367
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2352
2368
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2353
2369
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2370
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2371
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2354
2372
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2355
2373
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2356
2374
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -111,6 +111,8 @@ export declare interface TypedOverride {
111
111
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
112
112
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
113
113
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
114
116
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
115
117
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
116
118
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -391,6 +393,8 @@ export declare interface TypedOverride {
391
393
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
392
394
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
393
395
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
397
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
394
398
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
395
399
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
400
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -671,6 +675,8 @@ export declare interface TypedOverride {
671
675
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
672
676
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
673
677
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
678
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
679
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
680
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
675
681
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
676
682
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -951,6 +957,8 @@ export declare interface TypedOverride {
951
957
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
958
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
953
959
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
960
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
961
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
954
962
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
955
963
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
956
964
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1231,6 +1239,8 @@ export declare interface TypedOverride {
1231
1239
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1232
1240
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1233
1241
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1242
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1243
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1234
1244
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1235
1245
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1236
1246
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1511,6 +1521,8 @@ export declare interface TypedOverride {
1511
1521
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1512
1522
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1513
1523
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1524
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1525
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1514
1526
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1515
1527
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1516
1528
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1791,6 +1803,8 @@ export declare interface TypedOverride {
1791
1803
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1792
1804
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1793
1805
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1806
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1807
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1794
1808
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1795
1809
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1796
1810
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2071,6 +2085,8 @@ export declare interface TypedOverride {
2071
2085
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2072
2086
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2073
2087
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2088
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2089
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2074
2090
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2075
2091
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2076
2092
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2351,6 +2367,8 @@ export declare interface TypedOverride {
2351
2367
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2352
2368
  colorBackgroundNotificationYellow?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2353
2369
  colorBackgroundPopover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2370
+ colorBackgroundProgressBarValueDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2371
+ colorBackgroundProgressBarDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2354
2372
  colorBackgroundSegmentActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2355
2373
  colorBackgroundSegmentDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2356
2374
  colorBackgroundSegmentDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -1407,19 +1407,19 @@ export var preset = {
1407
1407
  "light": "{colorWhite}",
1408
1408
  "dark": "{colorNeutral800}"
1409
1409
  },
1410
- "colorBackgroundProgressBarContentDefault": {
1410
+ "colorBackgroundProgressBarValueDefault": {
1411
1411
  "light": "{colorPrimary600}",
1412
1412
  "dark": "{colorPrimary400}"
1413
1413
  },
1414
- "colorBackgroundProgressBarContentInFlash": {
1414
+ "colorBackgroundProgressBarValueInFlash": {
1415
1415
  "light": "{colorWhite}",
1416
1416
  "dark": "{colorWhite}"
1417
1417
  },
1418
- "colorBackgroundProgressBarLayoutDefault": {
1418
+ "colorBackgroundProgressBarDefault": {
1419
1419
  "light": "{colorNeutral250}",
1420
1420
  "dark": "{colorNeutral700}"
1421
1421
  },
1422
- "colorBackgroundProgressBarLayoutInFlash": {
1422
+ "colorBackgroundProgressBarInFlash": {
1423
1423
  "light": "{colorGreyOpaque25}",
1424
1424
  "dark": "{colorGreyOpaque25}"
1425
1425
  },
@@ -3724,19 +3724,19 @@ export var preset = {
3724
3724
  "light": "{colorNeutral800}",
3725
3725
  "dark": "{colorNeutral800}"
3726
3726
  },
3727
- "colorBackgroundProgressBarContentDefault": {
3727
+ "colorBackgroundProgressBarValueDefault": {
3728
3728
  "light": "{colorPrimary400}",
3729
3729
  "dark": "{colorPrimary400}"
3730
3730
  },
3731
- "colorBackgroundProgressBarContentInFlash": {
3731
+ "colorBackgroundProgressBarValueInFlash": {
3732
3732
  "light": "{colorWhite}",
3733
3733
  "dark": "{colorWhite}"
3734
3734
  },
3735
- "colorBackgroundProgressBarLayoutDefault": {
3735
+ "colorBackgroundProgressBarDefault": {
3736
3736
  "light": "{colorNeutral700}",
3737
3737
  "dark": "{colorNeutral700}"
3738
3738
  },
3739
- "colorBackgroundProgressBarLayoutInFlash": {
3739
+ "colorBackgroundProgressBarInFlash": {
3740
3740
  "light": "{colorGreyOpaque25}",
3741
3741
  "dark": "{colorGreyOpaque25}"
3742
3742
  },
@@ -5049,19 +5049,19 @@ export var preset = {
5049
5049
  "light": "{colorNeutral800}",
5050
5050
  "dark": "{colorNeutral800}"
5051
5051
  },
5052
- "colorBackgroundProgressBarContentDefault": {
5052
+ "colorBackgroundProgressBarValueDefault": {
5053
5053
  "light": "{colorPrimary400}",
5054
5054
  "dark": "{colorPrimary400}"
5055
5055
  },
5056
- "colorBackgroundProgressBarContentInFlash": {
5056
+ "colorBackgroundProgressBarValueInFlash": {
5057
5057
  "light": "{colorWhite}",
5058
5058
  "dark": "{colorWhite}"
5059
5059
  },
5060
- "colorBackgroundProgressBarLayoutDefault": {
5060
+ "colorBackgroundProgressBarDefault": {
5061
5061
  "light": "{colorNeutral700}",
5062
5062
  "dark": "{colorNeutral700}"
5063
5063
  },
5064
- "colorBackgroundProgressBarLayoutInFlash": {
5064
+ "colorBackgroundProgressBarInFlash": {
5065
5065
  "light": "{colorGreyOpaque25}",
5066
5066
  "dark": "{colorGreyOpaque25}"
5067
5067
  },
@@ -6310,19 +6310,19 @@ export var preset = {
6310
6310
  "light": "{colorWhite}",
6311
6311
  "dark": "{colorNeutral800}"
6312
6312
  },
6313
- "colorBackgroundProgressBarContentDefault": {
6313
+ "colorBackgroundProgressBarValueDefault": {
6314
6314
  "light": "{colorPrimary600}",
6315
6315
  "dark": "{colorPrimary400}"
6316
6316
  },
6317
- "colorBackgroundProgressBarContentInFlash": {
6317
+ "colorBackgroundProgressBarValueInFlash": {
6318
6318
  "light": "{colorWhite}",
6319
6319
  "dark": "{colorWhite}"
6320
6320
  },
6321
- "colorBackgroundProgressBarLayoutDefault": {
6321
+ "colorBackgroundProgressBarDefault": {
6322
6322
  "light": "{colorNeutral250}",
6323
6323
  "dark": "{colorNeutral700}"
6324
6324
  },
6325
- "colorBackgroundProgressBarLayoutInFlash": {
6325
+ "colorBackgroundProgressBarInFlash": {
6326
6326
  "light": "{colorGreyOpaque25}",
6327
6327
  "dark": "{colorGreyOpaque25}"
6328
6328
  },
@@ -7456,19 +7456,19 @@ export var preset = {
7456
7456
  "light": "{colorWhite}",
7457
7457
  "dark": "{colorNeutral800}"
7458
7458
  },
7459
- "colorBackgroundProgressBarContentDefault": {
7459
+ "colorBackgroundProgressBarValueDefault": {
7460
7460
  "light": "{colorPrimary600}",
7461
7461
  "dark": "{colorPrimary400}"
7462
7462
  },
7463
- "colorBackgroundProgressBarContentInFlash": {
7463
+ "colorBackgroundProgressBarValueInFlash": {
7464
7464
  "light": "{colorNeutral950}",
7465
7465
  "dark": "{colorNeutral950}"
7466
7466
  },
7467
- "colorBackgroundProgressBarLayoutDefault": {
7467
+ "colorBackgroundProgressBarDefault": {
7468
7468
  "light": "{colorNeutral250}",
7469
7469
  "dark": "{colorNeutral700}"
7470
7470
  },
7471
- "colorBackgroundProgressBarLayoutInFlash": {
7471
+ "colorBackgroundProgressBarInFlash": {
7472
7472
  "light": "{colorGreyOpaque10}",
7473
7473
  "dark": "{colorGreyOpaque10}"
7474
7474
  },
@@ -8602,19 +8602,19 @@ export var preset = {
8602
8602
  "light": "{colorWhite}",
8603
8603
  "dark": "{colorNeutral800}"
8604
8604
  },
8605
- "colorBackgroundProgressBarContentDefault": {
8605
+ "colorBackgroundProgressBarValueDefault": {
8606
8606
  "light": "{colorPrimary600}",
8607
8607
  "dark": "{colorPrimary400}"
8608
8608
  },
8609
- "colorBackgroundProgressBarContentInFlash": {
8609
+ "colorBackgroundProgressBarValueInFlash": {
8610
8610
  "light": "{colorWhite}",
8611
8611
  "dark": "{colorWhite}"
8612
8612
  },
8613
- "colorBackgroundProgressBarLayoutDefault": {
8613
+ "colorBackgroundProgressBarDefault": {
8614
8614
  "light": "{colorNeutral250}",
8615
8615
  "dark": "{colorNeutral700}"
8616
8616
  },
8617
- "colorBackgroundProgressBarLayoutInFlash": {
8617
+ "colorBackgroundProgressBarInFlash": {
8618
8618
  "light": "{colorGreyOpaque25}",
8619
8619
  "dark": "{colorGreyOpaque25}"
8620
8620
  },
@@ -9750,19 +9750,19 @@ export var preset = {
9750
9750
  "light": "{colorNeutral800}",
9751
9751
  "dark": "{colorNeutral800}"
9752
9752
  },
9753
- "colorBackgroundProgressBarContentDefault": {
9753
+ "colorBackgroundProgressBarValueDefault": {
9754
9754
  "light": "{colorPrimary400}",
9755
9755
  "dark": "{colorPrimary400}"
9756
9756
  },
9757
- "colorBackgroundProgressBarContentInFlash": {
9757
+ "colorBackgroundProgressBarValueInFlash": {
9758
9758
  "light": "{colorWhite}",
9759
9759
  "dark": "{colorWhite}"
9760
9760
  },
9761
- "colorBackgroundProgressBarLayoutDefault": {
9761
+ "colorBackgroundProgressBarDefault": {
9762
9762
  "light": "{colorNeutral700}",
9763
9763
  "dark": "{colorNeutral700}"
9764
9764
  },
9765
- "colorBackgroundProgressBarLayoutInFlash": {
9765
+ "colorBackgroundProgressBarInFlash": {
9766
9766
  "light": "{colorGreyOpaque25}",
9767
9767
  "dark": "{colorGreyOpaque25}"
9768
9768
  },
@@ -10962,10 +10962,10 @@ export var preset = {
10962
10962
  "colorBackgroundNotificationStackBarActive": "color",
10963
10963
  "colorBackgroundNotificationStackBarHover": "color",
10964
10964
  "colorBackgroundPopover": "color",
10965
- "colorBackgroundProgressBarContentDefault": "color",
10966
- "colorBackgroundProgressBarContentInFlash": "color",
10967
- "colorBackgroundProgressBarLayoutDefault": "color",
10968
- "colorBackgroundProgressBarLayoutInFlash": "color",
10965
+ "colorBackgroundProgressBarValueDefault": "color",
10966
+ "colorBackgroundProgressBarValueInFlash": "color",
10967
+ "colorBackgroundProgressBarDefault": "color",
10968
+ "colorBackgroundProgressBarInFlash": "color",
10969
10969
  "colorBackgroundSegmentActive": "color",
10970
10970
  "colorBackgroundSegmentDefault": "color",
10971
10971
  "colorBackgroundSegmentDisabled": "color",
@@ -11671,6 +11671,8 @@ export var preset = {
11671
11671
  "colorBackgroundNotificationRed",
11672
11672
  "colorBackgroundNotificationYellow",
11673
11673
  "colorBackgroundPopover",
11674
+ "colorBackgroundProgressBarValueDefault",
11675
+ "colorBackgroundProgressBarDefault",
11674
11676
  "colorBackgroundSegmentActive",
11675
11677
  "colorBackgroundSegmentDefault",
11676
11678
  "colorBackgroundSegmentDisabled",
@@ -12042,6 +12044,8 @@ export var preset = {
12042
12044
  "colorBackgroundNotificationRed",
12043
12045
  "colorBackgroundNotificationYellow",
12044
12046
  "colorBackgroundPopover",
12047
+ "colorBackgroundProgressBarValueDefault",
12048
+ "colorBackgroundProgressBarDefault",
12045
12049
  "colorBackgroundSegmentActive",
12046
12050
  "colorBackgroundSegmentDefault",
12047
12051
  "colorBackgroundSegmentDisabled",
@@ -12594,10 +12598,10 @@ export var preset = {
12594
12598
  "colorBackgroundNotificationStackBarActive": "color-background-notification-stack-bar-active",
12595
12599
  "colorBackgroundNotificationStackBarHover": "color-background-notification-stack-bar-hover",
12596
12600
  "colorBackgroundPopover": "color-background-popover",
12597
- "colorBackgroundProgressBarContentDefault": "color-background-progress-bar-content-default",
12598
- "colorBackgroundProgressBarContentInFlash": "color-background-progress-bar-content-in-flash",
12599
- "colorBackgroundProgressBarLayoutDefault": "color-background-progress-bar-layout-default",
12600
- "colorBackgroundProgressBarLayoutInFlash": "color-background-progress-bar-layout-in-flash",
12601
+ "colorBackgroundProgressBarValueDefault": "color-background-progress-bar-value-default",
12602
+ "colorBackgroundProgressBarValueInFlash": "color-background-progress-bar-value-in-flash",
12603
+ "colorBackgroundProgressBarDefault": "color-background-progress-bar-default",
12604
+ "colorBackgroundProgressBarInFlash": "color-background-progress-bar-in-flash",
12601
12605
  "colorBackgroundSegmentActive": "color-background-segment-active",
12602
12606
  "colorBackgroundSegmentDefault": "color-background-segment-default",
12603
12607
  "colorBackgroundSegmentDisabled": "color-background-segment-disabled",
@@ -13415,10 +13419,10 @@ export var preset = {
13415
13419
  "colorBackgroundNotificationStackBarActive": "--color-background-notification-stack-bar-active-a4h9r8",
13416
13420
  "colorBackgroundNotificationStackBarHover": "--color-background-notification-stack-bar-hover-jh82oo",
13417
13421
  "colorBackgroundPopover": "--color-background-popover-e20fy8",
13418
- "colorBackgroundProgressBarContentDefault": "--color-background-progress-bar-content-default-il6sg6",
13419
- "colorBackgroundProgressBarContentInFlash": "--color-background-progress-bar-content-in-flash-98s7uz",
13420
- "colorBackgroundProgressBarLayoutDefault": "--color-background-progress-bar-layout-default-z3ipl1",
13421
- "colorBackgroundProgressBarLayoutInFlash": "--color-background-progress-bar-layout-in-flash-wssh6k",
13422
+ "colorBackgroundProgressBarValueDefault": "--color-background-progress-bar-value-default-9zs42p",
13423
+ "colorBackgroundProgressBarValueInFlash": "--color-background-progress-bar-value-in-flash-q2h8w5",
13424
+ "colorBackgroundProgressBarDefault": "--color-background-progress-bar-default-4755ec",
13425
+ "colorBackgroundProgressBarInFlash": "--color-background-progress-bar-in-flash-f4k60b",
13422
13426
  "colorBackgroundSegmentActive": "--color-background-segment-active-1u2ldl",
13423
13427
  "colorBackgroundSegmentDefault": "--color-background-segment-default-b0r494",
13424
13428
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-m2a5t7",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "45ad68cf928c8a195272a2156ce350b6e044a3f4"
2
+ "commit": "dcf2b46df25c5f5b5ba822a01971168c45efbfce"
3
3
  }
package/package.json CHANGED
@@ -158,7 +158,7 @@
158
158
  "./internal/base-component/index.js",
159
159
  "./internal/base-component/styles.css.js"
160
160
  ],
161
- "version": "3.0.1181",
161
+ "version": "3.0.1182",
162
162
  "repository": {
163
163
  "type": "git",
164
164
  "url": "https://github.com/cloudscape-design/components.git"
package/progress-bar/styles.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "progress": "awsui_progress_11huc_1fb3t_189",
5
- "result-state": "awsui_result-state_11huc_1fb3t_203",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1fb3t_1",
7
- "root": "awsui_root_11huc_1fb3t_225",
8
- "with-result-button": "awsui_with-result-button_11huc_1fb3t_257",
9
- "result-text": "awsui_result-text_11huc_1fb3t_261",
10
- "result-container-error": "awsui_result-container-error_11huc_1fb3t_265",
11
- "result-container-success": "awsui_result-container-success_11huc_1fb3t_265",
12
- "result-button": "awsui_result-button_11huc_1fb3t_269",
13
- "word-wrap": "awsui_word-wrap_11huc_1fb3t_275",
14
- "label-flash": "awsui_label-flash_11huc_1fb3t_280",
15
- "label-key-value": "awsui_label-key-value_11huc_1fb3t_284",
16
- "flash": "awsui_flash_11huc_1fb3t_292",
17
- "progress-container": "awsui_progress-container_11huc_1fb3t_296",
18
- "percentage-container": "awsui_percentage-container_11huc_1fb3t_303",
19
- "percentage": "awsui_percentage_11huc_1fb3t_303",
20
- "complete": "awsui_complete_11huc_1fb3t_349",
21
- "progress-in-flash": "awsui_progress-in-flash_11huc_1fb3t_362",
22
- "additional-info": "awsui_additional-info_11huc_1fb3t_375"
4
+ "progress": "awsui_progress_11huc_15f24_189",
5
+ "result-state": "awsui_result-state_11huc_15f24_203",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_15f24_1",
7
+ "root": "awsui_root_11huc_15f24_225",
8
+ "with-result-button": "awsui_with-result-button_11huc_15f24_257",
9
+ "result-text": "awsui_result-text_11huc_15f24_261",
10
+ "result-container-error": "awsui_result-container-error_11huc_15f24_265",
11
+ "result-container-success": "awsui_result-container-success_11huc_15f24_265",
12
+ "result-button": "awsui_result-button_11huc_15f24_269",
13
+ "word-wrap": "awsui_word-wrap_11huc_15f24_275",
14
+ "label-flash": "awsui_label-flash_11huc_15f24_280",
15
+ "label-key-value": "awsui_label-key-value_11huc_15f24_284",
16
+ "flash": "awsui_flash_11huc_15f24_292",
17
+ "progress-container": "awsui_progress-container_11huc_15f24_296",
18
+ "percentage-container": "awsui_percentage-container_11huc_15f24_303",
19
+ "percentage": "awsui_percentage_11huc_15f24_303",
20
+ "complete": "awsui_complete_11huc_15f24_349",
21
+ "progress-in-flash": "awsui_progress-in-flash_11huc_15f24_362",
22
+ "additional-info": "awsui_additional-info_11huc_15f24_375"
23
23
  };
24
24
 
package/progress-bar/styles.scoped.css CHANGED
@@ -186,27 +186,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-value {
189
+ .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-value {
190
190
  -webkit-transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
191
191
  transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
192
192
  }
193
193
  @media (prefers-reduced-motion: reduce) {
194
- .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-value {
194
+ .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-value {
195
195
  animation: none;
196
196
  -webkit-transition: none;
197
197
  transition: none;
198
198
  }
199
199
  }
200
- .awsui-motion-disabled .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-value {
200
+ .awsui-motion-disabled .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-value {
201
201
  animation: none;
202
202
  -webkit-transition: none;
203
203
  transition: none;
204
204
  }
205
205
 
206
- .awsui_result-state_11huc_1fb3t_203:not(#\9) {
207
- animation: awsui_awsui-motion-fade-in_11huc_1fb3t_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
206
+ .awsui_result-state_11huc_15f24_203:not(#\9) {
207
+ animation: awsui_awsui-motion-fade-in_11huc_15f24_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
208
208
  }
209
- @keyframes awsui_awsui-motion-fade-in_11huc_1fb3t_1 {
209
+ @keyframes awsui_awsui-motion-fade-in_11huc_15f24_1 {
210
210
  from {
211
211
  opacity: 0.2;
212
212
  }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  }
216
216
  }
217
217
  @media (prefers-reduced-motion: reduce) {
218
- .awsui_result-state_11huc_1fb3t_203:not(#\9) {
218
+ .awsui_result-state_11huc_15f24_203:not(#\9) {
219
219
  animation: none;
220
220
  transition: none;
221
221
  }
222
222
  }
223
- .awsui-motion-disabled .awsui_result-state_11huc_1fb3t_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1fb3t_203:not(#\9) {
223
+ .awsui-motion-disabled .awsui_result-state_11huc_15f24_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_15f24_203:not(#\9) {
224
224
  animation: none;
225
225
  transition: none;
226
226
  }
227
227
 
228
- .awsui_root_11huc_1fb3t_225:not(#\9) {
228
+ .awsui_root_11huc_15f24_225:not(#\9) {
229
229
  border-collapse: separate;
230
230
  border-spacing: 0;
231
231
  box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
257
257
  -moz-osx-font-smoothing: auto;
258
258
  }
259
259
 
260
- .awsui_with-result-button_11huc_1fb3t_257:not(#\9) {
260
+ .awsui_with-result-button_11huc_15f24_257:not(#\9) {
261
261
  padding-inline-end: var(--space-m-dsumyt, 16px);
262
262
  }
263
263
 
264
- .awsui_result-text_11huc_1fb3t_261:not(#\9) {
264
+ .awsui_result-text_11huc_15f24_261:not(#\9) {
265
265
  /* used in test-utils */
266
266
  }
267
267
 
268
- .awsui_result-container-error_11huc_1fb3t_265:not(#\9), .awsui_result-container-success_11huc_1fb3t_265:not(#\9) {
268
+ .awsui_result-container-error_11huc_15f24_265:not(#\9), .awsui_result-container-success_11huc_15f24_265:not(#\9) {
269
269
  /* used in test-utils */
270
270
  }
271
271
 
272
- .awsui_result-button_11huc_1fb3t_269:not(#\9) {
272
+ .awsui_result-button_11huc_15f24_269:not(#\9) {
273
273
  display: inline-block;
274
274
  margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
275
275
  margin-inline: 0;
276
276
  }
277
277
 
278
- .awsui_word-wrap_11huc_1fb3t_275:not(#\9) {
278
+ .awsui_word-wrap_11huc_15f24_275:not(#\9) {
279
279
  min-inline-size: 0;
280
280
  word-break: break-word;
281
281
  }
282
282
 
283
- .awsui_label-flash_11huc_1fb3t_280:not(#\9) {
283
+ .awsui_label-flash_11huc_15f24_280:not(#\9) {
284
284
  color: inherit;
285
285
  font-weight: 700;
286
286
  }
287
- .awsui_label-key-value_11huc_1fb3t_284:not(#\9) {
287
+ .awsui_label-key-value_11huc_15f24_284:not(#\9) {
288
288
  font-size: var(--font-size-body-m-a7nh2n, 14px);
289
289
  line-height: var(--line-height-body-m-2mh3ke, 20px);
290
290
  font-weight: var(--font-display-label-weight-zavpeo, 700);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
292
292
  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
293
293
  }
294
294
 
295
- .awsui_flash_11huc_1fb3t_292:not(#\9) {
295
+ .awsui_flash_11huc_15f24_292:not(#\9) {
296
296
  color: inherit;
297
297
  }
298
298
 
299
- .awsui_progress-container_11huc_1fb3t_296:not(#\9) {
299
+ .awsui_progress-container_11huc_15f24_296:not(#\9) {
300
300
  display: flex;
301
301
  align-items: center;
302
302
  max-inline-size: 800px;
303
303
  block-size: var(--line-height-body-m-2mh3ke, 20px);
304
304
  }
305
305
 
306
- .awsui_percentage-container_11huc_1fb3t_303:not(#\9) {
306
+ .awsui_percentage-container_11huc_15f24_303:not(#\9) {
307
307
  inline-size: 33px;
308
308
  flex-shrink: 0;
309
309
  white-space: nowrap;
@@ -313,11 +313,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
313
313
  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
314
314
  }
315
315
 
316
- .awsui_percentage_11huc_1fb3t_303:not(#\9) {
316
+ .awsui_percentage_11huc_15f24_303:not(#\9) {
317
317
  /* used in test-utils */
318
318
  }
319
319
 
320
- .awsui_progress_11huc_1fb3t_189:not(#\9) {
320
+ .awsui_progress_11huc_15f24_189:not(#\9) {
321
321
  inline-size: 100%;
322
322
  margin-inline-end: var(--space-s-tvghoh, 12px);
323
323
  min-inline-size: 0;
@@ -329,9 +329,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
329
329
  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
330
330
  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
331
331
  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
332
- background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0));
332
+ background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-default-4755ec, #ebebf0));
333
333
  }
334
- .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-bar {
334
+ .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-bar {
335
335
  block-size: var(--awsui-progress-bar-height-4hh3rt, 4px);
336
336
  border-block: 0;
337
337
  border-inline: none;
@@ -340,41 +340,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
340
340
  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
341
341
  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
342
342
  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
343
- background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0));
343
+ background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-default-4755ec, #ebebf0));
344
344
  }
345
- .awsui_progress_11huc_1fb3t_189:not(#\9)::-webkit-progress-value {
345
+ .awsui_progress_11huc_15f24_189:not(#\9)::-webkit-progress-value {
346
346
  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
347
347
  border-start-end-radius: 0;
348
348
  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
349
349
  border-end-end-radius: 0;
350
- background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
350
+ background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-default-9zs42p, #006ce0));
351
351
  }
352
- .awsui_progress_11huc_1fb3t_189.awsui_complete_11huc_1fb3t_349:not(#\9)::-webkit-progress-value {
352
+ .awsui_progress_11huc_15f24_189.awsui_complete_11huc_15f24_349:not(#\9)::-webkit-progress-value {
353
353
  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
354
354
  border-start-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
355
355
  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
356
356
  border-end-end-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
357
357
  }
358
- .awsui_progress_11huc_1fb3t_189:not(#\9)::-moz-progress-bar {
358
+ .awsui_progress_11huc_15f24_189:not(#\9)::-moz-progress-bar {
359
359
  border-start-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
360
360
  border-start-end-radius: 0;
361
361
  border-end-start-radius: var(--awsui-progress-bar-border-radius-4hh3rt, 10px);
362
362
  border-end-end-radius: 0;
363
- background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
363
+ background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-default-9zs42p, #006ce0));
364
364
  }
365
- .awsui_progress_11huc_1fb3t_189.awsui_progress-in-flash_11huc_1fb3t_362:not(#\9) {
366
- background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
365
+ .awsui_progress_11huc_15f24_189.awsui_progress-in-flash_11huc_15f24_362:not(#\9) {
366
+ background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25)));
367
367
  }
368
- .awsui_progress_11huc_1fb3t_189.awsui_progress-in-flash_11huc_1fb3t_362:not(#\9)::-moz-progress-bar {
369
- background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
368
+ .awsui_progress_11huc_15f24_189.awsui_progress-in-flash_11huc_15f24_362:not(#\9)::-moz-progress-bar {
369
+ background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-in-flash-q2h8w5, #ffffff));
370
370
  }
371
- .awsui_progress_11huc_1fb3t_189.awsui_progress-in-flash_11huc_1fb3t_362:not(#\9)::-webkit-progress-bar {
372
- background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
371
+ .awsui_progress_11huc_15f24_189.awsui_progress-in-flash_11huc_15f24_362:not(#\9)::-webkit-progress-bar {
372
+ background-color: var(--awsui-progress-bar-background-color-4hh3rt, var(--color-background-progress-bar-in-flash-f4k60b, rgba(255, 255, 255, 0.25)));
373
373
  }
374
- .awsui_progress_11huc_1fb3t_189.awsui_progress-in-flash_11huc_1fb3t_362:not(#\9)::-webkit-progress-value {
375
- background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
374
+ .awsui_progress_11huc_15f24_189.awsui_progress-in-flash_11huc_15f24_362:not(#\9)::-webkit-progress-value {
375
+ background-color: var(--awsui-progress-value-background-color-4hh3rt, var(--color-background-progress-bar-value-in-flash-q2h8w5, #ffffff));
376
376
  }
377
377
 
378
- .awsui_additional-info_11huc_1fb3t_375:not(#\9) {
378
+ .awsui_additional-info_11huc_15f24_375:not(#\9) {
379
379
  /* used in test-utils */
380
380
  }
package/progress-bar/styles.selectors.js CHANGED
@@ -2,24 +2,24 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "progress": "awsui_progress_11huc_1fb3t_189",
6
- "result-state": "awsui_result-state_11huc_1fb3t_203",
7
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1fb3t_1",
8
- "root": "awsui_root_11huc_1fb3t_225",
9
- "with-result-button": "awsui_with-result-button_11huc_1fb3t_257",
10
- "result-text": "awsui_result-text_11huc_1fb3t_261",
11
- "result-container-error": "awsui_result-container-error_11huc_1fb3t_265",
12
- "result-container-success": "awsui_result-container-success_11huc_1fb3t_265",
13
- "result-button": "awsui_result-button_11huc_1fb3t_269",
14
- "word-wrap": "awsui_word-wrap_11huc_1fb3t_275",
15
- "label-flash": "awsui_label-flash_11huc_1fb3t_280",
16
- "label-key-value": "awsui_label-key-value_11huc_1fb3t_284",
17
- "flash": "awsui_flash_11huc_1fb3t_292",
18
- "progress-container": "awsui_progress-container_11huc_1fb3t_296",
19
- "percentage-container": "awsui_percentage-container_11huc_1fb3t_303",
20
- "percentage": "awsui_percentage_11huc_1fb3t_303",
21
- "complete": "awsui_complete_11huc_1fb3t_349",
22
- "progress-in-flash": "awsui_progress-in-flash_11huc_1fb3t_362",
23
- "additional-info": "awsui_additional-info_11huc_1fb3t_375"
5
+ "progress": "awsui_progress_11huc_15f24_189",
6
+ "result-state": "awsui_result-state_11huc_15f24_203",
7
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_15f24_1",
8
+ "root": "awsui_root_11huc_15f24_225",
9
+ "with-result-button": "awsui_with-result-button_11huc_15f24_257",
10
+ "result-text": "awsui_result-text_11huc_15f24_261",
11
+ "result-container-error": "awsui_result-container-error_11huc_15f24_265",
12
+ "result-container-success": "awsui_result-container-success_11huc_15f24_265",
13
+ "result-button": "awsui_result-button_11huc_15f24_269",
14
+ "word-wrap": "awsui_word-wrap_11huc_15f24_275",
15
+ "label-flash": "awsui_label-flash_11huc_15f24_280",
16
+ "label-key-value": "awsui_label-key-value_11huc_15f24_284",
17
+ "flash": "awsui_flash_11huc_15f24_292",
18
+ "progress-container": "awsui_progress-container_11huc_15f24_296",
19
+ "percentage-container": "awsui_percentage-container_11huc_15f24_303",
20
+ "percentage": "awsui_percentage_11huc_15f24_303",
21
+ "complete": "awsui_complete_11huc_15f24_349",
22
+ "progress-in-flash": "awsui_progress-in-flash_11huc_15f24_362",
23
+ "additional-info": "awsui_additional-info_11huc_15f24_375"
24
24
  };
25
25
 
package/select/parts/filter.js CHANGED
@@ -9,7 +9,7 @@ const Filter = React.forwardRef(({ filteringType, ...filterProps }, ref) => {
9
9
  }
10
10
  return (React.createElement(InternalInput, { ref: ref, type: "visualSearch", className: styles.filter, autoComplete: false, disableBrowserAutocorrect: true, invalid: false, __noBorderRadius: true, ...filterProps, nativeInputAttributes: {
11
11
  'aria-expanded': true,
12
- 'aria-haspopup': true,
12
+ 'aria-haspopup': 'listbox',
13
13
  role: 'combobox',
14
14
  autoCorrect: 'off',
15
15
  autoCapitalize: 'off',
package/select/parts/filter.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAqC,MAAM,sBAAsB,CAAC;AAGzE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,WAAW,EAAe,EAAE,GAAgC,EAAE,EAAE;IACnH,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,IAAI,EAC/B,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,IAAI,KAClB,WAAW,EACf,qBAAqB,EAAE;YACrB,eAAe,EAAE,IAAI;YACrB,eAAe,EAAE,IAAI;YACrB,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,GAAG,WAAW,CAAC,qBAAqB;SACrC,EACD,8BAA8B,EAAE,IAAI,GACpC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport InternalInput, { InternalInputProps } from '../../input/internal';\nimport { SelectProps } from '../interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface FilterProps extends InternalInputProps {\n ref?: React.Ref<HTMLInputElement>;\n filteringType: SelectProps.FilteringType;\n}\n\nconst Filter = React.forwardRef(({ filteringType, ...filterProps }: FilterProps, ref: React.Ref<HTMLInputElement>) => {\n if (filteringType === 'none') {\n return null;\n }\n\n return (\n <InternalInput\n ref={ref}\n type=\"visualSearch\"\n className={styles.filter}\n autoComplete={false}\n disableBrowserAutocorrect={true}\n invalid={false}\n __noBorderRadius={true}\n {...filterProps}\n nativeInputAttributes={{\n 'aria-expanded': true,\n 'aria-haspopup': true,\n role: 'combobox',\n autoCorrect: 'off',\n autoCapitalize: 'off',\n ...filterProps.nativeInputAttributes,\n }}\n __skipNativeAttributesWarnings={true}\n />\n );\n});\n\nexport default Filter;\n"]}
1
+ {"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAqC,MAAM,sBAAsB,CAAC;AAGzE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,aAAa,EAAE,GAAG,WAAW,EAAe,EAAE,GAAgC,EAAE,EAAE;IACnH,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,KAAK,EACnB,yBAAyB,EAAE,IAAI,EAC/B,OAAO,EAAE,KAAK,EACd,gBAAgB,EAAE,IAAI,KAClB,WAAW,EACf,qBAAqB,EAAE;YACrB,eAAe,EAAE,IAAI;YACrB,eAAe,EAAE,SAAS;YAC1B,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,GAAG,WAAW,CAAC,qBAAqB;SACrC,EACD,8BAA8B,EAAE,IAAI,GACpC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport InternalInput, { InternalInputProps } from '../../input/internal';\nimport { SelectProps } from '../interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface FilterProps extends InternalInputProps {\n ref?: React.Ref<HTMLInputElement>;\n filteringType: SelectProps.FilteringType;\n}\n\nconst Filter = React.forwardRef(({ filteringType, ...filterProps }: FilterProps, ref: React.Ref<HTMLInputElement>) => {\n if (filteringType === 'none') {\n return null;\n }\n\n return (\n <InternalInput\n ref={ref}\n type=\"visualSearch\"\n className={styles.filter}\n autoComplete={false}\n disableBrowserAutocorrect={true}\n invalid={false}\n __noBorderRadius={true}\n {...filterProps}\n nativeInputAttributes={{\n 'aria-expanded': true,\n 'aria-haspopup': 'listbox',\n role: 'combobox',\n autoCorrect: 'off',\n autoCapitalize: 'off',\n ...filterProps.nativeInputAttributes,\n }}\n __skipNativeAttributesWarnings={true}\n />\n );\n});\n\nexport default Filter;\n"]}