@cloudscape-design/components 3.0.1177 → 3.0.1179

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 (23) hide show
  1. package/internal/base-component/styles.scoped.css +33 -11
  2. package/internal/components/selectable-item/styles.css.js +22 -23
  3. package/internal/components/selectable-item/styles.scoped.css +102 -109
  4. package/internal/components/selectable-item/styles.selectors.js +22 -23
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/generated/styles/tokens.d.ts +8 -2
  8. package/internal/generated/styles/tokens.js +8 -2
  9. package/internal/generated/theming/index.cjs +234 -48
  10. package/internal/generated/theming/index.js +234 -48
  11. package/internal/hooks/use-virtual/index.d.ts.map +1 -1
  12. package/internal/hooks/use-virtual/index.js +6 -1
  13. package/internal/hooks/use-virtual/index.js.map +1 -1
  14. package/internal/manifest.json +1 -1
  15. package/package.json +1 -1
  16. package/select/parts/virtual-list.d.ts.map +1 -1
  17. package/select/parts/virtual-list.js +1 -1
  18. package/select/parts/virtual-list.js.map +1 -1
  19. package/select/utils/render-options.js +1 -1
  20. package/select/utils/render-options.js.map +1 -1
  21. package/slider/styles.css.js +26 -26
  22. package/slider/styles.scoped.css +112 -112
  23. package/slider/styles.selectors.js +26 -26
package/internal/generated/styles/tokens.js CHANGED
@@ -355,8 +355,14 @@ export var colorBackgroundSliderHandleDefault = "var(--color-background-slider-h
355
355
  export var colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-50ubqb, #004a9e)";
356
356
  export var colorBackgroundSliderTrackDefault = "var(--color-background-slider-track-default-vk2c9o, #8c8c94)";
357
357
  export var colorBackgroundSliderHandleRing = "var(--color-background-slider-handle-ring-9sfenj, #ffffff)";
358
- export var colorBackgroundSliderErrorPressed = "var(--color-background-slider-error-pressed-79f2kg, #700000)";
359
- export var colorBackgroundSliderWarningPressed = "var(--color-background-slider-warning-pressed-j1qp7g, #855900)";
358
+ export var colorBackgroundSliderHandleErrorDefault = "var(--color-background-slider-handle-error-default-411tqq, #db0000)";
359
+ export var colorBackgroundSliderHandleErrorActive = "var(--color-background-slider-handle-error-active-x65pfh, #db0000)";
360
+ export var colorBackgroundSliderHandleWarningDefault = "var(--color-background-slider-handle-warning-default-or76ej, #855900)";
361
+ export var colorBackgroundSliderHandleWarningActive = "var(--color-background-slider-handle-warning-active-7o84zp, #855900)";
362
+ export var colorBackgroundSliderRangeErrorDefault = "var(--color-background-slider-range-error-default-b519qn, #db0000)";
363
+ export var colorBackgroundSliderRangeErrorActive = "var(--color-background-slider-range-error-active-6bo8an, #db0000)";
364
+ export var colorBackgroundSliderRangeWarningDefault = "var(--color-background-slider-range-warning-default-6isqvo, #855900)";
365
+ export var colorBackgroundSliderRangeWarningActive = "var(--color-background-slider-range-warning-active-dm2pha, #855900)";
360
366
  export var colorBackgroundStatusError = "var(--color-background-status-error-mu3lcw, #fff5f5)";
361
367
  export var colorBackgroundStatusInfo = "var(--color-background-status-info-sfobba, #f0fbff)";
362
368
  export var colorBackgroundDialog = "var(--color-background-dialog-2fj3uu, #f0fbff)";
package/internal/generated/theming/index.cjs CHANGED
@@ -1467,13 +1467,37 @@ module.exports.preset = {
1467
1467
  "light": "{colorWhite}",
1468
1468
  "dark": "{colorNeutral850}"
1469
1469
  },
1470
- "colorBackgroundSliderErrorPressed": {
1471
- "light": "{colorError900}",
1472
- "dark": "{colorError400}"
1470
+ "colorBackgroundSliderHandleErrorDefault": {
1471
+ "light": "{colorTextStatusError}",
1472
+ "dark": "{colorTextStatusError}"
1473
1473
  },
1474
- "colorBackgroundSliderWarningPressed": {
1475
- "light": "{colorWarning900}",
1476
- "dark": "{colorWarning500}"
1474
+ "colorBackgroundSliderHandleErrorActive": {
1475
+ "light": "{colorTextStatusError}",
1476
+ "dark": "{colorTextStatusError}"
1477
+ },
1478
+ "colorBackgroundSliderHandleWarningDefault": {
1479
+ "light": "{colorTextStatusWarning}",
1480
+ "dark": "{colorTextStatusWarning}"
1481
+ },
1482
+ "colorBackgroundSliderHandleWarningActive": {
1483
+ "light": "{colorTextStatusWarning}",
1484
+ "dark": "{colorTextStatusWarning}"
1485
+ },
1486
+ "colorBackgroundSliderRangeErrorDefault": {
1487
+ "light": "{colorTextStatusError}",
1488
+ "dark": "{colorTextStatusError}"
1489
+ },
1490
+ "colorBackgroundSliderRangeErrorActive": {
1491
+ "light": "{colorTextStatusError}",
1492
+ "dark": "{colorTextStatusError}"
1493
+ },
1494
+ "colorBackgroundSliderRangeWarningDefault": {
1495
+ "light": "{colorTextStatusWarning}",
1496
+ "dark": "{colorTextStatusWarning}"
1497
+ },
1498
+ "colorBackgroundSliderRangeWarningActive": {
1499
+ "light": "{colorTextStatusWarning}",
1500
+ "dark": "{colorTextStatusWarning}"
1477
1501
  },
1478
1502
  "colorBackgroundStatusError": {
1479
1503
  "light": "{colorError50}",
@@ -3760,13 +3784,37 @@ module.exports.preset = {
3760
3784
  "light": "{colorNeutral850}",
3761
3785
  "dark": "{colorNeutral850}"
3762
3786
  },
3763
- "colorBackgroundSliderErrorPressed": {
3764
- "light": "{colorError400}",
3765
- "dark": "{colorError400}"
3787
+ "colorBackgroundSliderHandleErrorDefault": {
3788
+ "light": "{colorTextStatusError}",
3789
+ "dark": "{colorTextStatusError}"
3766
3790
  },
3767
- "colorBackgroundSliderWarningPressed": {
3768
- "light": "{colorWarning500}",
3769
- "dark": "{colorWarning500}"
3791
+ "colorBackgroundSliderHandleErrorActive": {
3792
+ "light": "{colorTextStatusError}",
3793
+ "dark": "{colorTextStatusError}"
3794
+ },
3795
+ "colorBackgroundSliderHandleWarningDefault": {
3796
+ "light": "{colorTextStatusWarning}",
3797
+ "dark": "{colorTextStatusWarning}"
3798
+ },
3799
+ "colorBackgroundSliderHandleWarningActive": {
3800
+ "light": "{colorTextStatusWarning}",
3801
+ "dark": "{colorTextStatusWarning}"
3802
+ },
3803
+ "colorBackgroundSliderRangeErrorDefault": {
3804
+ "light": "{colorTextStatusError}",
3805
+ "dark": "{colorTextStatusError}"
3806
+ },
3807
+ "colorBackgroundSliderRangeErrorActive": {
3808
+ "light": "{colorTextStatusError}",
3809
+ "dark": "{colorTextStatusError}"
3810
+ },
3811
+ "colorBackgroundSliderRangeWarningDefault": {
3812
+ "light": "{colorTextStatusWarning}",
3813
+ "dark": "{colorTextStatusWarning}"
3814
+ },
3815
+ "colorBackgroundSliderRangeWarningActive": {
3816
+ "light": "{colorTextStatusWarning}",
3817
+ "dark": "{colorTextStatusWarning}"
3770
3818
  },
3771
3819
  "colorBackgroundStatusError": {
3772
3820
  "light": "{colorError1000}",
@@ -5061,13 +5109,37 @@ module.exports.preset = {
5061
5109
  "light": "{colorNeutral850}",
5062
5110
  "dark": "{colorNeutral850}"
5063
5111
  },
5064
- "colorBackgroundSliderErrorPressed": {
5065
- "light": "{colorError400}",
5066
- "dark": "{colorError400}"
5112
+ "colorBackgroundSliderHandleErrorDefault": {
5113
+ "light": "{colorTextStatusError}",
5114
+ "dark": "{colorTextStatusError}"
5067
5115
  },
5068
- "colorBackgroundSliderWarningPressed": {
5069
- "light": "{colorWarning500}",
5070
- "dark": "{colorWarning500}"
5116
+ "colorBackgroundSliderHandleErrorActive": {
5117
+ "light": "{colorTextStatusError}",
5118
+ "dark": "{colorTextStatusError}"
5119
+ },
5120
+ "colorBackgroundSliderHandleWarningDefault": {
5121
+ "light": "{colorTextStatusWarning}",
5122
+ "dark": "{colorTextStatusWarning}"
5123
+ },
5124
+ "colorBackgroundSliderHandleWarningActive": {
5125
+ "light": "{colorTextStatusWarning}",
5126
+ "dark": "{colorTextStatusWarning}"
5127
+ },
5128
+ "colorBackgroundSliderRangeErrorDefault": {
5129
+ "light": "{colorTextStatusError}",
5130
+ "dark": "{colorTextStatusError}"
5131
+ },
5132
+ "colorBackgroundSliderRangeErrorActive": {
5133
+ "light": "{colorTextStatusError}",
5134
+ "dark": "{colorTextStatusError}"
5135
+ },
5136
+ "colorBackgroundSliderRangeWarningDefault": {
5137
+ "light": "{colorTextStatusWarning}",
5138
+ "dark": "{colorTextStatusWarning}"
5139
+ },
5140
+ "colorBackgroundSliderRangeWarningActive": {
5141
+ "light": "{colorTextStatusWarning}",
5142
+ "dark": "{colorTextStatusWarning}"
5071
5143
  },
5072
5144
  "colorBackgroundStatusError": {
5073
5145
  "light": "{colorError1000}",
@@ -6298,13 +6370,37 @@ module.exports.preset = {
6298
6370
  "light": "{colorWhite}",
6299
6371
  "dark": "{colorNeutral850}"
6300
6372
  },
6301
- "colorBackgroundSliderErrorPressed": {
6302
- "light": "{colorError900}",
6303
- "dark": "{colorError400}"
6373
+ "colorBackgroundSliderHandleErrorDefault": {
6374
+ "light": "{colorTextStatusError}",
6375
+ "dark": "{colorTextStatusError}"
6304
6376
  },
6305
- "colorBackgroundSliderWarningPressed": {
6306
- "light": "{colorWarning900}",
6307
- "dark": "{colorWarning500}"
6377
+ "colorBackgroundSliderHandleErrorActive": {
6378
+ "light": "{colorTextStatusError}",
6379
+ "dark": "{colorTextStatusError}"
6380
+ },
6381
+ "colorBackgroundSliderHandleWarningDefault": {
6382
+ "light": "{colorTextStatusWarning}",
6383
+ "dark": "{colorTextStatusWarning}"
6384
+ },
6385
+ "colorBackgroundSliderHandleWarningActive": {
6386
+ "light": "{colorTextStatusWarning}",
6387
+ "dark": "{colorTextStatusWarning}"
6388
+ },
6389
+ "colorBackgroundSliderRangeErrorDefault": {
6390
+ "light": "{colorTextStatusError}",
6391
+ "dark": "{colorTextStatusError}"
6392
+ },
6393
+ "colorBackgroundSliderRangeErrorActive": {
6394
+ "light": "{colorTextStatusError}",
6395
+ "dark": "{colorTextStatusError}"
6396
+ },
6397
+ "colorBackgroundSliderRangeWarningDefault": {
6398
+ "light": "{colorTextStatusWarning}",
6399
+ "dark": "{colorTextStatusWarning}"
6400
+ },
6401
+ "colorBackgroundSliderRangeWarningActive": {
6402
+ "light": "{colorTextStatusWarning}",
6403
+ "dark": "{colorTextStatusWarning}"
6308
6404
  },
6309
6405
  "colorBackgroundStatusError": {
6310
6406
  "light": "{colorError50}",
@@ -7420,13 +7516,37 @@ module.exports.preset = {
7420
7516
  "light": "{colorWhite}",
7421
7517
  "dark": "{colorNeutral850}"
7422
7518
  },
7423
- "colorBackgroundSliderErrorPressed": {
7424
- "light": "{colorError900}",
7425
- "dark": "{colorError400}"
7519
+ "colorBackgroundSliderHandleErrorDefault": {
7520
+ "light": "{colorTextStatusError}",
7521
+ "dark": "{colorTextStatusError}"
7426
7522
  },
7427
- "colorBackgroundSliderWarningPressed": {
7428
- "light": "{colorWarning900}",
7429
- "dark": "{colorWarning500}"
7523
+ "colorBackgroundSliderHandleErrorActive": {
7524
+ "light": "{colorTextStatusError}",
7525
+ "dark": "{colorTextStatusError}"
7526
+ },
7527
+ "colorBackgroundSliderHandleWarningDefault": {
7528
+ "light": "{colorTextStatusWarning}",
7529
+ "dark": "{colorTextStatusWarning}"
7530
+ },
7531
+ "colorBackgroundSliderHandleWarningActive": {
7532
+ "light": "{colorTextStatusWarning}",
7533
+ "dark": "{colorTextStatusWarning}"
7534
+ },
7535
+ "colorBackgroundSliderRangeErrorDefault": {
7536
+ "light": "{colorTextStatusError}",
7537
+ "dark": "{colorTextStatusError}"
7538
+ },
7539
+ "colorBackgroundSliderRangeErrorActive": {
7540
+ "light": "{colorTextStatusError}",
7541
+ "dark": "{colorTextStatusError}"
7542
+ },
7543
+ "colorBackgroundSliderRangeWarningDefault": {
7544
+ "light": "{colorTextStatusWarning}",
7545
+ "dark": "{colorTextStatusWarning}"
7546
+ },
7547
+ "colorBackgroundSliderRangeWarningActive": {
7548
+ "light": "{colorTextStatusWarning}",
7549
+ "dark": "{colorTextStatusWarning}"
7430
7550
  },
7431
7551
  "colorBackgroundStatusError": {
7432
7552
  "light": "{colorError50}",
@@ -8542,13 +8662,37 @@ module.exports.preset = {
8542
8662
  "light": "{colorWhite}",
8543
8663
  "dark": "{colorNeutral850}"
8544
8664
  },
8545
- "colorBackgroundSliderErrorPressed": {
8546
- "light": "{colorError900}",
8547
- "dark": "{colorError400}"
8665
+ "colorBackgroundSliderHandleErrorDefault": {
8666
+ "light": "{colorTextStatusError}",
8667
+ "dark": "{colorTextStatusError}"
8548
8668
  },
8549
- "colorBackgroundSliderWarningPressed": {
8550
- "light": "{colorWarning900}",
8551
- "dark": "{colorWarning500}"
8669
+ "colorBackgroundSliderHandleErrorActive": {
8670
+ "light": "{colorTextStatusError}",
8671
+ "dark": "{colorTextStatusError}"
8672
+ },
8673
+ "colorBackgroundSliderHandleWarningDefault": {
8674
+ "light": "{colorTextStatusWarning}",
8675
+ "dark": "{colorTextStatusWarning}"
8676
+ },
8677
+ "colorBackgroundSliderHandleWarningActive": {
8678
+ "light": "{colorTextStatusWarning}",
8679
+ "dark": "{colorTextStatusWarning}"
8680
+ },
8681
+ "colorBackgroundSliderRangeErrorDefault": {
8682
+ "light": "{colorTextStatusError}",
8683
+ "dark": "{colorTextStatusError}"
8684
+ },
8685
+ "colorBackgroundSliderRangeErrorActive": {
8686
+ "light": "{colorTextStatusError}",
8687
+ "dark": "{colorTextStatusError}"
8688
+ },
8689
+ "colorBackgroundSliderRangeWarningDefault": {
8690
+ "light": "{colorTextStatusWarning}",
8691
+ "dark": "{colorTextStatusWarning}"
8692
+ },
8693
+ "colorBackgroundSliderRangeWarningActive": {
8694
+ "light": "{colorTextStatusWarning}",
8695
+ "dark": "{colorTextStatusWarning}"
8552
8696
  },
8553
8697
  "colorBackgroundStatusError": {
8554
8698
  "light": "{colorError50}",
@@ -9666,13 +9810,37 @@ module.exports.preset = {
9666
9810
  "light": "{colorNeutral850}",
9667
9811
  "dark": "{colorNeutral850}"
9668
9812
  },
9669
- "colorBackgroundSliderErrorPressed": {
9670
- "light": "{colorError400}",
9671
- "dark": "{colorError400}"
9813
+ "colorBackgroundSliderHandleErrorDefault": {
9814
+ "light": "{colorTextStatusError}",
9815
+ "dark": "{colorTextStatusError}"
9672
9816
  },
9673
- "colorBackgroundSliderWarningPressed": {
9674
- "light": "{colorWarning500}",
9675
- "dark": "{colorWarning500}"
9817
+ "colorBackgroundSliderHandleErrorActive": {
9818
+ "light": "{colorTextStatusError}",
9819
+ "dark": "{colorTextStatusError}"
9820
+ },
9821
+ "colorBackgroundSliderHandleWarningDefault": {
9822
+ "light": "{colorTextStatusWarning}",
9823
+ "dark": "{colorTextStatusWarning}"
9824
+ },
9825
+ "colorBackgroundSliderHandleWarningActive": {
9826
+ "light": "{colorTextStatusWarning}",
9827
+ "dark": "{colorTextStatusWarning}"
9828
+ },
9829
+ "colorBackgroundSliderRangeErrorDefault": {
9830
+ "light": "{colorTextStatusError}",
9831
+ "dark": "{colorTextStatusError}"
9832
+ },
9833
+ "colorBackgroundSliderRangeErrorActive": {
9834
+ "light": "{colorTextStatusError}",
9835
+ "dark": "{colorTextStatusError}"
9836
+ },
9837
+ "colorBackgroundSliderRangeWarningDefault": {
9838
+ "light": "{colorTextStatusWarning}",
9839
+ "dark": "{colorTextStatusWarning}"
9840
+ },
9841
+ "colorBackgroundSliderRangeWarningActive": {
9842
+ "light": "{colorTextStatusWarning}",
9843
+ "dark": "{colorTextStatusWarning}"
9676
9844
  },
9677
9845
  "colorBackgroundStatusError": {
9678
9846
  "light": "{colorError1000}",
@@ -10809,8 +10977,14 @@ module.exports.preset = {
10809
10977
  "colorBackgroundSliderHandleActive": "color",
10810
10978
  "colorBackgroundSliderTrackDefault": "color",
10811
10979
  "colorBackgroundSliderHandleRing": "color",
10812
- "colorBackgroundSliderErrorPressed": "color",
10813
- "colorBackgroundSliderWarningPressed": "color",
10980
+ "colorBackgroundSliderHandleErrorDefault": "color",
10981
+ "colorBackgroundSliderHandleErrorActive": "color",
10982
+ "colorBackgroundSliderHandleWarningDefault": "color",
10983
+ "colorBackgroundSliderHandleWarningActive": "color",
10984
+ "colorBackgroundSliderRangeErrorDefault": "color",
10985
+ "colorBackgroundSliderRangeErrorActive": "color",
10986
+ "colorBackgroundSliderRangeWarningDefault": "color",
10987
+ "colorBackgroundSliderRangeWarningActive": "color",
10814
10988
  "colorBackgroundStatusError": "color",
10815
10989
  "colorBackgroundStatusInfo": "color",
10816
10990
  "colorBackgroundDialog": "color",
@@ -12435,8 +12609,14 @@ module.exports.preset = {
12435
12609
  "colorBackgroundSliderHandleActive": "color-background-slider-handle-active",
12436
12610
  "colorBackgroundSliderTrackDefault": "color-background-slider-track-default",
12437
12611
  "colorBackgroundSliderHandleRing": "color-background-slider-handle-ring",
12438
- "colorBackgroundSliderErrorPressed": "color-background-slider-error-pressed",
12439
- "colorBackgroundSliderWarningPressed": "color-background-slider-warning-pressed",
12612
+ "colorBackgroundSliderHandleErrorDefault": "color-background-slider-handle-error-default",
12613
+ "colorBackgroundSliderHandleErrorActive": "color-background-slider-handle-error-active",
12614
+ "colorBackgroundSliderHandleWarningDefault": "color-background-slider-handle-warning-default",
12615
+ "colorBackgroundSliderHandleWarningActive": "color-background-slider-handle-warning-active",
12616
+ "colorBackgroundSliderRangeErrorDefault": "color-background-slider-range-error-default",
12617
+ "colorBackgroundSliderRangeErrorActive": "color-background-slider-range-error-active",
12618
+ "colorBackgroundSliderRangeWarningDefault": "color-background-slider-range-warning-default",
12619
+ "colorBackgroundSliderRangeWarningActive": "color-background-slider-range-warning-active",
12440
12620
  "colorBackgroundStatusError": "color-background-status-error",
12441
12621
  "colorBackgroundStatusInfo": "color-background-status-info",
12442
12622
  "colorBackgroundDialog": "color-background-dialog",
@@ -13250,8 +13430,14 @@ module.exports.preset = {
13250
13430
  "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-50ubqb",
13251
13431
  "colorBackgroundSliderTrackDefault": "--color-background-slider-track-default-vk2c9o",
13252
13432
  "colorBackgroundSliderHandleRing": "--color-background-slider-handle-ring-9sfenj",
13253
- "colorBackgroundSliderErrorPressed": "--color-background-slider-error-pressed-79f2kg",
13254
- "colorBackgroundSliderWarningPressed": "--color-background-slider-warning-pressed-j1qp7g",
13433
+ "colorBackgroundSliderHandleErrorDefault": "--color-background-slider-handle-error-default-411tqq",
13434
+ "colorBackgroundSliderHandleErrorActive": "--color-background-slider-handle-error-active-x65pfh",
13435
+ "colorBackgroundSliderHandleWarningDefault": "--color-background-slider-handle-warning-default-or76ej",
13436
+ "colorBackgroundSliderHandleWarningActive": "--color-background-slider-handle-warning-active-7o84zp",
13437
+ "colorBackgroundSliderRangeErrorDefault": "--color-background-slider-range-error-default-b519qn",
13438
+ "colorBackgroundSliderRangeErrorActive": "--color-background-slider-range-error-active-6bo8an",
13439
+ "colorBackgroundSliderRangeWarningDefault": "--color-background-slider-range-warning-default-6isqvo",
13440
+ "colorBackgroundSliderRangeWarningActive": "--color-background-slider-range-warning-active-dm2pha",
13255
13441
  "colorBackgroundStatusError": "--color-background-status-error-mu3lcw",
13256
13442
  "colorBackgroundStatusInfo": "--color-background-status-info-sfobba",
13257
13443
  "colorBackgroundDialog": "--color-background-dialog-2fj3uu",