@cloudscape-design/components 3.0.276 → 3.0.278

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 (49) hide show
  1. package/attribute-editor/internal.js +1 -1
  2. package/attribute-editor/internal.js.map +1 -1
  3. package/button/index.d.ts.map +1 -1
  4. package/button/index.js +2 -2
  5. package/button/index.js.map +1 -1
  6. package/button/interfaces.d.ts +4 -0
  7. package/button/interfaces.d.ts.map +1 -1
  8. package/button/interfaces.js.map +1 -1
  9. package/button/internal.d.ts.map +1 -1
  10. package/button/internal.js +2 -2
  11. package/button/internal.js.map +1 -1
  12. package/checkbox/base-checkbox.d.ts +5 -0
  13. package/checkbox/base-checkbox.d.ts.map +1 -1
  14. package/checkbox/base-checkbox.js.map +1 -1
  15. package/checkbox/internal.d.ts.map +1 -1
  16. package/checkbox/internal.js +2 -2
  17. package/checkbox/internal.js.map +1 -1
  18. package/flashbar/flash.d.ts.map +1 -1
  19. package/flashbar/flash.js +6 -2
  20. package/flashbar/flash.js.map +1 -1
  21. package/internal/components/abstract-switch/index.d.ts +2 -1
  22. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  23. package/internal/components/abstract-switch/index.js +6 -5
  24. package/internal/components/abstract-switch/index.js.map +1 -1
  25. package/internal/environment.js +1 -1
  26. package/internal/generated/styles/tokens.d.ts +8 -0
  27. package/internal/generated/styles/tokens.js +8 -0
  28. package/internal/generated/theming/index.cjs +16 -0
  29. package/internal/generated/theming/index.cjs.d.ts +48 -0
  30. package/internal/generated/theming/index.d.ts +48 -0
  31. package/internal/generated/theming/index.js +16 -0
  32. package/internal/manifest.json +1 -1
  33. package/package.json +1 -1
  34. package/progress-bar/internal.d.ts.map +1 -1
  35. package/progress-bar/internal.js +1 -1
  36. package/progress-bar/internal.js.map +1 -1
  37. package/select/parts/filter.d.ts +1 -1
  38. package/tabs/interfaces.d.ts +1 -0
  39. package/tabs/interfaces.d.ts.map +1 -1
  40. package/tabs/interfaces.js.map +1 -1
  41. package/tiles/interfaces.d.ts +5 -0
  42. package/tiles/interfaces.d.ts.map +1 -1
  43. package/tiles/interfaces.js.map +1 -1
  44. package/tiles/internal.d.ts.map +1 -1
  45. package/tiles/internal.js +2 -2
  46. package/tiles/internal.js.map +1 -1
  47. package/toggle/internal.d.ts.map +1 -1
  48. package/toggle/internal.js +2 -2
  49. package/toggle/internal.js.map +1 -1
package/internal/generated/theming/index.cjs CHANGED
@@ -6980,6 +6980,12 @@ module.exports.preset = {
6980
6980
  "colorBackgroundInputDisabled",
6981
6981
  "colorBackgroundItemSelected",
6982
6982
  "colorBackgroundLayoutMain",
6983
+ "colorBackgroundLayoutToggleActive",
6984
+ "colorBackgroundLayoutToggleDefault",
6985
+ "colorBackgroundLayoutToggleHover",
6986
+ "colorBackgroundLayoutToggleSelectedActive",
6987
+ "colorBackgroundLayoutToggleSelectedDefault",
6988
+ "colorBackgroundLayoutToggleSelectedHover",
6983
6989
  "colorBackgroundNotificationBlue",
6984
6990
  "colorBackgroundNotificationGreen",
6985
6991
  "colorBackgroundNotificationRed",
@@ -7030,6 +7036,7 @@ module.exports.preset = {
7030
7036
  "colorTextHomeHeaderSecondary",
7031
7037
  "colorTextInputDisabled",
7032
7038
  "colorTextInputPlaceholder",
7039
+ "colorTextInteractiveActive",
7033
7040
  "colorTextInteractiveDefault",
7034
7041
  "colorTextInteractiveDisabled",
7035
7042
  "colorTextInteractiveHover",
@@ -7044,6 +7051,7 @@ module.exports.preset = {
7044
7051
  "colorTextStatusInfo",
7045
7052
  "colorTextStatusSuccess",
7046
7053
  "colorTextStatusWarning",
7054
+ "colorTextTopNavigationTitle",
7047
7055
  "fontFamilyBase",
7048
7056
  "fontFamilyMonospace",
7049
7057
  "borderRadiusAlert",
@@ -7236,6 +7244,12 @@ module.exports.preset = {
7236
7244
  "colorBackgroundInputDisabled",
7237
7245
  "colorBackgroundItemSelected",
7238
7246
  "colorBackgroundLayoutMain",
7247
+ "colorBackgroundLayoutToggleActive",
7248
+ "colorBackgroundLayoutToggleDefault",
7249
+ "colorBackgroundLayoutToggleHover",
7250
+ "colorBackgroundLayoutToggleSelectedActive",
7251
+ "colorBackgroundLayoutToggleSelectedDefault",
7252
+ "colorBackgroundLayoutToggleSelectedHover",
7239
7253
  "colorBackgroundNotificationBlue",
7240
7254
  "colorBackgroundNotificationGreen",
7241
7255
  "colorBackgroundNotificationRed",
@@ -7283,6 +7297,7 @@ module.exports.preset = {
7283
7297
  "colorTextHomeHeaderSecondary",
7284
7298
  "colorTextInputDisabled",
7285
7299
  "colorTextInputPlaceholder",
7300
+ "colorTextInteractiveActive",
7286
7301
  "colorTextInteractiveDefault",
7287
7302
  "colorTextInteractiveDisabled",
7288
7303
  "colorTextInteractiveHover",
@@ -7297,6 +7312,7 @@ module.exports.preset = {
7297
7312
  "colorTextStatusInfo",
7298
7313
  "colorTextStatusSuccess",
7299
7314
  "colorTextStatusWarning",
7315
+ "colorTextTopNavigationTitle",
7300
7316
  "colorBoardPlaceholderActive",
7301
7317
  "colorBoardPlaceholderHover",
7302
7318
  "colorDragPlaceholderActive",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -81,6 +81,12 @@ export declare interface TypedOverride {
81
81
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
82
82
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
83
83
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
84
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
85
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
86
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
87
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
88
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
89
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
84
90
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
85
91
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
86
92
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -131,6 +137,7 @@ export declare interface TypedOverride {
131
137
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
132
138
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
133
139
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
134
141
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
135
142
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
136
143
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -145,6 +152,7 @@ export declare interface TypedOverride {
145
152
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
153
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
154
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
155
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
156
  fontFamilyBase?: GlobalValue;
149
157
  fontFamilyMonospace?: GlobalValue;
150
158
  borderRadiusAlert?: GlobalValue;
@@ -246,6 +254,12 @@ export declare interface TypedOverride {
246
254
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
247
255
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
248
256
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
257
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
258
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
259
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
260
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
261
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
262
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
249
263
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
250
264
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
251
265
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -296,6 +310,7 @@ export declare interface TypedOverride {
296
310
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
297
311
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
298
312
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
313
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
299
314
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
300
315
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
301
316
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -310,6 +325,7 @@ export declare interface TypedOverride {
310
325
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
311
326
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
312
327
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
328
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
313
329
  fontFamilyBase?: GlobalValue;
314
330
  fontFamilyMonospace?: GlobalValue;
315
331
  borderRadiusAlert?: GlobalValue;
@@ -411,6 +427,12 @@ export declare interface TypedOverride {
411
427
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
428
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
429
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
430
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
431
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
432
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
433
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
434
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
435
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
436
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
437
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
438
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -461,6 +483,7 @@ export declare interface TypedOverride {
461
483
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
462
484
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
463
485
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
486
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
464
487
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
465
488
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
466
489
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -475,6 +498,7 @@ export declare interface TypedOverride {
475
498
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
476
499
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
477
500
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
501
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
478
502
  fontFamilyBase?: GlobalValue;
479
503
  fontFamilyMonospace?: GlobalValue;
480
504
  borderRadiusAlert?: GlobalValue;
@@ -576,6 +600,12 @@ export declare interface TypedOverride {
576
600
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
577
601
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
578
602
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
603
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
604
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
605
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
606
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
607
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
608
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
579
609
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
580
610
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
581
611
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -626,6 +656,7 @@ export declare interface TypedOverride {
626
656
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
657
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
628
658
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
659
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
629
660
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
630
661
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
631
662
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -640,6 +671,7 @@ export declare interface TypedOverride {
640
671
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
672
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
642
673
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
643
675
  fontFamilyBase?: GlobalValue;
644
676
  fontFamilyMonospace?: GlobalValue;
645
677
  borderRadiusAlert?: GlobalValue;
@@ -741,6 +773,12 @@ export declare interface TypedOverride {
741
773
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
742
774
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
743
775
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
776
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
777
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
778
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
779
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
780
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
781
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
744
782
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
745
783
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
746
784
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -791,6 +829,7 @@ export declare interface TypedOverride {
791
829
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
792
830
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
793
831
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
832
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
794
833
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
795
834
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
796
835
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -805,6 +844,7 @@ export declare interface TypedOverride {
805
844
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
806
845
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
807
846
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
847
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
808
848
  fontFamilyBase?: GlobalValue;
809
849
  fontFamilyMonospace?: GlobalValue;
810
850
  borderRadiusAlert?: GlobalValue;
@@ -906,6 +946,12 @@ export declare interface TypedOverride {
906
946
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
907
947
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
908
948
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
953
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
954
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
909
955
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
910
956
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
911
957
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -956,6 +1002,7 @@ export declare interface TypedOverride {
956
1002
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
957
1003
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
958
1004
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1005
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
959
1006
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
960
1007
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
961
1008
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -970,6 +1017,7 @@ export declare interface TypedOverride {
970
1017
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
1018
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
1019
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1020
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
1021
  fontFamilyBase?: GlobalValue;
974
1022
  fontFamilyMonospace?: GlobalValue;
975
1023
  borderRadiusAlert?: GlobalValue;
package/internal/generated/theming/index.d.ts CHANGED
@@ -81,6 +81,12 @@ export declare interface TypedOverride {
81
81
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
82
82
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
83
83
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
84
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
85
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
86
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
87
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
88
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
89
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
84
90
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
85
91
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
86
92
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -131,6 +137,7 @@ export declare interface TypedOverride {
131
137
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
132
138
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
133
139
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
140
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
134
141
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
135
142
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
136
143
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -145,6 +152,7 @@ export declare interface TypedOverride {
145
152
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
153
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
154
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
155
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
156
  fontFamilyBase?: GlobalValue;
149
157
  fontFamilyMonospace?: GlobalValue;
150
158
  borderRadiusAlert?: GlobalValue;
@@ -246,6 +254,12 @@ export declare interface TypedOverride {
246
254
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
247
255
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
248
256
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
257
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
258
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
259
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
260
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
261
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
262
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
249
263
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
250
264
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
251
265
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -296,6 +310,7 @@ export declare interface TypedOverride {
296
310
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
297
311
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
298
312
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
313
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
299
314
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
300
315
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
301
316
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -310,6 +325,7 @@ export declare interface TypedOverride {
310
325
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
311
326
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
312
327
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
328
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
313
329
  fontFamilyBase?: GlobalValue;
314
330
  fontFamilyMonospace?: GlobalValue;
315
331
  borderRadiusAlert?: GlobalValue;
@@ -411,6 +427,12 @@ export declare interface TypedOverride {
411
427
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
412
428
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
413
429
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
430
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
431
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
432
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
433
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
434
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
435
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
414
436
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
415
437
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
416
438
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -461,6 +483,7 @@ export declare interface TypedOverride {
461
483
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
462
484
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
463
485
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
486
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
464
487
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
465
488
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
466
489
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -475,6 +498,7 @@ export declare interface TypedOverride {
475
498
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
476
499
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
477
500
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
501
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
478
502
  fontFamilyBase?: GlobalValue;
479
503
  fontFamilyMonospace?: GlobalValue;
480
504
  borderRadiusAlert?: GlobalValue;
@@ -576,6 +600,12 @@ export declare interface TypedOverride {
576
600
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
577
601
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
578
602
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
603
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
604
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
605
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
606
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
607
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
608
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
579
609
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
580
610
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
581
611
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -626,6 +656,7 @@ export declare interface TypedOverride {
626
656
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
627
657
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
628
658
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
659
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
629
660
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
630
661
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
631
662
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -640,6 +671,7 @@ export declare interface TypedOverride {
640
671
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
641
672
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
642
673
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
674
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
643
675
  fontFamilyBase?: GlobalValue;
644
676
  fontFamilyMonospace?: GlobalValue;
645
677
  borderRadiusAlert?: GlobalValue;
@@ -741,6 +773,12 @@ export declare interface TypedOverride {
741
773
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
742
774
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
743
775
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
776
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
777
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
778
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
779
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
780
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
781
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
744
782
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
745
783
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
746
784
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -791,6 +829,7 @@ export declare interface TypedOverride {
791
829
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
792
830
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
793
831
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
832
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
794
833
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
795
834
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
796
835
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -805,6 +844,7 @@ export declare interface TypedOverride {
805
844
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
806
845
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
807
846
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
847
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
808
848
  fontFamilyBase?: GlobalValue;
809
849
  fontFamilyMonospace?: GlobalValue;
810
850
  borderRadiusAlert?: GlobalValue;
@@ -906,6 +946,12 @@ export declare interface TypedOverride {
906
946
  colorBackgroundInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
907
947
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
908
948
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
949
+ colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
950
+ colorBackgroundLayoutToggleDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
951
+ colorBackgroundLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
952
+ colorBackgroundLayoutToggleSelectedActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
953
+ colorBackgroundLayoutToggleSelectedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
954
+ colorBackgroundLayoutToggleSelectedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
909
955
  colorBackgroundNotificationBlue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
910
956
  colorBackgroundNotificationGreen?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
911
957
  colorBackgroundNotificationRed?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -956,6 +1002,7 @@ export declare interface TypedOverride {
956
1002
  colorTextHomeHeaderSecondary?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
957
1003
  colorTextInputDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
958
1004
  colorTextInputPlaceholder?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1005
+ colorTextInteractiveActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
959
1006
  colorTextInteractiveDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
960
1007
  colorTextInteractiveDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
961
1008
  colorTextInteractiveHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -970,6 +1017,7 @@ export declare interface TypedOverride {
970
1017
  colorTextStatusInfo?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
1018
  colorTextStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
1019
  colorTextStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1020
+ colorTextTopNavigationTitle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
1021
  fontFamilyBase?: GlobalValue;
974
1022
  fontFamilyMonospace?: GlobalValue;
975
1023
  borderRadiusAlert?: GlobalValue;
package/internal/generated/theming/index.js CHANGED
@@ -6980,6 +6980,12 @@ export var preset = {
6980
6980
  "colorBackgroundInputDisabled",
6981
6981
  "colorBackgroundItemSelected",
6982
6982
  "colorBackgroundLayoutMain",
6983
+ "colorBackgroundLayoutToggleActive",
6984
+ "colorBackgroundLayoutToggleDefault",
6985
+ "colorBackgroundLayoutToggleHover",
6986
+ "colorBackgroundLayoutToggleSelectedActive",
6987
+ "colorBackgroundLayoutToggleSelectedDefault",
6988
+ "colorBackgroundLayoutToggleSelectedHover",
6983
6989
  "colorBackgroundNotificationBlue",
6984
6990
  "colorBackgroundNotificationGreen",
6985
6991
  "colorBackgroundNotificationRed",
@@ -7030,6 +7036,7 @@ export var preset = {
7030
7036
  "colorTextHomeHeaderSecondary",
7031
7037
  "colorTextInputDisabled",
7032
7038
  "colorTextInputPlaceholder",
7039
+ "colorTextInteractiveActive",
7033
7040
  "colorTextInteractiveDefault",
7034
7041
  "colorTextInteractiveDisabled",
7035
7042
  "colorTextInteractiveHover",
@@ -7044,6 +7051,7 @@ export var preset = {
7044
7051
  "colorTextStatusInfo",
7045
7052
  "colorTextStatusSuccess",
7046
7053
  "colorTextStatusWarning",
7054
+ "colorTextTopNavigationTitle",
7047
7055
  "fontFamilyBase",
7048
7056
  "fontFamilyMonospace",
7049
7057
  "borderRadiusAlert",
@@ -7236,6 +7244,12 @@ export var preset = {
7236
7244
  "colorBackgroundInputDisabled",
7237
7245
  "colorBackgroundItemSelected",
7238
7246
  "colorBackgroundLayoutMain",
7247
+ "colorBackgroundLayoutToggleActive",
7248
+ "colorBackgroundLayoutToggleDefault",
7249
+ "colorBackgroundLayoutToggleHover",
7250
+ "colorBackgroundLayoutToggleSelectedActive",
7251
+ "colorBackgroundLayoutToggleSelectedDefault",
7252
+ "colorBackgroundLayoutToggleSelectedHover",
7239
7253
  "colorBackgroundNotificationBlue",
7240
7254
  "colorBackgroundNotificationGreen",
7241
7255
  "colorBackgroundNotificationRed",
@@ -7283,6 +7297,7 @@ export var preset = {
7283
7297
  "colorTextHomeHeaderSecondary",
7284
7298
  "colorTextInputDisabled",
7285
7299
  "colorTextInputPlaceholder",
7300
+ "colorTextInteractiveActive",
7286
7301
  "colorTextInteractiveDefault",
7287
7302
  "colorTextInteractiveDisabled",
7288
7303
  "colorTextInteractiveHover",
@@ -7297,6 +7312,7 @@ export var preset = {
7297
7312
  "colorTextStatusInfo",
7298
7313
  "colorTextStatusSuccess",
7299
7314
  "colorTextStatusWarning",
7315
+ "colorTextTopNavigationTitle",
7300
7316
  "colorBoardPlaceholderActive",
7301
7317
  "colorBoardPlaceholderHover",
7302
7318
  "colorDragPlaceholderActive",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d8d70af91b9365e695cf3efa5541d7a881abeb2c"
2
+ "commit": "ab0fde226f5f13f22a98a8c9f0a773e1877cf9e0"
3
3
  }
package/package.json CHANGED
@@ -109,7 +109,7 @@
109
109
  "./internal/base-component/index.js",
110
110
  "./internal/base-component/styles.css.js"
111
111
  ],
112
- "version": "3.0.276",
112
+ "version": "3.0.278",
113
113
  "repository": {
114
114
  "type": "git",
115
115
  "url": "https://github.com/cloudscape-design/components.git"
package/progress-bar/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBAyBpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBAuBpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}
package/progress-bar/internal.js CHANGED
@@ -14,7 +14,7 @@ export const Progress = ({ value, isInFlash, labelId }) => {
14
14
  const roundedValue = Math.round(value);
15
15
  const progressValue = clamp(roundedValue, 0, MAX_VALUE);
16
16
  return (React.createElement("div", { className: styles['progress-container'] },
17
- React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), "aria-valuenow": progressValue, "aria-valuemin": 0, max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
17
+ React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
18
18
  React.createElement("span", { "aria-hidden": "true", className: styles['percentage-container'] },
19
19
  React.createElement(InternalBox, { className: styles.percentage, variant: "small", color: isInFlash ? 'inherit' : undefined }, `${progressValue}%`))));
20
20
  };
package/progress-bar/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n value: number;\n isInFlash: boolean;\n labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n const roundedValue = Math.round(value);\n const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n return (\n <div className={styles['progress-container']}>\n <progress\n className={clsx(\n styles.progress,\n progressValue >= MAX_VALUE && styles.complete,\n isInFlash && styles['progress-in-flash']\n )}\n aria-valuenow={progressValue}\n aria-valuemin={0}\n max={MAX_VALUE}\n value={progressValue}\n aria-labelledby={labelId}\n />\n <span aria-hidden=\"true\" className={styles['percentage-container']}>\n <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n {`${progressValue}%`}\n </InternalBox>\n </span>\n </div>\n );\n};\n\ninterface SmallTextProps {\n color?: BoxProps.Color;\n children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n return (\n <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n {children}\n </InternalBox>\n );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n return (\n <div className={styles['result-button']}>\n <InternalButton formAction=\"none\" onClick={onClick}>\n {children}\n </InternalButton>\n </div>\n );\n};\n\ninterface ResultStateProps {\n isInFlash: boolean;\n resultText: React.ReactNode;\n resultButtonText?: string;\n status: ProgressBarProps.Status;\n onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n const hasResultButton = !!resultButtonText;\n\n if (isInFlash) {\n return (\n <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n <span className={styles['result-text']}>{resultText}</span>\n </div>\n );\n }\n\n return (\n <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n <span className={clsx(hasResultButton && styles['with-result-button'])}>\n <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n <span className={styles['result-text']}>{resultText}</span>\n </InternalStatusIndicator>\n </span>\n {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n value: number;\n isInFlash: boolean;\n labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n const roundedValue = Math.round(value);\n const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n return (\n <div className={styles['progress-container']}>\n <progress\n className={clsx(\n styles.progress,\n progressValue >= MAX_VALUE && styles.complete,\n isInFlash && styles['progress-in-flash']\n )}\n max={MAX_VALUE}\n value={progressValue}\n aria-labelledby={labelId}\n />\n <span aria-hidden=\"true\" className={styles['percentage-container']}>\n <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n {`${progressValue}%`}\n </InternalBox>\n </span>\n </div>\n );\n};\n\ninterface SmallTextProps {\n color?: BoxProps.Color;\n children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n return (\n <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n {children}\n </InternalBox>\n );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n return (\n <div className={styles['result-button']}>\n <InternalButton formAction=\"none\" onClick={onClick}>\n {children}\n </InternalButton>\n </div>\n );\n};\n\ninterface ResultStateProps {\n isInFlash: boolean;\n resultText: React.ReactNode;\n resultButtonText?: string;\n status: ProgressBarProps.Status;\n onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n const hasResultButton = !!resultButtonText;\n\n if (isInFlash) {\n return (\n <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n <span className={styles['result-text']}>{resultText}</span>\n </div>\n );\n }\n\n return (\n <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n <span className={clsx(hasResultButton && styles['with-result-button'])}>\n <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n <span className={styles['result-text']}>{resultText}</span>\n </InternalStatusIndicator>\n </span>\n {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n </div>\n );\n};\n"]}
package/select/parts/filter.d.ts CHANGED
@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
5
5
  ref?: React.Ref<HTMLInputElement>;
6
6
  filteringType: SelectProps.FilteringType;
7
7
  }
8
- declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "invalid" | "__internalRootRef" | "ariaLabel" | "__nativeAttributes" | "ariaLabelledby" | "ariaDescribedby" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
8
+ declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "disabled" | "autoComplete" | "autoFocus" | "name" | "className" | "id" | "placeholder" | "inputMode" | "type" | "readOnly" | "step" | "value" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "invalid" | "__internalRootRef" | "ariaLabel" | "ariaDescribedby" | "__nativeAttributes" | "ariaLabelledby" | "controlId" | "filteringType" | "ariaRequired" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__leftIcon" | "__leftIconVariant" | "__onLeftIconClick" | "__rightIcon" | "__onRightIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps"> & React.RefAttributes<HTMLInputElement>>;
9
9
  export default Filter;
10
10
  //# sourceMappingURL=filter.d.ts.map
package/tabs/interfaces.d.ts CHANGED
@@ -21,6 +21,7 @@ export interface TabsProps extends BaseComponentProps {
21
21
  * * `default` - Use in any context.
22
22
  * * `container` - Use this variant to have the tabs displayed within a container header.
23
23
  * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).
24
+ * @visualrefresh `stacked` variant
24
25
  */
25
26
  variant?: TabsProps.Variant;
26
27
  /**
package/tabs/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,EAAE,MAAM,CAAC;QAC5B;;WAEG;QACH,oBAAoB,EAAE,MAAM,CAAC;KAC9B;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,EAAE,MAAM,CAAC;QAC5B;;WAEG;QACH,oBAAoB,EAAE,MAAM,CAAC;KAC9B;CACF"}
package/tabs/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n /**\n * Specifies the tabs to display. Each tab object has the following properties:\n *\n * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n * - `label` (ReactNode) - Tab label shown in the UI.\n * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n * ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n * if your application routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n tabs: ReadonlyArray<TabsProps.Tab>;\n\n /**\n * The possible visual variants of tabs are the following:\n * * `default` - Use in any context.\n * * `container` - Use this variant to have the tabs displayed within a container header.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n */\n variant?: TabsProps.Variant;\n\n /**\n * Called whenever the user selects a different tab.\n * The event's `detail` contains the new `activeTabId`.\n */\n onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n /**\n * The `id` of the currently active tab.\n * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n */\n activeTabId?: string;\n\n /**\n * Provides an `aria-label` to the tab container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n\n /**\n * Sets the `aria-labelledby` property on the tab container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n\n /**\n * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n export type Variant = 'default' | 'container' | 'stacked';\n\n export interface Tab {\n /**\n * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n */\n id: string;\n /**\n * Tab label shown in the UI.\n */\n label: React.ReactNode;\n /**\n * Tab content to render in the container.\n */\n content?: React.ReactNode;\n /**\n * Whether this tab is disabled.\n */\n disabled?: boolean;\n /**\n * You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n * when the routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n href?: string;\n }\n\n export interface ChangeDetail {\n /**\n * The ID of the clicked tab.\n */\n activeTabId: string;\n /**\n * The `href` attribute of the clicked tab, if defined.\n */\n activeTabHref?: string;\n }\n\n export interface I18nStrings {\n /**\n * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n */\n scrollLeftAriaLabel: string;\n /**\n * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n */\n scrollRightAriaLabel: string;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TabsProps extends BaseComponentProps {\n /**\n * Specifies the tabs to display. Each tab object has the following properties:\n *\n * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n * - `label` (ReactNode) - Tab label shown in the UI.\n * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n * ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n * if your application routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n tabs: ReadonlyArray<TabsProps.Tab>;\n\n /**\n * The possible visual variants of tabs are the following:\n * * `default` - Use in any context.\n * * `container` - Use this variant to have the tabs displayed within a container header.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n */\n variant?: TabsProps.Variant;\n\n /**\n * Called whenever the user selects a different tab.\n * The event's `detail` contains the new `activeTabId`.\n */\n onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n /**\n * The `id` of the currently active tab.\n * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n */\n activeTabId?: string;\n\n /**\n * Provides an `aria-label` to the tab container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n\n /**\n * Sets the `aria-labelledby` property on the tab container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n\n /**\n * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n */\n disableContentPaddings?: boolean;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n */\n i18nStrings?: TabsProps.I18nStrings;\n}\nexport namespace TabsProps {\n export type Variant = 'default' | 'container' | 'stacked';\n\n export interface Tab {\n /**\n * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n */\n id: string;\n /**\n * Tab label shown in the UI.\n */\n label: React.ReactNode;\n /**\n * Tab content to render in the container.\n */\n content?: React.ReactNode;\n /**\n * Whether this tab is disabled.\n */\n disabled?: boolean;\n /**\n * You can use this parameter to change the default `href` of the internal tab anchor. The\n * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n * when the routing can handle such deep links. You can manually update routing on the current page\n * using the `activeTabHref` property of the `change` event's detail.\n */\n href?: string;\n }\n\n export interface ChangeDetail {\n /**\n * The ID of the clicked tab.\n */\n activeTabId: string;\n /**\n * The `href` attribute of the clicked tab, if defined.\n */\n activeTabHref?: string;\n }\n\n export interface I18nStrings {\n /**\n * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n */\n scrollLeftAriaLabel: string;\n /**\n * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n */\n scrollRightAriaLabel: string;\n }\n}\n"]}
package/tiles/interfaces.d.ts CHANGED
@@ -40,6 +40,11 @@ export interface TilesProps extends BaseComponentProps, FormFieldControlProps {
40
40
  * Called when the user selects a different tile.
41
41
  */
42
42
  onChange?: NonCancelableEventHandler<TilesProps.ChangeDetail>;
43
+ /**
44
+ * Adds `aria-controls` attribute to the component.
45
+ * If the component controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.
46
+ */
47
+ ariaControls?: string;
43
48
  }
44
49
  export declare namespace TilesProps {
45
50
  type Breakpoint = _Breakpoint;
package/tiles/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tiles/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,kBAAkB,EAAE,qBAAqB;IAC3E;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAElD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;CAC/D;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,UAAU,GAAG,WAAW,CAAC;IACrC,UAAiB,eAAe;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["tiles/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,kBAAkB,EAAE,qBAAqB;IAC3E;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAElD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE9D;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,UAAU,GAAG,WAAW,CAAC;IACrC,UAAiB,eAAe;QAC9B,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;IAED,UAAiB,YAAY;QAC3B,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}