@cloudscape-design/components 3.0.447 → 3.0.449

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 (44) hide show
  1. package/app-layout/content-wrapper/styles.css.js +3 -3
  2. package/app-layout/content-wrapper/styles.scoped.css +8 -8
  3. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  4. package/app-layout/visual-refresh/context.js +3 -3
  5. package/app-layout/visual-refresh/context.js.map +1 -1
  6. package/app-layout/visual-refresh/styles.css.js +80 -80
  7. package/app-layout/visual-refresh/styles.scoped.css +188 -189
  8. package/app-layout/visual-refresh/styles.selectors.js +80 -80
  9. package/button/interfaces.d.ts +3 -2
  10. package/button/interfaces.d.ts.map +1 -1
  11. package/button/interfaces.js.map +1 -1
  12. package/button/internal.d.ts.map +1 -1
  13. package/button/internal.js +9 -0
  14. package/button/internal.js.map +1 -1
  15. package/button-dropdown/interfaces.d.ts +1 -1
  16. package/button-dropdown/interfaces.js.map +1 -1
  17. package/internal/base-component/styles.scoped.css +7 -9
  18. package/internal/environment.js +1 -1
  19. package/internal/environment.json +1 -1
  20. package/internal/generated/styles/tokens.js +3 -3
  21. package/internal/generated/theming/index.cjs +66 -55
  22. package/internal/generated/theming/index.js +66 -55
  23. package/internal/hooks/use-performance-marks.d.ts +3 -0
  24. package/internal/hooks/use-performance-marks.d.ts.map +1 -0
  25. package/internal/hooks/use-performance-marks.js +41 -0
  26. package/internal/hooks/use-performance-marks.js.map +1 -0
  27. package/internal/manifest.json +1 -1
  28. package/package.json +1 -1
  29. package/popover/interfaces.d.ts +2 -1
  30. package/popover/interfaces.d.ts.map +1 -1
  31. package/popover/interfaces.js.map +1 -1
  32. package/select/interfaces.d.ts +1 -0
  33. package/select/interfaces.d.ts.map +1 -1
  34. package/select/interfaces.js.map +1 -1
  35. package/select/parts/multiselect-item.d.ts +3 -16
  36. package/select/parts/multiselect-item.d.ts.map +1 -1
  37. package/select/parts/multiselect-item.js +1 -1
  38. package/select/parts/multiselect-item.js.map +1 -1
  39. package/split-panel/styles.css.js +55 -55
  40. package/split-panel/styles.scoped.css +80 -80
  41. package/split-panel/styles.selectors.js +55 -55
  42. package/table/internal.d.ts.map +1 -1
  43. package/table/internal.js +10 -0
  44. package/table/internal.js.map +1 -1
@@ -890,16 +890,16 @@ module.exports.preset = {
890
890
  "dark": "{colorGrey650}"
891
891
  },
892
892
  "colorBackgroundLayoutToggleActive": {
893
- "light": "{colorGrey650}",
894
- "dark": "{colorGrey650}"
893
+ "light": "{colorGrey600}",
894
+ "dark": "{colorGrey600}"
895
895
  },
896
896
  "colorBackgroundLayoutToggleDefault": {
897
- "light": "{colorGrey750}",
898
- "dark": "{colorGrey750}"
897
+ "light": "{colorGrey600}",
898
+ "dark": "{colorGrey600}"
899
899
  },
900
900
  "colorBackgroundLayoutToggleHover": {
901
- "light": "{colorGrey650}",
902
- "dark": "{colorGrey650}"
901
+ "light": "{colorGrey550}",
902
+ "dark": "{colorGrey550}"
903
903
  },
904
904
  "colorBackgroundLayoutToggleSelectedActive": {
905
905
  "light": "{colorBlue600}",
@@ -2039,13 +2039,17 @@ module.exports.preset = {
2039
2039
  "comfortable": "{spaceScaled2xXxxl}",
2040
2040
  "compact": "{spaceScaled2xXxxl}"
2041
2041
  },
2042
+ "spaceLayoutContentHorizontal": {
2043
+ "comfortable": "{spaceScaled2xXl}",
2044
+ "compact": "{spaceScaled2xXl}"
2045
+ },
2042
2046
  "spaceLayoutToggleDiameter": {
2043
- "comfortable": "40px",
2044
- "compact": "40px"
2047
+ "comfortable": "36px",
2048
+ "compact": "36px"
2045
2049
  },
2046
2050
  "spaceLayoutTogglePadding": {
2047
- "comfortable": "{spaceScaledL}",
2048
- "compact": "{spaceScaledL}"
2051
+ "comfortable": "{spaceStaticS}",
2052
+ "compact": "{spaceStaticS}"
2049
2053
  },
2050
2054
  "spaceModalContentBottom": {
2051
2055
  "comfortable": "{spaceScaled2xM}",
@@ -2477,13 +2481,17 @@ module.exports.preset = {
2477
2481
  "comfortable": "{spaceScaled2xXxxl}",
2478
2482
  "compact": "{spaceScaled2xXxxl}"
2479
2483
  },
2484
+ "spaceLayoutContentHorizontal": {
2485
+ "comfortable": "{spaceScaled2xXl}",
2486
+ "compact": "{spaceScaled2xXl}"
2487
+ },
2480
2488
  "spaceLayoutToggleDiameter": {
2481
- "comfortable": "40px",
2482
- "compact": "40px"
2489
+ "comfortable": "36px",
2490
+ "compact": "36px"
2483
2491
  },
2484
2492
  "spaceLayoutTogglePadding": {
2485
- "comfortable": "{spaceScaledL}",
2486
- "compact": "{spaceScaledL}"
2493
+ "comfortable": "{spaceStaticS}",
2494
+ "compact": "{spaceStaticS}"
2487
2495
  },
2488
2496
  "spaceModalContentBottom": {
2489
2497
  "comfortable": "{spaceScaled2xM}",
@@ -2908,16 +2916,16 @@ module.exports.preset = {
2908
2916
  "dark": "{colorGrey650}"
2909
2917
  },
2910
2918
  "colorBackgroundLayoutToggleActive": {
2911
- "light": "{colorGrey650}",
2912
- "dark": "{colorGrey650}"
2919
+ "light": "{colorGrey600}",
2920
+ "dark": "{colorGrey600}"
2913
2921
  },
2914
2922
  "colorBackgroundLayoutToggleDefault": {
2915
- "light": "{colorGrey750}",
2916
- "dark": "{colorGrey750}"
2923
+ "light": "{colorGrey600}",
2924
+ "dark": "{colorGrey600}"
2917
2925
  },
2918
2926
  "colorBackgroundLayoutToggleHover": {
2919
- "light": "{colorGrey650}",
2920
- "dark": "{colorGrey650}"
2927
+ "light": "{colorGrey550}",
2928
+ "dark": "{colorGrey550}"
2921
2929
  },
2922
2930
  "colorBackgroundLayoutToggleSelectedActive": {
2923
2931
  "light": "{colorBlue500}",
@@ -3914,16 +3922,16 @@ module.exports.preset = {
3914
3922
  "dark": "{colorGrey650}"
3915
3923
  },
3916
3924
  "colorBackgroundLayoutToggleActive": {
3917
- "light": "{colorGrey650}",
3918
- "dark": "{colorGrey650}"
3925
+ "light": "{colorGrey600}",
3926
+ "dark": "{colorGrey600}"
3919
3927
  },
3920
3928
  "colorBackgroundLayoutToggleDefault": {
3921
- "light": "{colorGrey750}",
3922
- "dark": "{colorGrey750}"
3929
+ "light": "{colorGrey600}",
3930
+ "dark": "{colorGrey600}"
3923
3931
  },
3924
3932
  "colorBackgroundLayoutToggleHover": {
3925
- "light": "{colorGrey650}",
3926
- "dark": "{colorGrey650}"
3933
+ "light": "{colorGrey550}",
3934
+ "dark": "{colorGrey550}"
3927
3935
  },
3928
3936
  "colorBackgroundLayoutToggleSelectedActive": {
3929
3937
  "light": "{colorBlue500}",
@@ -4852,16 +4860,16 @@ module.exports.preset = {
4852
4860
  "dark": "{colorGrey650}"
4853
4861
  },
4854
4862
  "colorBackgroundLayoutToggleActive": {
4855
- "light": "{colorGrey650}",
4856
- "dark": "{colorGrey650}"
4863
+ "light": "{colorGrey600}",
4864
+ "dark": "{colorGrey600}"
4857
4865
  },
4858
4866
  "colorBackgroundLayoutToggleDefault": {
4859
- "light": "{colorGrey750}",
4860
- "dark": "{colorGrey750}"
4867
+ "light": "{colorGrey600}",
4868
+ "dark": "{colorGrey600}"
4861
4869
  },
4862
4870
  "colorBackgroundLayoutToggleHover": {
4863
- "light": "{colorGrey650}",
4864
- "dark": "{colorGrey650}"
4871
+ "light": "{colorGrey550}",
4872
+ "dark": "{colorGrey550}"
4865
4873
  },
4866
4874
  "colorBackgroundLayoutToggleSelectedActive": {
4867
4875
  "light": "{colorBlue600}",
@@ -5790,16 +5798,16 @@ module.exports.preset = {
5790
5798
  "dark": "{colorGrey650}"
5791
5799
  },
5792
5800
  "colorBackgroundLayoutToggleActive": {
5793
- "light": "{colorGrey650}",
5794
- "dark": "{colorGrey650}"
5801
+ "light": "{colorGrey600}",
5802
+ "dark": "{colorGrey600}"
5795
5803
  },
5796
5804
  "colorBackgroundLayoutToggleDefault": {
5797
- "light": "{colorGrey750}",
5798
- "dark": "{colorGrey750}"
5805
+ "light": "{colorGrey600}",
5806
+ "dark": "{colorGrey600}"
5799
5807
  },
5800
5808
  "colorBackgroundLayoutToggleHover": {
5801
- "light": "{colorGrey650}",
5802
- "dark": "{colorGrey650}"
5809
+ "light": "{colorGrey550}",
5810
+ "dark": "{colorGrey550}"
5803
5811
  },
5804
5812
  "colorBackgroundLayoutToggleSelectedActive": {
5805
5813
  "light": "{colorBlue600}",
@@ -6728,16 +6736,16 @@ module.exports.preset = {
6728
6736
  "dark": "{colorGrey650}"
6729
6737
  },
6730
6738
  "colorBackgroundLayoutToggleActive": {
6731
- "light": "{colorGrey650}",
6732
- "dark": "{colorGrey650}"
6739
+ "light": "{colorGrey600}",
6740
+ "dark": "{colorGrey600}"
6733
6741
  },
6734
6742
  "colorBackgroundLayoutToggleDefault": {
6735
- "light": "{colorGrey750}",
6736
- "dark": "{colorGrey750}"
6743
+ "light": "{colorGrey600}",
6744
+ "dark": "{colorGrey600}"
6737
6745
  },
6738
6746
  "colorBackgroundLayoutToggleHover": {
6739
- "light": "{colorGrey650}",
6740
- "dark": "{colorGrey650}"
6747
+ "light": "{colorGrey550}",
6748
+ "dark": "{colorGrey550}"
6741
6749
  },
6742
6750
  "colorBackgroundLayoutToggleSelectedActive": {
6743
6751
  "light": "{colorBlue600}",
@@ -7668,16 +7676,16 @@ module.exports.preset = {
7668
7676
  "dark": "{colorGrey650}"
7669
7677
  },
7670
7678
  "colorBackgroundLayoutToggleActive": {
7671
- "light": "{colorGrey650}",
7672
- "dark": "{colorGrey650}"
7679
+ "light": "{colorGrey600}",
7680
+ "dark": "{colorGrey600}"
7673
7681
  },
7674
7682
  "colorBackgroundLayoutToggleDefault": {
7675
- "light": "{colorGrey750}",
7676
- "dark": "{colorGrey750}"
7683
+ "light": "{colorGrey600}",
7684
+ "dark": "{colorGrey600}"
7677
7685
  },
7678
7686
  "colorBackgroundLayoutToggleHover": {
7679
- "light": "{colorGrey650}",
7680
- "dark": "{colorGrey650}"
7687
+ "light": "{colorGrey550}",
7688
+ "dark": "{colorGrey550}"
7681
7689
  },
7682
7690
  "colorBackgroundLayoutToggleSelectedActive": {
7683
7691
  "light": "{colorBlue500}",
@@ -8885,6 +8893,7 @@ module.exports.preset = {
8885
8893
  "spaceGridGutter": "density",
8886
8894
  "spaceKeyValueGap": "density",
8887
8895
  "spaceLayoutContentBottom": "density",
8896
+ "spaceLayoutContentHorizontal": "density",
8888
8897
  "spaceLayoutToggleDiameter": "density",
8889
8898
  "spaceLayoutTogglePadding": "density",
8890
8899
  "spaceModalContentBottom": "density",
@@ -10124,6 +10133,7 @@ module.exports.preset = {
10124
10133
  "spaceGridGutter": "space-grid-gutter",
10125
10134
  "spaceKeyValueGap": "space-key-value-gap",
10126
10135
  "spaceLayoutContentBottom": "space-layout-content-bottom",
10136
+ "spaceLayoutContentHorizontal": "space-layout-content-horizontal",
10127
10137
  "spaceLayoutToggleDiameter": "space-layout-toggle-diameter",
10128
10138
  "spaceLayoutTogglePadding": "space-layout-toggle-padding",
10129
10139
  "spaceModalContentBottom": "space-modal-content-bottom",
@@ -10452,9 +10462,9 @@ module.exports.preset = {
10452
10462
  "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-0ussje",
10453
10463
  "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-t82vgh",
10454
10464
  "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-n9apd3",
10455
- "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-robi8g",
10456
- "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-lmdlhy",
10457
- "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-ho9150",
10465
+ "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-aa8dko",
10466
+ "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-o2evu2",
10467
+ "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-awem6j",
10458
10468
  "colorBackgroundLayoutToggleSelectedActive": "--color-background-layout-toggle-selected-active-xfk480",
10459
10469
  "colorBackgroundLayoutToggleSelectedDefault": "--color-background-layout-toggle-selected-default-caco0q",
10460
10470
  "colorBackgroundLayoutToggleSelectedHover": "--color-background-layout-toggle-selected-hover-kjak2q",
@@ -10804,8 +10814,9 @@ module.exports.preset = {
10804
10814
  "spaceGridGutter": "--space-grid-gutter-ieqn7e",
10805
10815
  "spaceKeyValueGap": "--space-key-value-gap-0517k5",
10806
10816
  "spaceLayoutContentBottom": "--space-layout-content-bottom-noqzmw",
10807
- "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-x54u6y",
10808
- "spaceLayoutTogglePadding": "--space-layout-toggle-padding-sgkxy2",
10817
+ "spaceLayoutContentHorizontal": "--space-layout-content-horizontal-7l52k3",
10818
+ "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hb85rk",
10819
+ "spaceLayoutTogglePadding": "--space-layout-toggle-padding-lcu6qi",
10809
10820
  "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
10810
10821
  "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
10811
10822
  "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",
@@ -890,16 +890,16 @@ export var preset = {
890
890
  "dark": "{colorGrey650}"
891
891
  },
892
892
  "colorBackgroundLayoutToggleActive": {
893
- "light": "{colorGrey650}",
894
- "dark": "{colorGrey650}"
893
+ "light": "{colorGrey600}",
894
+ "dark": "{colorGrey600}"
895
895
  },
896
896
  "colorBackgroundLayoutToggleDefault": {
897
- "light": "{colorGrey750}",
898
- "dark": "{colorGrey750}"
897
+ "light": "{colorGrey600}",
898
+ "dark": "{colorGrey600}"
899
899
  },
900
900
  "colorBackgroundLayoutToggleHover": {
901
- "light": "{colorGrey650}",
902
- "dark": "{colorGrey650}"
901
+ "light": "{colorGrey550}",
902
+ "dark": "{colorGrey550}"
903
903
  },
904
904
  "colorBackgroundLayoutToggleSelectedActive": {
905
905
  "light": "{colorBlue600}",
@@ -2039,13 +2039,17 @@ export var preset = {
2039
2039
  "comfortable": "{spaceScaled2xXxxl}",
2040
2040
  "compact": "{spaceScaled2xXxxl}"
2041
2041
  },
2042
+ "spaceLayoutContentHorizontal": {
2043
+ "comfortable": "{spaceScaled2xXl}",
2044
+ "compact": "{spaceScaled2xXl}"
2045
+ },
2042
2046
  "spaceLayoutToggleDiameter": {
2043
- "comfortable": "40px",
2044
- "compact": "40px"
2047
+ "comfortable": "36px",
2048
+ "compact": "36px"
2045
2049
  },
2046
2050
  "spaceLayoutTogglePadding": {
2047
- "comfortable": "{spaceScaledL}",
2048
- "compact": "{spaceScaledL}"
2051
+ "comfortable": "{spaceStaticS}",
2052
+ "compact": "{spaceStaticS}"
2049
2053
  },
2050
2054
  "spaceModalContentBottom": {
2051
2055
  "comfortable": "{spaceScaled2xM}",
@@ -2477,13 +2481,17 @@ export var preset = {
2477
2481
  "comfortable": "{spaceScaled2xXxxl}",
2478
2482
  "compact": "{spaceScaled2xXxxl}"
2479
2483
  },
2484
+ "spaceLayoutContentHorizontal": {
2485
+ "comfortable": "{spaceScaled2xXl}",
2486
+ "compact": "{spaceScaled2xXl}"
2487
+ },
2480
2488
  "spaceLayoutToggleDiameter": {
2481
- "comfortable": "40px",
2482
- "compact": "40px"
2489
+ "comfortable": "36px",
2490
+ "compact": "36px"
2483
2491
  },
2484
2492
  "spaceLayoutTogglePadding": {
2485
- "comfortable": "{spaceScaledL}",
2486
- "compact": "{spaceScaledL}"
2493
+ "comfortable": "{spaceStaticS}",
2494
+ "compact": "{spaceStaticS}"
2487
2495
  },
2488
2496
  "spaceModalContentBottom": {
2489
2497
  "comfortable": "{spaceScaled2xM}",
@@ -2908,16 +2916,16 @@ export var preset = {
2908
2916
  "dark": "{colorGrey650}"
2909
2917
  },
2910
2918
  "colorBackgroundLayoutToggleActive": {
2911
- "light": "{colorGrey650}",
2912
- "dark": "{colorGrey650}"
2919
+ "light": "{colorGrey600}",
2920
+ "dark": "{colorGrey600}"
2913
2921
  },
2914
2922
  "colorBackgroundLayoutToggleDefault": {
2915
- "light": "{colorGrey750}",
2916
- "dark": "{colorGrey750}"
2923
+ "light": "{colorGrey600}",
2924
+ "dark": "{colorGrey600}"
2917
2925
  },
2918
2926
  "colorBackgroundLayoutToggleHover": {
2919
- "light": "{colorGrey650}",
2920
- "dark": "{colorGrey650}"
2927
+ "light": "{colorGrey550}",
2928
+ "dark": "{colorGrey550}"
2921
2929
  },
2922
2930
  "colorBackgroundLayoutToggleSelectedActive": {
2923
2931
  "light": "{colorBlue500}",
@@ -3914,16 +3922,16 @@ export var preset = {
3914
3922
  "dark": "{colorGrey650}"
3915
3923
  },
3916
3924
  "colorBackgroundLayoutToggleActive": {
3917
- "light": "{colorGrey650}",
3918
- "dark": "{colorGrey650}"
3925
+ "light": "{colorGrey600}",
3926
+ "dark": "{colorGrey600}"
3919
3927
  },
3920
3928
  "colorBackgroundLayoutToggleDefault": {
3921
- "light": "{colorGrey750}",
3922
- "dark": "{colorGrey750}"
3929
+ "light": "{colorGrey600}",
3930
+ "dark": "{colorGrey600}"
3923
3931
  },
3924
3932
  "colorBackgroundLayoutToggleHover": {
3925
- "light": "{colorGrey650}",
3926
- "dark": "{colorGrey650}"
3933
+ "light": "{colorGrey550}",
3934
+ "dark": "{colorGrey550}"
3927
3935
  },
3928
3936
  "colorBackgroundLayoutToggleSelectedActive": {
3929
3937
  "light": "{colorBlue500}",
@@ -4852,16 +4860,16 @@ export var preset = {
4852
4860
  "dark": "{colorGrey650}"
4853
4861
  },
4854
4862
  "colorBackgroundLayoutToggleActive": {
4855
- "light": "{colorGrey650}",
4856
- "dark": "{colorGrey650}"
4863
+ "light": "{colorGrey600}",
4864
+ "dark": "{colorGrey600}"
4857
4865
  },
4858
4866
  "colorBackgroundLayoutToggleDefault": {
4859
- "light": "{colorGrey750}",
4860
- "dark": "{colorGrey750}"
4867
+ "light": "{colorGrey600}",
4868
+ "dark": "{colorGrey600}"
4861
4869
  },
4862
4870
  "colorBackgroundLayoutToggleHover": {
4863
- "light": "{colorGrey650}",
4864
- "dark": "{colorGrey650}"
4871
+ "light": "{colorGrey550}",
4872
+ "dark": "{colorGrey550}"
4865
4873
  },
4866
4874
  "colorBackgroundLayoutToggleSelectedActive": {
4867
4875
  "light": "{colorBlue600}",
@@ -5790,16 +5798,16 @@ export var preset = {
5790
5798
  "dark": "{colorGrey650}"
5791
5799
  },
5792
5800
  "colorBackgroundLayoutToggleActive": {
5793
- "light": "{colorGrey650}",
5794
- "dark": "{colorGrey650}"
5801
+ "light": "{colorGrey600}",
5802
+ "dark": "{colorGrey600}"
5795
5803
  },
5796
5804
  "colorBackgroundLayoutToggleDefault": {
5797
- "light": "{colorGrey750}",
5798
- "dark": "{colorGrey750}"
5805
+ "light": "{colorGrey600}",
5806
+ "dark": "{colorGrey600}"
5799
5807
  },
5800
5808
  "colorBackgroundLayoutToggleHover": {
5801
- "light": "{colorGrey650}",
5802
- "dark": "{colorGrey650}"
5809
+ "light": "{colorGrey550}",
5810
+ "dark": "{colorGrey550}"
5803
5811
  },
5804
5812
  "colorBackgroundLayoutToggleSelectedActive": {
5805
5813
  "light": "{colorBlue600}",
@@ -6728,16 +6736,16 @@ export var preset = {
6728
6736
  "dark": "{colorGrey650}"
6729
6737
  },
6730
6738
  "colorBackgroundLayoutToggleActive": {
6731
- "light": "{colorGrey650}",
6732
- "dark": "{colorGrey650}"
6739
+ "light": "{colorGrey600}",
6740
+ "dark": "{colorGrey600}"
6733
6741
  },
6734
6742
  "colorBackgroundLayoutToggleDefault": {
6735
- "light": "{colorGrey750}",
6736
- "dark": "{colorGrey750}"
6743
+ "light": "{colorGrey600}",
6744
+ "dark": "{colorGrey600}"
6737
6745
  },
6738
6746
  "colorBackgroundLayoutToggleHover": {
6739
- "light": "{colorGrey650}",
6740
- "dark": "{colorGrey650}"
6747
+ "light": "{colorGrey550}",
6748
+ "dark": "{colorGrey550}"
6741
6749
  },
6742
6750
  "colorBackgroundLayoutToggleSelectedActive": {
6743
6751
  "light": "{colorBlue600}",
@@ -7668,16 +7676,16 @@ export var preset = {
7668
7676
  "dark": "{colorGrey650}"
7669
7677
  },
7670
7678
  "colorBackgroundLayoutToggleActive": {
7671
- "light": "{colorGrey650}",
7672
- "dark": "{colorGrey650}"
7679
+ "light": "{colorGrey600}",
7680
+ "dark": "{colorGrey600}"
7673
7681
  },
7674
7682
  "colorBackgroundLayoutToggleDefault": {
7675
- "light": "{colorGrey750}",
7676
- "dark": "{colorGrey750}"
7683
+ "light": "{colorGrey600}",
7684
+ "dark": "{colorGrey600}"
7677
7685
  },
7678
7686
  "colorBackgroundLayoutToggleHover": {
7679
- "light": "{colorGrey650}",
7680
- "dark": "{colorGrey650}"
7687
+ "light": "{colorGrey550}",
7688
+ "dark": "{colorGrey550}"
7681
7689
  },
7682
7690
  "colorBackgroundLayoutToggleSelectedActive": {
7683
7691
  "light": "{colorBlue500}",
@@ -8885,6 +8893,7 @@ export var preset = {
8885
8893
  "spaceGridGutter": "density",
8886
8894
  "spaceKeyValueGap": "density",
8887
8895
  "spaceLayoutContentBottom": "density",
8896
+ "spaceLayoutContentHorizontal": "density",
8888
8897
  "spaceLayoutToggleDiameter": "density",
8889
8898
  "spaceLayoutTogglePadding": "density",
8890
8899
  "spaceModalContentBottom": "density",
@@ -10124,6 +10133,7 @@ export var preset = {
10124
10133
  "spaceGridGutter": "space-grid-gutter",
10125
10134
  "spaceKeyValueGap": "space-key-value-gap",
10126
10135
  "spaceLayoutContentBottom": "space-layout-content-bottom",
10136
+ "spaceLayoutContentHorizontal": "space-layout-content-horizontal",
10127
10137
  "spaceLayoutToggleDiameter": "space-layout-toggle-diameter",
10128
10138
  "spaceLayoutTogglePadding": "space-layout-toggle-padding",
10129
10139
  "spaceModalContentBottom": "space-modal-content-bottom",
@@ -10452,9 +10462,9 @@ export var preset = {
10452
10462
  "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-0ussje",
10453
10463
  "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-t82vgh",
10454
10464
  "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-n9apd3",
10455
- "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-robi8g",
10456
- "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-lmdlhy",
10457
- "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-ho9150",
10465
+ "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-aa8dko",
10466
+ "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-o2evu2",
10467
+ "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-awem6j",
10458
10468
  "colorBackgroundLayoutToggleSelectedActive": "--color-background-layout-toggle-selected-active-xfk480",
10459
10469
  "colorBackgroundLayoutToggleSelectedDefault": "--color-background-layout-toggle-selected-default-caco0q",
10460
10470
  "colorBackgroundLayoutToggleSelectedHover": "--color-background-layout-toggle-selected-hover-kjak2q",
@@ -10804,8 +10814,9 @@ export var preset = {
10804
10814
  "spaceGridGutter": "--space-grid-gutter-ieqn7e",
10805
10815
  "spaceKeyValueGap": "--space-key-value-gap-0517k5",
10806
10816
  "spaceLayoutContentBottom": "--space-layout-content-bottom-noqzmw",
10807
- "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-x54u6y",
10808
- "spaceLayoutTogglePadding": "--space-layout-toggle-padding-sgkxy2",
10817
+ "spaceLayoutContentHorizontal": "--space-layout-content-horizontal-7l52k3",
10818
+ "spaceLayoutToggleDiameter": "--space-layout-toggle-diameter-hb85rk",
10819
+ "spaceLayoutTogglePadding": "--space-layout-toggle-padding-lcu6qi",
10809
10820
  "spaceModalContentBottom": "--space-modal-content-bottom-hqahub",
10810
10821
  "spaceModalHorizontal": "--space-modal-horizontal-f89syl",
10811
10822
  "spaceOptionIconBigTop": "--space-option-icon-big-top-hybljv",
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): void;
3
+ //# sourceMappingURL=use-performance-marks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-performance-marks.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-performance-marks.ts"],"names":[],"mappings":";AAOA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc,QAsDnC"}
@@ -0,0 +1,41 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { useEffect } from 'react';
4
+ import { useUniqueId } from './use-unique-id';
5
+ import { useEffectOnUpdate } from './use-effect-on-update';
6
+ export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
7
+ const id = useUniqueId();
8
+ useEffect(() => {
9
+ if (!enabled || !elementRef.current) {
10
+ return;
11
+ }
12
+ const elementVisible = elementRef.current.offsetWidth > 0 &&
13
+ elementRef.current.offsetHeight > 0 &&
14
+ getComputedStyle(elementRef.current).visibility !== 'hidden';
15
+ if (!elementVisible) {
16
+ return;
17
+ }
18
+ const renderedMarkName = `${name}Rendered`;
19
+ performance.mark(renderedMarkName, {
20
+ detail: Object.assign({ source: 'awsui', instanceId: id }, getDetails()),
21
+ });
22
+ // eslint-disable-next-line react-hooks/exhaustive-deps
23
+ }, []);
24
+ useEffectOnUpdate(() => {
25
+ if (!enabled || !elementRef.current) {
26
+ return;
27
+ }
28
+ const elementVisible = elementRef.current.offsetWidth > 0 &&
29
+ elementRef.current.offsetHeight > 0 &&
30
+ getComputedStyle(elementRef.current).visibility !== 'hidden';
31
+ if (!elementVisible) {
32
+ return;
33
+ }
34
+ const updatedMarkName = `${name}Updated`;
35
+ performance.mark(updatedMarkName, {
36
+ detail: Object.assign({ source: 'awsui', instanceId: id }, getDetails()),
37
+ });
38
+ // eslint-disable-next-line react-hooks/exhaustive-deps
39
+ }, dependencies);
40
+ }
41
+ //# sourceMappingURL=use-performance-marks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-performance-marks.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-performance-marks.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAAgB,EAChB,UAAwC,EACxC,UAAuE,EACvE,YAAkC;IAElC,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACnC,OAAO;SACR;QAED,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAG,GAAG,IAAI,UAAU,CAAC;QAE3C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACjC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,UAAU,EAAE,EAAE,IACX,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACnC,OAAO;SACR;QACD,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,GAAG,IAAI,SAAS,CAAC;QAEzC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE;YAChC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,UAAU,EAAE,EAAE,IACX,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\nimport { useUniqueId } from './use-unique-id';\nimport { useEffectOnUpdate } from './use-effect-on-update';\n\nexport function usePerformanceMarks(\n name: string,\n enabled: boolean,\n elementRef: React.RefObject<HTMLElement>,\n getDetails: () => Record<string, string | boolean | number | undefined>,\n dependencies: React.DependencyList\n) {\n const id = useUniqueId();\n\n useEffect(() => {\n if (!enabled || !elementRef.current) {\n return;\n }\n\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const renderedMarkName = `${name}Rendered`;\n\n performance.mark(renderedMarkName, {\n detail: {\n source: 'awsui',\n instanceId: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffectOnUpdate(() => {\n if (!enabled || !elementRef.current) {\n return;\n }\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const updatedMarkName = `${name}Updated`;\n\n performance.mark(updatedMarkName, {\n detail: {\n source: 'awsui',\n instanceId: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "c17dd790be5b158190eb295036b34da22992098e"
2
+ "commit": "4803ce1233aab440ee5e6aafc6e7ca4986af1ce7"
3
3
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.447","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
1
+ {"name":"@cloudscape-design/components","main":"./index.js","exports":{".":"./index.js","./package.json":"./package.json","./theming":"./theming/index.js","./test-utils/dom":"./test-utils/dom/index.js","./test-utils/selectors":"./test-utils/selectors/index.js","./interfaces":"./interfaces.js","./contexts/form-field":"./contexts/form-field.js","./alert":"./alert/index.js","./anchor-navigation":"./anchor-navigation/index.js","./annotation-context":"./annotation-context/index.js","./app-layout":"./app-layout/index.js","./area-chart":"./area-chart/index.js","./attribute-editor":"./attribute-editor/index.js","./autosuggest":"./autosuggest/index.js","./badge":"./badge/index.js","./bar-chart":"./bar-chart/index.js","./box":"./box/index.js","./breadcrumb-group":"./breadcrumb-group/index.js","./button":"./button/index.js","./button-dropdown":"./button-dropdown/index.js","./calendar":"./calendar/index.js","./cards":"./cards/index.js","./checkbox":"./checkbox/index.js","./code-editor":"./code-editor/index.js","./collection-preferences":"./collection-preferences/index.js","./column-layout":"./column-layout/index.js","./container":"./container/index.js","./content-layout":"./content-layout/index.js","./date-input":"./date-input/index.js","./date-picker":"./date-picker/index.js","./date-range-picker":"./date-range-picker/index.js","./drawer":"./drawer/index.js","./expandable-section":"./expandable-section/index.js","./file-upload":"./file-upload/index.js","./flashbar":"./flashbar/index.js","./form":"./form/index.js","./form-field":"./form-field/index.js","./grid":"./grid/index.js","./header":"./header/index.js","./help-panel":"./help-panel/index.js","./hotspot":"./hotspot/index.js","./icon":"./icon/index.js","./input":"./input/index.js","./line-chart":"./line-chart/index.js","./link":"./link/index.js","./mixed-line-bar-chart":"./mixed-line-bar-chart/index.js","./modal":"./modal/index.js","./multiselect":"./multiselect/index.js","./pagination":"./pagination/index.js","./pie-chart":"./pie-chart/index.js","./popover":"./popover/index.js","./progress-bar":"./progress-bar/index.js","./property-filter":"./property-filter/index.js","./radio-group":"./radio-group/index.js","./s3-resource-selector":"./s3-resource-selector/index.js","./segmented-control":"./segmented-control/index.js","./select":"./select/index.js","./side-navigation":"./side-navigation/index.js","./space-between":"./space-between/index.js","./spinner":"./spinner/index.js","./split-panel":"./split-panel/index.js","./status-indicator":"./status-indicator/index.js","./table":"./table/index.js","./tabs":"./tabs/index.js","./tag-editor":"./tag-editor/index.js","./text-content":"./text-content/index.js","./text-filter":"./text-filter/index.js","./textarea":"./textarea/index.js","./tiles":"./tiles/index.js","./time-input":"./time-input/index.js","./toggle":"./toggle/index.js","./token-group":"./token-group/index.js","./top-navigation":"./top-navigation/index.js","./tutorial-panel":"./tutorial-panel/index.js","./wizard":"./wizard/index.js","./top-navigation/1.0-beta":"./top-navigation/1.0-beta/index.js","./i18n":"./i18n/index.js","./i18n/messages/all.all":"./i18n/messages/all.all.js","./i18n/messages/all.all.json":"./i18n/messages/all.all.json","./i18n/messages/all.de":"./i18n/messages/all.de.js","./i18n/messages/all.de.json":"./i18n/messages/all.de.json","./i18n/messages/all.en-GB":"./i18n/messages/all.en-GB.js","./i18n/messages/all.en-GB.json":"./i18n/messages/all.en-GB.json","./i18n/messages/all.en":"./i18n/messages/all.en.js","./i18n/messages/all.en.json":"./i18n/messages/all.en.json","./i18n/messages/all.es":"./i18n/messages/all.es.js","./i18n/messages/all.es.json":"./i18n/messages/all.es.json","./i18n/messages/all.fr":"./i18n/messages/all.fr.js","./i18n/messages/all.fr.json":"./i18n/messages/all.fr.json","./i18n/messages/all.id":"./i18n/messages/all.id.js","./i18n/messages/all.id.json":"./i18n/messages/all.id.json","./i18n/messages/all.it":"./i18n/messages/all.it.js","./i18n/messages/all.it.json":"./i18n/messages/all.it.json","./i18n/messages/all.ja":"./i18n/messages/all.ja.js","./i18n/messages/all.ja.json":"./i18n/messages/all.ja.json","./i18n/messages/all.ko":"./i18n/messages/all.ko.js","./i18n/messages/all.ko.json":"./i18n/messages/all.ko.json","./i18n/messages/all.pt-BR":"./i18n/messages/all.pt-BR.js","./i18n/messages/all.pt-BR.json":"./i18n/messages/all.pt-BR.json","./i18n/messages/all.tr":"./i18n/messages/all.tr.js","./i18n/messages/all.tr.json":"./i18n/messages/all.tr.json","./i18n/messages/all.zh-CN":"./i18n/messages/all.zh-CN.js","./i18n/messages/all.zh-CN.json":"./i18n/messages/all.zh-CN.json","./i18n/messages/all.zh-TW":"./i18n/messages/all.zh-TW.js","./i18n/messages/all.zh-TW.json":"./i18n/messages/all.zh-TW.json"},"sideEffects":["*.css","./internal/base-component/index.js","./internal/base-component/styles.css.js"],"version":"3.0.449","repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"homepage":"https://cloudscape.design","dependencies":{"@cloudscape-design/collection-hooks":"^1.0.0","@cloudscape-design/component-toolkit":"^1.0.0-beta","@cloudscape-design/test-utils-core":"^1.0.0","@cloudscape-design/theming-runtime":"^1.0.0","@dnd-kit/core":"^6.0.8","@dnd-kit/sortable":"^7.0.2","@dnd-kit/utilities":"^3.2.1","@juggle/resize-observer":"^3.3.1","ace-builds":"^1.23.0","balanced-match":"^1.0.2","clsx":"^1.1.0","d3-shape":"^1.3.7","date-fns":"^2.25.0","intl-messageformat":"^10.3.1","mnth":"^2.0.0","react-keyed-flatten-children":"^1.3.0","react-transition-group":"^4.4.2","react-virtual":"^2.8.2","tslib":"^2.4.0","weekstart":"^1.1.0"},"peerDependencies":{"react":"^16.8 || ^17 || ^18","react-dom":"^16.8 || ^17 || ^18"},"license":"Apache-2.0"}
@@ -23,7 +23,8 @@ export interface PopoverProps extends BaseComponentProps {
23
23
  */
24
24
  triggerType?: PopoverProps.TriggerType;
25
25
  /**
26
- * Adds an aria-label to the text trigger button.
26
+ * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers
27
+ * that don't have visible text, and to distinguish between multiple triggers with identical visible text.
27
28
  */
28
29
  triggerAriaLabel?: string;
29
30
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC7C"}