@cloudscape-design/components-themeable 3.0.1188 → 3.0.1190

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 (25) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/progress-bar/styles.scss +4 -4
  4. package/lib/internal/template/internal/base-component/styles.scoped.css +30 -30
  5. package/lib/internal/template/internal/components/autosuggest-input/index.d.ts.map +1 -1
  6. package/lib/internal/template/internal/components/autosuggest-input/index.js +6 -0
  7. package/lib/internal/template/internal/components/autosuggest-input/index.js.map +1 -1
  8. package/lib/internal/template/internal/environment.js +2 -2
  9. package/lib/internal/template/internal/environment.json +2 -2
  10. package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -4
  11. package/lib/internal/template/internal/generated/styles/tokens.js +4 -4
  12. package/lib/internal/template/internal/generated/theming/index.cjs +44 -40
  13. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +18 -0
  14. package/lib/internal/template/internal/generated/theming/index.d.ts +18 -0
  15. package/lib/internal/template/internal/generated/theming/index.js +44 -40
  16. package/lib/internal/template/internal/hooks/use-ime-composition/index.d.ts +13 -0
  17. package/lib/internal/template/internal/hooks/use-ime-composition/index.d.ts.map +1 -0
  18. package/lib/internal/template/internal/hooks/use-ime-composition/index.js +39 -0
  19. package/lib/internal/template/internal/hooks/use-ime-composition/index.js.map +1 -0
  20. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  21. package/lib/internal/template/progress-bar/styles.scoped.css +38 -38
  22. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  23. package/lib/internal/template/select/parts/filter.js +1 -1
  24. package/lib/internal/template/select/parts/filter.js.map +1 -1
  25. package/package.json +1 -1
package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/internal/hooks/use-ime-composition/index.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Custom hook to handle IME composition state for preventing IME race conditions when pressing enter to end composition.
3
+ *
4
+ * IME generates duplicate Enter events:
5
+ * 1. First Enter: Ends composition (isComposing=true -> false)
6
+ * 2. Second Enter: Triggers normal action (isComposing=false)
7
+ *
8
+ * This hook tracks composition lifecycle to prevent the second Enter during the brief window.
9
+ */
10
+ export declare function useIMEComposition(elementRef: React.RefObject<HTMLInputElement>): {
11
+ isComposing: () => boolean;
12
+ };
13
+ //# sourceMappingURL=index.d.ts.map
package/lib/internal/template/internal/hooks/use-ime-composition/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-ime-composition/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;;EAgC9E"}
package/lib/internal/template/internal/hooks/use-ime-composition/index.js ADDED
@@ -0,0 +1,39 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { useEffect, useRef } from 'react';
4
+ /**
5
+ * Custom hook to handle IME composition state for preventing IME race conditions when pressing enter to end composition.
6
+ *
7
+ * IME generates duplicate Enter events:
8
+ * 1. First Enter: Ends composition (isComposing=true -> false)
9
+ * 2. Second Enter: Triggers normal action (isComposing=false)
10
+ *
11
+ * This hook tracks composition lifecycle to prevent the second Enter during the brief window.
12
+ */
13
+ export function useIMEComposition(elementRef) {
14
+ const wasComposingRef = useRef(false);
15
+ const handleCompositionStart = () => {
16
+ wasComposingRef.current = true;
17
+ };
18
+ const handleCompositionEnd = () => {
19
+ // Keep flag true briefly to catch immediate post-composition Enter events
20
+ requestAnimationFrame(() => {
21
+ wasComposingRef.current = false;
22
+ });
23
+ };
24
+ useEffect(() => {
25
+ const element = elementRef.current;
26
+ if (!element) {
27
+ return;
28
+ }
29
+ element.addEventListener('compositionstart', handleCompositionStart);
30
+ element.addEventListener('compositionend', handleCompositionEnd);
31
+ return () => {
32
+ element.removeEventListener('compositionstart', handleCompositionStart);
33
+ element.removeEventListener('compositionend', handleCompositionEnd);
34
+ };
35
+ }, [elementRef]);
36
+ const isComposing = () => wasComposingRef.current;
37
+ return { isComposing };
38
+ }
39
+ //# sourceMappingURL=index.js.map
package/lib/internal/template/internal/hooks/use-ime-composition/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-ime-composition/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,UAA6C;IAC7E,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,0EAA0E;QAC1E,qBAAqB,CAAC,GAAG,EAAE;YACzB,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;QACrE,OAAO,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;QAEjE,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;YACxE,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC;IAElD,OAAO,EAAE,WAAW,EAAE,CAAC;AACzB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * Custom hook to handle IME composition state for preventing IME race conditions when pressing enter to end composition.\n *\n * IME generates duplicate Enter events:\n * 1. First Enter: Ends composition (isComposing=true -> false)\n * 2. Second Enter: Triggers normal action (isComposing=false)\n *\n * This hook tracks composition lifecycle to prevent the second Enter during the brief window.\n */\nexport function useIMEComposition(elementRef: React.RefObject<HTMLInputElement>) {\n const wasComposingRef = useRef(false);\n\n const handleCompositionStart = () => {\n wasComposingRef.current = true;\n };\n\n const handleCompositionEnd = () => {\n // Keep flag true briefly to catch immediate post-composition Enter events\n requestAnimationFrame(() => {\n wasComposingRef.current = false;\n });\n };\n\n useEffect(() => {\n const element = elementRef.current;\n if (!element) {\n return;\n }\n\n element.addEventListener('compositionstart', handleCompositionStart);\n element.addEventListener('compositionend', handleCompositionEnd);\n\n return () => {\n element.removeEventListener('compositionstart', handleCompositionStart);\n element.removeEventListener('compositionend', handleCompositionEnd);\n };\n }, [elementRef]);\n\n const isComposing = () => wasComposingRef.current;\n\n return { isComposing };\n}\n"]}
package/lib/internal/template/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_ajzhp_189",
5
- "result-state": "awsui_result-state_11huc_ajzhp_203",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_ajzhp_1",
7
- "root": "awsui_root_11huc_ajzhp_225",
8
- "with-result-button": "awsui_with-result-button_11huc_ajzhp_257",
9
- "result-text": "awsui_result-text_11huc_ajzhp_261",
10
- "result-container-error": "awsui_result-container-error_11huc_ajzhp_265",
11
- "result-container-success": "awsui_result-container-success_11huc_ajzhp_265",
12
- "result-button": "awsui_result-button_11huc_ajzhp_269",
13
- "word-wrap": "awsui_word-wrap_11huc_ajzhp_275",
14
- "label-flash": "awsui_label-flash_11huc_ajzhp_280",
15
- "label-key-value": "awsui_label-key-value_11huc_ajzhp_284",
16
- "flash": "awsui_flash_11huc_ajzhp_292",
17
- "progress-container": "awsui_progress-container_11huc_ajzhp_296",
18
- "percentage-container": "awsui_percentage-container_11huc_ajzhp_303",
19
- "percentage": "awsui_percentage_11huc_ajzhp_303",
20
- "complete": "awsui_complete_11huc_ajzhp_349",
21
- "progress-in-flash": "awsui_progress-in-flash_11huc_ajzhp_362",
22
- "additional-info": "awsui_additional-info_11huc_ajzhp_375"
4
+ "progress": "awsui_progress_11huc_a3ynd_189",
5
+ "result-state": "awsui_result-state_11huc_a3ynd_203",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_a3ynd_1",
7
+ "root": "awsui_root_11huc_a3ynd_225",
8
+ "with-result-button": "awsui_with-result-button_11huc_a3ynd_257",
9
+ "result-text": "awsui_result-text_11huc_a3ynd_261",
10
+ "result-container-error": "awsui_result-container-error_11huc_a3ynd_265",
11
+ "result-container-success": "awsui_result-container-success_11huc_a3ynd_265",
12
+ "result-button": "awsui_result-button_11huc_a3ynd_269",
13
+ "word-wrap": "awsui_word-wrap_11huc_a3ynd_275",
14
+ "label-flash": "awsui_label-flash_11huc_a3ynd_280",
15
+ "label-key-value": "awsui_label-key-value_11huc_a3ynd_284",
16
+ "flash": "awsui_flash_11huc_a3ynd_292",
17
+ "progress-container": "awsui_progress-container_11huc_a3ynd_296",
18
+ "percentage-container": "awsui_percentage-container_11huc_a3ynd_303",
19
+ "percentage": "awsui_percentage_11huc_a3ynd_303",
20
+ "complete": "awsui_complete_11huc_a3ynd_349",
21
+ "progress-in-flash": "awsui_progress-in-flash_11huc_a3ynd_362",
22
+ "additional-info": "awsui_additional-info_11huc_a3ynd_375"
23
23
  };
24
24