@cloudscape-design/components 3.0.275 → 3.0.277

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 (40) 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/flashbar/flash.d.ts.map +1 -1
  13. package/flashbar/flash.js +6 -2
  14. package/flashbar/flash.js.map +1 -1
  15. package/internal/components/options-list/index.d.ts.map +1 -1
  16. package/internal/components/options-list/index.js +4 -3
  17. package/internal/components/options-list/index.js.map +1 -1
  18. package/internal/environment.js +1 -1
  19. package/internal/generated/styles/tokens.d.ts +8 -0
  20. package/internal/generated/styles/tokens.js +8 -0
  21. package/internal/generated/theming/index.cjs +16 -0
  22. package/internal/generated/theming/index.cjs.d.ts +48 -0
  23. package/internal/generated/theming/index.d.ts +48 -0
  24. package/internal/generated/theming/index.js +16 -0
  25. package/internal/hooks/use-scroll-sync/index.d.ts +1 -1
  26. package/internal/hooks/use-scroll-sync/index.d.ts.map +1 -1
  27. package/internal/hooks/use-scroll-sync/index.js +3 -2
  28. package/internal/hooks/use-scroll-sync/index.js.map +1 -1
  29. package/internal/manifest.json +1 -1
  30. package/package.json +1 -1
  31. package/select/parts/filter.d.ts +1 -1
  32. package/table/internal.d.ts.map +1 -1
  33. package/table/internal.js +1 -1
  34. package/table/internal.js.map +1 -1
  35. package/table/use-sticky-scrollbar.d.ts.map +1 -1
  36. package/table/use-sticky-scrollbar.js +8 -3
  37. package/table/use-sticky-scrollbar.js.map +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
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/hooks/use-scroll-sync/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { RefObject } from 'react';
2
2
  /**
3
- * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
3
+ * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.
4
4
  *
5
5
  * For example
6
6
  * const handleScroll = useScrollSync([ref1, ref2]);
package/internal/hooks/use-scroll-sync/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAAQ,YAEhD,aAAa,uBAqBvC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAGjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAA4B,YAEpE,aAAa,uBAqBvC"}
package/internal/hooks/use-scroll-sync/index.js CHANGED
@@ -1,15 +1,16 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useRef } from 'react';
4
+ import { supportsStickyPosition } from '../../utils/dom';
4
5
  /**
5
- * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.
6
+ * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.
6
7
  *
7
8
  * For example
8
9
  * const handleScroll = useScrollSync([ref1, ref2]);
9
10
  * <div ref={ref1} onScroll={handleScroll}/>
10
11
  * <div ref={ref2} onScroll={handleScroll}/>
11
12
  */
12
- export function useScrollSync(refs, disabled = false) {
13
+ export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
13
14
  const activeElement = useRef(null);
14
15
  const onScroll = (event) => {
15
16
  const targetElement = event.target;
package/internal/hooks/use-scroll-sync/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,KAAK;IACzE,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronised scroll elements.\n *\n * For example\n * const handleScroll = useScrollSync([ref1, ref2]);\n * <div ref={ref1} onScroll={handleScroll}/>\n * <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = false) {\n const activeElement = useRef<HTMLElement | null>(null);\n const onScroll = (event: React.UIEvent) => {\n const targetElement = event.target as HTMLElement;\n // remembers the first element that fires onscroll to align with other elements against it\n if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n requestAnimationFrame(() => {\n activeElement.current = targetElement;\n refs.forEach(ref => {\n const element = ref.current;\n if (element && element !== targetElement) {\n element.scrollLeft = targetElement.scrollLeft;\n }\n });\n // unblock the ability to scroll the synced elements\n requestAnimationFrame(() => {\n activeElement.current = null;\n });\n });\n }\n };\n\n return !disabled ? onScroll : undefined;\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n * const handleScroll = useScrollSync([ref1, ref2]);\n * <div ref={ref1} onScroll={handleScroll}/>\n * <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n const activeElement = useRef<HTMLElement | null>(null);\n const onScroll = (event: React.UIEvent) => {\n const targetElement = event.target as HTMLElement;\n // remembers the first element that fires onscroll to align with other elements against it\n if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n requestAnimationFrame(() => {\n activeElement.current = targetElement;\n refs.forEach(ref => {\n const element = ref.current;\n if (element && element !== targetElement) {\n element.scrollLeft = targetElement.scrollLeft;\n }\n });\n // unblock the ability to scroll the synced elements\n requestAnimationFrame(() => {\n activeElement.current = null;\n });\n });\n }\n };\n\n return !disabled ? onScroll : undefined;\n}\n"]}
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "b26c768ce4479799a94500822e4ac9fc9717f303"
2
+ "commit": "a1bd4b19f8739e1e750b28ec16aa81b484ced6c5"
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.275",
112
+ "version": "3.0.277",
113
113
  "repository": {
114
114
  "type": "git",
115
115
  "url": "https://github.com/cloudscape-design/components.git"
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/table/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAoC/D,QAAA,MAAM,aAAa,qBA4ZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAoC/D,QAAA,MAAM,aAAa,qBAyZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
package/table/internal.js CHANGED
@@ -58,7 +58,7 @@ const InternalTable = React.forwardRef((_a, ref) => {
58
58
  cancelEdit: () => setCurrentEditCell(null),
59
59
  });
60
60
  }, []);
61
- const handleScroll = useScrollSync([wrapperRefObject, scrollbarRef, secondaryWrapperRef], !supportsStickyPosition());
61
+ const handleScroll = useScrollSync([wrapperRefObject, scrollbarRef, secondaryWrapperRef]);
62
62
  const { moveFocusDown, moveFocusUp, moveFocus } = useFocusMove(selectionType, items.length);
63
63
  const { onRowClickHandler, onRowContextMenuHandler } = useRowEvents({ onRowClick, onRowContextMenu });
64
64
  const visibleColumnDefinitions = getVisibleColumnDefinitions({