@cloudscape-design/components 3.0.388 → 3.0.389

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 (184) hide show
  1. package/anchor-navigation/index.d.ts +5 -0
  2. package/anchor-navigation/index.d.ts.map +1 -0
  3. package/anchor-navigation/index.js +14 -0
  4. package/anchor-navigation/index.js.map +1 -0
  5. package/anchor-navigation/interfaces.d.ts +67 -0
  6. package/anchor-navigation/interfaces.d.ts.map +1 -0
  7. package/anchor-navigation/interfaces.js +4 -0
  8. package/anchor-navigation/interfaces.js.map +1 -0
  9. package/anchor-navigation/internal.d.ts +5 -0
  10. package/anchor-navigation/internal.d.ts.map +1 -0
  11. package/anchor-navigation/internal.js +48 -0
  12. package/anchor-navigation/internal.js.map +1 -0
  13. package/anchor-navigation/styles.css.js +13 -0
  14. package/anchor-navigation/styles.scoped.css +243 -0
  15. package/anchor-navigation/styles.selectors.js +14 -0
  16. package/anchor-navigation/test-classes/styles.css.js +11 -0
  17. package/anchor-navigation/test-classes/styles.scoped.css +27 -0
  18. package/anchor-navigation/test-classes/styles.selectors.js +12 -0
  19. package/anchor-navigation/use-scroll-spy.d.ts +18 -0
  20. package/anchor-navigation/use-scroll-spy.d.ts.map +1 -0
  21. package/anchor-navigation/use-scroll-spy.js +74 -0
  22. package/anchor-navigation/use-scroll-spy.js.map +1 -0
  23. package/annotation-context/annotation/styles.css.js +24 -24
  24. package/annotation-context/annotation/styles.scoped.css +30 -30
  25. package/annotation-context/annotation/styles.selectors.js +24 -24
  26. package/app-layout/notifications/styles.css.js +3 -3
  27. package/app-layout/notifications/styles.scoped.css +7 -7
  28. package/app-layout/notifications/styles.selectors.js +3 -3
  29. package/app-layout/visual-refresh/styles.css.js +75 -75
  30. package/app-layout/visual-refresh/styles.scoped.css +295 -295
  31. package/app-layout/visual-refresh/styles.selectors.js +75 -75
  32. package/button/styles.css.js +20 -20
  33. package/button/styles.scoped.css +151 -152
  34. package/button/styles.selectors.js +20 -20
  35. package/button-dropdown/item-element/styles.css.js +15 -15
  36. package/button-dropdown/item-element/styles.scoped.css +18 -19
  37. package/button-dropdown/item-element/styles.selectors.js +15 -15
  38. package/cards/index.js +2 -2
  39. package/cards/index.js.map +1 -1
  40. package/code-editor/styles.css.js +32 -32
  41. package/code-editor/styles.scoped.css +129 -131
  42. package/code-editor/styles.selectors.js +32 -32
  43. package/collection-preferences/content-display/styles.css.js +11 -11
  44. package/collection-preferences/content-display/styles.scoped.css +17 -18
  45. package/collection-preferences/content-display/styles.selectors.js +11 -11
  46. package/collection-preferences/styles.css.js +37 -37
  47. package/collection-preferences/styles.scoped.css +44 -45
  48. package/collection-preferences/styles.selectors.js +37 -37
  49. package/container/index.d.ts.map +1 -1
  50. package/container/index.js +2 -2
  51. package/container/index.js.map +1 -1
  52. package/container/internal.d.ts +5 -1
  53. package/container/internal.d.ts.map +1 -1
  54. package/container/internal.js +7 -4
  55. package/container/internal.js.map +1 -1
  56. package/content-layout/styles.css.js +7 -7
  57. package/content-layout/styles.scoped.css +13 -13
  58. package/content-layout/styles.selectors.js +7 -7
  59. package/expandable-section/expandable-section-container.d.ts +5 -3
  60. package/expandable-section/expandable-section-container.d.ts.map +1 -1
  61. package/expandable-section/expandable-section-container.js +2 -2
  62. package/expandable-section/expandable-section-container.js.map +1 -1
  63. package/expandable-section/index.d.ts.map +1 -1
  64. package/expandable-section/index.js +8 -3
  65. package/expandable-section/index.js.map +1 -1
  66. package/expandable-section/internal.d.ts +3 -3
  67. package/expandable-section/internal.d.ts.map +1 -1
  68. package/expandable-section/internal.js +2 -2
  69. package/expandable-section/internal.js.map +1 -1
  70. package/expandable-section/styles.css.js +29 -29
  71. package/expandable-section/styles.scoped.css +58 -59
  72. package/expandable-section/styles.selectors.js +29 -29
  73. package/flashbar/styles.css.js +47 -47
  74. package/flashbar/styles.scoped.css +171 -172
  75. package/flashbar/styles.selectors.js +47 -47
  76. package/form-field/styles.css.js +19 -19
  77. package/form-field/styles.scoped.css +29 -30
  78. package/form-field/styles.selectors.js +19 -19
  79. package/header/styles.css.js +32 -32
  80. package/header/styles.scoped.css +48 -49
  81. package/header/styles.selectors.js +32 -32
  82. package/index.d.ts +1 -0
  83. package/index.d.ts.map +1 -1
  84. package/index.js +1 -0
  85. package/index.js.map +1 -1
  86. package/internal/analytics/components/analytics-funnel.d.ts +2 -2
  87. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  88. package/internal/analytics/components/analytics-funnel.js +8 -2
  89. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  90. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  91. package/internal/analytics/hooks/use-funnel.js +2 -1
  92. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  93. package/internal/components/abstract-switch/styles.css.js +13 -13
  94. package/internal/components/abstract-switch/styles.scoped.css +19 -21
  95. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  96. package/internal/components/dropdown/dropdown-fit-handler.d.ts +31 -2
  97. package/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
  98. package/internal/components/dropdown/dropdown-fit-handler.js +49 -7
  99. package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  100. package/internal/components/dropdown/index.d.ts.map +1 -1
  101. package/internal/components/dropdown/index.js +20 -2
  102. package/internal/components/dropdown/index.js.map +1 -1
  103. package/internal/components/dropdown/styles.css.js +21 -21
  104. package/internal/components/dropdown/styles.scoped.css +37 -36
  105. package/internal/components/dropdown/styles.selectors.js +21 -21
  106. package/internal/components/menu-dropdown/styles.css.js +7 -7
  107. package/internal/components/menu-dropdown/styles.scoped.css +13 -14
  108. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  109. package/internal/components/option/styles.css.js +17 -17
  110. package/internal/components/option/styles.scoped.css +29 -30
  111. package/internal/components/option/styles.selectors.js +17 -17
  112. package/internal/environment.js +1 -1
  113. package/internal/environment.json +1 -1
  114. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  115. package/internal/generated/custom-css-properties/index.js +40 -39
  116. package/internal/generated/custom-css-properties/index.js.map +1 -1
  117. package/internal/manifest.json +1 -1
  118. package/internal/utils/scrollable-containers.d.ts +6 -1
  119. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  120. package/internal/utils/scrollable-containers.js +1 -1
  121. package/internal/utils/scrollable-containers.js.map +1 -1
  122. package/modal/internal.d.ts.map +1 -1
  123. package/modal/internal.js +6 -4
  124. package/modal/internal.js.map +1 -1
  125. package/package.json +2 -1
  126. package/progress-bar/styles.css.js +18 -18
  127. package/progress-bar/styles.scoped.css +32 -33
  128. package/progress-bar/styles.selectors.js +18 -18
  129. package/property-filter/styles.css.js +30 -30
  130. package/property-filter/styles.scoped.css +32 -33
  131. package/property-filter/styles.selectors.js +30 -30
  132. package/side-navigation/styles.css.js +28 -28
  133. package/side-navigation/styles.scoped.css +38 -39
  134. package/side-navigation/styles.selectors.js +28 -28
  135. package/split-panel/styles.css.js +56 -56
  136. package/split-panel/styles.scoped.css +77 -78
  137. package/split-panel/styles.selectors.js +56 -56
  138. package/status-indicator/internal.d.ts.map +1 -1
  139. package/status-indicator/internal.js +3 -1
  140. package/status-indicator/internal.js.map +1 -1
  141. package/status-indicator/styles.css.js +22 -22
  142. package/status-indicator/styles.scoped.css +36 -34
  143. package/status-indicator/styles.selectors.js +22 -22
  144. package/table/header-cell/index.d.ts +0 -2
  145. package/table/header-cell/index.d.ts.map +1 -1
  146. package/table/header-cell/index.js +1 -1
  147. package/table/header-cell/index.js.map +1 -1
  148. package/table/index.d.ts.map +1 -1
  149. package/table/index.js +8 -4
  150. package/table/index.js.map +1 -1
  151. package/table/internal.d.ts +1 -0
  152. package/table/internal.d.ts.map +1 -1
  153. package/table/internal.js +8 -2
  154. package/table/internal.js.map +1 -1
  155. package/table/resizer/index.d.ts +3 -5
  156. package/table/resizer/index.d.ts.map +1 -1
  157. package/table/resizer/index.js +44 -66
  158. package/table/resizer/index.js.map +1 -1
  159. package/table/resizer/resizer-lookup.d.ts +8 -0
  160. package/table/resizer/resizer-lookup.d.ts.map +1 -0
  161. package/table/resizer/resizer-lookup.js +39 -0
  162. package/table/resizer/resizer-lookup.js.map +1 -0
  163. package/tabs/styles.css.js +21 -21
  164. package/tabs/styles.scoped.css +39 -40
  165. package/tabs/styles.selectors.js +21 -21
  166. package/test-utils/dom/anchor-navigation/index.d.ts +16 -0
  167. package/test-utils/dom/anchor-navigation/index.js +58 -0
  168. package/test-utils/dom/anchor-navigation/index.js.map +1 -0
  169. package/test-utils/dom/index.d.ts +3 -0
  170. package/test-utils/dom/index.js +10 -2
  171. package/test-utils/dom/index.js.map +1 -1
  172. package/test-utils/selectors/anchor-navigation/index.d.ts +15 -0
  173. package/test-utils/selectors/anchor-navigation/index.js +45 -0
  174. package/test-utils/selectors/anchor-navigation/index.js.map +1 -0
  175. package/test-utils/selectors/index.d.ts +3 -0
  176. package/test-utils/selectors/index.js +10 -2
  177. package/test-utils/selectors/index.js.map +1 -1
  178. package/test-utils/tsconfig.tsbuildinfo +1 -1
  179. package/tiles/styles.css.js +29 -29
  180. package/tiles/styles.scoped.css +70 -71
  181. package/tiles/styles.selectors.js +29 -29
  182. package/wizard/styles.css.js +31 -31
  183. package/wizard/styles.scoped.css +64 -68
  184. package/wizard/styles.selectors.js +31 -31
@@ -186,31 +186,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189:not(#\9) {
189
+ .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189:not(#\9) {
190
190
  transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
191
191
  transition-property: none;
192
192
  }
193
193
  @media (prefers-reduced-motion: reduce) {
194
- .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189:not(#\9) {
194
+ .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
  }
199
- .awsui-motion-disabled .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189:not(#\9) {
199
+ .awsui-motion-disabled .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189:not(#\9) {
200
200
  animation: none;
201
201
  transition: none;
202
202
  }
203
- .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189.awsui_animating_1r9lg_h7pjw_203:not(#\9) {
203
+ .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189.awsui_animating_1r9lg_swupw_203:not(#\9) {
204
204
  transition-property: transform;
205
205
  transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
206
206
  }
207
207
  @media (prefers-reduced-motion: reduce) {
208
- .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189.awsui_animating_1r9lg_h7pjw_203:not(#\9) {
208
+ .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189.awsui_animating_1r9lg_swupw_203:not(#\9) {
209
209
  animation: none;
210
210
  transition: none;
211
211
  }
212
212
  }
213
- .awsui-motion-disabled .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189.awsui_animating_1r9lg_h7pjw_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_h7pjw_189.awsui_refresh_1r9lg_h7pjw_189.awsui_animating_1r9lg_h7pjw_203:not(#\9) {
213
+ .awsui-motion-disabled .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189.awsui_animating_1r9lg_swupw_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_swupw_189.awsui_refresh_1r9lg_swupw_189.awsui_animating_1r9lg_swupw_203:not(#\9) {
214
214
  animation: none;
215
215
  transition: none;
216
216
  }
@@ -223,72 +223,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
223
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
224
224
  SPDX-License-Identifier: Apache-2.0
225
225
  */
226
- .awsui_preference-icon--layout-border_1r9lg_h7pjw_226:not(#\9) {
226
+ .awsui_preference-icon--layout-border_1r9lg_swupw_226:not(#\9) {
227
227
  stroke: var(--color-background-home-header-2rudu7, #000716);
228
228
  fill: var(--color-background-container-content-4un1ap, #ffffff);
229
229
  }
230
- .awsui_preference-icon--layout-background_1r9lg_h7pjw_230:not(#\9) {
230
+ .awsui_preference-icon--layout-background_1r9lg_swupw_230:not(#\9) {
231
231
  fill: var(--color-background-layout-main-nx09lr, #ffffff);
232
232
  }
233
- .awsui_preference-icon--layout-header_1r9lg_h7pjw_233:not(#\9) {
233
+ .awsui_preference-icon--layout-header_1r9lg_swupw_233:not(#\9) {
234
234
  fill: var(--color-background-home-header-2rudu7, #000716);
235
235
  }
236
- .awsui_preference-icon--border_1r9lg_h7pjw_236:not(#\9) {
236
+ .awsui_preference-icon--border_1r9lg_swupw_236:not(#\9) {
237
237
  stroke: var(--color-text-group-label-zuh0h0, #414d5c);
238
238
  fill: var(--color-background-container-content-4un1ap, #ffffff);
239
239
  }
240
- .awsui_preference-icon--primary-button_1r9lg_h7pjw_240:not(#\9) {
240
+ .awsui_preference-icon--primary-button_1r9lg_swupw_240:not(#\9) {
241
241
  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
242
242
  }
243
- .awsui_preference-icon--secondary_1r9lg_h7pjw_243:not(#\9) {
243
+ .awsui_preference-icon--secondary_1r9lg_swupw_243:not(#\9) {
244
244
  fill: var(--color-text-group-label-zuh0h0, #414d5c);
245
245
  }
246
- .awsui_preference-icon--disabled-element_1r9lg_h7pjw_246:not(#\9) {
246
+ .awsui_preference-icon--disabled-element_1r9lg_swupw_246:not(#\9) {
247
247
  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
248
248
  }
249
- .awsui_preference-icon--separator_1r9lg_h7pjw_249:not(#\9) {
249
+ .awsui_preference-icon--separator_1r9lg_swupw_249:not(#\9) {
250
250
  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
251
251
  }
252
- .awsui_preference-icon--focus-text_1r9lg_h7pjw_252:not(#\9) {
252
+ .awsui_preference-icon--focus-text_1r9lg_swupw_252:not(#\9) {
253
253
  fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
254
254
  }
255
255
 
256
- .awsui_preference-icon-refresh--layout-top_1r9lg_h7pjw_256:not(#\9) {
256
+ .awsui_preference-icon-refresh--layout-top_1r9lg_swupw_256:not(#\9) {
257
257
  fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
258
258
  }
259
- .awsui_preference-icon-refresh--layout-main_1r9lg_h7pjw_259:not(#\9) {
259
+ .awsui_preference-icon-refresh--layout-main_1r9lg_swupw_259:not(#\9) {
260
260
  fill: var(--color-background-layout-main-nx09lr, #ffffff);
261
261
  }
262
- .awsui_preference-icon-refresh--primary_1r9lg_h7pjw_262:not(#\9) {
262
+ .awsui_preference-icon-refresh--primary_1r9lg_swupw_262:not(#\9) {
263
263
  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
264
264
  }
265
- .awsui_preference-icon-refresh--disabled_1r9lg_h7pjw_265:not(#\9) {
265
+ .awsui_preference-icon-refresh--disabled_1r9lg_swupw_265:not(#\9) {
266
266
  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
267
267
  }
268
- .awsui_preference-icon-refresh--column-header_1r9lg_h7pjw_268:not(#\9) {
268
+ .awsui_preference-icon-refresh--column-header_1r9lg_swupw_268:not(#\9) {
269
269
  fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
270
270
  }
271
- .awsui_preference-icon-refresh--window_1r9lg_h7pjw_271:not(#\9) {
271
+ .awsui_preference-icon-refresh--window_1r9lg_swupw_271:not(#\9) {
272
272
  stroke: var(--color-background-home-header-2rudu7, #000716);
273
273
  fill: var(--color-background-container-content-4un1ap, #ffffff);
274
274
  }
275
- .awsui_preference-icon-refresh--secondary_1r9lg_h7pjw_275:not(#\9) {
275
+ .awsui_preference-icon-refresh--secondary_1r9lg_swupw_275:not(#\9) {
276
276
  fill: var(--color-text-body-secondary-so8znq, #414d5c);
277
277
  }
278
- .awsui_preference-icon-refresh--default_1r9lg_h7pjw_278:not(#\9) {
278
+ .awsui_preference-icon-refresh--default_1r9lg_swupw_278:not(#\9) {
279
279
  fill: var(--color-text-body-default-2sxhhn, #000716);
280
280
  }
281
- .awsui_preference-icon-refresh--separator_1r9lg_h7pjw_281:not(#\9) {
281
+ .awsui_preference-icon-refresh--separator_1r9lg_swupw_281:not(#\9) {
282
282
  stroke: var(--color-border-divider-default-et9j7s, #e9ebed);
283
283
  }
284
- .awsui_preference-icon-refresh--input-default_1r9lg_h7pjw_284:not(#\9) {
284
+ .awsui_preference-icon-refresh--input-default_1r9lg_swupw_284:not(#\9) {
285
285
  fill: var(--color-border-input-default-1zl7hq, #7d8998);
286
286
  }
287
- .awsui_preference-icon-refresh--heading_1r9lg_h7pjw_287:not(#\9) {
287
+ .awsui_preference-icon-refresh--heading_1r9lg_swupw_287:not(#\9) {
288
288
  fill: var(--color-text-heading-default-rtslvy, #000716);
289
289
  }
290
290
 
291
- .awsui_root_1r9lg_h7pjw_291:not(#\9) {
291
+ .awsui_root_1r9lg_swupw_291:not(#\9) {
292
292
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
293
293
  border-collapse: separate;
294
294
  border-spacing: 0;
@@ -327,49 +327,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
327
327
  -moz-osx-font-smoothing: auto;
328
328
  }
329
329
 
330
- .awsui_preferences-button_1r9lg_h7pjw_304:not(#\9) {
330
+ .awsui_preferences-button_1r9lg_swupw_304:not(#\9) {
331
331
  /* used in test-utils */
332
332
  }
333
333
 
334
- .awsui_close-button_1r9lg_h7pjw_308:not(#\9) {
334
+ .awsui_close-button_1r9lg_swupw_308:not(#\9) {
335
335
  /* used in test-utils */
336
336
  }
337
337
 
338
- .awsui_drawer_1r9lg_h7pjw_189:not(#\9) {
338
+ .awsui_drawer_1r9lg_swupw_189:not(#\9) {
339
339
  flex-shrink: 0;
340
340
  position: relative;
341
341
  min-width: 0;
342
- -ms-word-break: break-all;
343
342
  word-break: break-word;
344
343
  background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
345
344
  z-index: 840;
346
345
  }
347
- .awsui_drawer-closed_1r9lg_h7pjw_321:not(#\9) {
346
+ .awsui_drawer-closed_1r9lg_swupw_320:not(#\9) {
348
347
  cursor: pointer;
349
348
  min-width: 40px;
350
349
  }
351
350
 
352
- .awsui_drawer-content-side_1r9lg_h7pjw_326:not(#\9) {
351
+ .awsui_drawer-content-side_1r9lg_swupw_325:not(#\9) {
353
352
  display: flex;
354
353
  align-items: center;
355
354
  height: 100%;
356
355
  overflow: auto;
357
356
  }
358
- .awsui_drawer-closed_1r9lg_h7pjw_321 > .awsui_drawer-content-side_1r9lg_h7pjw_326:not(#\9) {
357
+ .awsui_drawer-closed_1r9lg_swupw_320 > .awsui_drawer-content-side_1r9lg_swupw_325:not(#\9) {
359
358
  width: 40px;
360
359
  }
361
- .awsui_drawer-closed_1r9lg_h7pjw_321 > .awsui_drawer-content-side_1r9lg_h7pjw_326:not(#\9):hover {
360
+ .awsui_drawer-closed_1r9lg_swupw_320 > .awsui_drawer-content-side_1r9lg_swupw_325:not(#\9):hover {
362
361
  background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
363
362
  }
364
- .awsui_drawer-content-side_1r9lg_h7pjw_326.awsui_refresh_1r9lg_h7pjw_189:not(#\9) {
363
+ .awsui_drawer-content-side_1r9lg_swupw_325.awsui_refresh_1r9lg_swupw_189:not(#\9) {
365
364
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-panel-side-qqne3x, #e9ebed);
366
365
  box-sizing: border-box;
367
366
  }
368
- .awsui_drawer-content-side_1r9lg_h7pjw_326 > [aria-hidden=true]:not(#\9) {
367
+ .awsui_drawer-content-side_1r9lg_swupw_325 > [aria-hidden=true]:not(#\9) {
369
368
  display: none;
370
369
  }
371
370
 
372
- :not(#\9):not(.awsui_drawer-closed_1r9lg_h7pjw_321) > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 {
371
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_swupw_320) > .awsui_drawer-content-bottom_1r9lg_swupw_345 {
373
372
  overflow-y: auto;
374
373
  position: absolute;
375
374
  top: 0;
@@ -378,7 +377,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
378
377
  bottom: 0;
379
378
  }
380
379
 
381
- .awsui_position-bottom_1r9lg_h7pjw_355:not(#\9) {
380
+ .awsui_position-bottom_1r9lg_swupw_354:not(#\9) {
382
381
  position: fixed;
383
382
  overflow-y: auto;
384
383
  border-left: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-panel-bottom-16n9vt, #e9ebed);
@@ -389,46 +388,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
389
388
  SplitPanel is no longer in fixed position in the DOM.
390
389
  */
391
390
  }
392
- .awsui_position-bottom_1r9lg_h7pjw_355:not(#\9):not(.awsui_refresh_1r9lg_h7pjw_189) {
391
+ .awsui_position-bottom_1r9lg_swupw_354:not(#\9):not(.awsui_refresh_1r9lg_swupw_189) {
393
392
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
394
393
  }
395
- .awsui_position-bottom_1r9lg_h7pjw_355.awsui_drawer-closed_1r9lg_h7pjw_321:not(#\9) {
394
+ .awsui_position-bottom_1r9lg_swupw_354.awsui_drawer-closed_1r9lg_swupw_320:not(#\9) {
396
395
  overflow: hidden;
397
396
  }
398
- .awsui_position-bottom_1r9lg_h7pjw_355.awsui_drawer-closed_1r9lg_h7pjw_321:not(#\9):hover {
397
+ .awsui_position-bottom_1r9lg_swupw_354.awsui_drawer-closed_1r9lg_swupw_320:not(#\9):hover {
399
398
  background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
400
399
  }
401
- .awsui_position-bottom_1r9lg_h7pjw_355 > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > [aria-hidden=true]:not(#\9) {
400
+ .awsui_position-bottom_1r9lg_swupw_354 > .awsui_drawer-content-bottom_1r9lg_swupw_345 > [aria-hidden=true]:not(#\9) {
402
401
  display: none;
403
402
  }
404
- .awsui_position-bottom_1r9lg_h7pjw_355.awsui_refresh_1r9lg_h7pjw_189:not(#\9) {
403
+ .awsui_position-bottom_1r9lg_swupw_354.awsui_refresh_1r9lg_swupw_189:not(#\9) {
405
404
  position: relative;
406
405
  }
407
406
 
408
- .awsui_position-side_1r9lg_h7pjw_382:not(#\9) {
407
+ .awsui_position-side_1r9lg_swupw_381:not(#\9) {
409
408
  border-top: none;
410
409
  box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
411
410
  height: 100%;
412
411
  }
413
412
 
414
- .awsui_slider_1r9lg_h7pjw_388:not(#\9) {
413
+ .awsui_slider_1r9lg_swupw_387:not(#\9) {
415
414
  padding: 0;
416
415
  cursor: ns-resize;
417
416
  margin: 2px 0 0 0;
418
417
  height: 16px;
419
418
  touch-action: none;
420
419
  }
421
- .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus {
420
+ .awsui_slider_1r9lg_swupw_387:not(#\9):focus {
422
421
  outline: none;
423
422
  }
424
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus {
423
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_swupw_387:not(#\9):focus {
425
424
  position: relative;
426
425
  }
427
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus {
426
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_swupw_387:not(#\9):focus {
428
427
  outline: 2px dotted transparent;
429
428
  outline-offset: calc(0px - 1px);
430
429
  }
431
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus::before {
430
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_swupw_387:not(#\9):focus::before {
432
431
  content: " ";
433
432
  display: block;
434
433
  position: absolute;
@@ -440,12 +439,12 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
440
439
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
441
440
  }
442
441
 
443
- .awsui_slider-side_1r9lg_h7pjw_417:not(#\9) {
442
+ .awsui_slider-side_1r9lg_swupw_416:not(#\9) {
444
443
  cursor: ew-resize;
445
444
  margin: 0 0 0 2px;
446
445
  }
447
446
 
448
- .awsui_slider-wrapper-bottom_1r9lg_h7pjw_422:not(#\9) {
447
+ .awsui_slider-wrapper-bottom_1r9lg_swupw_421:not(#\9) {
449
448
  position: absolute;
450
449
  top: 0;
451
450
  left: 0;
@@ -456,7 +455,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
456
455
  z-index: 2;
457
456
  }
458
457
 
459
- .awsui_slider-wrapper-side_1r9lg_h7pjw_433:not(#\9) {
458
+ .awsui_slider-wrapper-side_1r9lg_swupw_432:not(#\9) {
460
459
  position: absolute;
461
460
  left: 0;
462
461
  top: 0;
@@ -467,31 +466,31 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
467
466
  z-index: 1;
468
467
  }
469
468
 
470
- .awsui_open-button_1r9lg_h7pjw_444:not(#\9) {
469
+ .awsui_open-button_1r9lg_swupw_443:not(#\9) {
471
470
  /* used in test-utils */
472
471
  }
473
472
 
474
- .awsui_open-button-side_1r9lg_h7pjw_448:not(#\9) {
473
+ .awsui_open-button-side_1r9lg_swupw_447:not(#\9) {
475
474
  flex: 0 0 auto;
476
475
  align-self: flex-start;
477
476
  box-sizing: border-box;
478
477
  margin: var(--space-xxs-p8yyaw, 4px) auto 0;
479
478
  }
480
479
 
481
- .awsui_slider-icon_1r9lg_h7pjw_455:not(#\9) {
480
+ .awsui_slider-icon_1r9lg_swupw_454:not(#\9) {
482
481
  stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
483
482
  }
484
- .awsui_slider-icon_1r9lg_h7pjw_455:not(#\9):hover {
483
+ .awsui_slider-icon_1r9lg_swupw_454:not(#\9):hover {
485
484
  stroke: var(--color-text-interactive-hover-mj8add, #000716);
486
485
  }
487
- .awsui_slider-icon-bottom_1r9lg_h7pjw_461:not(#\9) {
486
+ .awsui_slider-icon-bottom_1r9lg_swupw_460:not(#\9) {
488
487
  margin: auto;
489
488
  }
490
- .awsui_slider-icon-side_1r9lg_h7pjw_464:not(#\9) {
489
+ .awsui_slider-icon-side_1r9lg_swupw_463:not(#\9) {
491
490
  transform: rotate(90deg);
492
491
  }
493
492
 
494
- .awsui_pane-header-wrapper-bottom_1r9lg_h7pjw_468:not(#\9) {
493
+ .awsui_pane-header-wrapper-bottom_1r9lg_swupw_467:not(#\9) {
495
494
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
496
495
  position: sticky;
497
496
  top: 0;
@@ -501,49 +500,49 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
501
500
  z-index: 1;
502
501
  padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
503
502
  }
504
- .awsui_drawer-mobile_1r9lg_h7pjw_478 > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > .awsui_pane-header-wrapper-bottom_1r9lg_h7pjw_468:not(#\9) {
503
+ .awsui_drawer-mobile_1r9lg_swupw_477 > .awsui_drawer-content-bottom_1r9lg_swupw_345 > .awsui_pane-header-wrapper-bottom_1r9lg_swupw_467:not(#\9) {
505
504
  padding: 0 var(--space-l-t419sm, 20px);
506
505
  }
507
- .awsui_drawer-disable-content-paddings_1r9lg_h7pjw_481 > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > .awsui_pane-header-wrapper-bottom_1r9lg_h7pjw_468:not(#\9) {
506
+ .awsui_drawer-disable-content-paddings_1r9lg_swupw_480 > .awsui_drawer-content-bottom_1r9lg_swupw_345 > .awsui_pane-header-wrapper-bottom_1r9lg_swupw_467:not(#\9) {
508
507
  padding: 0 var(--space-l-t419sm, 20px);
509
508
  }
510
- :not(#\9):not(.awsui_drawer-closed_1r9lg_h7pjw_321) > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > .awsui_pane-header-wrapper-bottom_1r9lg_h7pjw_468 {
509
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_swupw_320) > .awsui_drawer-content-bottom_1r9lg_swupw_345 > .awsui_pane-header-wrapper-bottom_1r9lg_swupw_467 {
511
510
  background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
512
511
  border-bottom: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
513
512
  }
514
513
 
515
- .awsui_content-bottom_1r9lg_h7pjw_489:not(#\9) {
514
+ .awsui_content-bottom_1r9lg_swupw_488:not(#\9) {
516
515
  padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
517
516
  margin-top: var(--space-panel-split-top-q1pux4, 20px);
518
517
  position: relative;
519
518
  z-index: 0;
520
519
  }
521
- .awsui_drawer-mobile_1r9lg_h7pjw_478 > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > .awsui_content-bottom_1r9lg_h7pjw_489:not(#\9) {
520
+ .awsui_drawer-mobile_1r9lg_swupw_477 > .awsui_drawer-content-bottom_1r9lg_swupw_345 > .awsui_content-bottom_1r9lg_swupw_488:not(#\9) {
522
521
  padding: 0 var(--space-l-t419sm, 20px);
523
522
  }
524
- .awsui_drawer-disable-content-paddings_1r9lg_h7pjw_481 > .awsui_drawer-content-bottom_1r9lg_h7pjw_346 > .awsui_content-bottom_1r9lg_h7pjw_489:not(#\9) {
523
+ .awsui_drawer-disable-content-paddings_1r9lg_swupw_480 > .awsui_drawer-content-bottom_1r9lg_swupw_345 > .awsui_content-bottom_1r9lg_swupw_488:not(#\9) {
525
524
  padding: 0;
526
525
  }
527
526
 
528
- .awsui_pane-bottom-center-align_1r9lg_h7pjw_502:not(#\9) {
527
+ .awsui_pane-bottom-center-align_1r9lg_swupw_501:not(#\9) {
529
528
  display: flex;
530
529
  justify-content: center;
531
530
  }
532
531
 
533
- .awsui_pane-bottom-content-nav-padding_1r9lg_h7pjw_507:not(#\9) {
532
+ .awsui_pane-bottom-content-nav-padding_1r9lg_swupw_506:not(#\9) {
534
533
  padding-left: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
535
534
  }
536
535
 
537
- .awsui_pane-bottom-content-tools-padding_1r9lg_h7pjw_511:not(#\9) {
536
+ .awsui_pane-bottom-content-tools-padding_1r9lg_swupw_510:not(#\9) {
538
537
  padding-right: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
539
538
  }
540
539
 
541
- .awsui_content-bottom-max-width_1r9lg_h7pjw_515:not(#\9) {
540
+ .awsui_content-bottom-max-width_1r9lg_swupw_514:not(#\9) {
542
541
  flex-grow: 1;
543
542
  max-width: 100%;
544
543
  }
545
544
 
546
- .awsui_content-side_1r9lg_h7pjw_520:not(#\9) {
545
+ .awsui_content-side_1r9lg_swupw_519:not(#\9) {
547
546
  flex: auto;
548
547
  align-self: flex-start;
549
548
  box-sizing: border-box;
@@ -554,15 +553,15 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
554
553
  right: 0;
555
554
  height: 100%;
556
555
  }
557
- .awsui_content-side_1r9lg_h7pjw_520 > .awsui_pane-header-wrapper-side_1r9lg_h7pjw_531:not(#\9) {
556
+ .awsui_content-side_1r9lg_swupw_519 > .awsui_pane-header-wrapper-side_1r9lg_swupw_530:not(#\9) {
558
557
  padding: 0 var(--space-m-udix3p, 16px) 0 var(--space-panel-side-left-5t0who, 28px);
559
558
  }
560
- .awsui_content-side_1r9lg_h7pjw_520 > .awsui_pane-content-wrapper-side_1r9lg_h7pjw_534:not(#\9) {
559
+ .awsui_content-side_1r9lg_swupw_519 > .awsui_pane-content-wrapper-side_1r9lg_swupw_533:not(#\9) {
561
560
  padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-side-left-5t0who, 28px);
562
561
  margin-top: var(--space-panel-split-top-q1pux4, 20px);
563
562
  }
564
563
 
565
- .awsui_header_1r9lg_h7pjw_539:not(#\9) {
564
+ .awsui_header_1r9lg_swupw_538:not(#\9) {
566
565
  display: flex;
567
566
  flex: auto;
568
567
  flex-direction: row;
@@ -571,7 +570,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
571
570
  width: 100%;
572
571
  margin: var(--space-scaled-m-mo5yse, 16px) 0 var(--space-m-udix3p, 16px) 0;
573
572
  }
574
- .awsui_header-text_1r9lg_h7pjw_548:not(#\9) {
573
+ .awsui_header-text_1r9lg_swupw_547:not(#\9) {
575
574
  font-size: var(--font-panel-header-size-edjz3l, 18px);
576
575
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
577
576
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -581,13 +580,13 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
581
580
  margin: 0;
582
581
  }
583
582
 
584
- .awsui_header-divider_1r9lg_h7pjw_558:not(#\9) {
583
+ .awsui_header-divider_1r9lg_swupw_557:not(#\9) {
585
584
  border: none;
586
585
  border-top: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
587
586
  margin-top: calc(-1 * var(--border-panel-header-width-6icr2m, 2px));
588
587
  }
589
588
 
590
- .awsui_header-actions_1r9lg_h7pjw_564:not(#\9) {
589
+ .awsui_header-actions_1r9lg_swupw_563:not(#\9) {
591
590
  display: flex;
592
591
  flex-direction: row;
593
592
  justify-content: space-between;
@@ -595,7 +594,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_h7pjw_388:not(#\9):focus
595
594
  margin-left: var(--space-xs-zb16t3, 8px);
596
595
  }
597
596
 
598
- .awsui_divider_1r9lg_h7pjw_572:not(#\9) {
597
+ .awsui_divider_1r9lg_swupw_571:not(#\9) {
599
598
  border-right: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
600
599
  margin: var(--space-scaled-xxs-7597g1, 4px) var(--space-scaled-xs-26e2du, 8px);
601
600
  }
@@ -2,61 +2,61 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_1r9lg_h7pjw_189",
6
- "refresh": "awsui_refresh_1r9lg_h7pjw_189",
7
- "animating": "awsui_animating_1r9lg_h7pjw_203",
8
- "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_h7pjw_226",
9
- "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_h7pjw_230",
10
- "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_h7pjw_233",
11
- "preference-icon--border": "awsui_preference-icon--border_1r9lg_h7pjw_236",
12
- "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_h7pjw_240",
13
- "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_h7pjw_243",
14
- "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_h7pjw_246",
15
- "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_h7pjw_249",
16
- "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_h7pjw_252",
17
- "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_h7pjw_256",
18
- "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_h7pjw_259",
19
- "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_h7pjw_262",
20
- "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_h7pjw_265",
21
- "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_h7pjw_268",
22
- "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_h7pjw_271",
23
- "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_h7pjw_275",
24
- "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_h7pjw_278",
25
- "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_h7pjw_281",
26
- "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_h7pjw_284",
27
- "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_h7pjw_287",
28
- "root": "awsui_root_1r9lg_h7pjw_291",
29
- "preferences-button": "awsui_preferences-button_1r9lg_h7pjw_304",
30
- "close-button": "awsui_close-button_1r9lg_h7pjw_308",
31
- "drawer-closed": "awsui_drawer-closed_1r9lg_h7pjw_321",
32
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_h7pjw_326",
33
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_h7pjw_346",
34
- "position-bottom": "awsui_position-bottom_1r9lg_h7pjw_355",
35
- "position-side": "awsui_position-side_1r9lg_h7pjw_382",
36
- "slider": "awsui_slider_1r9lg_h7pjw_388",
37
- "slider-side": "awsui_slider-side_1r9lg_h7pjw_417",
38
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_h7pjw_422",
39
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_h7pjw_433",
40
- "open-button": "awsui_open-button_1r9lg_h7pjw_444",
41
- "open-button-side": "awsui_open-button-side_1r9lg_h7pjw_448",
42
- "slider-icon": "awsui_slider-icon_1r9lg_h7pjw_455",
43
- "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_h7pjw_461",
44
- "slider-icon-side": "awsui_slider-icon-side_1r9lg_h7pjw_464",
45
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_h7pjw_468",
46
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_h7pjw_478",
47
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_h7pjw_481",
48
- "content-bottom": "awsui_content-bottom_1r9lg_h7pjw_489",
49
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_h7pjw_502",
50
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_h7pjw_507",
51
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_h7pjw_511",
52
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_h7pjw_515",
53
- "content-side": "awsui_content-side_1r9lg_h7pjw_520",
54
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_h7pjw_531",
55
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_h7pjw_534",
56
- "header": "awsui_header_1r9lg_h7pjw_539",
57
- "header-text": "awsui_header-text_1r9lg_h7pjw_548",
58
- "header-divider": "awsui_header-divider_1r9lg_h7pjw_558",
59
- "header-actions": "awsui_header-actions_1r9lg_h7pjw_564",
60
- "divider": "awsui_divider_1r9lg_h7pjw_572"
5
+ "drawer": "awsui_drawer_1r9lg_swupw_189",
6
+ "refresh": "awsui_refresh_1r9lg_swupw_189",
7
+ "animating": "awsui_animating_1r9lg_swupw_203",
8
+ "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_swupw_226",
9
+ "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_swupw_230",
10
+ "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_swupw_233",
11
+ "preference-icon--border": "awsui_preference-icon--border_1r9lg_swupw_236",
12
+ "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_swupw_240",
13
+ "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_swupw_243",
14
+ "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_swupw_246",
15
+ "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_swupw_249",
16
+ "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_swupw_252",
17
+ "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_swupw_256",
18
+ "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_swupw_259",
19
+ "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_swupw_262",
20
+ "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_swupw_265",
21
+ "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_swupw_268",
22
+ "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_swupw_271",
23
+ "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_swupw_275",
24
+ "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_swupw_278",
25
+ "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_swupw_281",
26
+ "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_swupw_284",
27
+ "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_swupw_287",
28
+ "root": "awsui_root_1r9lg_swupw_291",
29
+ "preferences-button": "awsui_preferences-button_1r9lg_swupw_304",
30
+ "close-button": "awsui_close-button_1r9lg_swupw_308",
31
+ "drawer-closed": "awsui_drawer-closed_1r9lg_swupw_320",
32
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_swupw_325",
33
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_swupw_345",
34
+ "position-bottom": "awsui_position-bottom_1r9lg_swupw_354",
35
+ "position-side": "awsui_position-side_1r9lg_swupw_381",
36
+ "slider": "awsui_slider_1r9lg_swupw_387",
37
+ "slider-side": "awsui_slider-side_1r9lg_swupw_416",
38
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_swupw_421",
39
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_swupw_432",
40
+ "open-button": "awsui_open-button_1r9lg_swupw_443",
41
+ "open-button-side": "awsui_open-button-side_1r9lg_swupw_447",
42
+ "slider-icon": "awsui_slider-icon_1r9lg_swupw_454",
43
+ "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_swupw_460",
44
+ "slider-icon-side": "awsui_slider-icon-side_1r9lg_swupw_463",
45
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_swupw_467",
46
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_swupw_477",
47
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_swupw_480",
48
+ "content-bottom": "awsui_content-bottom_1r9lg_swupw_488",
49
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_swupw_501",
50
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_swupw_506",
51
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_swupw_510",
52
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_swupw_514",
53
+ "content-side": "awsui_content-side_1r9lg_swupw_519",
54
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_swupw_530",
55
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_swupw_533",
56
+ "header": "awsui_header_1r9lg_swupw_538",
57
+ "header-text": "awsui_header-text_1r9lg_swupw_547",
58
+ "header-divider": "awsui_header-divider_1r9lg_swupw_557",
59
+ "header-actions": "awsui_header-actions_1r9lg_swupw_563",
60
+ "divider": "awsui_divider_1r9lg_swupw_571"
61
61
  };
62
62
 
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChH,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAkC9B"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAajD,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChH,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACvD;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,SAAiB,EACjB,iBAAiB,EACjB,MAAiB,EACjB,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAmC9B"}
@@ -24,7 +24,9 @@ export default function StatusIndicator(_a) {
24
24
  [styles[`color-override-${colorOverride}`]]: colorOverride,
25
25
  }, baseProps.className), ref: __internalRootRef }),
26
26
  React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },
27
- React.createElement("span", { className: clsx(styles.icon, __animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined }, typeToIcon(__size)[type]),
27
+ React.createElement("span", { className: clsx(styles.icon, __animate && styles['icon-shake']), "aria-label": iconAriaLabel, role: iconAriaLabel ? 'img' : undefined },
28
+ typeToIcon(__size)[type],
29
+ __display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")),
28
30
  children)));
29
31
  }
30
32
  //# sourceMappingURL=internal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAKlD,MAAM,UAAU,GAA6E,IAAI,CAAC,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;CAC7B,CAAC,CAAC;AAqDH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAWT;QAXS,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,OAEG,EAD1B,IAAI,cAV+B,2HAWvC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,EACxB;YACE,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa;SAC3D,EACD,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,WAAW,SAAS,EAAE,CAAC,EAC9B,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CACpB;YACN,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { SomeRequired } from '../internal/types';\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n error: <InternalIcon name=\"status-negative\" size={size} />,\n warning: <InternalIcon name=\"status-warning\" size={size} />,\n success: <InternalIcon name=\"status-positive\" size={size} />,\n info: <InternalIcon name=\"status-info\" size={size} />,\n stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n pending: <InternalIcon name=\"status-pending\" size={size} />,\n 'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n loading: <InternalSpinner />,\n});\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n}\n\nexport interface InternalStatusIndicatorProps\n extends SomeRequired<StatusIndicatorProps, 'type'>,\n InternalBaseComponentProps {\n /**\n * Play an animation on the error icon when first rendered\n */\n __animate?: boolean;\n\n /**\n * Size of icon.\n */\n __size?: IconProps.Size;\n\n /**\n * The CSS behavior of the status indicator container element.\n */\n __display?: 'inline' | 'inline-block';\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';\n export type Color = 'blue' | 'grey' | 'green' | 'red';\n}\n\nexport default function StatusIndicator({\n type,\n children,\n iconAriaLabel,\n colorOverride,\n wrapText = true,\n __animate = false,\n __internalRootRef,\n __size = 'normal',\n __display = 'inline-block',\n ...rest\n}: InternalStatusIndicatorProps) {\n const baseProps = getBaseProps(rest);\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n styles[`status-${type}`],\n {\n [styles[`color-override-${colorOverride}`]]: colorOverride,\n },\n baseProps.className\n )}\n ref={__internalRootRef}\n >\n <span\n className={clsx(\n styles.container,\n styles[`display-${__display}`],\n wrapText === false && styles['overflow-ellipsis'],\n __animate && styles['container-fade-in']\n )}\n >\n <span\n className={clsx(styles.icon, __animate && styles['icon-shake'])}\n aria-label={iconAriaLabel}\n role={iconAriaLabel ? 'img' : undefined}\n >\n {typeToIcon(__size)[type]}\n </span>\n {children}\n </span>\n </span>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["status-indicator/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAKlD,MAAM,UAAU,GAA6E,IAAI,CAAC,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;CAC7B,CAAC,CAAC;AAqDH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAWT;QAXS,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,OAEG,EAD1B,IAAI,cAV+B,2HAWvC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,EACxB;YACE,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa;SAC3D,EACD,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,WAAW,SAAS,EAAE,CAAC,EAC9B,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACnD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEtC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;gBACxB,SAAS,KAAK,QAAQ,IAAI,mDAAW,CACjC;YACN,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from '../icon/interfaces';\nimport { SomeRequired } from '../internal/types';\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n error: <InternalIcon name=\"status-negative\" size={size} />,\n warning: <InternalIcon name=\"status-warning\" size={size} />,\n success: <InternalIcon name=\"status-positive\" size={size} />,\n info: <InternalIcon name=\"status-info\" size={size} />,\n stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n pending: <InternalIcon name=\"status-pending\" size={size} />,\n 'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n loading: <InternalSpinner />,\n});\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n}\n\nexport interface InternalStatusIndicatorProps\n extends SomeRequired<StatusIndicatorProps, 'type'>,\n InternalBaseComponentProps {\n /**\n * Play an animation on the error icon when first rendered\n */\n __animate?: boolean;\n\n /**\n * Size of icon.\n */\n __size?: IconProps.Size;\n\n /**\n * The CSS behavior of the status indicator container element.\n */\n __display?: 'inline' | 'inline-block';\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';\n export type Color = 'blue' | 'grey' | 'green' | 'red';\n}\n\nexport default function StatusIndicator({\n type,\n children,\n iconAriaLabel,\n colorOverride,\n wrapText = true,\n __animate = false,\n __internalRootRef,\n __size = 'normal',\n __display = 'inline-block',\n ...rest\n}: InternalStatusIndicatorProps) {\n const baseProps = getBaseProps(rest);\n return (\n <span\n {...baseProps}\n className={clsx(\n styles.root,\n styles[`status-${type}`],\n {\n [styles[`color-override-${colorOverride}`]]: colorOverride,\n },\n baseProps.className\n )}\n ref={__internalRootRef}\n >\n <span\n className={clsx(\n styles.container,\n styles[`display-${__display}`],\n wrapText === false && styles['overflow-ellipsis'],\n __animate && styles['container-fade-in']\n )}\n >\n <span\n className={clsx(styles.icon, __animate && styles['icon-shake'])}\n aria-label={iconAriaLabel}\n role={iconAriaLabel ? 'img' : undefined}\n >\n {typeToIcon(__size)[type]}\n {__display === 'inline' && <>&nbsp;</>}\n </span>\n {children}\n </span>\n </span>\n );\n}\n"]}