@cloudscape-design/components 3.0.519 → 3.0.520

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 (258) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +48 -45
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +22 -19
  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 +37 -34
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/toggles/styles.css.js +2 -2
  11. package/app-layout/toggles/styles.scoped.css +14 -11
  12. package/app-layout/toggles/styles.selectors.js +2 -2
  13. package/app-layout/visual-refresh/styles.css.js +81 -81
  14. package/app-layout/visual-refresh/styles.scoped.css +179 -176
  15. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  16. package/breadcrumb-group/item/styles.css.js +9 -9
  17. package/breadcrumb-group/item/styles.scoped.css +23 -20
  18. package/breadcrumb-group/item/styles.selectors.js +9 -9
  19. package/button/styles.css.js +20 -20
  20. package/button/styles.scoped.css +392 -302
  21. package/button/styles.selectors.js +20 -20
  22. package/button-dropdown/item-element/styles.css.js +15 -15
  23. package/button-dropdown/item-element/styles.scoped.css +19 -19
  24. package/button-dropdown/item-element/styles.selectors.js +15 -15
  25. package/calendar/styles.css.js +18 -18
  26. package/calendar/styles.scoped.css +54 -48
  27. package/calendar/styles.selectors.js +18 -18
  28. package/cards/styles.css.js +40 -40
  29. package/cards/styles.scoped.css +58 -58
  30. package/cards/styles.selectors.js +40 -40
  31. package/checkbox/styles.css.js +3 -3
  32. package/checkbox/styles.scoped.css +18 -15
  33. package/checkbox/styles.selectors.js +3 -3
  34. package/code-editor/styles.css.js +32 -32
  35. package/code-editor/styles.scoped.css +165 -153
  36. package/code-editor/styles.selectors.js +32 -32
  37. package/collection-preferences/content-display/styles.css.js +11 -11
  38. package/collection-preferences/content-display/styles.scoped.css +26 -23
  39. package/collection-preferences/content-display/styles.selectors.js +11 -11
  40. package/collection-preferences/styles.css.js +37 -37
  41. package/collection-preferences/styles.scoped.css +53 -50
  42. package/collection-preferences/styles.selectors.js +37 -37
  43. package/container/styles.css.js +30 -30
  44. package/container/styles.scoped.css +100 -80
  45. package/container/styles.selectors.js +30 -30
  46. package/date-picker/styles.css.js +7 -7
  47. package/date-picker/styles.scoped.css +13 -10
  48. package/date-picker/styles.selectors.js +7 -7
  49. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  50. package/date-range-picker/calendar/grids/styles.scoped.css +58 -52
  51. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  52. package/date-range-picker/styles.css.js +38 -38
  53. package/date-range-picker/styles.scoped.css +50 -47
  54. package/date-range-picker/styles.selectors.js +38 -38
  55. package/expandable-section/interfaces.d.ts +3 -2
  56. package/expandable-section/interfaces.d.ts.map +1 -1
  57. package/expandable-section/interfaces.js.map +1 -1
  58. package/expandable-section/styles.css.js +32 -32
  59. package/expandable-section/styles.scoped.css +85 -75
  60. package/expandable-section/styles.selectors.js +32 -32
  61. package/file-upload/file-input/styles.css.js +4 -4
  62. package/file-upload/file-input/styles.scoped.css +15 -12
  63. package/file-upload/file-input/styles.selectors.js +4 -4
  64. package/flashbar/styles.css.js +47 -47
  65. package/flashbar/styles.scoped.css +168 -162
  66. package/flashbar/styles.selectors.js +47 -47
  67. package/form-field/styles.css.js +19 -19
  68. package/form-field/styles.scoped.css +35 -34
  69. package/form-field/styles.selectors.js +19 -19
  70. package/grid/styles.css.js +53 -53
  71. package/grid/styles.scoped.css +112 -108
  72. package/grid/styles.selectors.js +53 -53
  73. package/header/interfaces.d.ts +1 -1
  74. package/header/interfaces.js.map +1 -1
  75. package/header/styles.css.js +34 -34
  76. package/header/styles.scoped.css +92 -83
  77. package/header/styles.selectors.js +34 -34
  78. package/help-panel/styles.css.js +4 -4
  79. package/help-panel/styles.scoped.css +127 -108
  80. package/help-panel/styles.selectors.js +4 -4
  81. package/hotspot/styles.css.js +7 -7
  82. package/hotspot/styles.scoped.css +13 -13
  83. package/hotspot/styles.selectors.js +7 -7
  84. package/icon/styles.css.js +21 -21
  85. package/icon/styles.scoped.css +86 -78
  86. package/icon/styles.selectors.js +21 -21
  87. package/input/styles.css.js +12 -12
  88. package/input/styles.scoped.css +63 -49
  89. package/input/styles.selectors.js +12 -12
  90. package/internal/components/abstract-switch/styles.css.js +13 -13
  91. package/internal/components/abstract-switch/styles.scoped.css +31 -30
  92. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  93. package/internal/components/button-trigger/styles.css.js +10 -10
  94. package/internal/components/button-trigger/styles.scoped.css +61 -48
  95. package/internal/components/button-trigger/styles.selectors.js +10 -10
  96. package/internal/components/cartesian-chart/styles.css.js +27 -27
  97. package/internal/components/cartesian-chart/styles.scoped.css +38 -41
  98. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  99. package/internal/components/chart-legend/styles.css.js +6 -6
  100. package/internal/components/chart-legend/styles.scoped.css +33 -26
  101. package/internal/components/chart-legend/styles.selectors.js +6 -6
  102. package/internal/components/chart-plot/styles.css.js +5 -5
  103. package/internal/components/chart-plot/styles.scoped.css +7 -7
  104. package/internal/components/chart-plot/styles.selectors.js +5 -5
  105. package/internal/components/chart-popover/styles.css.js +3 -3
  106. package/internal/components/chart-popover/styles.scoped.css +7 -5
  107. package/internal/components/chart-popover/styles.selectors.js +3 -3
  108. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  109. package/internal/components/chart-popover-footer/styles.scoped.css +8 -6
  110. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  111. package/internal/components/chart-series-details/styles.css.js +20 -20
  112. package/internal/components/chart-series-details/styles.scoped.css +74 -59
  113. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  114. package/internal/components/chart-series-marker/styles.css.js +5 -5
  115. package/internal/components/chart-series-marker/styles.scoped.css +40 -27
  116. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  117. package/internal/components/chart-wrapper/styles.css.js +9 -9
  118. package/internal/components/chart-wrapper/styles.scoped.css +13 -13
  119. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  120. package/internal/components/checkbox-icon/styles.css.js +7 -7
  121. package/internal/components/checkbox-icon/styles.scoped.css +12 -12
  122. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  123. package/internal/components/dropdown/styles.css.js +20 -20
  124. package/internal/components/dropdown/styles.scoped.css +64 -56
  125. package/internal/components/dropdown/styles.selectors.js +20 -20
  126. package/internal/components/dropdown-footer/styles.css.js +3 -3
  127. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  128. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  129. package/internal/components/dropdown-status/styles.css.js +2 -2
  130. package/internal/components/dropdown-status/styles.scoped.css +5 -3
  131. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  132. package/internal/components/filtering-token/styles.css.js +7 -7
  133. package/internal/components/filtering-token/styles.scoped.css +41 -30
  134. package/internal/components/filtering-token/styles.selectors.js +7 -7
  135. package/internal/components/handle/styles.css.js +2 -2
  136. package/internal/components/handle/styles.scoped.css +20 -14
  137. package/internal/components/handle/styles.selectors.js +2 -2
  138. package/internal/components/menu-dropdown/styles.css.js +7 -7
  139. package/internal/components/menu-dropdown/styles.scoped.css +31 -28
  140. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  141. package/internal/components/option/styles.css.js +17 -17
  142. package/internal/components/option/styles.scoped.css +39 -39
  143. package/internal/components/option/styles.selectors.js +17 -17
  144. package/internal/components/options-list/styles.css.js +2 -2
  145. package/internal/components/options-list/styles.scoped.css +14 -8
  146. package/internal/components/options-list/styles.selectors.js +2 -2
  147. package/internal/components/screenreader-only/styles.css.js +1 -1
  148. package/internal/components/screenreader-only/styles.scoped.css +3 -3
  149. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  150. package/internal/components/selectable-item/styles.css.js +16 -16
  151. package/internal/components/selectable-item/styles.scoped.css +74 -65
  152. package/internal/components/selectable-item/styles.selectors.js +16 -16
  153. package/internal/components/token-list/styles.css.js +9 -9
  154. package/internal/components/token-list/styles.scoped.css +44 -33
  155. package/internal/components/token-list/styles.selectors.js +9 -9
  156. package/internal/environment.js +1 -1
  157. package/internal/environment.json +1 -1
  158. package/internal/manifest.json +1 -1
  159. package/link/styles.css.js +20 -20
  160. package/link/styles.scoped.css +75 -72
  161. package/link/styles.selectors.js +20 -20
  162. package/modal/styles.css.js +23 -23
  163. package/modal/styles.scoped.css +76 -61
  164. package/modal/styles.selectors.js +23 -23
  165. package/multiselect/styles.css.js +2 -2
  166. package/multiselect/styles.scoped.css +3 -3
  167. package/multiselect/styles.selectors.js +2 -2
  168. package/package.json +1 -1
  169. package/pagination/styles.css.js +9 -9
  170. package/pagination/styles.scoped.css +29 -25
  171. package/pagination/styles.selectors.js +9 -9
  172. package/popover/styles.css.js +50 -50
  173. package/popover/styles.scoped.css +75 -72
  174. package/popover/styles.selectors.js +50 -50
  175. package/progress-bar/styles.css.js +18 -18
  176. package/progress-bar/styles.scoped.css +33 -33
  177. package/progress-bar/styles.selectors.js +18 -18
  178. package/property-filter/styles.css.js +31 -31
  179. package/property-filter/styles.scoped.css +34 -34
  180. package/property-filter/styles.selectors.js +31 -31
  181. package/radio-group/styles.css.js +9 -9
  182. package/radio-group/styles.scoped.css +28 -25
  183. package/radio-group/styles.selectors.js +9 -9
  184. package/segmented-control/styles.css.js +14 -14
  185. package/segmented-control/styles.scoped.css +42 -39
  186. package/segmented-control/styles.selectors.js +14 -14
  187. package/select/parts/styles.css.js +16 -16
  188. package/select/parts/styles.scoped.css +18 -18
  189. package/select/parts/styles.selectors.js +16 -16
  190. package/side-navigation/styles.css.js +28 -28
  191. package/side-navigation/styles.scoped.css +43 -40
  192. package/side-navigation/styles.selectors.js +28 -28
  193. package/split-panel/styles.css.js +55 -55
  194. package/split-panel/styles.scoped.css +84 -81
  195. package/split-panel/styles.selectors.js +55 -55
  196. package/status-indicator/styles.css.js +23 -23
  197. package/status-indicator/styles.scoped.css +30 -30
  198. package/status-indicator/styles.selectors.js +23 -23
  199. package/table/body-cell/styles.css.js +30 -30
  200. package/table/body-cell/styles.scoped.css +166 -153
  201. package/table/body-cell/styles.selectors.js +30 -30
  202. package/table/header-cell/styles.css.js +24 -24
  203. package/table/header-cell/styles.scoped.css +77 -70
  204. package/table/header-cell/styles.selectors.js +24 -24
  205. package/table/resizer/styles.css.js +8 -8
  206. package/table/resizer/styles.scoped.css +43 -40
  207. package/table/resizer/styles.selectors.js +8 -8
  208. package/table/selection/styles.css.js +3 -3
  209. package/table/selection/styles.scoped.css +9 -9
  210. package/table/selection/styles.selectors.js +3 -3
  211. package/table/sticky-scrollbar/styles.css.js +6 -6
  212. package/table/sticky-scrollbar/styles.scoped.css +16 -16
  213. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  214. package/table/styles.css.js +35 -35
  215. package/table/styles.scoped.css +94 -87
  216. package/table/styles.selectors.js +35 -35
  217. package/tabs/styles.css.js +21 -21
  218. package/tabs/styles.scoped.css +104 -79
  219. package/tabs/styles.selectors.js +21 -21
  220. package/tag-editor/styles.css.js +3 -3
  221. package/tag-editor/styles.scoped.css +14 -11
  222. package/tag-editor/styles.selectors.js +3 -3
  223. package/text-content/styles.css.js +1 -1
  224. package/text-content/styles.scoped.css +74 -67
  225. package/text-content/styles.selectors.js +1 -1
  226. package/text-filter/styles.css.js +3 -3
  227. package/text-filter/styles.scoped.css +5 -5
  228. package/text-filter/styles.selectors.js +3 -3
  229. package/textarea/styles.css.js +4 -4
  230. package/textarea/styles.scoped.css +34 -23
  231. package/textarea/styles.selectors.js +4 -4
  232. package/tiles/styles.css.js +29 -29
  233. package/tiles/styles.scoped.css +112 -99
  234. package/tiles/styles.selectors.js +29 -29
  235. package/toggle/styles.css.js +8 -8
  236. package/toggle/styles.scoped.css +38 -29
  237. package/toggle/styles.selectors.js +8 -8
  238. package/token-group/styles.css.js +8 -8
  239. package/token-group/styles.scoped.css +46 -31
  240. package/token-group/styles.selectors.js +8 -8
  241. package/top-navigation/1.0-beta/styles.css.js +25 -25
  242. package/top-navigation/1.0-beta/styles.scoped.css +90 -83
  243. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  244. package/top-navigation/styles.css.js +47 -47
  245. package/top-navigation/styles.scoped.css +149 -130
  246. package/top-navigation/styles.selectors.js +47 -47
  247. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  248. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +36 -32
  249. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  250. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  251. package/tutorial-panel/components/tutorial-list/styles.scoped.css +47 -36
  252. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  253. package/tutorial-panel/styles.css.js +1 -1
  254. package/tutorial-panel/styles.scoped.css +4 -2
  255. package/tutorial-panel/styles.selectors.js +1 -1
  256. package/wizard/styles.css.js +32 -32
  257. package/wizard/styles.scoped.css +145 -117
  258. package/wizard/styles.selectors.js +32 -32
@@ -90,11 +90,11 @@ 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_calendar_mgja0_bs5ob_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_mgja0_bs5ob_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
93
+ .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
95
95
  animation-fill-mode: both;
96
96
  }
97
- @keyframes awsui_awsui-motion-fade-in-0_mgja0_bs5ob_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 {
98
98
  from {
99
99
  opacity: 0;
100
100
  }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  }
104
104
  }
105
105
  @media (prefers-reduced-motion: reduce) {
106
- .awsui_calendar_mgja0_bs5ob_93:not(#\9) {
106
+ .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
  }
111
- .awsui-motion-disabled .awsui_calendar_mgja0_bs5ob_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_bs5ob_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_mgja0_xjfcx_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
@@ -117,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
117
117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
118
118
  SPDX-License-Identifier: Apache-2.0
119
119
  */
120
- .awsui_root_mgja0_bs5ob_120:not(#\9) {
120
+ .awsui_root_mgja0_xjfcx_120:not(#\9) {
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
123
123
  box-sizing: border-box;
@@ -154,32 +154,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
154
  max-width: 32em;
155
155
  }
156
156
 
157
- .awsui_focus-lock_mgja0_bs5ob_156:not(#\9) {
157
+ .awsui_focus-lock_mgja0_xjfcx_156:not(#\9) {
158
158
  display: contents;
159
159
  }
160
160
 
161
- .awsui_trigger-wrapper_mgja0_bs5ob_160:not(#\9) {
161
+ .awsui_trigger-wrapper_mgja0_xjfcx_160:not(#\9) {
162
162
  min-width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
163
163
  }
164
164
 
165
- .awsui_trigger-flexbox_mgja0_bs5ob_164:not(#\9) {
165
+ .awsui_trigger-flexbox_mgja0_xjfcx_164:not(#\9) {
166
166
  display: flex;
167
167
  }
168
168
 
169
- .awsui_calendar-container_mgja0_bs5ob_168:not(#\9) {
169
+ .awsui_calendar-container_mgja0_xjfcx_168:not(#\9) {
170
170
  width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
171
171
  }
172
- .awsui_calendar-container_mgja0_bs5ob_168.awsui_one-grid_mgja0_bs5ob_171:not(#\9) {
172
+ .awsui_calendar-container_mgja0_xjfcx_168.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
173
173
  width: var(--size-calendar-grid-width-lrunz7, 238px);
174
174
  }
175
175
 
176
- .awsui_calendar-header_mgja0_bs5ob_175:not(#\9) {
176
+ .awsui_calendar-header_mgja0_xjfcx_175:not(#\9) {
177
177
  display: flex;
178
178
  justify-content: space-between;
179
179
  align-items: center;
180
180
  position: relative;
181
181
  }
182
- .awsui_calendar-header-months-wrapper_mgja0_bs5ob_181:not(#\9) {
182
+ .awsui_calendar-header-months-wrapper_mgja0_xjfcx_181:not(#\9) {
183
183
  position: absolute;
184
184
  right: 0;
185
185
  left: 0;
@@ -192,7 +192,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
192
192
  flex: 1;
193
193
  pointer-events: none;
194
194
  }
195
- .awsui_calendar-header-month_mgja0_bs5ob_181:not(#\9) {
195
+ .awsui_calendar-header-month_mgja0_xjfcx_181:not(#\9) {
196
196
  font-size: var(--font-size-body-m-x4okxb, 14px);
197
197
  line-height: var(--line-height-body-m-30ar75, 20px);
198
198
  font-weight: 700;
@@ -200,133 +200,136 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
200
200
  display: flex;
201
201
  pointer-events: auto;
202
202
  }
203
- .awsui_calendar-next-month-btn_mgja0_bs5ob_202:not(#\9) {
203
+ .awsui_calendar-next-month-btn_mgja0_xjfcx_202:not(#\9) {
204
204
  /* used for identifying element */
205
205
  }
206
- .awsui_calendar-prev-month-btn_mgja0_bs5ob_205:not(#\9) {
206
+ .awsui_calendar-prev-month-btn_mgja0_xjfcx_205:not(#\9) {
207
207
  /* used for identifying element */
208
208
  }
209
209
 
210
- .awsui_first-grid_mgja0_bs5ob_209:not(#\9),
211
- .awsui_second-grid_mgja0_bs5ob_210:not(#\9) {
210
+ .awsui_first-grid_mgja0_xjfcx_209:not(#\9),
211
+ .awsui_second-grid_mgja0_xjfcx_210:not(#\9) {
212
212
  /* used in test-utils */
213
213
  }
214
214
 
215
- .awsui_date-and-time-container_mgja0_bs5ob_214:not(#\9) {
215
+ .awsui_date-and-time-container_mgja0_xjfcx_214:not(#\9) {
216
216
  display: grid;
217
217
  grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-lrunz7, 238px), 1fr));
218
218
  gap: var(--space-xs-zb16t3, 8px);
219
219
  }
220
220
 
221
- .awsui_date-and-time-wrapper_mgja0_bs5ob_220:not(#\9) {
221
+ .awsui_date-and-time-wrapper_mgja0_xjfcx_220:not(#\9) {
222
222
  width: var(--size-calendar-grid-width-lrunz7, 238px);
223
223
  display: grid;
224
224
  gap: var(--space-xs-zb16t3, 8px);
225
225
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
226
226
  }
227
227
 
228
- .awsui_footer_mgja0_bs5ob_227:not(#\9) {
228
+ .awsui_footer_mgja0_xjfcx_227:not(#\9) {
229
229
  display: flex;
230
230
  flex-wrap: wrap;
231
231
  justify-content: flex-end;
232
232
  border-top: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
233
233
  padding: 0 var(--space-l-t419sm, 20px) var(--space-s-34lx8l, 12px);
234
234
  }
235
- .awsui_footer_mgja0_bs5ob_227.awsui_has-clear-button_mgja0_bs5ob_234:not(#\9) {
235
+ .awsui_footer_mgja0_xjfcx_227.awsui_has-clear-button_mgja0_xjfcx_234:not(#\9) {
236
236
  justify-content: space-between;
237
237
  }
238
- .awsui_footer_mgja0_bs5ob_227.awsui_one-grid_mgja0_bs5ob_171:not(#\9) {
238
+ .awsui_footer_mgja0_xjfcx_227.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
239
239
  padding: 0 var(--space-xs-zb16t3, 8px) var(--space-s-34lx8l, 12px);
240
240
  }
241
241
 
242
- .awsui_footer-button-wrapper_mgja0_bs5ob_241:not(#\9) {
242
+ .awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9) {
243
243
  padding-top: var(--space-s-34lx8l, 12px);
244
244
  }
245
- .awsui_footer-button-wrapper_mgja0_bs5ob_241:not(#\9):last-child {
245
+ .awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9):last-child {
246
246
  margin-left: auto;
247
247
  }
248
248
 
249
- .awsui_icon-wrapper_mgja0_bs5ob_248:not(#\9) {
249
+ .awsui_icon-wrapper_mgja0_xjfcx_248:not(#\9) {
250
250
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
251
251
  margin-right: var(--space-xs-zb16t3, 8px);
252
252
  }
253
253
 
254
- .awsui_label_mgja0_bs5ob_253:not(#\9) {
254
+ .awsui_label_mgja0_xjfcx_253:not(#\9) {
255
255
  -webkit-user-select: text;
256
256
  user-select: text;
257
257
  cursor: default;
258
258
  }
259
259
 
260
- .awsui_label_mgja0_bs5ob_253.awsui_label-enabled_mgja0_bs5ob_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_bs5ob_164 > .awsui_icon-wrapper_mgja0_bs5ob_248 {
260
+ .awsui_label_mgja0_xjfcx_253.awsui_label-enabled_mgja0_xjfcx_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_xjfcx_164 > .awsui_icon-wrapper_mgja0_xjfcx_248 {
261
261
  color: var(--color-text-interactive-hover-mj8add, #000716);
262
262
  }
263
263
 
264
- .awsui_label-text_mgja0_bs5ob_262:not(#\9) {
264
+ .awsui_label-text_mgja0_xjfcx_262:not(#\9) {
265
265
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
266
266
  font-style: italic;
267
267
  }
268
268
 
269
- .awsui_label-token-nowrap_mgja0_bs5ob_267:not(#\9) {
269
+ .awsui_label-token-nowrap_mgja0_xjfcx_267:not(#\9) {
270
270
  white-space: nowrap;
271
271
  }
272
272
 
273
- .awsui_mode-switch_mgja0_bs5ob_271:not(#\9) {
273
+ .awsui_mode-switch_mgja0_xjfcx_271:not(#\9) {
274
274
  /* used in test-utils */
275
275
  }
276
276
 
277
- .awsui_dropdown_mgja0_bs5ob_275:not(#\9) {
277
+ .awsui_dropdown_mgja0_xjfcx_275:not(#\9) {
278
278
  overflow: auto;
279
279
  border-top: 1px solid var(--color-border-container-top-736buh, transparent);
280
280
  border-bottom: 1px solid var(--color-border-container-top-736buh, transparent);
281
281
  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
282
282
  }
283
- .awsui_dropdown_mgja0_bs5ob_275:not(#\9):focus {
283
+ .awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
284
284
  outline: none;
285
285
  }
286
- body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_bs5ob_275:not(#\9):focus {
286
+ body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
287
287
  outline: 2px dotted transparent;
288
288
  outline-offset: 2px;
289
- border-radius: var(--border-radius-dropdown-0dhh79, 8px);
289
+ border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
290
+ border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
291
+ border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
292
+ border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
290
293
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
291
294
  }
292
295
 
293
- .awsui_dropdown-content_mgja0_bs5ob_291:not(#\9) {
296
+ .awsui_dropdown-content_mgja0_xjfcx_294:not(#\9) {
294
297
  -webkit-user-select: text;
295
298
  user-select: text;
296
299
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
297
300
  width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
298
301
  }
299
- .awsui_dropdown-content_mgja0_bs5ob_291.awsui_one-grid_mgja0_bs5ob_171:not(#\9) {
302
+ .awsui_dropdown-content_mgja0_xjfcx_294.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
300
303
  width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
301
304
  }
302
305
 
303
- .awsui_start-date-input_mgja0_bs5ob_300:not(#\9),
304
- .awsui_start-time-input_mgja0_bs5ob_301:not(#\9),
305
- .awsui_end-date-input_mgja0_bs5ob_302:not(#\9),
306
- .awsui_end-time-input_mgja0_bs5ob_303:not(#\9) {
306
+ .awsui_start-date-input_mgja0_xjfcx_303:not(#\9),
307
+ .awsui_start-time-input_mgja0_xjfcx_304:not(#\9),
308
+ .awsui_end-date-input_mgja0_xjfcx_305:not(#\9),
309
+ .awsui_end-time-input_mgja0_xjfcx_306:not(#\9) {
307
310
  /* used in test-utils */
308
311
  }
309
312
 
310
- .awsui_validation-section_mgja0_bs5ob_307:not(#\9) {
313
+ .awsui_validation-section_mgja0_xjfcx_310:not(#\9) {
311
314
  /* used in test-utils */
312
315
  }
313
316
 
314
- .awsui_validation-error_mgja0_bs5ob_311:not(#\9) {
317
+ .awsui_validation-error_mgja0_xjfcx_314:not(#\9) {
315
318
  /* used in test-utils */
316
319
  }
317
320
 
318
- .awsui_clear-button_mgja0_bs5ob_315:not(#\9) {
321
+ .awsui_clear-button_mgja0_xjfcx_318:not(#\9) {
319
322
  /* used in test-utils */
320
323
  }
321
324
 
322
- .awsui_apply-button_mgja0_bs5ob_319:not(#\9) {
325
+ .awsui_apply-button_mgja0_xjfcx_322:not(#\9) {
323
326
  /* used in test-utils */
324
327
  }
325
328
 
326
- .awsui_cancel-button_mgja0_bs5ob_323:not(#\9) {
329
+ .awsui_cancel-button_mgja0_xjfcx_326:not(#\9) {
327
330
  /* used in test-utils */
328
331
  }
329
332
 
330
- .awsui_calendar-aria-live_mgja0_bs5ob_327:not(#\9) {
333
+ .awsui_calendar-aria-live_mgja0_xjfcx_330:not(#\9) {
331
334
  /* used in test-utils */
332
335
  }
@@ -2,43 +2,43 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_mgja0_bs5ob_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_bs5ob_1",
7
- "root": "awsui_root_mgja0_bs5ob_120",
8
- "focus-lock": "awsui_focus-lock_mgja0_bs5ob_156",
9
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_bs5ob_160",
10
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_bs5ob_164",
11
- "calendar-container": "awsui_calendar-container_mgja0_bs5ob_168",
12
- "one-grid": "awsui_one-grid_mgja0_bs5ob_171",
13
- "calendar-header": "awsui_calendar-header_mgja0_bs5ob_175",
14
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_bs5ob_181",
15
- "calendar-header-month": "awsui_calendar-header-month_mgja0_bs5ob_181",
16
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_bs5ob_202",
17
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_bs5ob_205",
18
- "first-grid": "awsui_first-grid_mgja0_bs5ob_209",
19
- "second-grid": "awsui_second-grid_mgja0_bs5ob_210",
20
- "date-and-time-container": "awsui_date-and-time-container_mgja0_bs5ob_214",
21
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_bs5ob_220",
22
- "footer": "awsui_footer_mgja0_bs5ob_227",
23
- "has-clear-button": "awsui_has-clear-button_mgja0_bs5ob_234",
24
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_bs5ob_241",
25
- "icon-wrapper": "awsui_icon-wrapper_mgja0_bs5ob_248",
26
- "label": "awsui_label_mgja0_bs5ob_253",
27
- "label-enabled": "awsui_label-enabled_mgja0_bs5ob_258",
28
- "label-text": "awsui_label-text_mgja0_bs5ob_262",
29
- "label-token-nowrap": "awsui_label-token-nowrap_mgja0_bs5ob_267",
30
- "mode-switch": "awsui_mode-switch_mgja0_bs5ob_271",
31
- "dropdown": "awsui_dropdown_mgja0_bs5ob_275",
32
- "dropdown-content": "awsui_dropdown-content_mgja0_bs5ob_291",
33
- "start-date-input": "awsui_start-date-input_mgja0_bs5ob_300",
34
- "start-time-input": "awsui_start-time-input_mgja0_bs5ob_301",
35
- "end-date-input": "awsui_end-date-input_mgja0_bs5ob_302",
36
- "end-time-input": "awsui_end-time-input_mgja0_bs5ob_303",
37
- "validation-section": "awsui_validation-section_mgja0_bs5ob_307",
38
- "validation-error": "awsui_validation-error_mgja0_bs5ob_311",
39
- "clear-button": "awsui_clear-button_mgja0_bs5ob_315",
40
- "apply-button": "awsui_apply-button_mgja0_bs5ob_319",
41
- "cancel-button": "awsui_cancel-button_mgja0_bs5ob_323",
42
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_bs5ob_327"
5
+ "calendar": "awsui_calendar_mgja0_xjfcx_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1",
7
+ "root": "awsui_root_mgja0_xjfcx_120",
8
+ "focus-lock": "awsui_focus-lock_mgja0_xjfcx_156",
9
+ "trigger-wrapper": "awsui_trigger-wrapper_mgja0_xjfcx_160",
10
+ "trigger-flexbox": "awsui_trigger-flexbox_mgja0_xjfcx_164",
11
+ "calendar-container": "awsui_calendar-container_mgja0_xjfcx_168",
12
+ "one-grid": "awsui_one-grid_mgja0_xjfcx_171",
13
+ "calendar-header": "awsui_calendar-header_mgja0_xjfcx_175",
14
+ "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_xjfcx_181",
15
+ "calendar-header-month": "awsui_calendar-header-month_mgja0_xjfcx_181",
16
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_xjfcx_202",
17
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_xjfcx_205",
18
+ "first-grid": "awsui_first-grid_mgja0_xjfcx_209",
19
+ "second-grid": "awsui_second-grid_mgja0_xjfcx_210",
20
+ "date-and-time-container": "awsui_date-and-time-container_mgja0_xjfcx_214",
21
+ "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_xjfcx_220",
22
+ "footer": "awsui_footer_mgja0_xjfcx_227",
23
+ "has-clear-button": "awsui_has-clear-button_mgja0_xjfcx_234",
24
+ "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_xjfcx_241",
25
+ "icon-wrapper": "awsui_icon-wrapper_mgja0_xjfcx_248",
26
+ "label": "awsui_label_mgja0_xjfcx_253",
27
+ "label-enabled": "awsui_label-enabled_mgja0_xjfcx_258",
28
+ "label-text": "awsui_label-text_mgja0_xjfcx_262",
29
+ "label-token-nowrap": "awsui_label-token-nowrap_mgja0_xjfcx_267",
30
+ "mode-switch": "awsui_mode-switch_mgja0_xjfcx_271",
31
+ "dropdown": "awsui_dropdown_mgja0_xjfcx_275",
32
+ "dropdown-content": "awsui_dropdown-content_mgja0_xjfcx_294",
33
+ "start-date-input": "awsui_start-date-input_mgja0_xjfcx_303",
34
+ "start-time-input": "awsui_start-time-input_mgja0_xjfcx_304",
35
+ "end-date-input": "awsui_end-date-input_mgja0_xjfcx_305",
36
+ "end-time-input": "awsui_end-time-input_mgja0_xjfcx_306",
37
+ "validation-section": "awsui_validation-section_mgja0_xjfcx_310",
38
+ "validation-error": "awsui_validation-error_mgja0_xjfcx_314",
39
+ "clear-button": "awsui_clear-button_mgja0_xjfcx_318",
40
+ "apply-button": "awsui_apply-button_mgja0_xjfcx_322",
41
+ "cancel-button": "awsui_cancel-button_mgja0_xjfcx_326",
42
+ "calendar-aria-live": "awsui_calendar-aria-live_mgja0_xjfcx_330"
43
43
  };
44
44
 
@@ -58,8 +58,9 @@ export interface ExpandableSectionProps extends BaseComponentProps {
58
58
  headerCounter?: string;
59
59
  /**
60
60
  * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).
61
- * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Note that this only
62
- * works with the `headerText` slot (not with the deprecated `header`), and not with the navigation variant.
61
+ * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this
62
+ * property does not change the visual appearance of the component. Note that this only works with the `headerText`
63
+ * slot (not with the deprecated `header`), and not with the navigation variant.
63
64
  */
64
65
  headingTagOverride?: ExpandableSectionProps.HeadingTag;
65
66
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACpF,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;SASK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IAEvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACpF,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;SASK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IAEvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked';\n export interface ChangeDetail {\n expanded: boolean;\n }\n export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n /**\n * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n * manner even if you provide a value for this property.\n */\n defaultExpanded?: boolean;\n\n /**\n * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n * manner if you provide a value for this property.\n */\n expanded?: boolean;\n\n /**\n * The possible variants of an expandable section are as follows:\n * * `default` - Use this variant in any context.\n * * `footer` - Use this variant in container footers.\n * * `container` - Use this variant in a detail page alongside other containers.\n * * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n * It doesn't have any default styles.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n * */\n variant?: ExpandableSectionProps.Variant;\n\n /**\n * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Primary content displayed in the expandable section element.\n */\n children?: React.ReactNode;\n\n /**\n * @deprecated Use `headerText` instead.\n */\n header?: React.ReactNode;\n\n /**\n * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n */\n headerText?: React.ReactNode;\n\n /**\n * Supplementary text below the heading. Use with the container, default or footer variants.\n */\n headerDescription?: string;\n\n /**\n * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n * Behaves similar to the Header component counter.\n */\n headerCounter?: string;\n\n /**\n * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Note that this only\n * works with the `headerText` slot (not with the deprecated `header`), and not with the navigation variant.\n */\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n /**\n * Adds `aria-label` to the header element.\n * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n */\n headerAriaLabel?: string;\n\n /**\n * Called when the state changes (that is, when the user expands or collapses the component).\n * The event `detail` contains the current value of the `expanded` property.\n */\n onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n /**\n * The area next to the heading, used to display an Info link. Use with the container variant.\n */\n headerInfo?: React.ReactNode;\n\n /**\n * Actions for the header. Use with the container variant.\n */\n headerActions?: React.ReactNode;\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked';\n export interface ChangeDetail {\n expanded: boolean;\n }\n export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n /**\n * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n * manner even if you provide a value for this property.\n */\n defaultExpanded?: boolean;\n\n /**\n * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n * manner if you provide a value for this property.\n */\n expanded?: boolean;\n\n /**\n * The possible variants of an expandable section are as follows:\n * * `default` - Use this variant in any context.\n * * `footer` - Use this variant in container footers.\n * * `container` - Use this variant in a detail page alongside other containers.\n * * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n * It doesn't have any default styles.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n * */\n variant?: ExpandableSectionProps.Variant;\n\n /**\n * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Primary content displayed in the expandable section element.\n */\n children?: React.ReactNode;\n\n /**\n * @deprecated Use `headerText` instead.\n */\n header?: React.ReactNode;\n\n /**\n * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n */\n headerText?: React.ReactNode;\n\n /**\n * Supplementary text below the heading. Use with the container, default or footer variants.\n */\n headerDescription?: string;\n\n /**\n * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n * Behaves similar to the Header component counter.\n */\n headerCounter?: string;\n\n /**\n * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this\n * property does not change the visual appearance of the component. Note that this only works with the `headerText`\n * slot (not with the deprecated `header`), and not with the navigation variant.\n */\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n /**\n * Adds `aria-label` to the header element.\n * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n */\n headerAriaLabel?: string;\n\n /**\n * Called when the state changes (that is, when the user expands or collapses the component).\n * The event `detail` contains the current value of the `expanded` property.\n */\n onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n /**\n * The area next to the heading, used to display an Info link. Use with the container variant.\n */\n headerInfo?: React.ReactNode;\n\n /**\n * Actions for the header. Use with the container variant.\n */\n headerActions?: React.ReactNode;\n}\n"]}
@@ -1,37 +1,37 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_gwq0h_11fqg_97",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_11fqg_1",
6
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_11fqg_119",
7
- "icon": "awsui_icon_gwq0h_11fqg_133",
8
- "root": "awsui_root_gwq0h_11fqg_151",
9
- "expand-button": "awsui_expand-button_gwq0h_11fqg_189",
10
- "expanded": "awsui_expanded_gwq0h_11fqg_196",
11
- "icon-container": "awsui_icon-container_gwq0h_11fqg_200",
12
- "icon-container-container": "awsui_icon-container-container_gwq0h_11fqg_205",
13
- "wrapper": "awsui_wrapper_gwq0h_11fqg_209",
14
- "wrapper-default": "awsui_wrapper-default_gwq0h_11fqg_216",
15
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_11fqg_216",
16
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_11fqg_219",
17
- "wrapper-container": "awsui_wrapper-container_gwq0h_11fqg_222",
18
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_11fqg_226",
19
- "header-deprecated": "awsui_header-deprecated_gwq0h_11fqg_240",
20
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_11fqg_264",
21
- "header": "awsui_header_gwq0h_11fqg_240",
22
- "header-wrapper": "awsui_header-wrapper_gwq0h_11fqg_283",
23
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_11fqg_293",
24
- "header-button": "awsui_header-button_gwq0h_11fqg_298",
25
- "header-container-button": "awsui_header-container-button_gwq0h_11fqg_298",
26
- "header-container": "awsui_header-container_gwq0h_11fqg_298",
27
- "header-navigation": "awsui_header-navigation_gwq0h_11fqg_330",
28
- "header-text": "awsui_header-text_gwq0h_11fqg_362",
29
- "content": "awsui_content_gwq0h_11fqg_97",
30
- "content-default": "awsui_content-default_gwq0h_11fqg_369",
31
- "content-footer": "awsui_content-footer_gwq0h_11fqg_372",
32
- "content-expanded": "awsui_content-expanded_gwq0h_11fqg_375",
33
- "content-compact": "awsui_content-compact_gwq0h_11fqg_378",
34
- "focusable": "awsui_focusable_gwq0h_11fqg_382",
35
- "click-target": "awsui_click-target_gwq0h_11fqg_393"
4
+ "content-enter": "awsui_content-enter_gwq0h_1lf18_97",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1lf18_1",
6
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1lf18_119",
7
+ "icon": "awsui_icon_gwq0h_1lf18_133",
8
+ "root": "awsui_root_gwq0h_1lf18_151",
9
+ "expand-button": "awsui_expand-button_gwq0h_1lf18_189",
10
+ "expanded": "awsui_expanded_gwq0h_1lf18_196",
11
+ "icon-container": "awsui_icon-container_gwq0h_1lf18_200",
12
+ "icon-container-container": "awsui_icon-container-container_gwq0h_1lf18_205",
13
+ "wrapper": "awsui_wrapper_gwq0h_1lf18_209",
14
+ "wrapper-default": "awsui_wrapper-default_gwq0h_1lf18_216",
15
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_1lf18_216",
16
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1lf18_219",
17
+ "wrapper-container": "awsui_wrapper-container_gwq0h_1lf18_222",
18
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_1lf18_226",
19
+ "header-deprecated": "awsui_header-deprecated_gwq0h_1lf18_240",
20
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1lf18_264",
21
+ "header": "awsui_header_gwq0h_1lf18_240",
22
+ "header-wrapper": "awsui_header-wrapper_gwq0h_1lf18_283",
23
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1lf18_293",
24
+ "header-button": "awsui_header-button_gwq0h_1lf18_298",
25
+ "header-container-button": "awsui_header-container-button_gwq0h_1lf18_298",
26
+ "header-container": "awsui_header-container_gwq0h_1lf18_298",
27
+ "header-navigation": "awsui_header-navigation_gwq0h_1lf18_333",
28
+ "header-text": "awsui_header-text_gwq0h_1lf18_368",
29
+ "content": "awsui_content_gwq0h_1lf18_97",
30
+ "content-default": "awsui_content-default_gwq0h_1lf18_375",
31
+ "content-footer": "awsui_content-footer_gwq0h_1lf18_378",
32
+ "content-expanded": "awsui_content-expanded_gwq0h_1lf18_381",
33
+ "content-compact": "awsui_content-compact_gwq0h_1lf18_384",
34
+ "focusable": "awsui_focusable_gwq0h_1lf18_388",
35
+ "click-target": "awsui_click-target_gwq0h_1lf18_403"
36
36
  };
37
37