@cloudscape-design/components 3.0.448 → 3.0.450

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 (77) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +59 -53
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +39 -30
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +55 -48
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +15 -15
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +29 -30
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +18 -17
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +6 -6
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +3 -3
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +26 -26
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +10 -9
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +80 -80
  32. package/app-layout/visual-refresh/styles.scoped.css +268 -251
  33. package/app-layout/visual-refresh/styles.selectors.js +80 -80
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +12 -11
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -29
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/styles.css.js +3 -3
  41. package/autosuggest/styles.scoped.css +5 -5
  42. package/autosuggest/styles.selectors.js +3 -3
  43. package/button/interfaces.d.ts +3 -2
  44. package/button/interfaces.d.ts.map +1 -1
  45. package/button/interfaces.js.map +1 -1
  46. package/button/internal.d.ts.map +1 -1
  47. package/button/internal.js +9 -0
  48. package/button/internal.js.map +1 -1
  49. package/button/styles.css.js +20 -20
  50. package/button/styles.scoped.css +155 -153
  51. package/button/styles.selectors.js +20 -20
  52. package/button-dropdown/interfaces.d.ts +1 -1
  53. package/button-dropdown/interfaces.js.map +1 -1
  54. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  55. package/internal/analytics/components/analytics-funnel.js +11 -2
  56. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  57. package/internal/environment.js +1 -1
  58. package/internal/environment.json +1 -1
  59. package/internal/hooks/use-performance-marks.d.ts +3 -0
  60. package/internal/hooks/use-performance-marks.d.ts.map +1 -0
  61. package/internal/hooks/use-performance-marks.js +41 -0
  62. package/internal/hooks/use-performance-marks.js.map +1 -0
  63. package/internal/manifest.json +1 -1
  64. package/package.json +1 -1
  65. package/popover/interfaces.d.ts +2 -1
  66. package/popover/interfaces.d.ts.map +1 -1
  67. package/popover/interfaces.js.map +1 -1
  68. package/select/interfaces.d.ts +1 -0
  69. package/select/interfaces.d.ts.map +1 -1
  70. package/select/interfaces.js.map +1 -1
  71. package/select/parts/multiselect-item.d.ts +3 -16
  72. package/select/parts/multiselect-item.d.ts.map +1 -1
  73. package/select/parts/multiselect-item.js +1 -1
  74. package/select/parts/multiselect-item.js.map +1 -1
  75. package/table/internal.d.ts.map +1 -1
  76. package/table/internal.js +10 -0
  77. package/table/internal.js.map +1 -1
@@ -2,85 +2,85 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "background": "awsui_background_hyvsj_6otqt_93",
6
- "scrolling-background": "awsui_scrolling-background_hyvsj_6otqt_96",
7
- "sticky-background": "awsui_sticky-background_hyvsj_6otqt_102",
8
- "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_6otqt_110",
9
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_6otqt_123",
10
- "has-sticky-background": "awsui_has-sticky-background_hyvsj_6otqt_133",
11
- "drawers-container": "awsui_drawers-container_hyvsj_6otqt_145",
12
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_6otqt_156",
13
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_6otqt_180",
14
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_6otqt_185",
15
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_6otqt_204",
16
- "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_6otqt_214",
17
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_6otqt_218",
18
- "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_6otqt_232",
19
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_6otqt_218",
20
- "drawer": "awsui_drawer_hyvsj_6otqt_145",
21
- "drawer-content-container": "awsui_drawer-content-container_hyvsj_6otqt_262",
22
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_6otqt_271",
23
- "drawer-content": "awsui_drawer-content_hyvsj_6otqt_262",
24
- "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_6otqt_279",
25
- "drawer-slider": "awsui_drawer-slider_hyvsj_6otqt_282",
26
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_6otqt_289",
27
- "content": "awsui_content_hyvsj_6otqt_314",
28
- "layout": "awsui_layout_hyvsj_6otqt_335",
29
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_6otqt_418",
30
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_6otqt_433",
31
- "content-type-table": "awsui_content-type-table_hyvsj_6otqt_447",
32
- "content-type-cards": "awsui_content-type-cards_hyvsj_6otqt_447",
33
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_6otqt_453",
34
- "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_6otqt_456",
35
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_6otqt_488",
36
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_6otqt_491",
37
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_6otqt_501",
38
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_6otqt_504",
39
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_6otqt_507",
40
- "has-header": "awsui_has-header_hyvsj_6otqt_507",
41
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_6otqt_528",
42
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_6otqt_528",
43
- "has-split-panel": "awsui_has-split-panel_hyvsj_6otqt_571",
44
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_6otqt_571",
45
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_6otqt_587",
46
- "unfocusable": "awsui_unfocusable_hyvsj_6otqt_592",
47
- "container": "awsui_container_hyvsj_6otqt_602",
48
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_6otqt_627",
49
- "is-tools-open": "awsui_is-tools-open_hyvsj_6otqt_630",
50
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_6otqt_630",
51
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_6otqt_630",
52
- "has-active-drawer": "awsui_has-active-drawer_hyvsj_6otqt_630",
53
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_6otqt_639",
54
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_6otqt_655",
55
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_6otqt_659",
56
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_6otqt_663",
57
- "navigation-container": "awsui_navigation-container_hyvsj_6otqt_672",
58
- "show-navigation": "awsui_show-navigation_hyvsj_6otqt_716",
59
- "animating": "awsui_animating_hyvsj_6otqt_738",
60
- "showButtons": "awsui_showButtons_hyvsj_6otqt_1",
61
- "navigation": "awsui_navigation_hyvsj_6otqt_672",
62
- "openNavigation": "awsui_openNavigation_hyvsj_6otqt_1",
63
- "animated-content": "awsui_animated-content_hyvsj_6otqt_800",
64
- "hide-navigation": "awsui_hide-navigation_hyvsj_6otqt_809",
65
- "notifications": "awsui_notifications_hyvsj_6otqt_819",
66
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_6otqt_825",
67
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_6otqt_842",
68
- "position-bottom": "awsui_position-bottom_hyvsj_6otqt_889",
69
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_6otqt_1",
70
- "split-panel-side": "awsui_split-panel-side_hyvsj_6otqt_918",
71
- "position-side": "awsui_position-side_hyvsj_6otqt_931",
72
- "tools-container": "awsui_tools-container_hyvsj_6otqt_950",
73
- "tools": "awsui_tools_hyvsj_6otqt_950",
74
- "openTools": "awsui_openTools_hyvsj_6otqt_1",
75
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_6otqt_1045",
76
- "hide-tools": "awsui_hide-tools_hyvsj_6otqt_1055",
77
- "show-tools": "awsui_show-tools_hyvsj_6otqt_1067",
78
- "has-tools-form": "awsui_has-tools-form_hyvsj_6otqt_1045",
79
- "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_6otqt_1127",
80
- "trigger": "awsui_trigger_hyvsj_6otqt_1127",
81
- "selected": "awsui_selected_hyvsj_6otqt_1190",
82
- "badge": "awsui_badge_hyvsj_6otqt_1210",
83
- "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_6otqt_1214",
84
- "dot": "awsui_dot_hyvsj_6otqt_1220"
5
+ "background": "awsui_background_hyvsj_1pb28_93",
6
+ "scrolling-background": "awsui_scrolling-background_hyvsj_1pb28_96",
7
+ "sticky-background": "awsui_sticky-background_hyvsj_1pb28_102",
8
+ "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1pb28_110",
9
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1pb28_123",
10
+ "has-sticky-background": "awsui_has-sticky-background_hyvsj_1pb28_133",
11
+ "drawers-container": "awsui_drawers-container_hyvsj_1pb28_145",
12
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_1pb28_156",
13
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1pb28_180",
14
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1pb28_185",
15
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1pb28_204",
16
+ "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1pb28_214",
17
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1pb28_218",
18
+ "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1pb28_232",
19
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_1pb28_218",
20
+ "drawer": "awsui_drawer_hyvsj_1pb28_145",
21
+ "drawer-content-container": "awsui_drawer-content-container_hyvsj_1pb28_263",
22
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_1pb28_272",
23
+ "drawer-content": "awsui_drawer-content_hyvsj_1pb28_263",
24
+ "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1pb28_280",
25
+ "drawer-slider": "awsui_drawer-slider_hyvsj_1pb28_283",
26
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_1pb28_290",
27
+ "content": "awsui_content_hyvsj_1pb28_315",
28
+ "layout": "awsui_layout_hyvsj_1pb28_336",
29
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1pb28_419",
30
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1pb28_434",
31
+ "content-type-table": "awsui_content-type-table_hyvsj_1pb28_448",
32
+ "content-type-cards": "awsui_content-type-cards_hyvsj_1pb28_448",
33
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1pb28_454",
34
+ "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1pb28_457",
35
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1pb28_489",
36
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1pb28_492",
37
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1pb28_502",
38
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1pb28_505",
39
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_1pb28_508",
40
+ "has-header": "awsui_has-header_hyvsj_1pb28_508",
41
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_1pb28_529",
42
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1pb28_529",
43
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1pb28_572",
44
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1pb28_572",
45
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1pb28_588",
46
+ "unfocusable": "awsui_unfocusable_hyvsj_1pb28_593",
47
+ "container": "awsui_container_hyvsj_1pb28_603",
48
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1pb28_629",
49
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1pb28_632",
50
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1pb28_632",
51
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1pb28_632",
52
+ "has-active-drawer": "awsui_has-active-drawer_hyvsj_1pb28_632",
53
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1pb28_641",
54
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1pb28_658",
55
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1pb28_662",
56
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1pb28_666",
57
+ "navigation-container": "awsui_navigation-container_hyvsj_1pb28_675",
58
+ "show-navigation": "awsui_show-navigation_hyvsj_1pb28_719",
59
+ "animating": "awsui_animating_hyvsj_1pb28_742",
60
+ "showButtons": "awsui_showButtons_hyvsj_1pb28_1",
61
+ "navigation": "awsui_navigation_hyvsj_1pb28_675",
62
+ "openNavigation": "awsui_openNavigation_hyvsj_1pb28_1",
63
+ "animated-content": "awsui_animated-content_hyvsj_1pb28_804",
64
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1pb28_813",
65
+ "notifications": "awsui_notifications_hyvsj_1pb28_823",
66
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1pb28_829",
67
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1pb28_846",
68
+ "position-bottom": "awsui_position-bottom_hyvsj_1pb28_893",
69
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1pb28_1",
70
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1pb28_922",
71
+ "position-side": "awsui_position-side_hyvsj_1pb28_935",
72
+ "tools-container": "awsui_tools-container_hyvsj_1pb28_954",
73
+ "tools": "awsui_tools_hyvsj_1pb28_954",
74
+ "openTools": "awsui_openTools_hyvsj_1pb28_1",
75
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1pb28_1049",
76
+ "hide-tools": "awsui_hide-tools_hyvsj_1pb28_1059",
77
+ "show-tools": "awsui_show-tools_hyvsj_1pb28_1071",
78
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1pb28_1049",
79
+ "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1pb28_1132",
80
+ "trigger": "awsui_trigger_hyvsj_1pb28_1132",
81
+ "selected": "awsui_selected_hyvsj_1pb28_1201",
82
+ "badge": "awsui_badge_hyvsj_1pb28_1221",
83
+ "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1pb28_1225",
84
+ "dot": "awsui_dot_hyvsj_1pb28_1234"
85
85
  };
86
86
 
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "series": "awsui_series_y1yrh_1pspp_93",
5
- "root": "awsui_root_y1yrh_1pspp_111",
6
- "series--highlighted": "awsui_series--highlighted_y1yrh_1pspp_123",
7
- "series--dimmed": "awsui_series--dimmed_y1yrh_1pspp_127",
8
- "series--threshold": "awsui_series--threshold_y1yrh_1pspp_131",
9
- "popover-divider": "awsui_popover-divider_y1yrh_1pspp_136"
4
+ "series": "awsui_series_y1yrh_zqxyn_93",
5
+ "root": "awsui_root_y1yrh_zqxyn_111",
6
+ "series--highlighted": "awsui_series--highlighted_y1yrh_zqxyn_123",
7
+ "series--dimmed": "awsui_series--dimmed_y1yrh_zqxyn_127",
8
+ "series--threshold": "awsui_series--threshold_y1yrh_zqxyn_131",
9
+ "popover-divider": "awsui_popover-divider_y1yrh_zqxyn_136"
10
10
  };
11
11
 
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_series_y1yrh_1pspp_93 > rect:not(#\9) {
93
+ .awsui_series_y1yrh_zqxyn_93 > rect:not(#\9) {
94
94
  transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
95
95
  }
96
96
  @media (prefers-reduced-motion: reduce) {
97
- .awsui_series_y1yrh_1pspp_93 > rect:not(#\9) {
97
+ .awsui_series_y1yrh_zqxyn_93 > rect:not(#\9) {
98
98
  animation: none;
99
99
  transition: none;
100
100
  }
101
101
  }
102
- .awsui-motion-disabled .awsui_series_y1yrh_1pspp_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1pspp_93 > rect:not(#\9) {
102
+ .awsui-motion-disabled .awsui_series_y1yrh_zqxyn_93 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_zqxyn_93 > rect:not(#\9) {
103
103
  animation: none;
104
104
  transition: none;
105
105
  }
@@ -108,11 +108,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
109
  SPDX-License-Identifier: Apache-2.0
110
110
  */
111
- .awsui_root_y1yrh_1pspp_111:not(#\9) {
111
+ .awsui_root_y1yrh_zqxyn_111:not(#\9) {
112
112
  /* used in test-utils */
113
113
  }
114
114
 
115
- .awsui_series_y1yrh_1pspp_93:not(#\9) {
115
+ .awsui_series_y1yrh_zqxyn_93:not(#\9) {
116
116
  display: block;
117
117
  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
118
118
  fill: none;
@@ -120,20 +120,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  stroke-linejoin: var(--border-line-chart-line-join-hdz0jf, round);
121
121
  }
122
122
 
123
- .awsui_series--highlighted_y1yrh_1pspp_123:not(#\9) {
123
+ .awsui_series--highlighted_y1yrh_zqxyn_123:not(#\9) {
124
124
  /* used in test-utils */
125
125
  }
126
126
 
127
- .awsui_series--dimmed_y1yrh_1pspp_127:not(#\9) {
127
+ .awsui_series--dimmed_y1yrh_zqxyn_127:not(#\9) {
128
128
  opacity: 0.3;
129
129
  }
130
130
 
131
- .awsui_series--threshold_y1yrh_1pspp_131:not(#\9) {
131
+ .awsui_series--threshold_y1yrh_zqxyn_131:not(#\9) {
132
132
  stroke-dasharray: var(--border-line-chart-dash-array-k49cgz, 3 5);
133
133
  stroke-width: var(--border-line-chart-width-9mzos2, 2px);
134
134
  }
135
135
 
136
- .awsui_popover-divider_y1yrh_1pspp_136:not(#\9) {
137
- margin: var(--space-xs-zb16t3, 8px) 0;
138
- border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
136
+ .awsui_popover-divider_y1yrh_zqxyn_136:not(#\9) {
137
+ margin-block: var(--space-xs-zb16t3, 8px);
138
+ margin-inline: 0;
139
+ border-block-end: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
139
140
  }
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "series": "awsui_series_y1yrh_1pspp_93",
6
- "root": "awsui_root_y1yrh_1pspp_111",
7
- "series--highlighted": "awsui_series--highlighted_y1yrh_1pspp_123",
8
- "series--dimmed": "awsui_series--dimmed_y1yrh_1pspp_127",
9
- "series--threshold": "awsui_series--threshold_y1yrh_1pspp_131",
10
- "popover-divider": "awsui_popover-divider_y1yrh_1pspp_136"
5
+ "series": "awsui_series_y1yrh_zqxyn_93",
6
+ "root": "awsui_root_y1yrh_zqxyn_111",
7
+ "series--highlighted": "awsui_series--highlighted_y1yrh_zqxyn_123",
8
+ "series--dimmed": "awsui_series--dimmed_y1yrh_zqxyn_127",
9
+ "series--threshold": "awsui_series--threshold_y1yrh_zqxyn_131",
10
+ "popover-divider": "awsui_popover-divider_y1yrh_zqxyn_136"
11
11
  };
12
12
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_wymfa_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_wymfa_1",
6
- "root": "awsui_root_n4qlp_wymfa_119",
7
- "empty": "awsui_empty_n4qlp_wymfa_93",
8
- "row": "awsui_row_n4qlp_wymfa_139",
9
- "row-control": "awsui_row-control_n4qlp_wymfa_143",
10
- "field": "awsui_field_n4qlp_wymfa_147",
11
- "add-button": "awsui_add-button_n4qlp_wymfa_151",
12
- "remove-button": "awsui_remove-button_n4qlp_wymfa_155",
13
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_wymfa_159",
14
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_wymfa_163",
15
- "divider": "awsui_divider_n4qlp_wymfa_167",
16
- "additional-info": "awsui_additional-info_n4qlp_wymfa_171",
17
- "right-align": "awsui_right-align_n4qlp_wymfa_217"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_1tmx4_93",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1tmx4_1",
6
+ "root": "awsui_root_n4qlp_1tmx4_119",
7
+ "empty": "awsui_empty_n4qlp_1tmx4_93",
8
+ "row": "awsui_row_n4qlp_1tmx4_139",
9
+ "row-control": "awsui_row-control_n4qlp_1tmx4_143",
10
+ "field": "awsui_field_n4qlp_1tmx4_147",
11
+ "add-button": "awsui_add-button_n4qlp_1tmx4_151",
12
+ "remove-button": "awsui_remove-button_n4qlp_1tmx4_155",
13
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1tmx4_159",
14
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1tmx4_163",
15
+ "divider": "awsui_divider_n4qlp_1tmx4_167",
16
+ "additional-info": "awsui_additional-info_n4qlp_1tmx4_171",
17
+ "right-align": "awsui_right-align_n4qlp_1tmx4_217"
18
18
  };
19
19
 
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_n4qlp_wymfa_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
93
+ .awsui_empty-appear_n4qlp_1tmx4_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_n4qlp_1tmx4_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_n4qlp_wymfa_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_1tmx4_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
105
+ .awsui_empty-appear_n4qlp_1tmx4_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_wymfa_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_wymfa_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_1tmx4_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1tmx4_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_root_n4qlp_wymfa_119:not(#\9) {
119
+ .awsui_root_n4qlp_1tmx4_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -156,55 +156,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  display: block;
157
157
  }
158
158
 
159
- .awsui_empty_n4qlp_wymfa_93:not(#\9) {
159
+ .awsui_empty_n4qlp_1tmx4_93:not(#\9) {
160
160
  font-size: var(--font-size-body-m-x4okxb, 14px);
161
161
  line-height: var(--line-height-body-m-30ar75, 20px);
162
162
  color: var(--color-text-empty-2wfcyr, #5f6b7a);
163
163
  }
164
164
 
165
- .awsui_row_n4qlp_wymfa_139:not(#\9) {
165
+ .awsui_row_n4qlp_1tmx4_139:not(#\9) {
166
166
  /* used in test-utils */
167
167
  }
168
168
 
169
- .awsui_row-control_n4qlp_wymfa_143:not(#\9) {
169
+ .awsui_row-control_n4qlp_1tmx4_143:not(#\9) {
170
170
  /* used in test-utils */
171
171
  }
172
172
 
173
- .awsui_field_n4qlp_wymfa_147:not(#\9) {
173
+ .awsui_field_n4qlp_1tmx4_147:not(#\9) {
174
174
  /* used in test-utils */
175
175
  }
176
176
 
177
- .awsui_add-button_n4qlp_wymfa_151:not(#\9) {
177
+ .awsui_add-button_n4qlp_1tmx4_151:not(#\9) {
178
178
  /* used in test-utils */
179
179
  }
180
180
 
181
- .awsui_remove-button_n4qlp_wymfa_155:not(#\9) {
181
+ .awsui_remove-button_n4qlp_1tmx4_155:not(#\9) {
182
182
  /* used in test-utils */
183
183
  }
184
184
 
185
- .awsui_button-container-haslabel_n4qlp_wymfa_159:not(#\9) {
186
- padding-top: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
185
+ .awsui_button-container-haslabel_n4qlp_1tmx4_159:not(#\9) {
186
+ padding-block-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--line-height-body-m-30ar75, 20px));
187
187
  }
188
188
 
189
- .awsui_button-container-nolabel_n4qlp_wymfa_163:not(#\9) {
190
- padding-top: var(--space-xxs-p8yyaw, 4px);
189
+ .awsui_button-container-nolabel_n4qlp_1tmx4_163:not(#\9) {
190
+ padding-block-start: var(--space-xxs-p8yyaw, 4px);
191
191
  }
192
192
 
193
- .awsui_divider_n4qlp_wymfa_167:not(#\9) {
194
- border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
193
+ .awsui_divider_n4qlp_1tmx4_167:not(#\9) {
194
+ border-block-end: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
195
195
  }
196
196
 
197
- .awsui_additional-info_n4qlp_wymfa_171:not(#\9) {
197
+ .awsui_additional-info_n4qlp_1tmx4_171:not(#\9) {
198
198
  color: var(--color-text-form-secondary-dxc248, #5f6b7a);
199
199
  font-size: var(--font-size-body-s-asqx2i, 12px);
200
200
  line-height: var(--line-height-body-s-7zv1j5, 16px);
201
201
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
202
202
  display: block;
203
203
  word-wrap: break-word;
204
- margin-top: var(--space-xxs-p8yyaw, 4px);
204
+ margin-block-start: var(--space-xxs-p8yyaw, 4px);
205
205
  /* stylelint-disable-next-line selector-max-type */
206
206
  }
207
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
207
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9) {
208
208
  color: var(--color-text-link-default-latg1a, #0972d3);
209
209
  font-weight: inherit;
210
210
  letter-spacing: normal;
@@ -218,30 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
218
218
  text-decoration-thickness: 1px;
219
219
  }
220
220
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
221
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9) {
222
222
  animation: none;
223
223
  transition: none;
224
224
  }
225
225
  }
226
- .awsui-motion-disabled .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9) {
226
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9) {
227
227
  animation: none;
228
228
  transition: none;
229
229
  }
230
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):hover {
230
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):hover {
231
231
  cursor: pointer;
232
232
  color: var(--color-text-link-hover-8j6p14, #033160);
233
233
  }
234
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):focus {
234
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):focus {
235
235
  outline: none;
236
236
  }
237
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):active {
237
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):active {
238
238
  color: var(--color-text-link-hover-8j6p14, #033160);
239
239
  }
240
- .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_wymfa_171 > a:not(#\9):hover {
240
+ .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1tmx4_171 > a:not(#\9):hover {
241
241
  text-decoration-line: underline;
242
242
  text-decoration-color: currentColor;
243
243
  }
244
244
 
245
- .awsui_right-align_n4qlp_wymfa_217:not(#\9) {
246
- float: right;
245
+ .awsui_right-align_n4qlp_1tmx4_217:not(#\9) {
246
+ display: flex;
247
+ justify-content: flex-end;
247
248
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_wymfa_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_wymfa_1",
7
- "root": "awsui_root_n4qlp_wymfa_119",
8
- "empty": "awsui_empty_n4qlp_wymfa_93",
9
- "row": "awsui_row_n4qlp_wymfa_139",
10
- "row-control": "awsui_row-control_n4qlp_wymfa_143",
11
- "field": "awsui_field_n4qlp_wymfa_147",
12
- "add-button": "awsui_add-button_n4qlp_wymfa_151",
13
- "remove-button": "awsui_remove-button_n4qlp_wymfa_155",
14
- "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_wymfa_159",
15
- "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_wymfa_163",
16
- "divider": "awsui_divider_n4qlp_wymfa_167",
17
- "additional-info": "awsui_additional-info_n4qlp_wymfa_171",
18
- "right-align": "awsui_right-align_n4qlp_wymfa_217"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_1tmx4_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1tmx4_1",
7
+ "root": "awsui_root_n4qlp_1tmx4_119",
8
+ "empty": "awsui_empty_n4qlp_1tmx4_93",
9
+ "row": "awsui_row_n4qlp_1tmx4_139",
10
+ "row-control": "awsui_row-control_n4qlp_1tmx4_143",
11
+ "field": "awsui_field_n4qlp_1tmx4_147",
12
+ "add-button": "awsui_add-button_n4qlp_1tmx4_151",
13
+ "remove-button": "awsui_remove-button_n4qlp_1tmx4_155",
14
+ "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_1tmx4_159",
15
+ "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_1tmx4_163",
16
+ "divider": "awsui_divider_n4qlp_1tmx4_167",
17
+ "additional-info": "awsui_additional-info_n4qlp_1tmx4_171",
18
+ "right-align": "awsui_right-align_n4qlp_1tmx4_217"
19
19
  };
20
20
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_12hwc_12ujv_5",
5
- "layout-strut": "awsui_layout-strut_12hwc_12ujv_9",
6
- "list-bottom": "awsui_list-bottom_12hwc_12ujv_15"
4
+ "root": "awsui_root_12hwc_oboi4_5",
5
+ "layout-strut": "awsui_layout-strut_12hwc_oboi4_9",
6
+ "list-bottom": "awsui_list-bottom_12hwc_oboi4_15"
7
7
  };
8
8
 
@@ -2,16 +2,16 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- .awsui_root_12hwc_12ujv_5:not(#\9) {
6
- width: 100%;
5
+ .awsui_root_12hwc_oboi4_5:not(#\9) {
6
+ inline-size: 100%;
7
7
  }
8
8
 
9
- .awsui_layout-strut_12hwc_12ujv_9:not(#\9) {
10
- width: 100%;
9
+ .awsui_layout-strut_12hwc_oboi4_9:not(#\9) {
10
+ inline-size: 100%;
11
11
  position: relative;
12
12
  transform: translate3d(0, 0, 0);
13
13
  }
14
14
 
15
- .awsui_list-bottom_12hwc_12ujv_15:not(#\9) {
15
+ .awsui_list-bottom_12hwc_oboi4_15:not(#\9) {
16
16
  /* used in unit-tests */
17
17
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_12hwc_12ujv_5",
6
- "layout-strut": "awsui_layout-strut_12hwc_12ujv_9",
7
- "list-bottom": "awsui_list-bottom_12hwc_12ujv_15"
5
+ "root": "awsui_root_12hwc_oboi4_5",
6
+ "layout-strut": "awsui_layout-strut_12hwc_oboi4_9",
7
+ "list-bottom": "awsui_list-bottom_12hwc_oboi4_15"
8
8
  };
9
9
 
@@ -62,8 +62,9 @@ export interface ButtonProps extends BaseComponentProps {
62
62
  */
63
63
  formAction?: ButtonProps.FormAction;
64
64
  /**
65
- * Adds `aria-label` to the button element. It should be used in buttons that don't have text in order to make
66
- * them accessible. The text will also be added to the `title` attribute of the button.
65
+ * Adds `aria-label` to the button element. Use this to provide an accessible name for buttons
66
+ * that don't have visible text, and to distinguish between multiple buttons with identical visible text.
67
+ * The text will also be added to the `title` attribute of the button.
67
68
  */
68
69
  ariaLabel?: string;
69
70
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE/G,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;QAII;IACJ,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAE1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;IAC7F,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,KAAY,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C,KAAY,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAEzC,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["button/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAE/G,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAEpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;QAII;IACJ,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAE1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,aAAa,CAAC;IAC7F,KAAY,WAAW,GAAG,YAAY,CAAC;IACvC,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,KAAY,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C,KAAY,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAEzC,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button/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 { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n /**\n * Renders the button as disabled and prevents clicks.\n */\n disabled?: boolean;\n /**\n * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n */\n loading?: boolean;\n /**\n * Specifies the text that screen reader announces when the button is in a loading state.\n */\n loadingText?: string;\n /**\n * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n */\n iconName?: IconProps.Name;\n /**\n * Specifies the alignment of the icon.\n */\n iconAlign?: ButtonProps.IconAlign;\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n */\n iconUrl?: string;\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n iconSvg?: React.ReactNode;\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n iconAlt?: string;\n /**\n * The form action that is performed by a button click.\n */\n formAction?: ButtonProps.FormAction;\n\n /**\n * Adds `aria-label` to the button element. It should be used in buttons that don't have text in order to make\n * them accessible. The text will also be added to the `title` attribute of the button.\n */\n ariaLabel?: string;\n\n /**\n * Adds `aria-describedby` to the button.\n */\n ariaDescribedby?: string;\n\n /**\n * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n */\n href?: string;\n\n /**\n * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n */\n target?: string;\n\n /**\n * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n */\n rel?: string;\n\n /**\n * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n **/\n download?: boolean | string;\n\n /**\n * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n */\n wrapText?: boolean;\n\n /** Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n * * `inline-link` to display a tertiary button with no outer padding.\n */\n variant?: ButtonProps.Variant;\n\n /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the ancestor of a form element, such as when used in a modal.\n */\n form?: string;\n\n /**\n * Text displayed in the button element.\n * @displayname text\n */\n children?: React.ReactNode;\n\n /**\n * Called when the user clicks on the button and the button is not disabled or in loading state.\n */\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /**\n * Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n */\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /**\n * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n */\n ariaExpanded?: boolean;\n\n /**\n * Sets the button width to be 100% of the parent container width. Button content is centered.\n */\n fullWidth?: boolean;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' | 'none';\n\n export type IconAlign = 'left' | 'right';\n\n export interface Ref {\n /**\n * Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["button/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 { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n /**\n * Renders the button as disabled and prevents clicks.\n */\n disabled?: boolean;\n /**\n * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n * It prevents users from clicking the button, but it can still be focused.\n */\n loading?: boolean;\n /**\n * Specifies the text that screen reader announces when the button is in a loading state.\n */\n loadingText?: string;\n /**\n * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n */\n iconName?: IconProps.Name;\n /**\n * Specifies the alignment of the icon.\n */\n iconAlign?: ButtonProps.IconAlign;\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n */\n iconUrl?: string;\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n iconSvg?: React.ReactNode;\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n iconAlt?: string;\n /**\n * The form action that is performed by a button click.\n */\n formAction?: ButtonProps.FormAction;\n\n /**\n * Adds `aria-label` to the button element. Use this to provide an accessible name for buttons\n * that don't have visible text, and to distinguish between multiple buttons with identical visible text.\n * The text will also be added to the `title` attribute of the button.\n */\n ariaLabel?: string;\n\n /**\n * Adds `aria-describedby` to the button.\n */\n ariaDescribedby?: string;\n\n /**\n * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n * For example, if you have a 'help' button that links to a documentation page.\n */\n href?: string;\n\n /**\n * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n * This property only applies when an `href` is provided.\n */\n target?: string;\n\n /**\n * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `target` is `\"_blank\"`.\n * If the `rel` property is provided, it overrides the default behavior.\n */\n rel?: string;\n\n /**\n * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n * You can specify a string value that will be suggested as the name of the downloaded file.\n * This property only applies when an `href` is provided.\n **/\n download?: boolean | string;\n\n /**\n * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n */\n wrapText?: boolean;\n\n /** Determines the general styling of the button as follows:\n * * `primary` for primary buttons.\n * * `normal` for secondary buttons.\n * * `link` for tertiary buttons.\n * * `icon` to display an icon only (no text).\n * * `inline-icon` to display an icon-only (no text) button within a text context.\n * * `inline-link` to display a tertiary button with no outer padding.\n */\n variant?: ButtonProps.Variant;\n\n /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.\n * Use when a button is not the ancestor of a form element, such as when used in a modal.\n */\n form?: string;\n\n /**\n * Text displayed in the button element.\n * @displayname text\n */\n children?: React.ReactNode;\n\n /**\n * Called when the user clicks on the button and the button is not disabled or in loading state.\n */\n onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n /**\n * Called when the user clicks on the button with the left mouse button without pressing\n * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n */\n onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;\n\n /**\n * Adds aria-expanded to the button element. Use when the button controls an expandable element.\n */\n ariaExpanded?: boolean;\n\n /**\n * Sets the button width to be 100% of the parent container width. Button content is centered.\n */\n fullWidth?: boolean;\n}\n\nexport namespace ButtonProps {\n export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';\n export type ClickDetail = _ClickDetail;\n export type FollowDetail = BaseNavigationDetail;\n\n export type FormAction = 'submit' | 'none';\n\n export type IconAlign = 'left' | 'right';\n\n export interface Ref {\n /**\n * Focuses the underlying native button.\n */\n focus(options?: FocusOptions): void;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAelF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC;AAE/B,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;sEAgL3G,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAgBlF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC;AAE/B,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;sEA4L3G,CAAC;AAEF,eAAe,cAAc,CAAC"}