@cloudscape-design/components 3.0.950 → 3.0.952

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 (569) hide show
  1. package/alert/actions-wrapper/styles.css.js +1 -1
  2. package/alert/actions-wrapper/styles.scoped.css +3 -3
  3. package/alert/actions-wrapper/styles.selectors.js +1 -1
  4. package/alert/styles.css.js +27 -27
  5. package/alert/styles.scoped.css +90 -90
  6. package/alert/styles.selectors.js +27 -27
  7. package/anchor-navigation/styles.css.js +8 -8
  8. package/anchor-navigation/styles.scoped.css +60 -60
  9. package/anchor-navigation/styles.selectors.js +8 -8
  10. package/annotation-context/annotation/styles.css.js +24 -24
  11. package/annotation-context/annotation/styles.scoped.css +52 -52
  12. package/annotation-context/annotation/styles.selectors.js +24 -24
  13. package/app-layout/content-wrapper/styles.css.js +3 -3
  14. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  15. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  16. package/app-layout/drawer/styles.css.js +14 -14
  17. package/app-layout/drawer/styles.scoped.css +34 -34
  18. package/app-layout/drawer/styles.selectors.js +14 -14
  19. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  20. package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  21. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  22. package/app-layout/notifications/styles.css.js +3 -3
  23. package/app-layout/notifications/styles.scoped.css +7 -7
  24. package/app-layout/notifications/styles.selectors.js +3 -3
  25. package/app-layout/resize/styles.css.js +5 -5
  26. package/app-layout/resize/styles.scoped.css +14 -14
  27. package/app-layout/resize/styles.selectors.js +5 -5
  28. package/app-layout/styles.css.js +12 -12
  29. package/app-layout/styles.scoped.css +21 -21
  30. package/app-layout/styles.selectors.js +12 -12
  31. package/app-layout/toggles/styles.css.js +2 -2
  32. package/app-layout/toggles/styles.scoped.css +20 -20
  33. package/app-layout/toggles/styles.selectors.js +2 -2
  34. package/app-layout/visual-refresh/styles.css.js +86 -86
  35. package/app-layout/visual-refresh/styles.scoped.css +263 -263
  36. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  37. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
  38. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +15 -15
  39. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
  40. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  41. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  42. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  43. package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  44. package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +5 -5
  45. package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  46. package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
  47. package/app-layout/visual-refresh-toolbar/skeleton/index.js +23 -21
  48. package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  49. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
  50. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +52 -52
  51. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
  52. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  53. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +29 -29
  54. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  55. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +7 -7
  56. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +38 -38
  57. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +7 -7
  58. package/area-chart/elements/area-chart-filter.d.ts.map +1 -1
  59. package/area-chart/elements/area-chart-filter.js +6 -1
  60. package/area-chart/elements/area-chart-filter.js.map +1 -1
  61. package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
  62. package/area-chart/elements/area-chart-legend.js +2 -1
  63. package/area-chart/elements/area-chart-legend.js.map +1 -1
  64. package/area-chart/elements/chart-popover.d.ts.map +1 -1
  65. package/area-chart/elements/chart-popover.js +2 -4
  66. package/area-chart/elements/chart-popover.js.map +1 -1
  67. package/area-chart/styles.css.js +6 -6
  68. package/area-chart/styles.scoped.css +16 -16
  69. package/area-chart/styles.selectors.js +6 -6
  70. package/attribute-editor/styles.css.js +15 -15
  71. package/attribute-editor/styles.scoped.css +44 -44
  72. package/attribute-editor/styles.selectors.js +15 -15
  73. package/badge/styles.css.js +10 -10
  74. package/badge/styles.scoped.css +38 -38
  75. package/badge/styles.selectors.js +10 -10
  76. package/box/styles.css.js +191 -191
  77. package/box/styles.scoped.css +445 -445
  78. package/box/styles.selectors.js +191 -191
  79. package/breadcrumb-group/item/styles.css.js +7 -7
  80. package/breadcrumb-group/item/styles.scoped.css +39 -39
  81. package/breadcrumb-group/item/styles.selectors.js +7 -7
  82. package/breadcrumb-group/styles.css.js +14 -14
  83. package/breadcrumb-group/styles.scoped.css +54 -54
  84. package/breadcrumb-group/styles.selectors.js +14 -14
  85. package/button/styles.css.js +22 -22
  86. package/button/styles.scoped.css +196 -196
  87. package/button/styles.selectors.js +22 -22
  88. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  89. package/button-dropdown/category-elements/expandable-category-element.js +3 -0
  90. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  91. package/button-dropdown/category-elements/styles.css.js +15 -14
  92. package/button-dropdown/category-elements/styles.scoped.css +53 -51
  93. package/button-dropdown/category-elements/styles.selectors.js +15 -14
  94. package/button-dropdown/item-element/index.d.ts.map +1 -1
  95. package/button-dropdown/item-element/index.js +3 -0
  96. package/button-dropdown/item-element/index.js.map +1 -1
  97. package/button-dropdown/item-element/styles.css.js +16 -15
  98. package/button-dropdown/item-element/styles.scoped.css +60 -58
  99. package/button-dropdown/item-element/styles.selectors.js +16 -15
  100. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  101. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  102. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  103. package/button-dropdown/styles.css.js +21 -21
  104. package/button-dropdown/styles.scoped.css +43 -43
  105. package/button-dropdown/styles.selectors.js +21 -21
  106. package/button-group/styles.css.js +4 -4
  107. package/button-group/styles.scoped.css +12 -12
  108. package/button-group/styles.selectors.js +4 -4
  109. package/calendar/styles.css.js +21 -21
  110. package/calendar/styles.scoped.css +128 -128
  111. package/calendar/styles.selectors.js +21 -21
  112. package/cards/styles.css.js +39 -39
  113. package/cards/styles.scoped.css +112 -112
  114. package/cards/styles.selectors.js +39 -39
  115. package/checkbox/styles.css.js +3 -3
  116. package/checkbox/styles.scoped.css +19 -19
  117. package/checkbox/styles.selectors.js +3 -3
  118. package/code-editor/resizable-box/styles.css.js +4 -4
  119. package/code-editor/resizable-box/styles.scoped.css +9 -9
  120. package/code-editor/resizable-box/styles.selectors.js +4 -4
  121. package/code-editor/styles.css.js +33 -33
  122. package/code-editor/styles.scoped.css +256 -256
  123. package/code-editor/styles.selectors.js +33 -33
  124. package/collection-preferences/content-display/styles.css.js +11 -11
  125. package/collection-preferences/content-display/styles.scoped.css +34 -34
  126. package/collection-preferences/content-display/styles.selectors.js +11 -11
  127. package/collection-preferences/styles.css.js +38 -38
  128. package/collection-preferences/styles.scoped.css +75 -75
  129. package/collection-preferences/styles.selectors.js +38 -38
  130. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  131. package/column-layout/flexible-column-layout/styles.scoped.css +13 -13
  132. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  133. package/column-layout/styles.css.js +13 -13
  134. package/column-layout/styles.scoped.css +58 -58
  135. package/column-layout/styles.selectors.js +13 -13
  136. package/container/styles.css.js +33 -33
  137. package/container/styles.scoped.css +127 -127
  138. package/container/styles.selectors.js +33 -33
  139. package/content-layout/styles.css.js +14 -14
  140. package/content-layout/styles.scoped.css +27 -27
  141. package/content-layout/styles.selectors.js +14 -14
  142. package/copy-to-clipboard/styles.css.js +3 -3
  143. package/copy-to-clipboard/styles.scoped.css +4 -4
  144. package/copy-to-clipboard/styles.selectors.js +3 -3
  145. package/date-picker/styles.css.js +7 -7
  146. package/date-picker/styles.scoped.css +19 -19
  147. package/date-picker/styles.selectors.js +7 -7
  148. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  149. package/date-range-picker/calendar/grids/styles.scoped.css +124 -124
  150. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  151. package/date-range-picker/relative-range/styles.css.js +6 -6
  152. package/date-range-picker/relative-range/styles.scoped.css +13 -13
  153. package/date-range-picker/relative-range/styles.selectors.js +6 -6
  154. package/date-range-picker/styles.css.js +23 -23
  155. package/date-range-picker/styles.scoped.css +69 -69
  156. package/date-range-picker/styles.selectors.js +23 -23
  157. package/drawer/implementation.d.ts +1 -1
  158. package/drawer/implementation.d.ts.map +1 -1
  159. package/drawer/implementation.js +2 -2
  160. package/drawer/implementation.js.map +1 -1
  161. package/drawer/interfaces.d.ts +4 -0
  162. package/drawer/interfaces.d.ts.map +1 -1
  163. package/drawer/interfaces.js.map +1 -1
  164. package/drawer/styles.css.js +5 -5
  165. package/drawer/styles.scoped.css +32 -33
  166. package/drawer/styles.selectors.js +5 -5
  167. package/expandable-section/internal.d.ts +1 -2
  168. package/expandable-section/internal.d.ts.map +1 -1
  169. package/expandable-section/internal.js +2 -1
  170. package/expandable-section/internal.js.map +1 -1
  171. package/expandable-section/styles.css.js +34 -34
  172. package/expandable-section/styles.scoped.css +127 -127
  173. package/expandable-section/styles.selectors.js +34 -34
  174. package/file-dropzone/styles.css.js +3 -3
  175. package/file-dropzone/styles.scoped.css +19 -19
  176. package/file-dropzone/styles.selectors.js +3 -3
  177. package/file-input/styles.css.js +6 -6
  178. package/file-input/styles.scoped.css +29 -29
  179. package/file-input/styles.selectors.js +6 -6
  180. package/file-token-group/styles.css.js +22 -22
  181. package/file-token-group/styles.scoped.css +69 -69
  182. package/file-token-group/styles.selectors.js +22 -22
  183. package/file-upload/styles.css.js +2 -2
  184. package/file-upload/styles.scoped.css +4 -4
  185. package/file-upload/styles.selectors.js +2 -2
  186. package/flashbar/analytics-metadata/interfaces.d.ts +12 -1
  187. package/flashbar/analytics-metadata/interfaces.d.ts.map +1 -1
  188. package/flashbar/analytics-metadata/interfaces.js.map +1 -1
  189. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  190. package/flashbar/collapsible-flashbar.js +1 -2
  191. package/flashbar/collapsible-flashbar.js.map +1 -1
  192. package/flashbar/styles.css.js +50 -50
  193. package/flashbar/styles.scoped.css +253 -253
  194. package/flashbar/styles.selectors.js +50 -50
  195. package/form/styles.css.js +8 -8
  196. package/form/styles.scoped.css +20 -20
  197. package/form/styles.selectors.js +8 -8
  198. package/form-field/styles.css.js +24 -24
  199. package/form-field/styles.scoped.css +67 -67
  200. package/form-field/styles.selectors.js +24 -24
  201. package/grid/styles.css.js +53 -53
  202. package/grid/styles.scoped.css +62 -62
  203. package/grid/styles.selectors.js +53 -53
  204. package/header/styles.css.js +34 -34
  205. package/header/styles.scoped.css +126 -126
  206. package/header/styles.selectors.js +34 -34
  207. package/help-panel/styles.css.js +6 -6
  208. package/help-panel/styles.scoped.css +172 -172
  209. package/help-panel/styles.selectors.js +6 -6
  210. package/hotspot/styles.css.js +7 -7
  211. package/hotspot/styles.scoped.css +10 -10
  212. package/hotspot/styles.selectors.js +7 -7
  213. package/icon/styles.css.js +39 -39
  214. package/icon/styles.scoped.css +125 -125
  215. package/icon/styles.selectors.js +39 -39
  216. package/input/styles.css.js +13 -13
  217. package/input/styles.scoped.css +95 -95
  218. package/input/styles.selectors.js +13 -13
  219. package/internal/base-component/styles.scoped.css +1912 -1893
  220. package/internal/components/abstract-switch/styles.css.js +13 -13
  221. package/internal/components/abstract-switch/styles.scoped.css +28 -28
  222. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  223. package/internal/components/button-trigger/analytics-metadata/interfaces.d.ts +7 -2
  224. package/internal/components/button-trigger/analytics-metadata/interfaces.d.ts.map +1 -1
  225. package/internal/components/button-trigger/analytics-metadata/interfaces.js.map +1 -1
  226. package/internal/components/button-trigger/index.d.ts.map +1 -1
  227. package/internal/components/button-trigger/index.js +1 -2
  228. package/internal/components/button-trigger/index.js.map +1 -1
  229. package/internal/components/button-trigger/styles.css.js +13 -13
  230. package/internal/components/button-trigger/styles.scoped.css +91 -89
  231. package/internal/components/button-trigger/styles.selectors.js +13 -13
  232. package/internal/components/cartesian-chart/styles.css.js +28 -28
  233. package/internal/components/cartesian-chart/styles.scoped.css +43 -43
  234. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  235. package/internal/components/chart-filter/index.d.ts +2 -4
  236. package/internal/components/chart-filter/index.d.ts.map +1 -1
  237. package/internal/components/chart-filter/index.js +1 -3
  238. package/internal/components/chart-filter/index.js.map +1 -1
  239. package/internal/components/chart-filter/styles.css.js +3 -3
  240. package/internal/components/chart-filter/styles.scoped.css +7 -7
  241. package/internal/components/chart-filter/styles.selectors.js +3 -3
  242. package/internal/components/chart-legend/index.d.ts +1 -3
  243. package/internal/components/chart-legend/index.d.ts.map +1 -1
  244. package/internal/components/chart-legend/index.js +1 -2
  245. package/internal/components/chart-legend/index.js.map +1 -1
  246. package/internal/components/chart-legend/styles.css.js +6 -6
  247. package/internal/components/chart-legend/styles.scoped.css +25 -25
  248. package/internal/components/chart-legend/styles.selectors.js +6 -6
  249. package/internal/components/chart-plot/styles.css.js +5 -5
  250. package/internal/components/chart-plot/styles.scoped.css +6 -6
  251. package/internal/components/chart-plot/styles.selectors.js +5 -5
  252. package/internal/components/chart-popover/index.d.ts +6 -2
  253. package/internal/components/chart-popover/index.d.ts.map +1 -1
  254. package/internal/components/chart-popover/index.js +7 -5
  255. package/internal/components/chart-popover/index.js.map +1 -1
  256. package/internal/components/chart-popover/styles.css.js +3 -3
  257. package/internal/components/chart-popover/styles.scoped.css +17 -13
  258. package/internal/components/chart-popover/styles.selectors.js +3 -3
  259. package/internal/components/chart-popover/test-classes/styles.css.js +8 -0
  260. package/internal/components/chart-popover/test-classes/styles.scoped.css +9 -0
  261. package/internal/components/{chart-popover-footer → chart-popover/test-classes}/styles.selectors.js +3 -1
  262. package/internal/components/chart-series-details/index.js +3 -3
  263. package/internal/components/chart-series-details/index.js.map +1 -1
  264. package/internal/components/chart-series-details/series-details-text.d.ts +1 -0
  265. package/internal/components/chart-series-details/series-details-text.d.ts.map +1 -1
  266. package/internal/components/chart-series-details/series-details-text.js +2 -3
  267. package/internal/components/chart-series-details/series-details-text.js.map +1 -1
  268. package/internal/components/chart-series-details/styles.css.js +19 -20
  269. package/internal/components/chart-series-details/styles.scoped.css +55 -59
  270. package/internal/components/chart-series-details/styles.selectors.js +19 -20
  271. package/internal/components/chart-series-marker/styles.css.js +5 -5
  272. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  273. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  274. package/internal/components/chart-status-container/styles.css.js +2 -2
  275. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  276. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  277. package/internal/components/chart-wrapper/styles.css.js +9 -9
  278. package/internal/components/chart-wrapper/styles.scoped.css +15 -15
  279. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  280. package/internal/components/checkbox-icon/index.js +3 -3
  281. package/internal/components/checkbox-icon/index.js.map +1 -1
  282. package/internal/components/checkbox-icon/styles.css.js +9 -9
  283. package/internal/components/checkbox-icon/styles.scoped.css +20 -20
  284. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  285. package/internal/components/drag-handle/styles.css.js +12 -12
  286. package/internal/components/drag-handle/styles.scoped.css +31 -31
  287. package/internal/components/drag-handle/styles.selectors.js +12 -12
  288. package/internal/components/drag-handle-wrapper/styles.css.js +27 -27
  289. package/internal/components/drag-handle-wrapper/styles.scoped.css +106 -106
  290. package/internal/components/drag-handle-wrapper/styles.selectors.js +27 -27
  291. package/internal/components/dropdown/styles.css.js +20 -20
  292. package/internal/components/dropdown/styles.scoped.css +60 -60
  293. package/internal/components/dropdown/styles.selectors.js +20 -20
  294. package/internal/components/dropdown-footer/styles.css.js +3 -3
  295. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  296. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  297. package/internal/components/dropdown-status/styles.css.js +2 -2
  298. package/internal/components/dropdown-status/styles.scoped.css +10 -10
  299. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  300. package/internal/components/menu-dropdown/styles.css.js +7 -7
  301. package/internal/components/menu-dropdown/styles.scoped.css +34 -34
  302. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  303. package/internal/components/option/styles.css.js +17 -17
  304. package/internal/components/option/styles.scoped.css +47 -47
  305. package/internal/components/option/styles.selectors.js +17 -17
  306. package/internal/components/options-list/styles.css.js +3 -3
  307. package/internal/components/options-list/styles.scoped.css +11 -11
  308. package/internal/components/options-list/styles.selectors.js +3 -3
  309. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  310. package/internal/components/panel-resize-handle/styles.scoped.css +17 -17
  311. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  312. package/internal/components/selectable-item/analytics-metadata/interfaces.d.ts +2 -2
  313. package/internal/components/selectable-item/analytics-metadata/interfaces.d.ts.map +1 -1
  314. package/internal/components/selectable-item/analytics-metadata/interfaces.js.map +1 -1
  315. package/internal/components/selectable-item/index.d.ts.map +1 -1
  316. package/internal/components/selectable-item/index.js +3 -0
  317. package/internal/components/selectable-item/index.js.map +1 -1
  318. package/internal/components/selectable-item/styles.css.js +21 -20
  319. package/internal/components/selectable-item/styles.scoped.css +99 -97
  320. package/internal/components/selectable-item/styles.selectors.js +21 -20
  321. package/internal/components/sortable-area/styles.css.js +8 -8
  322. package/internal/components/sortable-area/styles.scoped.css +52 -52
  323. package/internal/components/sortable-area/styles.selectors.js +8 -8
  324. package/internal/components/token-list/analytics-metadata/interfaces.d.ts +7 -2
  325. package/internal/components/token-list/analytics-metadata/interfaces.d.ts.map +1 -1
  326. package/internal/components/token-list/analytics-metadata/interfaces.js.map +1 -1
  327. package/internal/components/token-list/styles.css.js +10 -10
  328. package/internal/components/token-list/styles.scoped.css +48 -48
  329. package/internal/components/token-list/styles.selectors.js +10 -10
  330. package/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
  331. package/internal/components/token-list/token-limit-toggle.js +1 -2
  332. package/internal/components/token-list/token-limit-toggle.js.map +1 -1
  333. package/internal/do-not-use/chart-filter.d.ts +4 -0
  334. package/internal/do-not-use/chart-filter.d.ts.map +1 -0
  335. package/internal/do-not-use/chart-filter.js +5 -0
  336. package/internal/do-not-use/chart-filter.js.map +1 -0
  337. package/internal/do-not-use/chart-tooltip.d.ts +4 -0
  338. package/internal/do-not-use/chart-tooltip.d.ts.map +1 -0
  339. package/internal/do-not-use/chart-tooltip.js +5 -0
  340. package/internal/do-not-use/chart-tooltip.js.map +1 -0
  341. package/internal/do-not-use/expandable-section.d.ts +4 -0
  342. package/internal/do-not-use/expandable-section.d.ts.map +1 -0
  343. package/internal/do-not-use/expandable-section.js +5 -0
  344. package/internal/do-not-use/expandable-section.js.map +1 -0
  345. package/internal/do-not-use/i18n.d.ts +2 -0
  346. package/internal/do-not-use/i18n.d.ts.map +1 -0
  347. package/internal/do-not-use/i18n.js +4 -0
  348. package/internal/do-not-use/i18n.js.map +1 -0
  349. package/internal/do-not-use/tooltip.d.ts +4 -0
  350. package/internal/do-not-use/tooltip.d.ts.map +1 -0
  351. package/internal/do-not-use/tooltip.js +5 -0
  352. package/internal/do-not-use/tooltip.js.map +1 -0
  353. package/internal/environment.js +1 -1
  354. package/internal/environment.json +1 -1
  355. package/internal/generated/styles/tokens.d.ts +2 -0
  356. package/internal/generated/styles/tokens.js +755 -753
  357. package/internal/generated/theming/index.cjs +817 -773
  358. package/internal/generated/theming/index.cjs.d.ts +255 -0
  359. package/internal/generated/theming/index.d.ts +255 -0
  360. package/internal/generated/theming/index.js +817 -773
  361. package/internal/manifest.json +1 -1
  362. package/internal/tooltip-do-not-use/index.d.ts.map +1 -1
  363. package/internal/tooltip-do-not-use/index.js.map +1 -1
  364. package/key-value-pairs/styles.css.js +8 -8
  365. package/key-value-pairs/styles.scoped.css +27 -27
  366. package/key-value-pairs/styles.selectors.js +8 -8
  367. package/link/styles.css.js +20 -20
  368. package/link/styles.scoped.css +150 -150
  369. package/link/styles.selectors.js +20 -20
  370. package/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
  371. package/mixed-line-bar-chart/chart-legend.js +2 -2
  372. package/mixed-line-bar-chart/chart-legend.js.map +1 -1
  373. package/mixed-line-bar-chart/chart-popover.d.ts.map +1 -1
  374. package/mixed-line-bar-chart/chart-popover.js +2 -4
  375. package/mixed-line-bar-chart/chart-popover.js.map +1 -1
  376. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  377. package/mixed-line-bar-chart/internal.js +2 -2
  378. package/mixed-line-bar-chart/internal.js.map +1 -1
  379. package/mixed-line-bar-chart/styles.css.js +11 -11
  380. package/mixed-line-bar-chart/styles.scoped.css +22 -22
  381. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  382. package/modal/styles.css.js +23 -23
  383. package/modal/styles.scoped.css +77 -77
  384. package/modal/styles.selectors.js +23 -23
  385. package/multiselect/analytics-metadata/interfaces.d.ts +8 -0
  386. package/multiselect/analytics-metadata/interfaces.d.ts.map +1 -1
  387. package/multiselect/analytics-metadata/interfaces.js.map +1 -1
  388. package/multiselect/styles.css.js +3 -3
  389. package/multiselect/styles.scoped.css +12 -12
  390. package/multiselect/styles.selectors.js +3 -3
  391. package/package.json +8 -1
  392. package/pagination/styles.css.js +9 -9
  393. package/pagination/styles.scoped.css +53 -53
  394. package/pagination/styles.selectors.js +9 -9
  395. package/pie-chart/index.d.ts.map +1 -1
  396. package/pie-chart/index.js +2 -2
  397. package/pie-chart/index.js.map +1 -1
  398. package/pie-chart/pie-chart.d.ts.map +1 -1
  399. package/pie-chart/pie-chart.js +1 -4
  400. package/pie-chart/pie-chart.js.map +1 -1
  401. package/pie-chart/styles.css.js +27 -27
  402. package/pie-chart/styles.scoped.css +72 -72
  403. package/pie-chart/styles.selectors.js +27 -27
  404. package/popover/body.d.ts +1 -1
  405. package/popover/body.d.ts.map +1 -1
  406. package/popover/body.js +1 -1
  407. package/popover/body.js.map +1 -1
  408. package/popover/container.d.ts +5 -2
  409. package/popover/container.d.ts.map +1 -1
  410. package/popover/container.js +15 -5
  411. package/popover/container.js.map +1 -1
  412. package/popover/styles.css.js +56 -54
  413. package/popover/styles.scoped.css +152 -140
  414. package/popover/styles.selectors.js +56 -54
  415. package/popover/use-popover-position.d.ts +3 -2
  416. package/popover/use-popover-position.d.ts.map +1 -1
  417. package/popover/use-popover-position.js +12 -6
  418. package/popover/use-popover-position.js.map +1 -1
  419. package/popover/utils/positions.d.ts +2 -1
  420. package/popover/utils/positions.d.ts.map +1 -1
  421. package/popover/utils/positions.js +10 -4
  422. package/popover/utils/positions.js.map +1 -1
  423. package/progress-bar/styles.css.js +19 -19
  424. package/progress-bar/styles.scoped.css +56 -56
  425. package/progress-bar/styles.selectors.js +19 -19
  426. package/prompt-input/styles.css.js +15 -15
  427. package/prompt-input/styles.scoped.css +149 -149
  428. package/prompt-input/styles.selectors.js +15 -15
  429. package/property-filter/analytics-metadata/interfaces.d.ts +17 -0
  430. package/property-filter/analytics-metadata/interfaces.d.ts.map +1 -1
  431. package/property-filter/analytics-metadata/interfaces.js.map +1 -1
  432. package/property-filter/filtering-token/styles.css.js +18 -18
  433. package/property-filter/filtering-token/styles.scoped.css +83 -83
  434. package/property-filter/filtering-token/styles.selectors.js +18 -18
  435. package/property-filter/styles.css.js +39 -39
  436. package/property-filter/styles.scoped.css +102 -102
  437. package/property-filter/styles.selectors.js +39 -39
  438. package/radio-group/radio-button.d.ts.map +1 -1
  439. package/radio-group/radio-button.js +1 -3
  440. package/radio-group/radio-button.js.map +1 -1
  441. package/radio-group/styles.css.js +10 -10
  442. package/radio-group/styles.scoped.css +43 -43
  443. package/radio-group/styles.selectors.js +10 -10
  444. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  445. package/s3-resource-selector/s3-in-context/styles.scoped.css +14 -14
  446. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  447. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  448. package/s3-resource-selector/s3-modal/styles.scoped.css +7 -7
  449. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  450. package/segmented-control/styles.css.js +16 -16
  451. package/segmented-control/styles.scoped.css +98 -96
  452. package/segmented-control/styles.selectors.js +16 -16
  453. package/select/analytics-metadata/interfaces.d.ts +5 -0
  454. package/select/analytics-metadata/interfaces.d.ts.map +1 -1
  455. package/select/analytics-metadata/interfaces.js.map +1 -1
  456. package/select/parts/styles.css.js +20 -20
  457. package/select/parts/styles.scoped.css +57 -57
  458. package/select/parts/styles.selectors.js +20 -20
  459. package/select/styles.css.js +1 -1
  460. package/select/styles.scoped.css +5 -5
  461. package/select/styles.selectors.js +1 -1
  462. package/side-navigation/styles.css.js +30 -30
  463. package/side-navigation/styles.scoped.css +106 -106
  464. package/side-navigation/styles.selectors.js +30 -30
  465. package/slider/styles.css.js +26 -26
  466. package/slider/styles.scoped.css +198 -198
  467. package/slider/styles.selectors.js +26 -26
  468. package/space-between/styles.css.js +23 -23
  469. package/space-between/styles.scoped.css +40 -40
  470. package/space-between/styles.selectors.js +23 -23
  471. package/spinner/styles.css.js +13 -13
  472. package/spinner/styles.scoped.css +36 -36
  473. package/spinner/styles.selectors.js +13 -13
  474. package/split-panel/icons/styles.css.js +22 -22
  475. package/split-panel/icons/styles.scoped.css +47 -47
  476. package/split-panel/icons/styles.selectors.js +22 -22
  477. package/split-panel/styles.css.js +27 -27
  478. package/split-panel/styles.scoped.css +85 -85
  479. package/split-panel/styles.selectors.js +27 -27
  480. package/status-indicator/styles.css.js +23 -23
  481. package/status-indicator/styles.scoped.css +48 -48
  482. package/status-indicator/styles.selectors.js +23 -23
  483. package/steps/styles.css.js +6 -6
  484. package/steps/styles.scoped.css +18 -18
  485. package/steps/styles.selectors.js +6 -6
  486. package/table/body-cell/disabled-inline-editor.js +1 -1
  487. package/table/body-cell/disabled-inline-editor.js.map +1 -1
  488. package/table/body-cell/styles.css.js +46 -46
  489. package/table/body-cell/styles.scoped.css +881 -878
  490. package/table/body-cell/styles.selectors.js +46 -46
  491. package/table/expandable-rows/styles.css.js +3 -3
  492. package/table/expandable-rows/styles.scoped.css +33 -33
  493. package/table/expandable-rows/styles.selectors.js +3 -3
  494. package/table/header-cell/styles.css.js +28 -28
  495. package/table/header-cell/styles.scoped.css +198 -198
  496. package/table/header-cell/styles.selectors.js +28 -28
  497. package/table/resizer/styles.css.js +8 -8
  498. package/table/resizer/styles.scoped.css +39 -39
  499. package/table/resizer/styles.selectors.js +8 -8
  500. package/table/selection/styles.css.js +4 -4
  501. package/table/selection/styles.scoped.css +6 -6
  502. package/table/selection/styles.selectors.js +4 -4
  503. package/table/sticky-scrollbar/styles.css.js +6 -6
  504. package/table/sticky-scrollbar/styles.scoped.css +12 -12
  505. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  506. package/table/styles.css.js +34 -34
  507. package/table/styles.scoped.css +88 -88
  508. package/table/styles.selectors.js +34 -34
  509. package/tabs/styles.css.js +30 -30
  510. package/tabs/styles.scoped.css +123 -123
  511. package/tabs/styles.selectors.js +30 -30
  512. package/tag-editor/styles.css.js +3 -3
  513. package/tag-editor/styles.scoped.css +27 -27
  514. package/tag-editor/styles.selectors.js +3 -3
  515. package/test-utils/dom/internal/chart-tooltip.d.ts +9 -0
  516. package/test-utils/dom/internal/chart-tooltip.js +26 -0
  517. package/test-utils/dom/internal/chart-tooltip.js.map +1 -0
  518. package/test-utils/selectors/internal/chart-tooltip.d.ts +9 -0
  519. package/test-utils/selectors/internal/chart-tooltip.js +26 -0
  520. package/test-utils/selectors/internal/chart-tooltip.js.map +1 -0
  521. package/test-utils/tsconfig.tsbuildinfo +1 -1
  522. package/text-content/styles.css.js +1 -1
  523. package/text-content/styles.scoped.css +123 -123
  524. package/text-content/styles.selectors.js +1 -1
  525. package/text-filter/styles.css.js +3 -3
  526. package/text-filter/styles.scoped.css +10 -10
  527. package/text-filter/styles.selectors.js +3 -3
  528. package/textarea/styles.css.js +5 -5
  529. package/textarea/styles.scoped.css +58 -58
  530. package/textarea/styles.selectors.js +5 -5
  531. package/tiles/styles.css.js +30 -30
  532. package/tiles/styles.scoped.css +152 -149
  533. package/tiles/styles.selectors.js +30 -30
  534. package/toggle/styles.css.js +10 -10
  535. package/toggle/styles.scoped.css +36 -36
  536. package/toggle/styles.selectors.js +10 -10
  537. package/toggle-button/styles.css.js +3 -3
  538. package/toggle-button/styles.scoped.css +6 -6
  539. package/toggle-button/styles.selectors.js +3 -3
  540. package/token-group/analytics-metadata/interfaces.d.ts +3 -0
  541. package/token-group/analytics-metadata/interfaces.d.ts.map +1 -1
  542. package/token-group/analytics-metadata/interfaces.js.map +1 -1
  543. package/token-group/styles.css.js +8 -8
  544. package/token-group/styles.scoped.css +52 -52
  545. package/token-group/styles.selectors.js +8 -8
  546. package/top-navigation/1.0-beta/styles.css.js +23 -23
  547. package/top-navigation/1.0-beta/styles.scoped.css +78 -78
  548. package/top-navigation/1.0-beta/styles.selectors.js +23 -23
  549. package/top-navigation/styles.css.js +47 -47
  550. package/top-navigation/styles.scoped.css +158 -158
  551. package/top-navigation/styles.selectors.js +47 -47
  552. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  553. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  554. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  555. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  556. package/tutorial-panel/components/tutorial-list/styles.scoped.css +59 -59
  557. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  558. package/tutorial-panel/styles.css.js +1 -1
  559. package/tutorial-panel/styles.scoped.css +7 -7
  560. package/tutorial-panel/styles.selectors.js +1 -1
  561. package/wizard/styles.css.js +30 -30
  562. package/wizard/styles.scoped.css +118 -118
  563. package/wizard/styles.selectors.js +30 -30
  564. package/internal/components/chart-popover-footer/index.d.ts +0 -5
  565. package/internal/components/chart-popover-footer/index.d.ts.map +0 -1
  566. package/internal/components/chart-popover-footer/index.js +0 -8
  567. package/internal/components/chart-popover-footer/index.js.map +0 -1
  568. package/internal/components/chart-popover-footer/styles.css.js +0 -6
  569. package/internal/components/chart-popover-footer/styles.scoped.css +0 -19
package/flashbar/collapsible-flashbar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible-flashbar.js","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { animate, getDOMRects } from '../internal/animate';\nimport { Transition } from '../internal/components/transition';\nimport { getVisualContextClassname } from '../internal/components/visual-context';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport { throttle } from '../internal/utils/throttle';\nimport { GeneratedAnalyticsMetadataFlashbarExpand } from './analytics-metadata/interfaces';\nimport { getComponentsAnalyticsMetadata, getItemAnalyticsMetadata } from './analytics-metadata/utils';\nimport { useFlashbar } from './common';\nimport { Flash, focusFlashById } from './flash';\nimport { FlashbarProps } from './interfaces';\nimport { counterTypes, getFlashTypeCount, getItemColor, getVisibleCollapsedItems, StackableItem } from './utils';\n\nimport styles from './styles.css.js';\n\n// If the number of items is equal or less than this value,\n// the toggle element will not be displayed and the Flashbar will look like a regular single-item Flashbar.\nconst maxNonCollapsibleItems = 1;\n\nconst resizeListenerThrottleDelay = 100;\n\nexport default function CollapsibleFlashbar({ items, ...restProps }: FlashbarProps) {\n const [enteringItems, setEnteringItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>([]);\n const [exitingItems, setExitingItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>([]);\n const [isFlashbarStackExpanded, setIsFlashbarStackExpanded] = useState(false);\n\n const getElementsToAnimate = useCallback(() => {\n const flashElements = isFlashbarStackExpanded ? expandedItemRefs.current : collapsedItemRefs.current;\n return { ...flashElements, notificationBar: notificationBarRef.current };\n }, [isFlashbarStackExpanded]);\n\n const prepareAnimations = useCallback(() => {\n const rects = getDOMRects(getElementsToAnimate());\n setInitialAnimationState(rects);\n }, [getElementsToAnimate]);\n\n const { baseProps, isReducedMotion, isVisualRefresh, mergedRef, ref } = useFlashbar({\n items,\n ...restProps,\n onItemsAdded: newItems => {\n setEnteringItems([...enteringItems, ...newItems]);\n },\n onItemsChanged: options => {\n // If not all items have ID, we can still animate collapse/expand transitions\n // because we can rely on each item's index in the original array,\n // but we can't do that when elements are added or removed, since the index changes.\n if (options?.allItemsHaveId && !options?.isReducedMotion) {\n prepareAnimations();\n }\n },\n onItemsRemoved: removedItems => {\n setExitingItems([...exitingItems, ...removedItems]);\n },\n });\n\n const collapsedItemRefs = useRef<Record<string, HTMLElement | null>>({});\n const expandedItemRefs = useRef<Record<string, HTMLElement | null>>({});\n const [initialAnimationState, setInitialAnimationState] = useState<Record<string, DOMRect> | null>(null);\n const listElementRef = useRef<HTMLUListElement | null>(null);\n const notificationBarRef = useRef<HTMLDivElement | null>(null);\n const [transitioning, setTransitioning] = useState(false);\n const flashbarElementId = useUniqueId('flashbar');\n const itemCountElementId = useUniqueId('item-count');\n\n if (items.length <= maxNonCollapsibleItems && isFlashbarStackExpanded) {\n setIsFlashbarStackExpanded(false);\n }\n\n const animateFlash = !isReducedMotion;\n\n function toggleCollapseExpand() {\n if (!isReducedMotion) {\n prepareAnimations();\n }\n setIsFlashbarStackExpanded(prev => !prev);\n }\n\n useLayoutEffect(() => {\n if (isFlashbarStackExpanded && items?.length) {\n const mostRecentItem = items[0];\n if (mostRecentItem.id !== undefined) {\n focusFlashById(ref.current, mostRecentItem.id);\n }\n }\n // Run this after expanding, but not every time the items change.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFlashbarStackExpanded]);\n\n // When collapsing, scroll up if necessary to avoid losing track of the focused button\n useEffectOnUpdate(() => {\n if (!isFlashbarStackExpanded && notificationBarRef.current) {\n scrollElementIntoView(notificationBarRef.current);\n }\n }, [isFlashbarStackExpanded]);\n\n const updateBottomSpacing = useMemo(\n () =>\n throttle(() => {\n // Allow vertical space between Flashbar and page bottom only when the Flashbar is reaching the end of the page,\n // otherwise avoid spacing with eventual sticky elements below.\n const listElement = listElementRef?.current;\n const flashbar = listElement?.parentElement;\n if (listElement && flashbar) {\n // Make sure the bottom padding is present when we make the calculations,\n // then we might decide to remove it or not.\n flashbar.classList.remove(styles.floating);\n const windowHeight = window.innerHeight;\n // Take the parent region into account if using the App Layout, because it might have additional margins.\n // Otherwise we use the Flashbar component for this calculation.\n const outerElement = findUpUntil(flashbar, element => element.getAttribute('role') === 'region') || flashbar;\n const applySpacing =\n isFlashbarStackExpanded && Math.ceil(outerElement.getBoundingClientRect().bottom) >= windowHeight;\n if (!applySpacing) {\n flashbar.classList.add(styles.floating);\n }\n }\n }, resizeListenerThrottleDelay),\n [isFlashbarStackExpanded]\n );\n\n useLayoutEffect(() => {\n window.addEventListener('resize', updateBottomSpacing);\n return () => {\n window.removeEventListener('resize', updateBottomSpacing);\n updateBottomSpacing.cancel();\n };\n }, [updateBottomSpacing]);\n\n const { i18nStrings } = restProps;\n\n const i18n = useInternalI18n('flashbar');\n const ariaLabel = i18n('i18nStrings.ariaLabel', i18nStrings?.ariaLabel);\n const notificationBarText = i18n('i18nStrings.notificationBarText', i18nStrings?.notificationBarText);\n const notificationBarAriaLabel = i18n('i18nStrings.notificationBarAriaLabel', i18nStrings?.notificationBarAriaLabel);\n const iconAriaLabels = {\n errorIconAriaLabel: i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel),\n inProgressIconAriaLabel: i18n('i18nStrings.inProgressIconAriaLabel', i18nStrings?.inProgressIconAriaLabel),\n infoIconAriaLabel: i18n('i18nStrings.infoIconAriaLabel', i18nStrings?.infoIconAriaLabel),\n successIconAriaLabel: i18n('i18nStrings.successIconAriaLabel', i18nStrings?.successIconAriaLabel),\n warningIconAriaLabel: i18n('i18nStrings.warningIconAriaLabel', i18nStrings?.warningIconAriaLabel),\n };\n\n useLayoutEffect(() => {\n // When `useLayoutEffect` is called, the DOM is updated but has not been painted yet,\n // so it's a good moment to trigger animations that will make calculations based on old and new DOM state.\n // The old state is kept in `initialAnimationState`\n // and the new state can be retrieved from the current DOM elements.\n\n if (initialAnimationState) {\n updateBottomSpacing();\n\n animate({\n elements: getElementsToAnimate(),\n oldState: initialAnimationState,\n newElementInitialState: ({ top }) => ({ scale: 0.9, y: -0.2 * top }),\n onTransitionsEnd: () => setTransitioning(false),\n });\n\n setTransitioning(true);\n setInitialAnimationState(null);\n }\n }, [updateBottomSpacing, getElementsToAnimate, initialAnimationState, isFlashbarStackExpanded]);\n\n const isCollapsible = items.length > maxNonCollapsibleItems;\n\n const countByType = getFlashTypeCount(items);\n\n const numberOfColorsInStack = new Set(items.map(getItemColor)).size;\n const maxSlots = Math.max(numberOfColorsInStack, 3);\n const stackDepth = Math.min(maxSlots, items.length);\n\n const itemsToShow = isFlashbarStackExpanded\n ? items.map((item, index) => ({ ...item, expandedIndex: index }))\n : getVisibleCollapsedItems(items, stackDepth).map((item: StackableItem, index: number) => ({\n ...item,\n collapsedIndex: index,\n }));\n\n const getItemId = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n item.id ?? (item as StackableItem).expandedIndex ?? 0;\n\n // This check allows us to use the standard \"enter\" Transition only when the notification was not existing before.\n // If instead it was moved to the top of the stack but was already present in the array\n // (e.g, after dismissing another notification),\n // we need to use different, more custom and more controlled animations.\n const hasEntered = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n enteringItems.some(_item => _item.id && _item.id === item.id);\n const hasLeft = (item: StackableItem | FlashbarProps.MessageDefinition) => !('expandedIndex' in item);\n const hasEnteredOrLeft = (item: StackableItem | FlashbarProps.MessageDefinition) => hasEntered(item) || hasLeft(item);\n\n const showInnerContent = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n isFlashbarStackExpanded || hasLeft(item) || ('expandedIndex' in item && item.expandedIndex === 0);\n\n const shouldUseStandardAnimation = (item: StackableItem, index: number) => index === 0 && hasEnteredOrLeft(item);\n\n const getAnimationElementId = (item: StackableItem) => `flash-${getItemId(item)}`;\n\n const renderList = () => (\n <ul\n ref={listElementRef}\n className={clsx(\n styles['flash-list'],\n isFlashbarStackExpanded ? styles.expanded : styles.collapsed,\n transitioning && styles['animation-running'],\n initialAnimationState && styles['animation-ready'],\n isVisualRefresh && styles['visual-refresh']\n )}\n id={flashbarElementId}\n aria-label={ariaLabel}\n aria-describedby={isCollapsible ? itemCountElementId : undefined}\n style={\n !isFlashbarStackExpanded || transitioning\n ? {\n [customCssProps.flashbarStackDepth]: stackDepth,\n }\n : undefined\n }\n >\n <ListWrapper withMotion={!isReducedMotion}>\n {itemsToShow.map((item: StackableItem, index: number) => (\n <Transition\n key={getItemId(item)}\n in={!hasLeft(item)}\n onStatusChange={status => {\n if (status === 'entered') {\n setEnteringItems([]);\n } else if (status === 'exited') {\n setExitingItems([]);\n }\n }}\n >\n {(state: string, transitionRootElement: React.Ref<HTMLDivElement> | undefined) => (\n <li\n aria-hidden={!showInnerContent(item)}\n className={\n showInnerContent(item)\n ? clsx(\n styles['flash-list-item'],\n !isFlashbarStackExpanded && styles.item,\n !collapsedItemRefs.current[getAnimationElementId(item)] && styles['expanded-only']\n )\n : clsx(styles.flash, styles[`flash-type-${item.type ?? 'info'}`], styles.item)\n }\n ref={element => {\n if (isFlashbarStackExpanded) {\n expandedItemRefs.current[getAnimationElementId(item)] = element;\n } else {\n collapsedItemRefs.current[getAnimationElementId(item)] = element;\n }\n }}\n style={\n !isFlashbarStackExpanded || transitioning\n ? {\n [customCssProps.flashbarStackIndex]:\n (item as StackableItem).collapsedIndex ?? (item as StackableItem).expandedIndex ?? index,\n }\n : undefined\n }\n key={getItemId(item)}\n {...getAnalyticsMetadataAttribute(getItemAnalyticsMetadata(index + 1, item.type || 'info', item.id))}\n >\n {showInnerContent(item) && (\n <Flash\n // eslint-disable-next-line react/forbid-component-props\n className={clsx(\n animateFlash && styles['flash-with-motion'],\n isVisualRefresh && styles['flash-refresh']\n )}\n key={getItemId(item)}\n ref={shouldUseStandardAnimation(item, index) ? transitionRootElement : undefined}\n transitionState={shouldUseStandardAnimation(item, index) ? state : undefined}\n i18nStrings={iconAriaLabels}\n {...item}\n />\n )}\n </li>\n )}\n </Transition>\n ))}\n </ListWrapper>\n </ul>\n );\n\n return (\n <div\n {...baseProps}\n className={clsx(\n baseProps.className,\n styles.flashbar,\n styles.stack,\n isCollapsible && styles.collapsible,\n items.length === 2 && styles['short-list'],\n isFlashbarStackExpanded && styles.expanded,\n isVisualRefresh && styles['visual-refresh']\n )}\n ref={mergedRef}\n {...getAnalyticsMetadataAttribute(getComponentsAnalyticsMetadata(items.length, true, isFlashbarStackExpanded))}\n >\n {isFlashbarStackExpanded && renderList()}\n {isCollapsible && (\n <div\n className={clsx(\n styles['notification-bar'],\n isVisualRefresh && styles['visual-refresh'],\n isFlashbarStackExpanded ? styles.expanded : styles.collapsed,\n transitioning && styles['animation-running'],\n items.length === 2 && styles['short-list'],\n getVisualContextClassname('flashbar') // Visual context is needed for focus ring to be white\n )}\n onClick={toggleCollapseExpand}\n ref={notificationBarRef}\n {...getAnalyticsMetadataAttribute({\n action: 'expand',\n detail: {\n label: 'h2',\n expanded: `${!isFlashbarStackExpanded}`,\n },\n } as GeneratedAnalyticsMetadataFlashbarExpand)}\n >\n <span aria-live=\"polite\" className={styles.status} role=\"status\" id={itemCountElementId}>\n {notificationBarText && <h2 className={styles.header}>{notificationBarText}</h2>}\n <span className={styles['item-count']}>\n {counterTypes.map(({ type, labelName, iconName }) => (\n <NotificationTypeCount\n key={type}\n iconName={iconName}\n label={iconAriaLabels[labelName]}\n count={countByType[type]}\n />\n ))}\n </span>\n </span>\n <button\n aria-controls={flashbarElementId}\n aria-describedby={itemCountElementId}\n aria-expanded={isFlashbarStackExpanded}\n aria-label={notificationBarAriaLabel}\n className={clsx(styles.button, isFlashbarStackExpanded && styles.expanded)}\n >\n <InternalIcon className={styles.icon} size=\"normal\" name=\"angle-down\" />\n </button>\n </div>\n )}\n {!isFlashbarStackExpanded && renderList()}\n </div>\n );\n}\n\nconst NotificationTypeCount = ({\n iconName,\n label,\n count,\n}: {\n iconName: IconProps.Name;\n label?: string;\n count: number;\n}) => {\n return (\n <span className={styles['type-count']}>\n <span title={label}>\n <InternalIcon name={iconName} ariaLabel={label} />\n </span>\n <span className={styles['count-number']}>{count}</span>\n </span>\n );\n};\n\nconst ListWrapper = ({ children, withMotion }: { children: ReactNode; withMotion: boolean }) =>\n withMotion ? <TransitionGroup component={null}>{children}</TransitionGroup> : <>{children}</>;\n"]}
1
+ {"version":3,"file":"collapsible-flashbar.js","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { animate, getDOMRects } from '../internal/animate';\nimport { Transition } from '../internal/components/transition';\nimport { getVisualContextClassname } from '../internal/components/visual-context';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport { throttle } from '../internal/utils/throttle';\nimport {\n GeneratedAnalyticsMetadataFlashbarCollapse,\n GeneratedAnalyticsMetadataFlashbarExpand,\n} from './analytics-metadata/interfaces';\nimport { getComponentsAnalyticsMetadata, getItemAnalyticsMetadata } from './analytics-metadata/utils';\nimport { useFlashbar } from './common';\nimport { Flash, focusFlashById } from './flash';\nimport { FlashbarProps } from './interfaces';\nimport { counterTypes, getFlashTypeCount, getItemColor, getVisibleCollapsedItems, StackableItem } from './utils';\n\nimport styles from './styles.css.js';\n\n// If the number of items is equal or less than this value,\n// the toggle element will not be displayed and the Flashbar will look like a regular single-item Flashbar.\nconst maxNonCollapsibleItems = 1;\n\nconst resizeListenerThrottleDelay = 100;\n\nexport default function CollapsibleFlashbar({ items, ...restProps }: FlashbarProps) {\n const [enteringItems, setEnteringItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>([]);\n const [exitingItems, setExitingItems] = useState<ReadonlyArray<FlashbarProps.MessageDefinition>>([]);\n const [isFlashbarStackExpanded, setIsFlashbarStackExpanded] = useState(false);\n\n const getElementsToAnimate = useCallback(() => {\n const flashElements = isFlashbarStackExpanded ? expandedItemRefs.current : collapsedItemRefs.current;\n return { ...flashElements, notificationBar: notificationBarRef.current };\n }, [isFlashbarStackExpanded]);\n\n const prepareAnimations = useCallback(() => {\n const rects = getDOMRects(getElementsToAnimate());\n setInitialAnimationState(rects);\n }, [getElementsToAnimate]);\n\n const { baseProps, isReducedMotion, isVisualRefresh, mergedRef, ref } = useFlashbar({\n items,\n ...restProps,\n onItemsAdded: newItems => {\n setEnteringItems([...enteringItems, ...newItems]);\n },\n onItemsChanged: options => {\n // If not all items have ID, we can still animate collapse/expand transitions\n // because we can rely on each item's index in the original array,\n // but we can't do that when elements are added or removed, since the index changes.\n if (options?.allItemsHaveId && !options?.isReducedMotion) {\n prepareAnimations();\n }\n },\n onItemsRemoved: removedItems => {\n setExitingItems([...exitingItems, ...removedItems]);\n },\n });\n\n const collapsedItemRefs = useRef<Record<string, HTMLElement | null>>({});\n const expandedItemRefs = useRef<Record<string, HTMLElement | null>>({});\n const [initialAnimationState, setInitialAnimationState] = useState<Record<string, DOMRect> | null>(null);\n const listElementRef = useRef<HTMLUListElement | null>(null);\n const notificationBarRef = useRef<HTMLDivElement | null>(null);\n const [transitioning, setTransitioning] = useState(false);\n const flashbarElementId = useUniqueId('flashbar');\n const itemCountElementId = useUniqueId('item-count');\n\n if (items.length <= maxNonCollapsibleItems && isFlashbarStackExpanded) {\n setIsFlashbarStackExpanded(false);\n }\n\n const animateFlash = !isReducedMotion;\n\n function toggleCollapseExpand() {\n if (!isReducedMotion) {\n prepareAnimations();\n }\n setIsFlashbarStackExpanded(prev => !prev);\n }\n\n useLayoutEffect(() => {\n if (isFlashbarStackExpanded && items?.length) {\n const mostRecentItem = items[0];\n if (mostRecentItem.id !== undefined) {\n focusFlashById(ref.current, mostRecentItem.id);\n }\n }\n // Run this after expanding, but not every time the items change.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isFlashbarStackExpanded]);\n\n // When collapsing, scroll up if necessary to avoid losing track of the focused button\n useEffectOnUpdate(() => {\n if (!isFlashbarStackExpanded && notificationBarRef.current) {\n scrollElementIntoView(notificationBarRef.current);\n }\n }, [isFlashbarStackExpanded]);\n\n const updateBottomSpacing = useMemo(\n () =>\n throttle(() => {\n // Allow vertical space between Flashbar and page bottom only when the Flashbar is reaching the end of the page,\n // otherwise avoid spacing with eventual sticky elements below.\n const listElement = listElementRef?.current;\n const flashbar = listElement?.parentElement;\n if (listElement && flashbar) {\n // Make sure the bottom padding is present when we make the calculations,\n // then we might decide to remove it or not.\n flashbar.classList.remove(styles.floating);\n const windowHeight = window.innerHeight;\n // Take the parent region into account if using the App Layout, because it might have additional margins.\n // Otherwise we use the Flashbar component for this calculation.\n const outerElement = findUpUntil(flashbar, element => element.getAttribute('role') === 'region') || flashbar;\n const applySpacing =\n isFlashbarStackExpanded && Math.ceil(outerElement.getBoundingClientRect().bottom) >= windowHeight;\n if (!applySpacing) {\n flashbar.classList.add(styles.floating);\n }\n }\n }, resizeListenerThrottleDelay),\n [isFlashbarStackExpanded]\n );\n\n useLayoutEffect(() => {\n window.addEventListener('resize', updateBottomSpacing);\n return () => {\n window.removeEventListener('resize', updateBottomSpacing);\n updateBottomSpacing.cancel();\n };\n }, [updateBottomSpacing]);\n\n const { i18nStrings } = restProps;\n\n const i18n = useInternalI18n('flashbar');\n const ariaLabel = i18n('i18nStrings.ariaLabel', i18nStrings?.ariaLabel);\n const notificationBarText = i18n('i18nStrings.notificationBarText', i18nStrings?.notificationBarText);\n const notificationBarAriaLabel = i18n('i18nStrings.notificationBarAriaLabel', i18nStrings?.notificationBarAriaLabel);\n const iconAriaLabels = {\n errorIconAriaLabel: i18n('i18nStrings.errorIconAriaLabel', i18nStrings?.errorIconAriaLabel),\n inProgressIconAriaLabel: i18n('i18nStrings.inProgressIconAriaLabel', i18nStrings?.inProgressIconAriaLabel),\n infoIconAriaLabel: i18n('i18nStrings.infoIconAriaLabel', i18nStrings?.infoIconAriaLabel),\n successIconAriaLabel: i18n('i18nStrings.successIconAriaLabel', i18nStrings?.successIconAriaLabel),\n warningIconAriaLabel: i18n('i18nStrings.warningIconAriaLabel', i18nStrings?.warningIconAriaLabel),\n };\n\n useLayoutEffect(() => {\n // When `useLayoutEffect` is called, the DOM is updated but has not been painted yet,\n // so it's a good moment to trigger animations that will make calculations based on old and new DOM state.\n // The old state is kept in `initialAnimationState`\n // and the new state can be retrieved from the current DOM elements.\n\n if (initialAnimationState) {\n updateBottomSpacing();\n\n animate({\n elements: getElementsToAnimate(),\n oldState: initialAnimationState,\n newElementInitialState: ({ top }) => ({ scale: 0.9, y: -0.2 * top }),\n onTransitionsEnd: () => setTransitioning(false),\n });\n\n setTransitioning(true);\n setInitialAnimationState(null);\n }\n }, [updateBottomSpacing, getElementsToAnimate, initialAnimationState, isFlashbarStackExpanded]);\n\n const isCollapsible = items.length > maxNonCollapsibleItems;\n\n const countByType = getFlashTypeCount(items);\n\n const numberOfColorsInStack = new Set(items.map(getItemColor)).size;\n const maxSlots = Math.max(numberOfColorsInStack, 3);\n const stackDepth = Math.min(maxSlots, items.length);\n\n const itemsToShow = isFlashbarStackExpanded\n ? items.map((item, index) => ({ ...item, expandedIndex: index }))\n : getVisibleCollapsedItems(items, stackDepth).map((item: StackableItem, index: number) => ({\n ...item,\n collapsedIndex: index,\n }));\n\n const getItemId = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n item.id ?? (item as StackableItem).expandedIndex ?? 0;\n\n // This check allows us to use the standard \"enter\" Transition only when the notification was not existing before.\n // If instead it was moved to the top of the stack but was already present in the array\n // (e.g, after dismissing another notification),\n // we need to use different, more custom and more controlled animations.\n const hasEntered = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n enteringItems.some(_item => _item.id && _item.id === item.id);\n const hasLeft = (item: StackableItem | FlashbarProps.MessageDefinition) => !('expandedIndex' in item);\n const hasEnteredOrLeft = (item: StackableItem | FlashbarProps.MessageDefinition) => hasEntered(item) || hasLeft(item);\n\n const showInnerContent = (item: StackableItem | FlashbarProps.MessageDefinition) =>\n isFlashbarStackExpanded || hasLeft(item) || ('expandedIndex' in item && item.expandedIndex === 0);\n\n const shouldUseStandardAnimation = (item: StackableItem, index: number) => index === 0 && hasEnteredOrLeft(item);\n\n const getAnimationElementId = (item: StackableItem) => `flash-${getItemId(item)}`;\n\n const renderList = () => (\n <ul\n ref={listElementRef}\n className={clsx(\n styles['flash-list'],\n isFlashbarStackExpanded ? styles.expanded : styles.collapsed,\n transitioning && styles['animation-running'],\n initialAnimationState && styles['animation-ready'],\n isVisualRefresh && styles['visual-refresh']\n )}\n id={flashbarElementId}\n aria-label={ariaLabel}\n aria-describedby={isCollapsible ? itemCountElementId : undefined}\n style={\n !isFlashbarStackExpanded || transitioning\n ? {\n [customCssProps.flashbarStackDepth]: stackDepth,\n }\n : undefined\n }\n >\n <ListWrapper withMotion={!isReducedMotion}>\n {itemsToShow.map((item: StackableItem, index: number) => (\n <Transition\n key={getItemId(item)}\n in={!hasLeft(item)}\n onStatusChange={status => {\n if (status === 'entered') {\n setEnteringItems([]);\n } else if (status === 'exited') {\n setExitingItems([]);\n }\n }}\n >\n {(state: string, transitionRootElement: React.Ref<HTMLDivElement> | undefined) => (\n <li\n aria-hidden={!showInnerContent(item)}\n className={\n showInnerContent(item)\n ? clsx(\n styles['flash-list-item'],\n !isFlashbarStackExpanded && styles.item,\n !collapsedItemRefs.current[getAnimationElementId(item)] && styles['expanded-only']\n )\n : clsx(styles.flash, styles[`flash-type-${item.type ?? 'info'}`], styles.item)\n }\n ref={element => {\n if (isFlashbarStackExpanded) {\n expandedItemRefs.current[getAnimationElementId(item)] = element;\n } else {\n collapsedItemRefs.current[getAnimationElementId(item)] = element;\n }\n }}\n style={\n !isFlashbarStackExpanded || transitioning\n ? {\n [customCssProps.flashbarStackIndex]:\n (item as StackableItem).collapsedIndex ?? (item as StackableItem).expandedIndex ?? index,\n }\n : undefined\n }\n key={getItemId(item)}\n {...getAnalyticsMetadataAttribute(getItemAnalyticsMetadata(index + 1, item.type || 'info', item.id))}\n >\n {showInnerContent(item) && (\n <Flash\n // eslint-disable-next-line react/forbid-component-props\n className={clsx(\n animateFlash && styles['flash-with-motion'],\n isVisualRefresh && styles['flash-refresh']\n )}\n key={getItemId(item)}\n ref={shouldUseStandardAnimation(item, index) ? transitionRootElement : undefined}\n transitionState={shouldUseStandardAnimation(item, index) ? state : undefined}\n i18nStrings={iconAriaLabels}\n {...item}\n />\n )}\n </li>\n )}\n </Transition>\n ))}\n </ListWrapper>\n </ul>\n );\n\n return (\n <div\n {...baseProps}\n className={clsx(\n baseProps.className,\n styles.flashbar,\n styles.stack,\n isCollapsible && styles.collapsible,\n items.length === 2 && styles['short-list'],\n isFlashbarStackExpanded && styles.expanded,\n isVisualRefresh && styles['visual-refresh']\n )}\n ref={mergedRef}\n {...getAnalyticsMetadataAttribute(getComponentsAnalyticsMetadata(items.length, true, isFlashbarStackExpanded))}\n >\n {isFlashbarStackExpanded && renderList()}\n {isCollapsible && (\n <div\n className={clsx(\n styles['notification-bar'],\n isVisualRefresh && styles['visual-refresh'],\n isFlashbarStackExpanded ? styles.expanded : styles.collapsed,\n transitioning && styles['animation-running'],\n items.length === 2 && styles['short-list'],\n getVisualContextClassname('flashbar') // Visual context is needed for focus ring to be white\n )}\n onClick={toggleCollapseExpand}\n ref={notificationBarRef}\n {...getAnalyticsMetadataAttribute({\n action: !isFlashbarStackExpanded ? 'expand' : 'collapse',\n detail: {\n label: 'h2',\n },\n } as GeneratedAnalyticsMetadataFlashbarExpand | GeneratedAnalyticsMetadataFlashbarCollapse)}\n >\n <span aria-live=\"polite\" className={styles.status} role=\"status\" id={itemCountElementId}>\n {notificationBarText && <h2 className={styles.header}>{notificationBarText}</h2>}\n <span className={styles['item-count']}>\n {counterTypes.map(({ type, labelName, iconName }) => (\n <NotificationTypeCount\n key={type}\n iconName={iconName}\n label={iconAriaLabels[labelName]}\n count={countByType[type]}\n />\n ))}\n </span>\n </span>\n <button\n aria-controls={flashbarElementId}\n aria-describedby={itemCountElementId}\n aria-expanded={isFlashbarStackExpanded}\n aria-label={notificationBarAriaLabel}\n className={clsx(styles.button, isFlashbarStackExpanded && styles.expanded)}\n >\n <InternalIcon className={styles.icon} size=\"normal\" name=\"angle-down\" />\n </button>\n </div>\n )}\n {!isFlashbarStackExpanded && renderList()}\n </div>\n );\n}\n\nconst NotificationTypeCount = ({\n iconName,\n label,\n count,\n}: {\n iconName: IconProps.Name;\n label?: string;\n count: number;\n}) => {\n return (\n <span className={styles['type-count']}>\n <span title={label}>\n <InternalIcon name={iconName} ariaLabel={label} />\n </span>\n <span className={styles['count-number']}>{count}</span>\n </span>\n );\n};\n\nconst ListWrapper = ({ children, withMotion }: { children: ReactNode; withMotion: boolean }) =>\n withMotion ? <TransitionGroup component={null}>{children}</TransitionGroup> : <>{children}</>;\n"]}
package/flashbar/styles.css.js CHANGED
@@ -1,55 +1,55 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "flash-with-motion": "awsui_flash-with-motion_1q84n_16b58_157",
5
- "enter": "awsui_enter_1q84n_16b58_157",
6
- "flash-body": "awsui_flash-body_1q84n_16b58_171",
7
- "flash-message": "awsui_flash-message_1q84n_16b58_171",
8
- "flash-header": "awsui_flash-header_1q84n_16b58_171",
9
- "flash-content": "awsui_flash-content_1q84n_16b58_172",
10
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_16b58_173",
11
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_16b58_174",
12
- "flash-icon": "awsui_flash-icon_1q84n_16b58_197",
13
- "entering": "awsui_entering_1q84n_16b58_210",
14
- "entered": "awsui_entered_1q84n_16b58_231",
15
- "exiting": "awsui_exiting_1q84n_16b58_336",
16
- "stack": "awsui_stack_1q84n_16b58_370",
17
- "animation-running": "awsui_animation-running_1q84n_16b58_370",
18
- "item": "awsui_item_1q84n_16b58_370",
19
- "flash-list-item": "awsui_flash-list-item_1q84n_16b58_371",
20
- "notification-bar": "awsui_notification-bar_1q84n_16b58_372",
21
- "collapsed": "awsui_collapsed_1q84n_16b58_392",
22
- "animation-ready": "awsui_animation-ready_1q84n_16b58_392",
23
- "expanded-only": "awsui_expanded-only_1q84n_16b58_392",
24
- "expanded": "awsui_expanded_1q84n_16b58_392",
25
- "flash": "awsui_flash_1q84n_16b58_157",
26
- "collapsible": "awsui_collapsible_1q84n_16b58_448",
27
- "short-list": "awsui_short-list_1q84n_16b58_454",
28
- "visual-refresh": "awsui_visual-refresh_1q84n_16b58_454",
29
- "status": "awsui_status_1q84n_16b58_601",
30
- "header": "awsui_header_1q84n_16b58_601",
31
- "item-count": "awsui_item-count_1q84n_16b58_602",
32
- "button": "awsui_button_1q84n_16b58_603",
33
- "type-count": "awsui_type-count_1q84n_16b58_636",
34
- "count-number": "awsui_count-number_1q84n_16b58_636",
35
- "icon": "awsui_icon_1q84n_16b58_670",
36
- "floating": "awsui_floating_1q84n_16b58_711",
37
- "flashbar": "awsui_flashbar_1q84n_16b58_715",
38
- "initial-hidden": "awsui_initial-hidden_1q84n_16b58_773",
39
- "flash-list": "awsui_flash-list_1q84n_16b58_371",
40
- "flash-focus-container": "awsui_flash-focus-container_1q84n_16b58_797",
41
- "flash-text": "awsui_flash-text_1q84n_16b58_827",
42
- "hidden": "awsui_hidden_1q84n_16b58_846",
43
- "header-replacement": "awsui_header-replacement_1q84n_16b58_851",
44
- "content-replacement": "awsui_content-replacement_1q84n_16b58_856",
45
- "dismiss-button": "awsui_dismiss-button_1q84n_16b58_174",
46
- "action-wrapped": "awsui_action-wrapped_1q84n_16b58_874",
47
- "action-button": "awsui_action-button_1q84n_16b58_173",
48
- "action-slot": "awsui_action-slot_1q84n_16b58_881",
49
- "flash-type-success": "awsui_flash-type-success_1q84n_16b58_885",
50
- "flash-type-error": "awsui_flash-type-error_1q84n_16b58_889",
51
- "flash-type-info": "awsui_flash-type-info_1q84n_16b58_893",
52
- "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_16b58_894",
53
- "flash-type-warning": "awsui_flash-type-warning_1q84n_16b58_898"
4
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_nco4x_157",
5
+ "enter": "awsui_enter_1q84n_nco4x_157",
6
+ "flash-body": "awsui_flash-body_1q84n_nco4x_171",
7
+ "flash-message": "awsui_flash-message_1q84n_nco4x_171",
8
+ "flash-header": "awsui_flash-header_1q84n_nco4x_171",
9
+ "flash-content": "awsui_flash-content_1q84n_nco4x_172",
10
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_nco4x_173",
11
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_nco4x_174",
12
+ "flash-icon": "awsui_flash-icon_1q84n_nco4x_197",
13
+ "entering": "awsui_entering_1q84n_nco4x_210",
14
+ "entered": "awsui_entered_1q84n_nco4x_231",
15
+ "exiting": "awsui_exiting_1q84n_nco4x_336",
16
+ "stack": "awsui_stack_1q84n_nco4x_370",
17
+ "animation-running": "awsui_animation-running_1q84n_nco4x_370",
18
+ "item": "awsui_item_1q84n_nco4x_370",
19
+ "flash-list-item": "awsui_flash-list-item_1q84n_nco4x_371",
20
+ "notification-bar": "awsui_notification-bar_1q84n_nco4x_372",
21
+ "collapsed": "awsui_collapsed_1q84n_nco4x_392",
22
+ "animation-ready": "awsui_animation-ready_1q84n_nco4x_392",
23
+ "expanded-only": "awsui_expanded-only_1q84n_nco4x_392",
24
+ "expanded": "awsui_expanded_1q84n_nco4x_392",
25
+ "flash": "awsui_flash_1q84n_nco4x_157",
26
+ "collapsible": "awsui_collapsible_1q84n_nco4x_448",
27
+ "short-list": "awsui_short-list_1q84n_nco4x_454",
28
+ "visual-refresh": "awsui_visual-refresh_1q84n_nco4x_454",
29
+ "status": "awsui_status_1q84n_nco4x_601",
30
+ "header": "awsui_header_1q84n_nco4x_601",
31
+ "item-count": "awsui_item-count_1q84n_nco4x_602",
32
+ "button": "awsui_button_1q84n_nco4x_603",
33
+ "type-count": "awsui_type-count_1q84n_nco4x_636",
34
+ "count-number": "awsui_count-number_1q84n_nco4x_636",
35
+ "icon": "awsui_icon_1q84n_nco4x_670",
36
+ "floating": "awsui_floating_1q84n_nco4x_711",
37
+ "flashbar": "awsui_flashbar_1q84n_nco4x_715",
38
+ "initial-hidden": "awsui_initial-hidden_1q84n_nco4x_773",
39
+ "flash-list": "awsui_flash-list_1q84n_nco4x_371",
40
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_nco4x_797",
41
+ "flash-text": "awsui_flash-text_1q84n_nco4x_827",
42
+ "hidden": "awsui_hidden_1q84n_nco4x_846",
43
+ "header-replacement": "awsui_header-replacement_1q84n_nco4x_851",
44
+ "content-replacement": "awsui_content-replacement_1q84n_nco4x_856",
45
+ "dismiss-button": "awsui_dismiss-button_1q84n_nco4x_174",
46
+ "action-wrapped": "awsui_action-wrapped_1q84n_nco4x_874",
47
+ "action-button": "awsui_action-button_1q84n_nco4x_173",
48
+ "action-slot": "awsui_action-slot_1q84n_nco4x_881",
49
+ "flash-type-success": "awsui_flash-type-success_1q84n_nco4x_885",
50
+ "flash-type-error": "awsui_flash-type-error_1q84n_nco4x_889",
51
+ "flash-type-info": "awsui_flash-type-info_1q84n_nco4x_893",
52
+ "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_nco4x_894",
53
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_nco4x_898"
54
54
  };
55
55