@cloudscape-design/components-themeable 3.0.961 → 3.0.963

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 (599) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +2 -2
  3. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +3 -1
  4. package/lib/internal/scss/button-dropdown/item-element/styles.scss +4 -2
  5. package/lib/internal/scss/button-dropdown/styles.scss +4 -4
  6. package/lib/internal/scss/code-editor/styles.scss +4 -4
  7. package/lib/internal/scss/drawer/styles.scss +2 -3
  8. package/lib/internal/scss/flashbar/styles.scss +1 -1
  9. package/lib/internal/scss/input/styles.scss +4 -4
  10. package/lib/internal/scss/internal/components/button-trigger/styles.scss +6 -4
  11. package/lib/internal/scss/internal/components/chart-popover/styles.scss +13 -7
  12. package/lib/internal/scss/internal/components/chart-popover/test-classes/styles.scss +10 -0
  13. package/lib/internal/scss/internal/components/chart-series-details/styles.scss +0 -4
  14. package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +1 -1
  15. package/lib/internal/scss/internal/components/selectable-item/styles.scss +3 -1
  16. package/lib/internal/scss/internal/components/token-list/styles.scss +2 -2
  17. package/lib/internal/scss/internal/styles/forms/constants.scss +1 -2
  18. package/lib/internal/scss/internal/styles/forms/mixins.scss +24 -10
  19. package/lib/internal/scss/pagination/styles.scss +2 -2
  20. package/lib/internal/scss/popover/body.scss +5 -0
  21. package/lib/internal/scss/popover/styles.scss +8 -0
  22. package/lib/internal/scss/prompt-input/styles.scss +2 -2
  23. package/lib/internal/scss/property-filter/filtering-token/styles.scss +4 -4
  24. package/lib/internal/scss/property-filter/styles.scss +1 -1
  25. package/lib/internal/scss/segmented-control/styles.scss +4 -2
  26. package/lib/internal/scss/select/parts/styles.scss +4 -4
  27. package/lib/internal/scss/table/body-cell/styles.scss +3 -0
  28. package/lib/internal/scss/textarea/styles.scss +2 -2
  29. package/lib/internal/scss/tiles/styles.scss +9 -6
  30. package/lib/internal/scss/token-group/mixins.scss +2 -2
  31. package/lib/internal/scss/tutorial-panel/components/tutorial-list/styles.scss +2 -2
  32. package/lib/internal/template/alert/actions-wrapper/styles.css.js +1 -1
  33. package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
  34. package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
  35. package/lib/internal/template/alert/styles.css.js +27 -27
  36. package/lib/internal/template/alert/styles.scoped.css +90 -90
  37. package/lib/internal/template/alert/styles.selectors.js +27 -27
  38. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  39. package/lib/internal/template/anchor-navigation/styles.scoped.css +60 -60
  40. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  41. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  42. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +52 -52
  43. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  44. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  45. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  46. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  47. package/lib/internal/template/app-layout/drawer/styles.css.js +14 -14
  48. package/lib/internal/template/app-layout/drawer/styles.scoped.css +34 -34
  49. package/lib/internal/template/app-layout/drawer/styles.selectors.js +14 -14
  50. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
  51. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  52. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  53. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  54. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  55. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  56. package/lib/internal/template/app-layout/resize/styles.css.js +5 -5
  57. package/lib/internal/template/app-layout/resize/styles.scoped.css +14 -14
  58. package/lib/internal/template/app-layout/resize/styles.selectors.js +5 -5
  59. package/lib/internal/template/app-layout/styles.css.js +12 -12
  60. package/lib/internal/template/app-layout/styles.scoped.css +21 -21
  61. package/lib/internal/template/app-layout/styles.selectors.js +12 -12
  62. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  63. package/lib/internal/template/app-layout/toggles/styles.scoped.css +20 -20
  64. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  65. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  66. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +263 -263
  67. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  68. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
  69. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +15 -15
  70. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
  71. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  72. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  73. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  74. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  75. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +5 -5
  76. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  77. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
  78. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +23 -21
  79. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  80. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
  81. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +52 -52
  82. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
  83. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  84. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +29 -29
  85. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  86. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +7 -7
  87. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +38 -38
  88. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +7 -7
  89. package/lib/internal/template/area-chart/elements/area-chart-filter.d.ts.map +1 -1
  90. package/lib/internal/template/area-chart/elements/area-chart-filter.js +6 -1
  91. package/lib/internal/template/area-chart/elements/area-chart-filter.js.map +1 -1
  92. package/lib/internal/template/area-chart/elements/area-chart-legend.d.ts.map +1 -1
  93. package/lib/internal/template/area-chart/elements/area-chart-legend.js +2 -1
  94. package/lib/internal/template/area-chart/elements/area-chart-legend.js.map +1 -1
  95. package/lib/internal/template/area-chart/elements/chart-popover.d.ts.map +1 -1
  96. package/lib/internal/template/area-chart/elements/chart-popover.js +2 -4
  97. package/lib/internal/template/area-chart/elements/chart-popover.js.map +1 -1
  98. package/lib/internal/template/area-chart/styles.css.js +6 -6
  99. package/lib/internal/template/area-chart/styles.scoped.css +16 -16
  100. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  101. package/lib/internal/template/attribute-editor/index.d.ts.map +1 -1
  102. package/lib/internal/template/attribute-editor/index.js +13 -3
  103. package/lib/internal/template/attribute-editor/index.js.map +1 -1
  104. package/lib/internal/template/attribute-editor/internal.d.ts.map +1 -1
  105. package/lib/internal/template/attribute-editor/internal.js +1 -1
  106. package/lib/internal/template/attribute-editor/internal.js.map +1 -1
  107. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  108. package/lib/internal/template/attribute-editor/styles.scoped.css +44 -44
  109. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  110. package/lib/internal/template/badge/styles.css.js +10 -10
  111. package/lib/internal/template/badge/styles.scoped.css +38 -38
  112. package/lib/internal/template/badge/styles.selectors.js +10 -10
  113. package/lib/internal/template/box/styles.css.js +191 -191
  114. package/lib/internal/template/box/styles.scoped.css +445 -445
  115. package/lib/internal/template/box/styles.selectors.js +191 -191
  116. package/lib/internal/template/breadcrumb-group/analytics-metadata/interfaces.d.ts +12 -0
  117. package/lib/internal/template/breadcrumb-group/analytics-metadata/interfaces.d.ts.map +1 -1
  118. package/lib/internal/template/breadcrumb-group/analytics-metadata/interfaces.js.map +1 -1
  119. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  120. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +39 -39
  121. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  122. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  123. package/lib/internal/template/breadcrumb-group/styles.scoped.css +54 -54
  124. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  125. package/lib/internal/template/button/styles.css.js +22 -22
  126. package/lib/internal/template/button/styles.scoped.css +196 -196
  127. package/lib/internal/template/button/styles.selectors.js +22 -22
  128. package/lib/internal/template/button-dropdown/analytics-metadata/interfaces.d.ts +8 -1
  129. package/lib/internal/template/button-dropdown/analytics-metadata/interfaces.d.ts.map +1 -1
  130. package/lib/internal/template/button-dropdown/analytics-metadata/interfaces.js.map +1 -1
  131. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  132. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +4 -2
  133. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  134. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +15 -14
  135. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +53 -51
  136. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +15 -14
  137. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  138. package/lib/internal/template/button-dropdown/internal.js +1 -2
  139. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  140. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  141. package/lib/internal/template/button-dropdown/item-element/index.js +3 -0
  142. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  143. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -15
  144. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +60 -58
  145. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -15
  146. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  147. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  148. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  149. package/lib/internal/template/button-dropdown/styles.css.js +21 -21
  150. package/lib/internal/template/button-dropdown/styles.scoped.css +43 -43
  151. package/lib/internal/template/button-dropdown/styles.selectors.js +21 -21
  152. package/lib/internal/template/button-group/styles.css.js +4 -4
  153. package/lib/internal/template/button-group/styles.scoped.css +12 -12
  154. package/lib/internal/template/button-group/styles.selectors.js +4 -4
  155. package/lib/internal/template/calendar/styles.css.js +21 -21
  156. package/lib/internal/template/calendar/styles.scoped.css +128 -128
  157. package/lib/internal/template/calendar/styles.selectors.js +21 -21
  158. package/lib/internal/template/cards/styles.css.js +39 -39
  159. package/lib/internal/template/cards/styles.scoped.css +112 -112
  160. package/lib/internal/template/cards/styles.selectors.js +39 -39
  161. package/lib/internal/template/checkbox/styles.css.js +3 -3
  162. package/lib/internal/template/checkbox/styles.scoped.css +19 -19
  163. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  164. package/lib/internal/template/code-editor/resizable-box/styles.css.js +4 -4
  165. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +9 -9
  166. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +4 -4
  167. package/lib/internal/template/code-editor/styles.css.js +33 -33
  168. package/lib/internal/template/code-editor/styles.scoped.css +304 -304
  169. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  170. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  171. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +34 -34
  172. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  173. package/lib/internal/template/collection-preferences/styles.css.js +38 -38
  174. package/lib/internal/template/collection-preferences/styles.scoped.css +75 -75
  175. package/lib/internal/template/collection-preferences/styles.selectors.js +38 -38
  176. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  177. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +13 -13
  178. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  179. package/lib/internal/template/column-layout/styles.css.js +13 -13
  180. package/lib/internal/template/column-layout/styles.scoped.css +58 -58
  181. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  182. package/lib/internal/template/container/styles.css.js +33 -33
  183. package/lib/internal/template/container/styles.scoped.css +127 -127
  184. package/lib/internal/template/container/styles.selectors.js +33 -33
  185. package/lib/internal/template/content-layout/styles.css.js +14 -14
  186. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  187. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  188. package/lib/internal/template/copy-to-clipboard/styles.css.js +3 -3
  189. package/lib/internal/template/copy-to-clipboard/styles.scoped.css +4 -4
  190. package/lib/internal/template/copy-to-clipboard/styles.selectors.js +3 -3
  191. package/lib/internal/template/date-picker/styles.css.js +7 -7
  192. package/lib/internal/template/date-picker/styles.scoped.css +19 -19
  193. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  194. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
  195. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +124 -124
  196. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  197. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +6 -6
  198. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +13 -13
  199. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +6 -6
  200. package/lib/internal/template/date-range-picker/styles.css.js +23 -23
  201. package/lib/internal/template/date-range-picker/styles.scoped.css +69 -69
  202. package/lib/internal/template/date-range-picker/styles.selectors.js +23 -23
  203. package/lib/internal/template/drawer/implementation.d.ts +1 -1
  204. package/lib/internal/template/drawer/implementation.d.ts.map +1 -1
  205. package/lib/internal/template/drawer/implementation.js +2 -2
  206. package/lib/internal/template/drawer/implementation.js.map +1 -1
  207. package/lib/internal/template/drawer/interfaces.d.ts +4 -0
  208. package/lib/internal/template/drawer/interfaces.d.ts.map +1 -1
  209. package/lib/internal/template/drawer/interfaces.js.map +1 -1
  210. package/lib/internal/template/drawer/styles.css.js +5 -5
  211. package/lib/internal/template/drawer/styles.scoped.css +32 -33
  212. package/lib/internal/template/drawer/styles.selectors.js +5 -5
  213. package/lib/internal/template/expandable-section/analytics-metadata/interfaces.d.ts +7 -2
  214. package/lib/internal/template/expandable-section/analytics-metadata/interfaces.d.ts.map +1 -1
  215. package/lib/internal/template/expandable-section/analytics-metadata/interfaces.js.map +1 -1
  216. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  217. package/lib/internal/template/expandable-section/expandable-section-header.js +1 -2
  218. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  219. package/lib/internal/template/expandable-section/internal.d.ts +1 -2
  220. package/lib/internal/template/expandable-section/internal.d.ts.map +1 -1
  221. package/lib/internal/template/expandable-section/internal.js +2 -1
  222. package/lib/internal/template/expandable-section/internal.js.map +1 -1
  223. package/lib/internal/template/expandable-section/styles.css.js +34 -34
  224. package/lib/internal/template/expandable-section/styles.scoped.css +127 -127
  225. package/lib/internal/template/expandable-section/styles.selectors.js +34 -34
  226. package/lib/internal/template/file-dropzone/styles.css.js +3 -3
  227. package/lib/internal/template/file-dropzone/styles.scoped.css +19 -19
  228. package/lib/internal/template/file-dropzone/styles.selectors.js +3 -3
  229. package/lib/internal/template/file-input/styles.css.js +6 -6
  230. package/lib/internal/template/file-input/styles.scoped.css +29 -29
  231. package/lib/internal/template/file-input/styles.selectors.js +6 -6
  232. package/lib/internal/template/file-token-group/styles.css.js +22 -22
  233. package/lib/internal/template/file-token-group/styles.scoped.css +69 -69
  234. package/lib/internal/template/file-token-group/styles.selectors.js +22 -22
  235. package/lib/internal/template/file-upload/styles.css.js +2 -2
  236. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  237. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  238. package/lib/internal/template/flashbar/analytics-metadata/interfaces.d.ts +12 -1
  239. package/lib/internal/template/flashbar/analytics-metadata/interfaces.d.ts.map +1 -1
  240. package/lib/internal/template/flashbar/analytics-metadata/interfaces.js.map +1 -1
  241. package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
  242. package/lib/internal/template/flashbar/collapsible-flashbar.js +1 -2
  243. package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
  244. package/lib/internal/template/flashbar/styles.css.js +50 -50
  245. package/lib/internal/template/flashbar/styles.scoped.css +253 -253
  246. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  247. package/lib/internal/template/form/styles.css.js +8 -8
  248. package/lib/internal/template/form/styles.scoped.css +20 -20
  249. package/lib/internal/template/form/styles.selectors.js +8 -8
  250. package/lib/internal/template/form-field/styles.css.js +24 -24
  251. package/lib/internal/template/form-field/styles.scoped.css +67 -67
  252. package/lib/internal/template/form-field/styles.selectors.js +24 -24
  253. package/lib/internal/template/grid/styles.css.js +53 -53
  254. package/lib/internal/template/grid/styles.scoped.css +62 -62
  255. package/lib/internal/template/grid/styles.selectors.js +53 -53
  256. package/lib/internal/template/header/styles.css.js +34 -34
  257. package/lib/internal/template/header/styles.scoped.css +126 -126
  258. package/lib/internal/template/header/styles.selectors.js +34 -34
  259. package/lib/internal/template/help-panel/styles.css.js +6 -6
  260. package/lib/internal/template/help-panel/styles.scoped.css +172 -172
  261. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  262. package/lib/internal/template/hotspot/styles.css.js +7 -7
  263. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  264. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  265. package/lib/internal/template/icon/styles.css.js +39 -39
  266. package/lib/internal/template/icon/styles.scoped.css +125 -125
  267. package/lib/internal/template/icon/styles.selectors.js +39 -39
  268. package/lib/internal/template/input/styles.css.js +13 -13
  269. package/lib/internal/template/input/styles.scoped.css +95 -95
  270. package/lib/internal/template/input/styles.selectors.js +13 -13
  271. package/lib/internal/template/internal/base-component/styles.scoped.css +3620 -3593
  272. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  273. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +28 -28
  274. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  275. package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
  276. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +91 -89
  277. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
  278. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
  279. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +43 -43
  280. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
  281. package/lib/internal/template/internal/components/chart-filter/index.d.ts +2 -4
  282. package/lib/internal/template/internal/components/chart-filter/index.d.ts.map +1 -1
  283. package/lib/internal/template/internal/components/chart-filter/index.js +1 -3
  284. package/lib/internal/template/internal/components/chart-filter/index.js.map +1 -1
  285. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  286. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  287. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  288. package/lib/internal/template/internal/components/chart-legend/index.d.ts +1 -3
  289. package/lib/internal/template/internal/components/chart-legend/index.d.ts.map +1 -1
  290. package/lib/internal/template/internal/components/chart-legend/index.js +1 -2
  291. package/lib/internal/template/internal/components/chart-legend/index.js.map +1 -1
  292. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  293. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +25 -25
  294. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  295. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  296. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  297. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  298. package/lib/internal/template/internal/components/chart-popover/index.d.ts +6 -2
  299. package/lib/internal/template/internal/components/chart-popover/index.d.ts.map +1 -1
  300. package/lib/internal/template/internal/components/chart-popover/index.js +7 -5
  301. package/lib/internal/template/internal/components/chart-popover/index.js.map +1 -1
  302. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  303. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +17 -13
  304. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  305. package/lib/internal/template/internal/components/chart-popover/test-classes/styles.css.js +8 -0
  306. package/lib/internal/template/internal/components/chart-popover/test-classes/styles.scoped.css +9 -0
  307. package/lib/internal/template/internal/components/{chart-popover-footer → chart-popover/test-classes}/styles.selectors.js +3 -1
  308. package/lib/internal/template/internal/components/chart-series-details/index.js +3 -3
  309. package/lib/internal/template/internal/components/chart-series-details/index.js.map +1 -1
  310. package/lib/internal/template/internal/components/chart-series-details/series-details-text.d.ts +1 -0
  311. package/lib/internal/template/internal/components/chart-series-details/series-details-text.d.ts.map +1 -1
  312. package/lib/internal/template/internal/components/chart-series-details/series-details-text.js +2 -3
  313. package/lib/internal/template/internal/components/chart-series-details/series-details-text.js.map +1 -1
  314. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -20
  315. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +55 -59
  316. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -20
  317. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  318. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  319. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  320. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  321. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  322. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  323. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  324. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
  325. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  326. package/lib/internal/template/internal/components/checkbox-icon/index.js +3 -3
  327. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  328. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
  329. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +20 -20
  330. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
  331. package/lib/internal/template/internal/components/drag-handle/styles.css.js +12 -12
  332. package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +31 -31
  333. package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +12 -12
  334. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +27 -27
  335. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +106 -106
  336. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +27 -27
  337. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  338. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +60 -60
  339. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  340. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  341. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  342. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  343. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  344. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +10 -10
  345. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  346. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  347. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +34 -34
  348. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  349. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  350. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  351. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  352. package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
  353. package/lib/internal/template/internal/components/options-list/styles.scoped.css +11 -11
  354. package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
  355. package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +5 -5
  356. package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +17 -17
  357. package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  358. package/lib/internal/template/internal/components/selectable-item/index.d.ts.map +1 -1
  359. package/lib/internal/template/internal/components/selectable-item/index.js +3 -0
  360. package/lib/internal/template/internal/components/selectable-item/index.js.map +1 -1
  361. package/lib/internal/template/internal/components/selectable-item/styles.css.js +21 -20
  362. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +99 -97
  363. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +21 -20
  364. package/lib/internal/template/internal/components/sortable-area/styles.css.js +8 -8
  365. package/lib/internal/template/internal/components/sortable-area/styles.scoped.css +52 -52
  366. package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +8 -8
  367. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  368. package/lib/internal/template/internal/components/token-list/styles.scoped.css +48 -48
  369. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  370. package/lib/internal/template/internal/do-not-use/chart-filter.d.ts +4 -0
  371. package/lib/internal/template/internal/do-not-use/chart-filter.d.ts.map +1 -0
  372. package/lib/internal/template/internal/do-not-use/chart-filter.js +5 -0
  373. package/lib/internal/template/internal/do-not-use/chart-filter.js.map +1 -0
  374. package/lib/internal/template/internal/do-not-use/chart-tooltip.d.ts +4 -0
  375. package/lib/internal/template/internal/do-not-use/chart-tooltip.d.ts.map +1 -0
  376. package/lib/internal/template/internal/do-not-use/chart-tooltip.js +5 -0
  377. package/lib/internal/template/internal/do-not-use/chart-tooltip.js.map +1 -0
  378. package/lib/internal/template/internal/do-not-use/expandable-section.d.ts +4 -0
  379. package/lib/internal/template/internal/do-not-use/expandable-section.d.ts.map +1 -0
  380. package/lib/internal/template/internal/do-not-use/expandable-section.js +5 -0
  381. package/lib/internal/template/internal/do-not-use/expandable-section.js.map +1 -0
  382. package/lib/internal/template/internal/do-not-use/i18n.d.ts +2 -0
  383. package/lib/internal/template/internal/do-not-use/i18n.d.ts.map +1 -0
  384. package/lib/internal/template/internal/do-not-use/i18n.js +4 -0
  385. package/lib/internal/template/internal/do-not-use/i18n.js.map +1 -0
  386. package/lib/internal/template/internal/do-not-use/tooltip.d.ts +4 -0
  387. package/lib/internal/template/internal/do-not-use/tooltip.d.ts.map +1 -0
  388. package/lib/internal/template/internal/do-not-use/tooltip.js +5 -0
  389. package/lib/internal/template/internal/do-not-use/tooltip.js.map +1 -0
  390. package/lib/internal/template/internal/environment.js +1 -1
  391. package/lib/internal/template/internal/environment.json +1 -1
  392. package/lib/internal/template/internal/generated/styles/tokens.d.ts +2 -0
  393. package/lib/internal/template/internal/generated/styles/tokens.js +755 -753
  394. package/lib/internal/template/internal/generated/theming/index.cjs +817 -773
  395. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +255 -0
  396. package/lib/internal/template/internal/generated/theming/index.d.ts +255 -0
  397. package/lib/internal/template/internal/generated/theming/index.js +817 -773
  398. package/lib/internal/template/internal/tooltip-do-not-use/index.d.ts.map +1 -1
  399. package/lib/internal/template/internal/tooltip-do-not-use/index.js.map +1 -1
  400. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  401. package/lib/internal/template/key-value-pairs/styles.scoped.css +27 -27
  402. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  403. package/lib/internal/template/link/styles.css.js +20 -20
  404. package/lib/internal/template/link/styles.scoped.css +150 -150
  405. package/lib/internal/template/link/styles.selectors.js +20 -20
  406. package/lib/internal/template/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
  407. package/lib/internal/template/mixed-line-bar-chart/chart-legend.js +2 -2
  408. package/lib/internal/template/mixed-line-bar-chart/chart-legend.js.map +1 -1
  409. package/lib/internal/template/mixed-line-bar-chart/chart-popover.d.ts.map +1 -1
  410. package/lib/internal/template/mixed-line-bar-chart/chart-popover.js +2 -4
  411. package/lib/internal/template/mixed-line-bar-chart/chart-popover.js.map +1 -1
  412. package/lib/internal/template/mixed-line-bar-chart/internal.d.ts.map +1 -1
  413. package/lib/internal/template/mixed-line-bar-chart/internal.js +2 -2
  414. package/lib/internal/template/mixed-line-bar-chart/internal.js.map +1 -1
  415. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  416. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +22 -22
  417. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  418. package/lib/internal/template/modal/styles.css.js +23 -23
  419. package/lib/internal/template/modal/styles.scoped.css +77 -77
  420. package/lib/internal/template/modal/styles.selectors.js +23 -23
  421. package/lib/internal/template/multiselect/styles.css.js +3 -3
  422. package/lib/internal/template/multiselect/styles.scoped.css +12 -12
  423. package/lib/internal/template/multiselect/styles.selectors.js +3 -3
  424. package/lib/internal/template/package.json +7 -0
  425. package/lib/internal/template/pagination/styles.css.js +9 -9
  426. package/lib/internal/template/pagination/styles.scoped.css +53 -53
  427. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  428. package/lib/internal/template/pie-chart/index.d.ts.map +1 -1
  429. package/lib/internal/template/pie-chart/index.js +2 -2
  430. package/lib/internal/template/pie-chart/index.js.map +1 -1
  431. package/lib/internal/template/pie-chart/pie-chart.d.ts.map +1 -1
  432. package/lib/internal/template/pie-chart/pie-chart.js +1 -4
  433. package/lib/internal/template/pie-chart/pie-chart.js.map +1 -1
  434. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  435. package/lib/internal/template/pie-chart/styles.scoped.css +72 -72
  436. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  437. package/lib/internal/template/popover/body.d.ts +1 -1
  438. package/lib/internal/template/popover/body.d.ts.map +1 -1
  439. package/lib/internal/template/popover/body.js +1 -1
  440. package/lib/internal/template/popover/body.js.map +1 -1
  441. package/lib/internal/template/popover/container.d.ts +5 -2
  442. package/lib/internal/template/popover/container.d.ts.map +1 -1
  443. package/lib/internal/template/popover/container.js +15 -5
  444. package/lib/internal/template/popover/container.js.map +1 -1
  445. package/lib/internal/template/popover/styles.css.js +56 -54
  446. package/lib/internal/template/popover/styles.scoped.css +152 -140
  447. package/lib/internal/template/popover/styles.selectors.js +56 -54
  448. package/lib/internal/template/popover/use-popover-position.d.ts +3 -2
  449. package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
  450. package/lib/internal/template/popover/use-popover-position.js +12 -6
  451. package/lib/internal/template/popover/use-popover-position.js.map +1 -1
  452. package/lib/internal/template/popover/utils/positions.d.ts +2 -1
  453. package/lib/internal/template/popover/utils/positions.d.ts.map +1 -1
  454. package/lib/internal/template/popover/utils/positions.js +10 -4
  455. package/lib/internal/template/popover/utils/positions.js.map +1 -1
  456. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  457. package/lib/internal/template/progress-bar/styles.scoped.css +56 -56
  458. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  459. package/lib/internal/template/prompt-input/styles.css.js +15 -15
  460. package/lib/internal/template/prompt-input/styles.scoped.css +149 -149
  461. package/lib/internal/template/prompt-input/styles.selectors.js +15 -15
  462. package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
  463. package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +83 -83
  464. package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
  465. package/lib/internal/template/property-filter/styles.css.js +39 -39
  466. package/lib/internal/template/property-filter/styles.scoped.css +102 -102
  467. package/lib/internal/template/property-filter/styles.selectors.js +39 -39
  468. package/lib/internal/template/radio-group/radio-button.d.ts.map +1 -1
  469. package/lib/internal/template/radio-group/radio-button.js +1 -3
  470. package/lib/internal/template/radio-group/radio-button.js.map +1 -1
  471. package/lib/internal/template/radio-group/styles.css.js +10 -10
  472. package/lib/internal/template/radio-group/styles.scoped.css +43 -43
  473. package/lib/internal/template/radio-group/styles.selectors.js +10 -10
  474. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  475. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +14 -14
  476. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  477. package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js +3 -3
  478. package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css +7 -7
  479. package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  480. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  481. package/lib/internal/template/segmented-control/styles.scoped.css +98 -96
  482. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  483. package/lib/internal/template/select/parts/styles.css.js +20 -20
  484. package/lib/internal/template/select/parts/styles.scoped.css +57 -57
  485. package/lib/internal/template/select/parts/styles.selectors.js +20 -20
  486. package/lib/internal/template/select/styles.css.js +1 -1
  487. package/lib/internal/template/select/styles.scoped.css +5 -5
  488. package/lib/internal/template/select/styles.selectors.js +1 -1
  489. package/lib/internal/template/side-navigation/analytics-metadata/interfaces.d.ts +3 -0
  490. package/lib/internal/template/side-navigation/analytics-metadata/interfaces.d.ts.map +1 -1
  491. package/lib/internal/template/side-navigation/analytics-metadata/interfaces.js.map +1 -1
  492. package/lib/internal/template/side-navigation/styles.css.js +30 -30
  493. package/lib/internal/template/side-navigation/styles.scoped.css +106 -106
  494. package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
  495. package/lib/internal/template/slider/styles.css.js +26 -26
  496. package/lib/internal/template/slider/styles.scoped.css +198 -198
  497. package/lib/internal/template/slider/styles.selectors.js +26 -26
  498. package/lib/internal/template/space-between/styles.css.js +23 -23
  499. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  500. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  501. package/lib/internal/template/spinner/styles.css.js +13 -13
  502. package/lib/internal/template/spinner/styles.scoped.css +36 -36
  503. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  504. package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
  505. package/lib/internal/template/split-panel/icons/styles.scoped.css +47 -47
  506. package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
  507. package/lib/internal/template/split-panel/styles.css.js +27 -27
  508. package/lib/internal/template/split-panel/styles.scoped.css +85 -85
  509. package/lib/internal/template/split-panel/styles.selectors.js +27 -27
  510. package/lib/internal/template/status-indicator/styles.css.js +23 -23
  511. package/lib/internal/template/status-indicator/styles.scoped.css +48 -48
  512. package/lib/internal/template/status-indicator/styles.selectors.js +23 -23
  513. package/lib/internal/template/steps/styles.css.js +6 -6
  514. package/lib/internal/template/steps/styles.scoped.css +18 -18
  515. package/lib/internal/template/steps/styles.selectors.js +6 -6
  516. package/lib/internal/template/table/body-cell/styles.css.js +46 -46
  517. package/lib/internal/template/table/body-cell/styles.scoped.css +881 -878
  518. package/lib/internal/template/table/body-cell/styles.selectors.js +46 -46
  519. package/lib/internal/template/table/expandable-rows/styles.css.js +3 -3
  520. package/lib/internal/template/table/expandable-rows/styles.scoped.css +33 -33
  521. package/lib/internal/template/table/expandable-rows/styles.selectors.js +3 -3
  522. package/lib/internal/template/table/header-cell/styles.css.js +28 -28
  523. package/lib/internal/template/table/header-cell/styles.scoped.css +198 -198
  524. package/lib/internal/template/table/header-cell/styles.selectors.js +28 -28
  525. package/lib/internal/template/table/resizer/styles.css.js +8 -8
  526. package/lib/internal/template/table/resizer/styles.scoped.css +39 -39
  527. package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
  528. package/lib/internal/template/table/selection/styles.css.js +4 -4
  529. package/lib/internal/template/table/selection/styles.scoped.css +6 -6
  530. package/lib/internal/template/table/selection/styles.selectors.js +4 -4
  531. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  532. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +12 -12
  533. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  534. package/lib/internal/template/table/styles.css.js +34 -34
  535. package/lib/internal/template/table/styles.scoped.css +88 -88
  536. package/lib/internal/template/table/styles.selectors.js +34 -34
  537. package/lib/internal/template/tabs/styles.css.js +30 -30
  538. package/lib/internal/template/tabs/styles.scoped.css +123 -123
  539. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  540. package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
  541. package/lib/internal/template/tag-editor/index.js +1 -1
  542. package/lib/internal/template/tag-editor/index.js.map +1 -1
  543. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  544. package/lib/internal/template/tag-editor/styles.scoped.css +27 -27
  545. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  546. package/lib/internal/template/test-utils/dom/internal/chart-tooltip.d.ts +9 -0
  547. package/lib/internal/template/test-utils/dom/internal/chart-tooltip.js +26 -0
  548. package/lib/internal/template/test-utils/dom/internal/chart-tooltip.js.map +1 -0
  549. package/lib/internal/template/test-utils/selectors/internal/chart-tooltip.d.ts +9 -0
  550. package/lib/internal/template/test-utils/selectors/internal/chart-tooltip.js +26 -0
  551. package/lib/internal/template/test-utils/selectors/internal/chart-tooltip.js.map +1 -0
  552. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  553. package/lib/internal/template/text-content/styles.css.js +1 -1
  554. package/lib/internal/template/text-content/styles.scoped.css +123 -123
  555. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  556. package/lib/internal/template/text-filter/styles.css.js +3 -3
  557. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  558. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  559. package/lib/internal/template/textarea/styles.css.js +5 -5
  560. package/lib/internal/template/textarea/styles.scoped.css +58 -58
  561. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  562. package/lib/internal/template/tiles/styles.css.js +30 -30
  563. package/lib/internal/template/tiles/styles.scoped.css +152 -149
  564. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  565. package/lib/internal/template/toggle/styles.css.js +10 -10
  566. package/lib/internal/template/toggle/styles.scoped.css +36 -36
  567. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  568. package/lib/internal/template/toggle-button/styles.css.js +3 -3
  569. package/lib/internal/template/toggle-button/styles.scoped.css +6 -6
  570. package/lib/internal/template/toggle-button/styles.selectors.js +3 -3
  571. package/lib/internal/template/token-group/styles.css.js +8 -8
  572. package/lib/internal/template/token-group/styles.scoped.css +52 -52
  573. package/lib/internal/template/token-group/styles.selectors.js +8 -8
  574. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +23 -23
  575. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +78 -78
  576. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +23 -23
  577. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  578. package/lib/internal/template/top-navigation/styles.scoped.css +158 -158
  579. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  580. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  581. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  582. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  583. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  584. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +59 -59
  585. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  586. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  587. package/lib/internal/template/tutorial-panel/styles.scoped.css +7 -7
  588. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  589. package/lib/internal/template/wizard/styles.css.js +30 -30
  590. package/lib/internal/template/wizard/styles.scoped.css +118 -118
  591. package/lib/internal/template/wizard/styles.selectors.js +30 -30
  592. package/package.json +1 -1
  593. package/lib/internal/scss/internal/components/chart-popover-footer/styles.scss +0 -17
  594. package/lib/internal/template/internal/components/chart-popover-footer/index.d.ts +0 -5
  595. package/lib/internal/template/internal/components/chart-popover-footer/index.d.ts.map +0 -1
  596. package/lib/internal/template/internal/components/chart-popover-footer/index.js +0 -8
  597. package/lib/internal/template/internal/components/chart-popover-footer/index.js.map +0 -1
  598. package/lib/internal/template/internal/components/chart-popover-footer/styles.css.js +0 -6
  599. package/lib/internal/template/internal/components/chart-popover-footer/styles.scoped.css +0 -19
package/lib/internal/template/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/lib/internal/template/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_1e5qc_157",
5
- "enter": "awsui_enter_1q84n_1e5qc_157",
6
- "flash-body": "awsui_flash-body_1q84n_1e5qc_171",
7
- "flash-message": "awsui_flash-message_1q84n_1e5qc_171",
8
- "flash-header": "awsui_flash-header_1q84n_1e5qc_171",
9
- "flash-content": "awsui_flash-content_1q84n_1e5qc_172",
10
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1e5qc_173",
11
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1e5qc_174",
12
- "flash-icon": "awsui_flash-icon_1q84n_1e5qc_197",
13
- "entering": "awsui_entering_1q84n_1e5qc_210",
14
- "entered": "awsui_entered_1q84n_1e5qc_231",
15
- "exiting": "awsui_exiting_1q84n_1e5qc_336",
16
- "stack": "awsui_stack_1q84n_1e5qc_370",
17
- "animation-running": "awsui_animation-running_1q84n_1e5qc_370",
18
- "item": "awsui_item_1q84n_1e5qc_370",
19
- "flash-list-item": "awsui_flash-list-item_1q84n_1e5qc_371",
20
- "notification-bar": "awsui_notification-bar_1q84n_1e5qc_372",
21
- "collapsed": "awsui_collapsed_1q84n_1e5qc_392",
22
- "animation-ready": "awsui_animation-ready_1q84n_1e5qc_392",
23
- "expanded-only": "awsui_expanded-only_1q84n_1e5qc_392",
24
- "expanded": "awsui_expanded_1q84n_1e5qc_392",
25
- "flash": "awsui_flash_1q84n_1e5qc_157",
26
- "collapsible": "awsui_collapsible_1q84n_1e5qc_448",
27
- "short-list": "awsui_short-list_1q84n_1e5qc_454",
28
- "visual-refresh": "awsui_visual-refresh_1q84n_1e5qc_454",
29
- "status": "awsui_status_1q84n_1e5qc_601",
30
- "header": "awsui_header_1q84n_1e5qc_601",
31
- "item-count": "awsui_item-count_1q84n_1e5qc_602",
32
- "button": "awsui_button_1q84n_1e5qc_603",
33
- "type-count": "awsui_type-count_1q84n_1e5qc_636",
34
- "count-number": "awsui_count-number_1q84n_1e5qc_636",
35
- "icon": "awsui_icon_1q84n_1e5qc_670",
36
- "floating": "awsui_floating_1q84n_1e5qc_711",
37
- "flashbar": "awsui_flashbar_1q84n_1e5qc_715",
38
- "initial-hidden": "awsui_initial-hidden_1q84n_1e5qc_773",
39
- "flash-list": "awsui_flash-list_1q84n_1e5qc_371",
40
- "flash-focus-container": "awsui_flash-focus-container_1q84n_1e5qc_797",
41
- "flash-text": "awsui_flash-text_1q84n_1e5qc_827",
42
- "hidden": "awsui_hidden_1q84n_1e5qc_846",
43
- "header-replacement": "awsui_header-replacement_1q84n_1e5qc_851",
44
- "content-replacement": "awsui_content-replacement_1q84n_1e5qc_856",
45
- "dismiss-button": "awsui_dismiss-button_1q84n_1e5qc_174",
46
- "action-wrapped": "awsui_action-wrapped_1q84n_1e5qc_874",
47
- "action-button": "awsui_action-button_1q84n_1e5qc_173",
48
- "action-slot": "awsui_action-slot_1q84n_1e5qc_881",
49
- "flash-type-success": "awsui_flash-type-success_1q84n_1e5qc_885",
50
- "flash-type-error": "awsui_flash-type-error_1q84n_1e5qc_889",
51
- "flash-type-info": "awsui_flash-type-info_1q84n_1e5qc_893",
52
- "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1e5qc_894",
53
- "flash-type-warning": "awsui_flash-type-warning_1q84n_1e5qc_898"
4
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_2cnkv_157",
5
+ "enter": "awsui_enter_1q84n_2cnkv_157",
6
+ "flash-body": "awsui_flash-body_1q84n_2cnkv_171",
7
+ "flash-message": "awsui_flash-message_1q84n_2cnkv_171",
8
+ "flash-header": "awsui_flash-header_1q84n_2cnkv_171",
9
+ "flash-content": "awsui_flash-content_1q84n_2cnkv_172",
10
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_2cnkv_173",
11
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_2cnkv_174",
12
+ "flash-icon": "awsui_flash-icon_1q84n_2cnkv_197",
13
+ "entering": "awsui_entering_1q84n_2cnkv_210",
14
+ "entered": "awsui_entered_1q84n_2cnkv_231",
15
+ "exiting": "awsui_exiting_1q84n_2cnkv_336",
16
+ "stack": "awsui_stack_1q84n_2cnkv_370",
17
+ "animation-running": "awsui_animation-running_1q84n_2cnkv_370",
18
+ "item": "awsui_item_1q84n_2cnkv_370",
19
+ "flash-list-item": "awsui_flash-list-item_1q84n_2cnkv_371",
20
+ "notification-bar": "awsui_notification-bar_1q84n_2cnkv_372",
21
+ "collapsed": "awsui_collapsed_1q84n_2cnkv_392",
22
+ "animation-ready": "awsui_animation-ready_1q84n_2cnkv_392",
23
+ "expanded-only": "awsui_expanded-only_1q84n_2cnkv_392",
24
+ "expanded": "awsui_expanded_1q84n_2cnkv_392",
25
+ "flash": "awsui_flash_1q84n_2cnkv_157",
26
+ "collapsible": "awsui_collapsible_1q84n_2cnkv_448",
27
+ "short-list": "awsui_short-list_1q84n_2cnkv_454",
28
+ "visual-refresh": "awsui_visual-refresh_1q84n_2cnkv_454",
29
+ "status": "awsui_status_1q84n_2cnkv_601",
30
+ "header": "awsui_header_1q84n_2cnkv_601",
31
+ "item-count": "awsui_item-count_1q84n_2cnkv_602",
32
+ "button": "awsui_button_1q84n_2cnkv_603",
33
+ "type-count": "awsui_type-count_1q84n_2cnkv_636",
34
+ "count-number": "awsui_count-number_1q84n_2cnkv_636",
35
+ "icon": "awsui_icon_1q84n_2cnkv_670",
36
+ "floating": "awsui_floating_1q84n_2cnkv_711",
37
+ "flashbar": "awsui_flashbar_1q84n_2cnkv_715",
38
+ "initial-hidden": "awsui_initial-hidden_1q84n_2cnkv_773",
39
+ "flash-list": "awsui_flash-list_1q84n_2cnkv_371",
40
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_2cnkv_797",
41
+ "flash-text": "awsui_flash-text_1q84n_2cnkv_827",
42
+ "hidden": "awsui_hidden_1q84n_2cnkv_846",
43
+ "header-replacement": "awsui_header-replacement_1q84n_2cnkv_851",
44
+ "content-replacement": "awsui_content-replacement_1q84n_2cnkv_856",
45
+ "dismiss-button": "awsui_dismiss-button_1q84n_2cnkv_174",
46
+ "action-wrapped": "awsui_action-wrapped_1q84n_2cnkv_874",
47
+ "action-button": "awsui_action-button_1q84n_2cnkv_173",
48
+ "action-slot": "awsui_action-slot_1q84n_2cnkv_881",
49
+ "flash-type-success": "awsui_flash-type-success_1q84n_2cnkv_885",
50
+ "flash-type-error": "awsui_flash-type-error_1q84n_2cnkv_889",
51
+ "flash-type-info": "awsui_flash-type-info_1q84n_2cnkv_893",
52
+ "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_2cnkv_894",
53
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_2cnkv_898"
54
54
  };
55
55