@cloudscape-design/components 3.0.1332 → 3.0.1334

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 (216) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +13 -13
  5. package/annotation-context/annotation/styles.scoped.css +21 -21
  6. package/annotation-context/annotation/styles.selectors.js +13 -13
  7. package/app-layout/classic.d.ts +1 -0
  8. package/app-layout/classic.d.ts.map +1 -1
  9. package/app-layout/index.d.ts.map +1 -1
  10. package/app-layout/index.js +2 -1
  11. package/app-layout/index.js.map +1 -1
  12. package/app-layout/interfaces.d.ts +16 -1
  13. package/app-layout/interfaces.d.ts.map +1 -1
  14. package/app-layout/interfaces.js.map +1 -1
  15. package/app-layout/internal.d.ts +1 -0
  16. package/app-layout/internal.d.ts.map +1 -1
  17. package/app-layout/notifications/styles.css.js +3 -3
  18. package/app-layout/notifications/styles.scoped.css +7 -7
  19. package/app-layout/notifications/styles.selectors.js +3 -3
  20. package/app-layout/visual-refresh/index.d.ts +1 -0
  21. package/app-layout/visual-refresh/index.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/styles.css.js +86 -86
  23. package/app-layout/visual-refresh/styles.scoped.css +262 -262
  24. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  25. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +4 -0
  26. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  27. package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -2
  28. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  29. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  30. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +93 -93
  31. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  32. package/app-layout/visual-refresh-toolbar/interfaces.d.ts +2 -0
  33. package/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  34. package/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  35. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts +3 -1
  36. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
  37. package/app-layout/visual-refresh-toolbar/navigation/index.js +11 -5
  38. package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  39. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -4
  40. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +34 -15
  41. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -4
  42. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -1
  43. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +4 -2
  44. package/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -1
  45. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -29
  46. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +72 -67
  47. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -29
  48. package/app-layout/visual-refresh-toolbar/state/interfaces.d.ts +1 -0
  49. package/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map +1 -1
  50. package/app-layout/visual-refresh-toolbar/state/interfaces.js.map +1 -1
  51. package/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map +1 -1
  52. package/app-layout/visual-refresh-toolbar/state/props-merger.js +2 -0
  53. package/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -1
  54. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts +2 -0
  55. package/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  56. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js +26 -3
  57. package/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  58. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -1
  59. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +2 -1
  60. package/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -1
  61. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +1 -0
  62. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  63. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  64. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  65. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +36 -36
  66. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  67. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -1
  68. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +3 -3
  69. package/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
  70. package/app-layout-toolbar/index.d.ts.map +1 -1
  71. package/app-layout-toolbar/index.js +2 -1
  72. package/app-layout-toolbar/index.js.map +1 -1
  73. package/attribute-editor/styles.css.js +15 -15
  74. package/attribute-editor/styles.scoped.css +29 -29
  75. package/attribute-editor/styles.selectors.js +15 -15
  76. package/breadcrumb-group/item/styles.css.js +7 -7
  77. package/breadcrumb-group/item/styles.scoped.css +30 -30
  78. package/breadcrumb-group/item/styles.selectors.js +7 -7
  79. package/button/styles.css.js +22 -22
  80. package/button/styles.scoped.css +256 -256
  81. package/button/styles.selectors.js +22 -22
  82. package/button-dropdown/item-element/styles.css.js +21 -21
  83. package/button-dropdown/item-element/styles.scoped.css +37 -37
  84. package/button-dropdown/item-element/styles.selectors.js +21 -21
  85. package/checkbox/styles.css.js +3 -3
  86. package/checkbox/styles.scoped.css +11 -11
  87. package/checkbox/styles.selectors.js +3 -3
  88. package/content-layout/styles.css.js +14 -14
  89. package/content-layout/styles.scoped.css +27 -27
  90. package/content-layout/styles.selectors.js +14 -14
  91. package/dropdown/styles.css.js +20 -20
  92. package/dropdown/styles.scoped.css +49 -49
  93. package/dropdown/styles.selectors.js +20 -20
  94. package/file-token-group/styles.css.js +23 -23
  95. package/file-token-group/styles.scoped.css +36 -36
  96. package/file-token-group/styles.selectors.js +23 -23
  97. package/flashbar/styles.css.js +50 -50
  98. package/flashbar/styles.scoped.css +192 -192
  99. package/flashbar/styles.selectors.js +50 -50
  100. package/help-panel/styles.css.js +6 -6
  101. package/help-panel/styles.scoped.css +72 -72
  102. package/help-panel/styles.selectors.js +6 -6
  103. package/input/styles.css.js +18 -18
  104. package/input/styles.scoped.css +82 -82
  105. package/input/styles.selectors.js +18 -18
  106. package/internal/base-component/styles.scoped.css +6 -1
  107. package/internal/components/abstract-switch/index.d.ts.map +1 -1
  108. package/internal/components/abstract-switch/index.js +7 -1
  109. package/internal/components/abstract-switch/index.js.map +1 -1
  110. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  111. package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  112. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  113. package/internal/components/option/styles.css.js +17 -17
  114. package/internal/components/option/styles.scoped.css +31 -31
  115. package/internal/components/option/styles.selectors.js +17 -17
  116. package/internal/components/radio-button/styles.css.js +7 -7
  117. package/internal/components/radio-button/styles.scoped.css +18 -18
  118. package/internal/components/radio-button/styles.selectors.js +7 -7
  119. package/internal/components/selectable-item/styles.css.js +22 -22
  120. package/internal/components/selectable-item/styles.scoped.css +57 -57
  121. package/internal/components/selectable-item/styles.selectors.js +22 -22
  122. package/internal/components/token-list/styles.css.js +10 -10
  123. package/internal/components/token-list/styles.scoped.css +25 -25
  124. package/internal/components/token-list/styles.selectors.js +10 -10
  125. package/internal/environment.js +2 -2
  126. package/internal/environment.json +2 -2
  127. package/internal/generated/custom-css-properties/index.d.ts +1 -0
  128. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  129. package/internal/generated/custom-css-properties/index.js +173 -172
  130. package/internal/generated/custom-css-properties/index.js.map +1 -1
  131. package/internal/generated/styles/tokens.d.ts +2 -0
  132. package/internal/generated/styles/tokens.js +2 -0
  133. package/internal/generated/theming/index.cjs +40 -0
  134. package/internal/generated/theming/index.cjs.d.ts +27 -0
  135. package/internal/generated/theming/index.d.ts +27 -0
  136. package/internal/generated/theming/index.js +40 -0
  137. package/internal/manifest.json +1 -1
  138. package/item-card/styles.css.js +14 -14
  139. package/item-card/styles.scoped.css +63 -63
  140. package/item-card/styles.selectors.js +14 -14
  141. package/link/styles.css.js +21 -21
  142. package/link/styles.scoped.css +117 -117
  143. package/link/styles.selectors.js +21 -21
  144. package/manifest.json +2 -2
  145. package/modal/styles.css.js +31 -31
  146. package/modal/styles.scoped.css +48 -48
  147. package/modal/styles.selectors.js +31 -31
  148. package/package.json +95 -1
  149. package/progress-bar/styles.css.js +18 -18
  150. package/progress-bar/styles.scoped.css +48 -48
  151. package/progress-bar/styles.selectors.js +18 -18
  152. package/prompt-input/styles.css.js +26 -26
  153. package/prompt-input/styles.scoped.css +105 -105
  154. package/prompt-input/styles.selectors.js +26 -26
  155. package/segmented-control/styles.css.js +16 -16
  156. package/segmented-control/styles.scoped.css +46 -46
  157. package/segmented-control/styles.selectors.js +16 -16
  158. package/side-navigation/implementation.d.ts.map +1 -1
  159. package/side-navigation/implementation.js +4 -3
  160. package/side-navigation/implementation.js.map +1 -1
  161. package/side-navigation/parts.d.ts +5 -1
  162. package/side-navigation/parts.d.ts.map +1 -1
  163. package/side-navigation/parts.js +38 -26
  164. package/side-navigation/parts.js.map +1 -1
  165. package/side-navigation/styles.css.js +47 -47
  166. package/side-navigation/styles.scoped.css +74 -76
  167. package/side-navigation/styles.selectors.js +47 -47
  168. package/slider/styles.css.js +26 -26
  169. package/slider/styles.scoped.css +165 -165
  170. package/slider/styles.selectors.js +26 -26
  171. package/spinner/styles.css.js +13 -13
  172. package/spinner/styles.scoped.css +39 -39
  173. package/spinner/styles.selectors.js +13 -13
  174. package/status-indicator/internal-interfaces.d.ts +2 -0
  175. package/status-indicator/internal-interfaces.d.ts.map +1 -0
  176. package/status-indicator/internal-interfaces.js +2 -0
  177. package/status-indicator/internal-interfaces.js.map +1 -0
  178. package/status-indicator/internal.d.ts +6 -2
  179. package/status-indicator/internal.d.ts.map +1 -1
  180. package/status-indicator/internal.js +1 -0
  181. package/status-indicator/internal.js.map +1 -1
  182. package/status-indicator/styles.css.js +25 -24
  183. package/status-indicator/styles.scoped.css +59 -53
  184. package/status-indicator/styles.selectors.js +25 -24
  185. package/steps/index.d.ts +2 -0
  186. package/steps/index.d.ts.map +1 -1
  187. package/steps/index.js +5 -3
  188. package/steps/index.js.map +1 -1
  189. package/steps/interfaces.d.ts +9 -2
  190. package/steps/interfaces.d.ts.map +1 -1
  191. package/steps/interfaces.js.map +1 -1
  192. package/steps/internal.d.ts +2 -1
  193. package/steps/internal.d.ts.map +1 -1
  194. package/steps/internal.js +12 -8
  195. package/steps/internal.js.map +1 -1
  196. package/steps/styles.css.js +13 -12
  197. package/steps/styles.scoped.css +27 -22
  198. package/steps/styles.selectors.js +13 -12
  199. package/tabs/styles.css.js +30 -30
  200. package/tabs/styles.scoped.css +76 -76
  201. package/tabs/styles.selectors.js +30 -30
  202. package/tag-editor/styles.css.js +3 -3
  203. package/tag-editor/styles.scoped.css +13 -13
  204. package/tag-editor/styles.selectors.js +3 -3
  205. package/text-content/styles.css.js +1 -1
  206. package/text-content/styles.scoped.css +66 -66
  207. package/text-content/styles.selectors.js +1 -1
  208. package/textarea/styles.css.js +5 -5
  209. package/textarea/styles.scoped.css +45 -45
  210. package/textarea/styles.selectors.js +5 -5
  211. package/toggle/styles.css.js +10 -10
  212. package/toggle/styles.scoped.css +23 -23
  213. package/toggle/styles.selectors.js +10 -10
  214. package/token/styles.css.js +14 -14
  215. package/token/styles.scoped.css +47 -47
  216. package/token/styles.selectors.js +14 -14
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_12gfp_193",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_12gfp_1",
6
- "root": "awsui_root_mx3cw_12gfp_215",
7
- "hidden": "awsui_hidden_mx3cw_12gfp_250",
8
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_12gfp_301",
9
- "initial-hidden": "awsui_initial-hidden_mx3cw_12gfp_313",
10
- "header": "awsui_header_mx3cw_12gfp_318",
11
- "header-replacement": "awsui_header-replacement_mx3cw_12gfp_319",
12
- "action": "awsui_action_mx3cw_12gfp_323",
13
- "action-slot": "awsui_action-slot_mx3cw_12gfp_327",
14
- "action-button": "awsui_action-button_mx3cw_12gfp_328",
15
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_12gfp_332",
16
- "text": "awsui_text_mx3cw_12gfp_363",
17
- "icon": "awsui_icon_mx3cw_12gfp_370",
18
- "message": "awsui_message_mx3cw_12gfp_373",
19
- "action-wrapped": "awsui_action-wrapped_mx3cw_12gfp_377",
20
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_12gfp_381",
21
- "icon-size-big": "awsui_icon-size-big_mx3cw_12gfp_385",
22
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_12gfp_389",
23
- "content": "awsui_content_mx3cw_12gfp_393",
24
- "content-replacement": "awsui_content-replacement_mx3cw_12gfp_394",
25
- "dismiss": "awsui_dismiss_mx3cw_12gfp_398",
26
- "dismiss-button": "awsui_dismiss-button_mx3cw_12gfp_403",
27
- "type-error": "awsui_type-error_mx3cw_12gfp_407",
28
- "type-warning": "awsui_type-warning_mx3cw_12gfp_415",
29
- "type-success": "awsui_type-success_mx3cw_12gfp_423",
30
- "type-info": "awsui_type-info_mx3cw_12gfp_431"
4
+ "alert": "awsui_alert_mx3cw_6hz9w_193",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_6hz9w_1",
6
+ "root": "awsui_root_mx3cw_6hz9w_215",
7
+ "hidden": "awsui_hidden_mx3cw_6hz9w_250",
8
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_6hz9w_301",
9
+ "initial-hidden": "awsui_initial-hidden_mx3cw_6hz9w_313",
10
+ "header": "awsui_header_mx3cw_6hz9w_318",
11
+ "header-replacement": "awsui_header-replacement_mx3cw_6hz9w_319",
12
+ "action": "awsui_action_mx3cw_6hz9w_323",
13
+ "action-slot": "awsui_action-slot_mx3cw_6hz9w_327",
14
+ "action-button": "awsui_action-button_mx3cw_6hz9w_328",
15
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_6hz9w_332",
16
+ "text": "awsui_text_mx3cw_6hz9w_363",
17
+ "icon": "awsui_icon_mx3cw_6hz9w_370",
18
+ "message": "awsui_message_mx3cw_6hz9w_373",
19
+ "action-wrapped": "awsui_action-wrapped_mx3cw_6hz9w_377",
20
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_6hz9w_381",
21
+ "icon-size-big": "awsui_icon-size-big_mx3cw_6hz9w_385",
22
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_6hz9w_389",
23
+ "content": "awsui_content_mx3cw_6hz9w_393",
24
+ "content-replacement": "awsui_content-replacement_mx3cw_6hz9w_394",
25
+ "dismiss": "awsui_dismiss_mx3cw_6hz9w_398",
26
+ "dismiss-button": "awsui_dismiss-button_mx3cw_6hz9w_403",
27
+ "type-error": "awsui_type-error_mx3cw_6hz9w_407",
28
+ "type-warning": "awsui_type-warning_mx3cw_6hz9w_415",
29
+ "type-success": "awsui_type-success_mx3cw_6hz9w_423",
30
+ "type-info": "awsui_type-info_mx3cw_6hz9w_431"
31
31
  };
32
32
 
@@ -190,10 +190,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
191
  SPDX-License-Identifier: Apache-2.0
192
192
  */
193
- .awsui_alert_mx3cw_12gfp_193:not(#\9) {
194
- animation: awsui_awsui-motion-fade-in_mx3cw_12gfp_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
193
+ .awsui_alert_mx3cw_6hz9w_193:not(#\9) {
194
+ animation: awsui_awsui-motion-fade-in_mx3cw_6hz9w_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
195
195
  }
196
- @keyframes awsui_awsui-motion-fade-in_mx3cw_12gfp_1 {
196
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_6hz9w_1 {
197
197
  from {
198
198
  opacity: 0.2;
199
199
  }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  }
203
203
  }
204
204
  @media (prefers-reduced-motion: reduce) {
205
- .awsui_alert_mx3cw_12gfp_193:not(#\9) {
205
+ .awsui_alert_mx3cw_6hz9w_193:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_alert_mx3cw_12gfp_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_12gfp_193:not(#\9) {
210
+ .awsui-motion-disabled .awsui_alert_mx3cw_6hz9w_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_6hz9w_193:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
214
 
215
- .awsui_root_mx3cw_12gfp_215:not(#\9) {
215
+ .awsui_root_mx3cw_6hz9w_215:not(#\9) {
216
216
  border-collapse: separate;
217
217
  border-spacing: 0;
218
218
  box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
247
  overflow: hidden;
248
248
  display: block;
249
249
  }
250
- .awsui_root_mx3cw_12gfp_215.awsui_hidden_mx3cw_12gfp_250:not(#\9) {
250
+ .awsui_root_mx3cw_6hz9w_215.awsui_hidden_mx3cw_6hz9w_250:not(#\9) {
251
251
  display: none;
252
252
  }
253
253
 
254
- .awsui_alert_mx3cw_12gfp_193:not(#\9) {
254
+ .awsui_alert_mx3cw_6hz9w_193:not(#\9) {
255
255
  border-collapse: separate;
256
256
  border-spacing: 0;
257
257
  box-sizing: border-box;
@@ -295,10 +295,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
295
295
  padding-block: var(--space-alert-vertical-dlp5wr, 8px);
296
296
  padding-inline: var(--space-alert-horizontal-ul364s, 16px);
297
297
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
298
- --awsui-alert-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-alert-focus-ring-border-width-z17rmd, 2px) var(--awsui-alert-focus-ring-border-color-z17rmd, var(--color-border-item-focused-uk47pl, #006ce0));
298
+ --awsui-alert-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-alert-focus-ring-border-width-esndbs, 2px) var(--awsui-alert-focus-ring-border-color-esndbs, var(--color-border-item-focused-uk47pl, #006ce0));
299
299
  }
300
300
 
301
- .awsui_alert-wrapper_mx3cw_12gfp_301:not(#\9) {
301
+ .awsui_alert-wrapper_mx3cw_6hz9w_301:not(#\9) {
302
302
  flex: 1;
303
303
  display: flex;
304
304
  flex-direction: row;
@@ -306,46 +306,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
306
306
  column-gap: var(--space-alert-action-left-4s8zo5, 12px);
307
307
  }
308
308
 
309
- .awsui_hidden_mx3cw_12gfp_250:not(#\9) {
309
+ .awsui_hidden_mx3cw_6hz9w_250:not(#\9) {
310
310
  display: none;
311
311
  }
312
312
 
313
- .awsui_initial-hidden_mx3cw_12gfp_313:not(#\9) {
313
+ .awsui_initial-hidden_mx3cw_6hz9w_313:not(#\9) {
314
314
  overflow: hidden;
315
315
  block-size: 0;
316
316
  }
317
317
 
318
- .awsui_header_mx3cw_12gfp_318:not(#\9),
319
- .awsui_header-replacement_mx3cw_12gfp_319:not(#\9) {
318
+ .awsui_header_mx3cw_6hz9w_318:not(#\9),
319
+ .awsui_header-replacement_mx3cw_6hz9w_319:not(#\9) {
320
320
  font-weight: var(--font-weight-alert-header-zg25o1, 700);
321
321
  }
322
322
 
323
- .awsui_action_mx3cw_12gfp_323:not(#\9) {
323
+ .awsui_action_mx3cw_6hz9w_323:not(#\9) {
324
324
  white-space: nowrap;
325
325
  }
326
326
 
327
- .awsui_action-slot_mx3cw_12gfp_327:not(#\9),
328
- .awsui_action-button_mx3cw_12gfp_328:not(#\9) {
327
+ .awsui_action-slot_mx3cw_6hz9w_327:not(#\9),
328
+ .awsui_action-button_mx3cw_6hz9w_328:not(#\9) {
329
329
  /* used in test-utils */
330
330
  }
331
331
 
332
- .awsui_alert-focus-wrapper_mx3cw_12gfp_332:not(#\9) {
332
+ .awsui_alert-focus-wrapper_mx3cw_6hz9w_332:not(#\9) {
333
333
  flex: 1;
334
334
  min-inline-size: 70%;
335
335
  display: grid;
336
336
  grid-template-columns: min-content auto;
337
337
  }
338
- .awsui_alert-focus-wrapper_mx3cw_12gfp_332:not(#\9):focus {
338
+ .awsui_alert-focus-wrapper_mx3cw_6hz9w_332:not(#\9):focus {
339
339
  outline: none;
340
340
  }
341
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_12gfp_332:not(#\9):focus {
341
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_6hz9w_332:not(#\9):focus {
342
342
  position: relative;
343
343
  }
344
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_12gfp_332:not(#\9):focus {
344
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_6hz9w_332:not(#\9):focus {
345
345
  outline: 2px dotted transparent;
346
346
  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
347
347
  }
348
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_12gfp_332:not(#\9):focus::before {
348
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_6hz9w_332:not(#\9):focus::before {
349
349
  content: " ";
350
350
  display: block;
351
351
  position: absolute;
@@ -353,85 +353,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_12gfp_332:n
353
353
  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
354
354
  inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
355
355
  block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
356
- border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
357
- border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
358
- border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
359
- border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-1uabki, 4px));
360
- box-shadow: var(--awsui-alert-focus-ring-box-shadow-z17rmd);
356
+ border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
357
+ border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
358
+ border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
359
+ border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
360
+ box-shadow: var(--awsui-alert-focus-ring-box-shadow-esndbs);
361
361
  }
362
362
 
363
- .awsui_text_mx3cw_12gfp_363:not(#\9) {
363
+ .awsui_text_mx3cw_6hz9w_363:not(#\9) {
364
364
  min-inline-size: 0;
365
365
  padding-block: var(--border-width-button-jm0qg7, 2px);
366
366
  padding-inline: 0;
367
367
  margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
368
368
  margin-inline: var(--space-xxs-hwfkai, 4px);
369
369
  }
370
- .awsui_text_mx3cw_12gfp_363.awsui_icon_mx3cw_12gfp_370:not(#\9) {
370
+ .awsui_text_mx3cw_6hz9w_363.awsui_icon_mx3cw_6hz9w_370:not(#\9) {
371
371
  margin-inline-start: 0;
372
372
  }
373
- .awsui_text_mx3cw_12gfp_363.awsui_message_mx3cw_12gfp_373:not(#\9) {
373
+ .awsui_text_mx3cw_6hz9w_363.awsui_message_mx3cw_6hz9w_373:not(#\9) {
374
374
  margin-inline-end: var(--space-alert-message-right-mrjbnn, 4px);
375
375
  }
376
376
 
377
- .awsui_action-wrapped_mx3cw_12gfp_377:not(#\9) {
377
+ .awsui_action-wrapped_mx3cw_6hz9w_377:not(#\9) {
378
378
  margin-block-end: var(--space-xxs-hwfkai, 4px);
379
379
  }
380
380
 
381
- .awsui_icon-size-medium_mx3cw_12gfp_381 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_action-wrapped_mx3cw_12gfp_377:not(#\9) {
381
+ .awsui_icon-size-medium_mx3cw_6hz9w_381 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_action-wrapped_mx3cw_6hz9w_377:not(#\9) {
382
382
  margin-inline-start: calc(var(--size-icon-medium-uv8xcz, 20px) + var(--space-xs-ymlm0b, 8px));
383
383
  }
384
384
 
385
- .awsui_icon-size-big_mx3cw_12gfp_385 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_action-wrapped_mx3cw_12gfp_377:not(#\9) {
385
+ .awsui_icon-size-big_mx3cw_6hz9w_385 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_action-wrapped_mx3cw_6hz9w_377:not(#\9) {
386
386
  margin-inline-start: calc(var(--size-icon-big-7pq9l3, 32px) + var(--space-xs-ymlm0b, 8px));
387
387
  }
388
388
 
389
- .awsui_icon-size-normal_mx3cw_12gfp_389 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_action-wrapped_mx3cw_12gfp_377:not(#\9) {
389
+ .awsui_icon-size-normal_mx3cw_6hz9w_389 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_action-wrapped_mx3cw_6hz9w_377:not(#\9) {
390
390
  margin-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px));
391
391
  }
392
392
 
393
- .awsui_content_mx3cw_12gfp_393:not(#\9),
394
- .awsui_content-replacement_mx3cw_12gfp_394:not(#\9) {
393
+ .awsui_content_mx3cw_6hz9w_393:not(#\9),
394
+ .awsui_content-replacement_mx3cw_6hz9w_394:not(#\9) {
395
395
  /* used in test-utils */
396
396
  }
397
397
 
398
- .awsui_dismiss_mx3cw_12gfp_398:not(#\9) {
398
+ .awsui_dismiss_mx3cw_6hz9w_398:not(#\9) {
399
399
  margin-inline-end: calc(-1 * var(--space-xxs-hwfkai, 4px));
400
400
  margin-inline-start: var(--space-s-tvghoh, 12px);
401
401
  }
402
402
 
403
- .awsui_dismiss-button_mx3cw_12gfp_403:not(#\9) {
403
+ .awsui_dismiss-button_mx3cw_6hz9w_403:not(#\9) {
404
404
  /* used in test-utils */
405
405
  }
406
406
 
407
- .awsui_type-error_mx3cw_12gfp_407:not(#\9) {
407
+ .awsui_type-error_mx3cw_6hz9w_407:not(#\9) {
408
408
  border-color: var(--color-border-status-error-j8acpp, #db0000);
409
409
  background-color: var(--color-background-status-error-mu3lcw, #fff5f5);
410
410
  }
411
- .awsui_type-error_mx3cw_12gfp_407 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_alert-focus-wrapper_mx3cw_12gfp_332 > .awsui_icon_mx3cw_12gfp_370:not(#\9) {
412
- color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
411
+ .awsui_type-error_mx3cw_6hz9w_407 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_alert-focus-wrapper_mx3cw_6hz9w_332 > .awsui_icon_mx3cw_6hz9w_370:not(#\9) {
412
+ color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-error-bwp1cm, #db0000));
413
413
  }
414
414
 
415
- .awsui_type-warning_mx3cw_12gfp_415:not(#\9) {
415
+ .awsui_type-warning_mx3cw_6hz9w_415:not(#\9) {
416
416
  border-color: var(--color-border-status-warning-j40pg7, #855900);
417
417
  background-color: var(--color-background-status-warning-cv83up, #fffef0);
418
418
  }
419
- .awsui_type-warning_mx3cw_12gfp_415 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_alert-focus-wrapper_mx3cw_12gfp_332 > .awsui_icon_mx3cw_12gfp_370:not(#\9) {
420
- color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
419
+ .awsui_type-warning_mx3cw_6hz9w_415 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_alert-focus-wrapper_mx3cw_6hz9w_332 > .awsui_icon_mx3cw_6hz9w_370:not(#\9) {
420
+ color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-warning-ylxn5k, #855900));
421
421
  }
422
422
 
423
- .awsui_type-success_mx3cw_12gfp_423:not(#\9) {
423
+ .awsui_type-success_mx3cw_6hz9w_423:not(#\9) {
424
424
  border-color: var(--color-border-status-success-8z5f8u, #00802f);
425
425
  background-color: var(--color-background-status-success-h6b8bh, #effff1);
426
426
  }
427
- .awsui_type-success_mx3cw_12gfp_423 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_alert-focus-wrapper_mx3cw_12gfp_332 > .awsui_icon_mx3cw_12gfp_370:not(#\9) {
428
- color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-success-r9s7ha, #00802f));
427
+ .awsui_type-success_mx3cw_6hz9w_423 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_alert-focus-wrapper_mx3cw_6hz9w_332 > .awsui_icon_mx3cw_6hz9w_370:not(#\9) {
428
+ color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-success-r9s7ha, #00802f));
429
429
  }
430
430
 
431
- .awsui_type-info_mx3cw_12gfp_431:not(#\9) {
431
+ .awsui_type-info_mx3cw_6hz9w_431:not(#\9) {
432
432
  border-color: var(--color-border-status-info-qf6jok, #006ce0);
433
433
  background-color: var(--color-background-status-info-sfobba, #f0fbff);
434
434
  }
435
- .awsui_type-info_mx3cw_12gfp_431 > .awsui_alert-wrapper_mx3cw_12gfp_301 > .awsui_alert-focus-wrapper_mx3cw_12gfp_332 > .awsui_icon_mx3cw_12gfp_370:not(#\9) {
436
- color: var(--awsui-alert-icon-color-z17rmd, var(--color-text-status-info-2ftgrk, #006ce0));
435
+ .awsui_type-info_mx3cw_6hz9w_431 > .awsui_alert-wrapper_mx3cw_6hz9w_301 > .awsui_alert-focus-wrapper_mx3cw_6hz9w_332 > .awsui_icon_mx3cw_6hz9w_370:not(#\9) {
436
+ color: var(--awsui-alert-icon-color-esndbs, var(--color-text-status-info-2ftgrk, #006ce0));
437
437
  }
@@ -2,32 +2,32 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "alert": "awsui_alert_mx3cw_12gfp_193",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_12gfp_1",
7
- "root": "awsui_root_mx3cw_12gfp_215",
8
- "hidden": "awsui_hidden_mx3cw_12gfp_250",
9
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_12gfp_301",
10
- "initial-hidden": "awsui_initial-hidden_mx3cw_12gfp_313",
11
- "header": "awsui_header_mx3cw_12gfp_318",
12
- "header-replacement": "awsui_header-replacement_mx3cw_12gfp_319",
13
- "action": "awsui_action_mx3cw_12gfp_323",
14
- "action-slot": "awsui_action-slot_mx3cw_12gfp_327",
15
- "action-button": "awsui_action-button_mx3cw_12gfp_328",
16
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_12gfp_332",
17
- "text": "awsui_text_mx3cw_12gfp_363",
18
- "icon": "awsui_icon_mx3cw_12gfp_370",
19
- "message": "awsui_message_mx3cw_12gfp_373",
20
- "action-wrapped": "awsui_action-wrapped_mx3cw_12gfp_377",
21
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_12gfp_381",
22
- "icon-size-big": "awsui_icon-size-big_mx3cw_12gfp_385",
23
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_12gfp_389",
24
- "content": "awsui_content_mx3cw_12gfp_393",
25
- "content-replacement": "awsui_content-replacement_mx3cw_12gfp_394",
26
- "dismiss": "awsui_dismiss_mx3cw_12gfp_398",
27
- "dismiss-button": "awsui_dismiss-button_mx3cw_12gfp_403",
28
- "type-error": "awsui_type-error_mx3cw_12gfp_407",
29
- "type-warning": "awsui_type-warning_mx3cw_12gfp_415",
30
- "type-success": "awsui_type-success_mx3cw_12gfp_423",
31
- "type-info": "awsui_type-info_mx3cw_12gfp_431"
5
+ "alert": "awsui_alert_mx3cw_6hz9w_193",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_6hz9w_1",
7
+ "root": "awsui_root_mx3cw_6hz9w_215",
8
+ "hidden": "awsui_hidden_mx3cw_6hz9w_250",
9
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_6hz9w_301",
10
+ "initial-hidden": "awsui_initial-hidden_mx3cw_6hz9w_313",
11
+ "header": "awsui_header_mx3cw_6hz9w_318",
12
+ "header-replacement": "awsui_header-replacement_mx3cw_6hz9w_319",
13
+ "action": "awsui_action_mx3cw_6hz9w_323",
14
+ "action-slot": "awsui_action-slot_mx3cw_6hz9w_327",
15
+ "action-button": "awsui_action-button_mx3cw_6hz9w_328",
16
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_6hz9w_332",
17
+ "text": "awsui_text_mx3cw_6hz9w_363",
18
+ "icon": "awsui_icon_mx3cw_6hz9w_370",
19
+ "message": "awsui_message_mx3cw_6hz9w_373",
20
+ "action-wrapped": "awsui_action-wrapped_mx3cw_6hz9w_377",
21
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_6hz9w_381",
22
+ "icon-size-big": "awsui_icon-size-big_mx3cw_6hz9w_385",
23
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_6hz9w_389",
24
+ "content": "awsui_content_mx3cw_6hz9w_393",
25
+ "content-replacement": "awsui_content-replacement_mx3cw_6hz9w_394",
26
+ "dismiss": "awsui_dismiss_mx3cw_6hz9w_398",
27
+ "dismiss-button": "awsui_dismiss-button_mx3cw_6hz9w_403",
28
+ "type-error": "awsui_type-error_mx3cw_6hz9w_407",
29
+ "type-warning": "awsui_type-warning_mx3cw_6hz9w_415",
30
+ "type-success": "awsui_type-success_mx3cw_6hz9w_423",
31
+ "type-info": "awsui_type-info_mx3cw_6hz9w_431"
32
32
  };
33
33
 
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "annotation": "awsui_annotation_1hpp3_yvy2f_185",
5
- "next-button": "awsui_next-button_1hpp3_yvy2f_186",
6
- "previous-button": "awsui_previous-button_1hpp3_yvy2f_187",
7
- "finish-button": "awsui_finish-button_1hpp3_yvy2f_188",
8
- "header": "awsui_header_1hpp3_yvy2f_189",
9
- "step-counter-content": "awsui_step-counter-content_1hpp3_yvy2f_190",
10
- "content": "awsui_content_1hpp3_yvy2f_191",
11
- "description": "awsui_description_1hpp3_yvy2f_195",
12
- "actionBar": "awsui_actionBar_1hpp3_yvy2f_200",
13
- "stepCounter": "awsui_stepCounter_1hpp3_yvy2f_207",
14
- "divider": "awsui_divider_1hpp3_yvy2f_211",
15
- "hotspot": "awsui_hotspot_1hpp3_yvy2f_215",
16
- "icon": "awsui_icon_1hpp3_yvy2f_286"
4
+ "annotation": "awsui_annotation_1hpp3_12m4w_185",
5
+ "next-button": "awsui_next-button_1hpp3_12m4w_186",
6
+ "previous-button": "awsui_previous-button_1hpp3_12m4w_187",
7
+ "finish-button": "awsui_finish-button_1hpp3_12m4w_188",
8
+ "header": "awsui_header_1hpp3_12m4w_189",
9
+ "step-counter-content": "awsui_step-counter-content_1hpp3_12m4w_190",
10
+ "content": "awsui_content_1hpp3_12m4w_191",
11
+ "description": "awsui_description_1hpp3_12m4w_195",
12
+ "actionBar": "awsui_actionBar_1hpp3_12m4w_200",
13
+ "stepCounter": "awsui_stepCounter_1hpp3_12m4w_207",
14
+ "divider": "awsui_divider_1hpp3_12m4w_211",
15
+ "hotspot": "awsui_hotspot_1hpp3_12m4w_215",
16
+ "icon": "awsui_icon_1hpp3_12m4w_286"
17
17
  };
18
18
 
@@ -182,37 +182,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_annotation_1hpp3_yvy2f_185:not(#\9),
186
- .awsui_next-button_1hpp3_yvy2f_186:not(#\9),
187
- .awsui_previous-button_1hpp3_yvy2f_187:not(#\9),
188
- .awsui_finish-button_1hpp3_yvy2f_188:not(#\9),
189
- .awsui_header_1hpp3_yvy2f_189:not(#\9),
190
- .awsui_step-counter-content_1hpp3_yvy2f_190:not(#\9),
191
- .awsui_content_1hpp3_yvy2f_191:not(#\9) {
185
+ .awsui_annotation_1hpp3_12m4w_185:not(#\9),
186
+ .awsui_next-button_1hpp3_12m4w_186:not(#\9),
187
+ .awsui_previous-button_1hpp3_12m4w_187:not(#\9),
188
+ .awsui_finish-button_1hpp3_12m4w_188:not(#\9),
189
+ .awsui_header_1hpp3_12m4w_189:not(#\9),
190
+ .awsui_step-counter-content_1hpp3_12m4w_190:not(#\9),
191
+ .awsui_content_1hpp3_12m4w_191:not(#\9) {
192
192
  /* used in test-utils */
193
193
  }
194
194
 
195
- .awsui_description_1hpp3_yvy2f_195:not(#\9) {
195
+ .awsui_description_1hpp3_12m4w_195:not(#\9) {
196
196
  overflow: hidden;
197
197
  margin-block-start: var(--space-xxs-hwfkai, 4px);
198
198
  }
199
199
 
200
- .awsui_actionBar_1hpp3_yvy2f_200:not(#\9) {
200
+ .awsui_actionBar_1hpp3_12m4w_200:not(#\9) {
201
201
  display: flex;
202
202
  justify-content: space-between;
203
203
  align-items: center;
204
204
  position: relative;
205
205
  }
206
206
 
207
- .awsui_stepCounter_1hpp3_yvy2f_207:not(#\9) {
207
+ .awsui_stepCounter_1hpp3_12m4w_207:not(#\9) {
208
208
  margin-inline-end: 20px;
209
209
  }
210
210
 
211
- .awsui_divider_1hpp3_yvy2f_211:not(#\9) {
211
+ .awsui_divider_1hpp3_12m4w_211:not(#\9) {
212
212
  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
213
213
  }
214
214
 
215
- .awsui_hotspot_1hpp3_yvy2f_215:not(#\9) {
215
+ .awsui_hotspot_1hpp3_12m4w_215:not(#\9) {
216
216
  border-collapse: separate;
217
217
  border-spacing: 0;
218
218
  box-sizing: border-box;
@@ -248,28 +248,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
248
248
  padding-block: 0;
249
249
  padding-inline: 0;
250
250
  cursor: pointer;
251
- scroll-margin: var(--awsui-content-scroll-margin-z17rmd, 40px 0 0 0);
251
+ scroll-margin: var(--awsui-content-scroll-margin-esndbs, 40px 0 0 0);
252
252
  position: relative;
253
253
  inline-size: 16px;
254
254
  block-size: 16px;
255
255
  }
256
- .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):before {
256
+ .awsui_hotspot_1hpp3_12m4w_215:not(#\9):before {
257
257
  content: "";
258
258
  position: absolute;
259
259
  inset: calc(-1 * var(--space-xxs-hwfkai, 4px));
260
260
  z-index: 1;
261
261
  }
262
- .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):focus {
262
+ .awsui_hotspot_1hpp3_12m4w_215:not(#\9):focus {
263
263
  outline: none;
264
264
  }
265
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):focus {
265
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12m4w_215:not(#\9):focus {
266
266
  position: relative;
267
267
  }
268
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):focus {
268
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12m4w_215:not(#\9):focus {
269
269
  outline: 2px dotted transparent;
270
270
  outline-offset: calc(2px - 1px);
271
271
  }
272
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):focus::before {
272
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_12m4w_215:not(#\9):focus::before {
273
273
  content: " ";
274
274
  display: block;
275
275
  position: absolute;
@@ -283,13 +283,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):focu
283
283
  border-end-end-radius: var(--border-radius-control-circular-focus-ring-yjhscw, 4px);
284
284
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
285
285
  }
286
- .awsui_hotspot_1hpp3_yvy2f_215 > .awsui_icon_1hpp3_yvy2f_286:not(#\9) {
286
+ .awsui_hotspot_1hpp3_12m4w_215 > .awsui_icon_1hpp3_12m4w_286:not(#\9) {
287
287
  position: relative;
288
288
  stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
289
289
  }
290
- .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):hover > .awsui_icon_1hpp3_yvy2f_286 {
290
+ .awsui_hotspot_1hpp3_12m4w_215:not(#\9):hover > .awsui_icon_1hpp3_12m4w_286 {
291
291
  stroke: var(--color-text-tutorial-hotspot-hover-92pxog, #002b66);
292
292
  }
293
- .awsui_hotspot_1hpp3_yvy2f_215:not(#\9):active > .awsui_icon_1hpp3_yvy2f_286 {
293
+ .awsui_hotspot_1hpp3_12m4w_215:not(#\9):active > .awsui_icon_1hpp3_12m4w_286 {
294
294
  stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
295
295
  }
@@ -2,18 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "annotation": "awsui_annotation_1hpp3_yvy2f_185",
6
- "next-button": "awsui_next-button_1hpp3_yvy2f_186",
7
- "previous-button": "awsui_previous-button_1hpp3_yvy2f_187",
8
- "finish-button": "awsui_finish-button_1hpp3_yvy2f_188",
9
- "header": "awsui_header_1hpp3_yvy2f_189",
10
- "step-counter-content": "awsui_step-counter-content_1hpp3_yvy2f_190",
11
- "content": "awsui_content_1hpp3_yvy2f_191",
12
- "description": "awsui_description_1hpp3_yvy2f_195",
13
- "actionBar": "awsui_actionBar_1hpp3_yvy2f_200",
14
- "stepCounter": "awsui_stepCounter_1hpp3_yvy2f_207",
15
- "divider": "awsui_divider_1hpp3_yvy2f_211",
16
- "hotspot": "awsui_hotspot_1hpp3_yvy2f_215",
17
- "icon": "awsui_icon_1hpp3_yvy2f_286"
5
+ "annotation": "awsui_annotation_1hpp3_12m4w_185",
6
+ "next-button": "awsui_next-button_1hpp3_12m4w_186",
7
+ "previous-button": "awsui_previous-button_1hpp3_12m4w_187",
8
+ "finish-button": "awsui_finish-button_1hpp3_12m4w_188",
9
+ "header": "awsui_header_1hpp3_12m4w_189",
10
+ "step-counter-content": "awsui_step-counter-content_1hpp3_12m4w_190",
11
+ "content": "awsui_content_1hpp3_12m4w_191",
12
+ "description": "awsui_description_1hpp3_12m4w_195",
13
+ "actionBar": "awsui_actionBar_1hpp3_12m4w_200",
14
+ "stepCounter": "awsui_stepCounter_1hpp3_12m4w_207",
15
+ "divider": "awsui_divider_1hpp3_12m4w_211",
16
+ "hotspot": "awsui_hotspot_1hpp3_12m4w_215",
17
+ "icon": "awsui_icon_1hpp3_12m4w_286"
18
18
  };
19
19
 
@@ -4,6 +4,7 @@ declare const ClassicAppLayout: React.ForwardRefExoticComponent<Omit<AppLayoutPr
4
4
  contentType: AppLayoutProps.ContentType;
5
5
  navigationOpen: boolean;
6
6
  navigationWidth: number;
7
+ navigationCollapsedWidth: number;
7
8
  toolsWidth: number;
8
9
  minContentWidth: number;
9
10
  onNavigationChange: import("../types/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
@@ -1 +1 @@
1
- {"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAc1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;4CA4jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"classic.d.ts","sourceRoot":"","sources":["../../../src/app-layout/classic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAoB7F,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAc1E,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;4CA4jBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FA4Fd,CAAC;AAGF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,QAAA,MAAM,SAAS,2FA8Fd,CAAC;AAGF,eAAe,SAAS,CAAC"}
@@ -14,7 +14,7 @@ import { applyDefaults } from './defaults';
14
14
  import { AppLayoutInternal } from './internal';
15
15
  import { useAppLayoutPlacement } from './utils/use-app-layout-placement';
16
16
  import { useAriaLabels } from './utils/use-aria-labels';
17
- const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
17
+ const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, navigationCollapsedWidth = 54, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
18
18
  var _a, _b;
19
19
  if (isDevelopment) {
20
20
  if (rest.toolsOpen && rest.toolsHide) {
@@ -54,6 +54,7 @@ const AppLayout = React.forwardRef(({ contentType = 'default', headerSelector =
54
54
  const props = {
55
55
  contentType,
56
56
  navigationWidth,
57
+ navigationCollapsedWidth,
57
58
  toolsWidth,
58
59
  navigationOpen,
59
60
  onNavigationChange,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,WAAW,GAAG,SAAS,EACvB,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,GAAG,EACrB,UAAU,GAAG,GAAG,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EAAE,wBAAwB,EACxC,kBAAkB,EAAE,4BAA4B,EAChD,iBAAiB,EACjB,GAAG,IAAI,EACQ,EACjB,GAAkC,EAClC,EAAE;;IACF,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,QAAQ,CACN,WAAW,EACX,wKAAwK,CACzK,CAAC;QACJ,CAAC;IACH,CAAC;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAC5C,WAAW,EACX;QACE,KAAK,EAAE;YACL,WAAW;YACX,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,eAAe;YACf,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU;YACV,eAAe;YACf,eAAe;YACf,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,2BAA2B,EAAE,IAAI,CAAC,2BAA2B;SAC9D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAI;YAC1C,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa;SACvC;KACF,EACD,iBAAiB,CAClB,CAAC;IACF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClD,MAAM,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,YAAY,EAAE,GAAG,aAAa,CAC9E,WAAW,EACX,EAAE,eAAe,EAAE,eAAe,EAAE,EACpC,SAAS,CACV,CAAC;IAEF,MAAM,CAAC,cAAc,GAAG,KAAK,EAAE,iBAAiB,CAAC,GAAG,eAAe,CACjE,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EACxC,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,EAAE,CACtG,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;QAC1F,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,4BAA4B,aAA5B,4BAA4B,uBAA5B,4BAA4B,CAAG,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,qBAAqB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IAEnF,wDAAwD;IACxD,MAAM,KAAK,GAAG;QACZ,WAAW;QACX,eAAe;QACf,UAAU;QACV,cAAc;QACd,kBAAkB;QAClB,GAAG,YAAY;QACf,GAAG,IAAI;QACP,UAAU;QACV,SAAS;KACV,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,KAAM,SAAS;QAC/D,oBAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACtC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACzC,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\nimport { useAriaLabels } from './utils/use-aria-labels';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const ariaLabels = useAriaLabels(rest.ariaLabels);\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAIxD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,WAAW,GAAG,SAAS,EACvB,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,GAAG,EACrB,wBAAwB,GAAG,EAAE,EAC7B,UAAU,GAAG,GAAG,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EAAE,wBAAwB,EACxC,kBAAkB,EAAE,4BAA4B,EAChD,iBAAiB,EACjB,GAAG,IAAI,EACQ,EACjB,GAAkC,EAClC,EAAE;;IACF,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,QAAQ,CACN,WAAW,EACX,wKAAwK,CACzK,CAAC;QACJ,CAAC;IACH,CAAC;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAC5C,WAAW,EACX;QACE,KAAK,EAAE;YACL,WAAW;YACX,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,eAAe;YACf,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU;YACV,eAAe;YACf,eAAe;YACf,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,2BAA2B,EAAE,IAAI,CAAC,2BAA2B;SAC9D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAI;YAC1C,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa;SACvC;KACF,EACD,iBAAiB,CAClB,CAAC;IACF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClD,MAAM,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,YAAY,EAAE,GAAG,aAAa,CAC9E,WAAW,EACX,EAAE,eAAe,EAAE,eAAe,EAAE,EACpC,SAAS,CACV,CAAC;IAEF,MAAM,CAAC,cAAc,GAAG,KAAK,EAAE,iBAAiB,CAAC,GAAG,eAAe,CACjE,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EACxC,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,EAAE,CACtG,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;QAC1F,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,4BAA4B,aAA5B,4BAA4B,uBAA5B,4BAA4B,CAAG,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,qBAAqB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IAEnF,wDAAwD;IACxD,MAAM,KAAK,GAAG;QACZ,WAAW;QACX,eAAe;QACf,wBAAwB;QACxB,UAAU;QACV,cAAc;QACd,kBAAkB;QAClB,GAAG,YAAY;QACf,GAAG,IAAI;QACP,UAAU;QACV,SAAS;KACV,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,KAAM,SAAS;QAC/D,oBAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CACtC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AACzC,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\nimport { useAriaLabels } from './utils/use-aria-labels';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n navigationCollapsedWidth = 54,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const ariaLabels = useAriaLabels(rest.ariaLabels);\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n navigationCollapsedWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}