@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
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_fvjdu_842em_145:not(#\9) {
145
+ .awsui_root_fvjdu_1uv53_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -166,11 +166,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  visibility: visible;
167
167
  white-space: normal;
168
168
  word-spacing: normal;
169
- font-size: var(--font-size-body-m-6wxxs5, 14px);
170
- line-height: var(--line-height-body-m-gw0130, 22px);
171
- color: var(--color-text-body-default-agk00h, #16191f);
169
+ font-size: var(--font-size-body-m-vv54cm, 14px);
170
+ line-height: var(--line-height-body-m-bedeoh, 22px);
171
+ color: var(--color-text-body-default-1tki40, #16191f);
172
172
  font-weight: 400;
173
- font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
173
+ font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
174
174
  -webkit-font-smoothing: auto;
175
175
  -moz-osx-font-smoothing: auto;
176
176
  display: flex;
@@ -183,14 +183,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  list-style: none;
184
184
  }
185
185
 
186
- .awsui_button_fvjdu_842em_185:not(#\9),
187
- .awsui_dots_fvjdu_842em_186:not(#\9) {
188
- min-inline-size: var(--space-l-eenfqd, 20px);
189
- border-block: var(--border-width-field-9kmoac, 1px) solid transparent;
190
- border-inline: var(--border-width-field-9kmoac, 1px) solid transparent;
186
+ .awsui_button_fvjdu_1uv53_185:not(#\9),
187
+ .awsui_dots_fvjdu_1uv53_186:not(#\9) {
188
+ min-inline-size: var(--space-l-3cws6j, 20px);
189
+ border-block: var(--border-width-button-40y1n5, 1px) solid transparent;
190
+ border-inline: var(--border-width-button-40y1n5, 1px) solid transparent;
191
191
  }
192
192
 
193
- .awsui_button_fvjdu_842em_185:not(#\9) {
193
+ .awsui_button_fvjdu_1uv53_185:not(#\9) {
194
194
  cursor: pointer;
195
195
  text-align: center;
196
196
  box-sizing: border-box;
@@ -199,75 +199,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
199
199
  padding-block: 0;
200
200
  padding-inline: 0;
201
201
  }
202
- .awsui_button_fvjdu_842em_185:not(#\9):focus {
202
+ .awsui_button_fvjdu_1uv53_185:not(#\9):focus {
203
203
  outline: none;
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_button_fvjdu_842em_185:not(#\9):focus {
205
+ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1uv53_185:not(#\9):focus {
206
206
  outline: 2px dotted transparent;
207
- border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
208
- border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
209
- border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
210
- border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
211
- border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
212
- border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
213
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
207
+ border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-vx5mpq, #0073bb);
208
+ border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-vx5mpq, #0073bb);
209
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
210
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
211
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
212
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
213
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-vx5mpq, #0073bb);
214
214
  }
215
- .awsui_button-disabled_fvjdu_842em_214:not(#\9) {
215
+ .awsui_button-disabled_fvjdu_1uv53_214:not(#\9) {
216
216
  cursor: default;
217
- color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
217
+ color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
218
218
  }
219
219
 
220
- .awsui_arrow_fvjdu_842em_219:not(#\9) {
221
- color: var(--color-text-interactive-default-t1snbz, #545b64);
220
+ .awsui_arrow_fvjdu_1uv53_219:not(#\9) {
221
+ color: var(--color-text-interactive-default-mf3cev, #545b64);
222
222
  }
223
- .awsui_arrow_fvjdu_842em_219:not(#\9):not(.awsui_button-disabled_fvjdu_842em_214):hover {
224
- color: var(--color-text-interactive-hover-kxltdh, #16191f);
223
+ .awsui_arrow_fvjdu_1uv53_219:not(#\9):not(.awsui_button-disabled_fvjdu_1uv53_214):hover {
224
+ color: var(--color-text-interactive-hover-kceoak, #16191f);
225
225
  }
226
- .awsui_arrow_fvjdu_842em_219.awsui_button-disabled_fvjdu_842em_214:not(#\9) {
227
- color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
226
+ .awsui_arrow_fvjdu_1uv53_219.awsui_button-disabled_fvjdu_1uv53_214:not(#\9) {
227
+ color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
228
228
  }
229
229
 
230
- .awsui_page-number_fvjdu_842em_229:not(#\9) {
231
- color: var(--color-text-pagination-page-number-default-010u3g, #545b64);
230
+ .awsui_page-number_fvjdu_1uv53_229:not(#\9) {
231
+ color: var(--color-text-pagination-page-number-default-fbfi1l, #545b64);
232
232
  }
233
- .awsui_page-number_fvjdu_842em_229:not(#\9):not(.awsui_button-disabled_fvjdu_842em_214):hover {
234
- color: var(--color-text-interactive-hover-kxltdh, #16191f);
233
+ .awsui_page-number_fvjdu_1uv53_229:not(#\9):not(.awsui_button-disabled_fvjdu_1uv53_214):hover {
234
+ color: var(--color-text-interactive-hover-kceoak, #16191f);
235
235
  }
236
- .awsui_page-number_fvjdu_842em_229.awsui_button-current_fvjdu_842em_235:not(#\9) {
237
- font-weight: var(--font-wayfinding-link-active-weight-qpw3j2, 700);
238
- -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
239
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
240
- color: var(--color-text-interactive-active-xcqmut, #16191f);
236
+ .awsui_page-number_fvjdu_1uv53_229.awsui_button-current_fvjdu_1uv53_235:not(#\9) {
237
+ font-weight: var(--font-wayfinding-link-active-weight-lhxtkr, 700);
238
+ -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
239
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
240
+ color: var(--color-text-interactive-active-8tdg02, #16191f);
241
241
  }
242
- .awsui_page-number_fvjdu_842em_229.awsui_button-current_fvjdu_842em_235.awsui_button-disabled_fvjdu_842em_214:not(#\9) {
243
- color: var(--color-text-pagination-page-number-active-disabled-m1yzqe, #545b64);
242
+ .awsui_page-number_fvjdu_1uv53_229.awsui_button-current_fvjdu_1uv53_235.awsui_button-disabled_fvjdu_1uv53_214:not(#\9) {
243
+ color: var(--color-text-pagination-page-number-active-disabled-exyz5u, #545b64);
244
244
  }
245
- .awsui_page-number_fvjdu_842em_229.awsui_button-disabled_fvjdu_842em_214:not(#\9) {
246
- color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
245
+ .awsui_page-number_fvjdu_1uv53_229.awsui_button-disabled_fvjdu_1uv53_214:not(#\9) {
246
+ color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
247
247
  }
248
248
 
249
- .awsui_dots_fvjdu_842em_186:not(#\9) {
250
- color: var(--color-text-interactive-default-t1snbz, #545b64);
249
+ .awsui_dots_fvjdu_1uv53_186:not(#\9) {
250
+ color: var(--color-text-interactive-default-mf3cev, #545b64);
251
251
  }
252
252
 
253
- .awsui_page-item_fvjdu_842em_252:not(#\9),
254
- .awsui_dots_fvjdu_842em_186:not(#\9) {
255
- margin-block: var(--space-scaled-xxs-krq5fq, 4px);
256
- margin-inline: var(--space-xxs-y2432o, 4px);
253
+ .awsui_page-item_fvjdu_1uv53_252:not(#\9),
254
+ .awsui_dots_fvjdu_1uv53_186:not(#\9) {
255
+ margin-block: var(--space-scaled-xxs-jatbiv, 4px);
256
+ margin-inline: var(--space-xxs-jnczic, 4px);
257
257
  text-align: center;
258
258
  box-sizing: border-box;
259
259
  padding-block: 0;
260
260
  padding-inline: 0;
261
261
  }
262
- .awsui_page-item_fvjdu_842em_252:not(#\9):first-child,
263
- .awsui_dots_fvjdu_842em_186:not(#\9):first-child {
262
+ .awsui_page-item_fvjdu_1uv53_252:not(#\9):first-child,
263
+ .awsui_dots_fvjdu_1uv53_186:not(#\9):first-child {
264
264
  margin-inline-start: 0;
265
265
  }
266
- .awsui_page-item_fvjdu_842em_252:not(#\9):last-child,
267
- .awsui_dots_fvjdu_842em_186:not(#\9):last-child {
266
+ .awsui_page-item_fvjdu_1uv53_252:not(#\9):last-child,
267
+ .awsui_dots_fvjdu_1uv53_186:not(#\9):last-child {
268
268
  margin-inline-end: 0;
269
269
  }
270
270
 
271
- .awsui_root-disabled_fvjdu_842em_270 > .awsui_dots_fvjdu_842em_186:not(#\9) {
272
- color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
271
+ .awsui_root-disabled_fvjdu_1uv53_270 > .awsui_dots_fvjdu_1uv53_186:not(#\9) {
272
+ color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
273
273
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_fvjdu_842em_145",
6
- "button": "awsui_button_fvjdu_842em_185",
7
- "dots": "awsui_dots_fvjdu_842em_186",
8
- "button-disabled": "awsui_button-disabled_fvjdu_842em_214",
9
- "arrow": "awsui_arrow_fvjdu_842em_219",
10
- "page-number": "awsui_page-number_fvjdu_842em_229",
11
- "button-current": "awsui_button-current_fvjdu_842em_235",
12
- "page-item": "awsui_page-item_fvjdu_842em_252",
13
- "root-disabled": "awsui_root-disabled_fvjdu_842em_270"
5
+ "root": "awsui_root_fvjdu_1uv53_145",
6
+ "button": "awsui_button_fvjdu_1uv53_185",
7
+ "dots": "awsui_dots_fvjdu_1uv53_186",
8
+ "button-disabled": "awsui_button-disabled_fvjdu_1uv53_214",
9
+ "arrow": "awsui_arrow_fvjdu_1uv53_219",
10
+ "page-number": "awsui_page-number_fvjdu_1uv53_229",
11
+ "button-current": "awsui_button-current_fvjdu_1uv53_235",
12
+ "page-item": "awsui_page-item_fvjdu_1uv53_252",
13
+ "root-disabled": "awsui_root-disabled_fvjdu_1uv53_270"
14
14
  };
15
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,obA0Nb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,obAyNb,CAAC;AAGF,eAAe,QAAQ,CAAC"}
@@ -7,6 +7,7 @@ import { pie } from 'd3-shape';
7
7
  import { getBaseProps } from '../internal/base-component';
8
8
  import Filter from '../internal/components/chart-filter';
9
9
  import Legend from '../internal/components/chart-legend';
10
+ import ChartSeriesMarker from '../internal/components/chart-series-marker';
10
11
  import ChartStatusContainer, { getChartStatus } from '../internal/components/chart-status-container';
11
12
  import { ChartWrapper } from '../internal/components/chart-wrapper';
12
13
  import { fireNonCancelableEvent } from '../internal/events';
@@ -63,8 +64,7 @@ const PieChart = function PieChart(_a) {
63
64
  const visibleData = useMemo(() => data.filter(d => (visibleSegments === null || visibleSegments === void 0 ? void 0 : visibleSegments.indexOf(d.datum)) !== -1), [data, visibleSegments]);
64
65
  const filterItems = data === null || data === void 0 ? void 0 : data.map(data => ({
65
66
  label: data.datum.title,
66
- color: data.color,
67
- type: 'rectangle',
67
+ marker: React.createElement(ChartSeriesMarker, { color: data.color, type: "rectangle" }),
68
68
  datum: data.datum,
69
69
  }));
70
70
  const legendItems = filterItems.filter(d => (visibleSegments === null || visibleSegments === void 0 ? void 0 : visibleSegments.indexOf(d.datum)) !== -1);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pie-chart/index.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { pie } from 'd3-shape';\n\nimport { getBaseProps } from '../internal/base-component';\nimport Filter, { ChartFilterProps } from '../internal/components/chart-filter';\nimport Legend, { ChartLegendProps } from '../internal/components/chart-legend';\nimport ChartStatusContainer, { getChartStatus } from '../internal/components/chart-status-container';\nimport { ChartWrapper } from '../internal/components/chart-wrapper';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport createCategoryColorScale from '../internal/utils/create-category-color-scale';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { PieChartProps } from './interfaces';\nimport InternalPieChart, { InternalChartDatum } from './pie-chart';\nimport { getDimensionsBySize } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { PieChartProps };\n\nconst PieChart = function PieChart<T extends PieChartProps.Datum = PieChartProps.Datum>({\n fitHeight,\n variant = 'pie',\n size = 'medium',\n hideTitles = false,\n hideDescriptions = false,\n hideLegend = false,\n hideFilter = false,\n statusType = 'finished',\n data: externalData = [],\n i18nStrings = {},\n highlightedSegment: controlledHighlightedSegment,\n visibleSegments: controlledVisibleSegments,\n onHighlightChange: controlledOnHighlightChange,\n onFilterChange,\n additionalFilters,\n legendTitle,\n detailPopoverSize = 'medium',\n ...props\n}: PieChartProps<T>) {\n const { __internalRootRef = null } = useBaseComponent('PieChart', {\n props: {\n fitHeight,\n variant,\n size,\n hideTitles,\n hideDescriptions,\n hideLegend,\n hideFilter,\n detailPopoverSize,\n },\n });\n const baseProps = getBaseProps(props);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerWidth, measureRef] = useContainerWidth();\n\n const data: ReadonlyArray<InternalChartDatum<T>> = useMemo(() => {\n const colors = createCategoryColorScale(externalData, undefined, it => it.color || null);\n\n return externalData.map((datum, i) => ({\n index: i,\n color: colors[i],\n datum,\n }));\n }, [externalData]);\n\n const [highlightedSegment = null, setHighlightedSegment] = useControllable(\n controlledHighlightedSegment,\n controlledOnHighlightChange,\n null,\n {\n componentName: 'PieChart',\n controlledProp: 'highlightedSegment',\n changeHandler: 'onHighlightChange',\n }\n );\n const [legendSegment, setLegendSegment] = useState<null | T>(highlightedSegment);\n useEffect(() => {\n setLegendSegment(controlledHighlightedSegment || null);\n }, [controlledHighlightedSegment]);\n\n const [visibleSegments, setVisibleSegments] = useControllable(\n controlledVisibleSegments,\n onFilterChange,\n externalData,\n {\n componentName: 'PieChart',\n controlledProp: 'visibleSegments',\n changeHandler: 'onFilterChange',\n }\n );\n\n const visibleData = useMemo(\n () => data.filter(d => visibleSegments?.indexOf(d.datum) !== -1),\n [data, visibleSegments]\n );\n\n const filterItems: ChartFilterProps<T>['series'] = data?.map(data => ({\n label: data.datum.title,\n color: data.color,\n type: 'rectangle',\n datum: data.datum,\n }));\n\n const legendItems: ChartLegendProps<T>['series'] = filterItems.filter(d => visibleSegments?.indexOf(d.datum) !== -1);\n\n const filterChange = useCallback(\n (selectedSeries: ReadonlyArray<T>) => {\n setVisibleSegments(selectedSeries);\n fireNonCancelableEvent(onFilterChange, {\n visibleSegments: selectedSeries,\n });\n },\n [setVisibleSegments, onFilterChange]\n );\n\n const onHighlightChange = useCallback(\n (segment: T | null) => {\n setLegendSegment(segment);\n setHighlightedSegment(segment);\n fireNonCancelableEvent(controlledOnHighlightChange, { highlightedSegment: segment });\n },\n [controlledOnHighlightChange, setHighlightedSegment]\n );\n\n const onBlur = (event: React.FocusEvent) => {\n if (event.relatedTarget && !nodeBelongs(containerRef.current, event.relatedTarget)) {\n highlightedSegment && onHighlightChange(null);\n setLegendSegment(null);\n }\n };\n\n const mergedRef = useMergeRefs(containerRef, measureRef, __internalRootRef);\n\n const { pieData, dataSum } = useMemo(() => {\n const dataSum = visibleData.reduce((sum, d) => sum + d.datum.value, 0);\n\n const pieFactory = pie<InternalChartDatum<T>>()\n // Minimum 1% segment size\n .value(d => (d.datum.value < dataSum / 100 ? dataSum / 100 : d.datum.value))\n .sort(null);\n\n // Filter out segments with value of zero or below\n const pieData = pieFactory(visibleData.filter(d => d.datum.value > 0));\n\n return { pieData, dataSum };\n }, [visibleData]);\n\n const hasNoData = !externalData || externalData.length === 0;\n const { isEmpty, showChart } = getChartStatus({ externalData: data, visibleData: pieData, statusType });\n // Pie charts have a special condition for empty/noMatch due to how zero-value segments are handled.\n const isNoMatch = isEmpty && visibleData.length !== data.length;\n const showFilters = statusType === 'finished' && !hasNoData && (additionalFilters || !hideFilter);\n const reserveLegendSpace = !showChart && !hideLegend;\n const reserveFilterSpace = statusType !== 'finished' && !isNoMatch && (!hideFilter || additionalFilters);\n const hasLabels = !(hideTitles && hideDescriptions);\n\n const isRefresh = useVisualRefresh();\n const defaultDimensions = getDimensionsBySize({ size, hasLabels, visualRefresh: isRefresh });\n const radius = defaultDimensions.outerRadius;\n const height = 2 * (radius + defaultDimensions.padding + (hasLabels ? defaultDimensions.paddingLabels : 0));\n\n return (\n <ChartWrapper\n ref={mergedRef}\n fitHeight={!!fitHeight}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n contentClassName={clsx(styles.content, styles[`content--${defaultDimensions.size}`], {\n [styles['content--without-labels']]: !hasLabels,\n [styles['content--fit-height']]: fitHeight,\n })}\n defaultFilter={\n showFilters && !hideFilter ? (\n <Filter\n series={filterItems}\n onChange={filterChange}\n selectedSeries={visibleSegments}\n i18nStrings={i18nStrings}\n />\n ) : null\n }\n additionalFilters={showFilters ? additionalFilters : null}\n reserveFilterSpace={!!reserveFilterSpace}\n reserveLegendSpace={!!reserveLegendSpace}\n chartStatus={\n <ChartStatusContainer\n isEmpty={isEmpty}\n isNoMatch={isNoMatch}\n showChart={showChart}\n statusType={statusType}\n empty={props.empty}\n noMatch={props.noMatch}\n loadingText={props.loadingText}\n errorText={props.errorText}\n recoveryText={props.recoveryText}\n onRecoveryClick={props.onRecoveryClick}\n />\n }\n chart={\n showChart ? (\n <InternalPieChart\n {...props}\n variant={variant}\n size={size}\n height={height}\n fitHeight={fitHeight}\n data={externalData}\n width={containerWidth}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n i18nStrings={i18nStrings}\n onHighlightChange={onHighlightChange}\n highlightedSegment={highlightedSegment}\n legendSegment={legendSegment}\n detailPopoverSize={detailPopoverSize}\n pieData={pieData}\n dataSum={dataSum}\n />\n ) : null\n }\n legend={\n !hideLegend &&\n !hasNoData &&\n statusType === 'finished' && (\n <Legend<T>\n series={legendItems}\n highlightedSeries={legendSegment}\n legendTitle={legendTitle}\n ariaLabel={i18nStrings?.legendAriaLabel}\n onHighlightChange={onHighlightChange}\n plotContainerRef={containerRef}\n />\n )\n }\n onBlur={onBlur}\n />\n );\n};\n\napplyDisplayName(PieChart, 'PieChart');\nexport default PieChart;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pie-chart/index.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { pie } from 'd3-shape';\n\nimport { getBaseProps } from '../internal/base-component';\nimport Filter, { ChartFilterProps } from '../internal/components/chart-filter';\nimport Legend, { ChartLegendProps } from '../internal/components/chart-legend';\nimport ChartSeriesMarker from '../internal/components/chart-series-marker';\nimport ChartStatusContainer, { getChartStatus } from '../internal/components/chart-status-container';\nimport { ChartWrapper } from '../internal/components/chart-wrapper';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport createCategoryColorScale from '../internal/utils/create-category-color-scale';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { PieChartProps } from './interfaces';\nimport InternalPieChart, { InternalChartDatum } from './pie-chart';\nimport { getDimensionsBySize } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { PieChartProps };\n\nconst PieChart = function PieChart<T extends PieChartProps.Datum = PieChartProps.Datum>({\n fitHeight,\n variant = 'pie',\n size = 'medium',\n hideTitles = false,\n hideDescriptions = false,\n hideLegend = false,\n hideFilter = false,\n statusType = 'finished',\n data: externalData = [],\n i18nStrings = {},\n highlightedSegment: controlledHighlightedSegment,\n visibleSegments: controlledVisibleSegments,\n onHighlightChange: controlledOnHighlightChange,\n onFilterChange,\n additionalFilters,\n legendTitle,\n detailPopoverSize = 'medium',\n ...props\n}: PieChartProps<T>) {\n const { __internalRootRef = null } = useBaseComponent('PieChart', {\n props: {\n fitHeight,\n variant,\n size,\n hideTitles,\n hideDescriptions,\n hideLegend,\n hideFilter,\n detailPopoverSize,\n },\n });\n const baseProps = getBaseProps(props);\n const containerRef = useRef<HTMLDivElement>(null);\n const [containerWidth, measureRef] = useContainerWidth();\n\n const data: ReadonlyArray<InternalChartDatum<T>> = useMemo(() => {\n const colors = createCategoryColorScale(externalData, undefined, it => it.color || null);\n\n return externalData.map((datum, i) => ({\n index: i,\n color: colors[i],\n datum,\n }));\n }, [externalData]);\n\n const [highlightedSegment = null, setHighlightedSegment] = useControllable(\n controlledHighlightedSegment,\n controlledOnHighlightChange,\n null,\n {\n componentName: 'PieChart',\n controlledProp: 'highlightedSegment',\n changeHandler: 'onHighlightChange',\n }\n );\n const [legendSegment, setLegendSegment] = useState<null | T>(highlightedSegment);\n useEffect(() => {\n setLegendSegment(controlledHighlightedSegment || null);\n }, [controlledHighlightedSegment]);\n\n const [visibleSegments, setVisibleSegments] = useControllable(\n controlledVisibleSegments,\n onFilterChange,\n externalData,\n {\n componentName: 'PieChart',\n controlledProp: 'visibleSegments',\n changeHandler: 'onFilterChange',\n }\n );\n\n const visibleData = useMemo(\n () => data.filter(d => visibleSegments?.indexOf(d.datum) !== -1),\n [data, visibleSegments]\n );\n\n const filterItems: ChartFilterProps<T>['series'] = data?.map(data => ({\n label: data.datum.title,\n marker: <ChartSeriesMarker color={data.color} type=\"rectangle\" />,\n datum: data.datum,\n }));\n\n const legendItems: ChartLegendProps<T>['series'] = filterItems.filter(d => visibleSegments?.indexOf(d.datum) !== -1);\n\n const filterChange = useCallback(\n (selectedSeries: ReadonlyArray<T>) => {\n setVisibleSegments(selectedSeries);\n fireNonCancelableEvent(onFilterChange, {\n visibleSegments: selectedSeries,\n });\n },\n [setVisibleSegments, onFilterChange]\n );\n\n const onHighlightChange = useCallback(\n (segment: T | null) => {\n setLegendSegment(segment);\n setHighlightedSegment(segment);\n fireNonCancelableEvent(controlledOnHighlightChange, { highlightedSegment: segment });\n },\n [controlledOnHighlightChange, setHighlightedSegment]\n );\n\n const onBlur = (event: React.FocusEvent) => {\n if (event.relatedTarget && !nodeBelongs(containerRef.current, event.relatedTarget)) {\n highlightedSegment && onHighlightChange(null);\n setLegendSegment(null);\n }\n };\n\n const mergedRef = useMergeRefs(containerRef, measureRef, __internalRootRef);\n\n const { pieData, dataSum } = useMemo(() => {\n const dataSum = visibleData.reduce((sum, d) => sum + d.datum.value, 0);\n\n const pieFactory = pie<InternalChartDatum<T>>()\n // Minimum 1% segment size\n .value(d => (d.datum.value < dataSum / 100 ? dataSum / 100 : d.datum.value))\n .sort(null);\n\n // Filter out segments with value of zero or below\n const pieData = pieFactory(visibleData.filter(d => d.datum.value > 0));\n\n return { pieData, dataSum };\n }, [visibleData]);\n\n const hasNoData = !externalData || externalData.length === 0;\n const { isEmpty, showChart } = getChartStatus({ externalData: data, visibleData: pieData, statusType });\n // Pie charts have a special condition for empty/noMatch due to how zero-value segments are handled.\n const isNoMatch = isEmpty && visibleData.length !== data.length;\n const showFilters = statusType === 'finished' && !hasNoData && (additionalFilters || !hideFilter);\n const reserveLegendSpace = !showChart && !hideLegend;\n const reserveFilterSpace = statusType !== 'finished' && !isNoMatch && (!hideFilter || additionalFilters);\n const hasLabels = !(hideTitles && hideDescriptions);\n\n const isRefresh = useVisualRefresh();\n const defaultDimensions = getDimensionsBySize({ size, hasLabels, visualRefresh: isRefresh });\n const radius = defaultDimensions.outerRadius;\n const height = 2 * (radius + defaultDimensions.padding + (hasLabels ? defaultDimensions.paddingLabels : 0));\n\n return (\n <ChartWrapper\n ref={mergedRef}\n fitHeight={!!fitHeight}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n contentClassName={clsx(styles.content, styles[`content--${defaultDimensions.size}`], {\n [styles['content--without-labels']]: !hasLabels,\n [styles['content--fit-height']]: fitHeight,\n })}\n defaultFilter={\n showFilters && !hideFilter ? (\n <Filter\n series={filterItems}\n onChange={filterChange}\n selectedSeries={visibleSegments}\n i18nStrings={i18nStrings}\n />\n ) : null\n }\n additionalFilters={showFilters ? additionalFilters : null}\n reserveFilterSpace={!!reserveFilterSpace}\n reserveLegendSpace={!!reserveLegendSpace}\n chartStatus={\n <ChartStatusContainer\n isEmpty={isEmpty}\n isNoMatch={isNoMatch}\n showChart={showChart}\n statusType={statusType}\n empty={props.empty}\n noMatch={props.noMatch}\n loadingText={props.loadingText}\n errorText={props.errorText}\n recoveryText={props.recoveryText}\n onRecoveryClick={props.onRecoveryClick}\n />\n }\n chart={\n showChart ? (\n <InternalPieChart\n {...props}\n variant={variant}\n size={size}\n height={height}\n fitHeight={fitHeight}\n data={externalData}\n width={containerWidth}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n i18nStrings={i18nStrings}\n onHighlightChange={onHighlightChange}\n highlightedSegment={highlightedSegment}\n legendSegment={legendSegment}\n detailPopoverSize={detailPopoverSize}\n pieData={pieData}\n dataSum={dataSum}\n />\n ) : null\n }\n legend={\n !hideLegend &&\n !hasNoData &&\n statusType === 'finished' && (\n <Legend<T>\n series={legendItems}\n highlightedSeries={legendSegment}\n legendTitle={legendTitle}\n ariaLabel={i18nStrings?.legendAriaLabel}\n onHighlightChange={onHighlightChange}\n plotContainerRef={containerRef}\n />\n )\n }\n onBlur={onBlur}\n />\n );\n};\n\napplyDisplayName(PieChart, 'PieChart');\nexport default PieChart;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/pie-chart.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAevC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAc,MAAM,cAAc,CAAC;AAOzD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACpB;AAED,UAAU,qBAAqB,CAAC,CAAC,SAAS,aAAa,CAAC,KAAK,CAC3D,SAAQ,YAAY,CAClB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,YAAY,CAAC,EAC1D,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,GAAG,kBAAkB,CACvE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEf,kBAAkB,EAAE,CAAC,GAAG,IAAI,CAAC;IAC7B,iBAAiB,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,CAAC,KAAK,IAAI,CAAC;IAE/C,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IAExB,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;CACjB;;AAQD,wBAuVE"}
1
+ {"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/pie-chart.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAcvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAc,MAAM,cAAc,CAAC;AAOzD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACpB;AAED,UAAU,qBAAqB,CAAC,CAAC,SAAS,aAAa,CAAC,KAAK,CAC3D,SAAQ,YAAY,CAClB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,mBAAmB,GAAG,YAAY,CAAC,EAC1D,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,GAAG,kBAAkB,CACvE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IAEf,kBAAkB,EAAE,CAAC,GAAG,IAAI,CAAC;IAC7B,iBAAiB,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,CAAC,KAAK,IAAI,CAAC;IAE/C,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;IAExB,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;CACjB;;AAQD,wBAuVE"}
@@ -7,7 +7,6 @@ import InternalBox from '../box/internal';
7
7
  import { useInternalI18n } from '../i18n/context';
8
8
  import ChartPlot from '../internal/components/chart-plot';
9
9
  import ChartPopover from '../internal/components/chart-popover';
10
- import ChartPopoverFooter from '../internal/components/chart-popover-footer';
11
10
  import SeriesDetails from '../internal/components/chart-series-details';
12
11
  import SeriesMarker from '../internal/components/chart-series-marker';
13
12
  import { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';
@@ -196,9 +195,7 @@ export default ({ fitHeight, height: explicitHeight, variant, size, width, i18nS
196
195
  isPopoverOpen && popoverData && (React.createElement(ChartPopover, { ref: popoverRef, title: popoverData.series && (React.createElement(InternalBox, { className: styles['popover-header'], variant: "strong" },
197
196
  React.createElement(SeriesMarker, { color: popoverData.series.color, type: popoverData.series.markerType }),
198
197
  ' ',
199
- popoverData.series.label)), trackRef: popoverData.trackRef, trackKey: popoverData.series.index, dismissButton: pinnedSegment !== null, dismissAriaLabel: i18nStrings.detailPopoverDismissAriaLabel, onDismiss: onPopoverDismiss, container: ((_b = plotRef.current) === null || _b === void 0 ? void 0 : _b.svg) || null, size: detailPopoverSize, onMouseLeave: checkMouseLeave, onBlur: onApplicationBlur },
200
- popoverContent,
201
- detailPopoverFooterContent && React.createElement(ChartPopoverFooter, null, detailPopoverFooterContent))),
198
+ popoverData.series.label)), trackRef: popoverData.trackRef, trackKey: popoverData.series.index, dismissButton: pinnedSegment !== null, dismissAriaLabel: i18nStrings.detailPopoverDismissAriaLabel, onDismiss: onPopoverDismiss, container: ((_b = plotRef.current) === null || _b === void 0 ? void 0 : _b.svg) || null, size: detailPopoverSize, onMouseLeave: checkMouseLeave, onBlur: onApplicationBlur, footer: detailPopoverFooterContent }, popoverContent)),
202
199
  React.createElement(InternalLiveRegion, { sources: [popoverContentRef] })));
203
200
  };
204
201
  //# sourceMappingURL=pie-chart.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../src/pie-chart/pie-chart.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { PieArcDatum } from 'd3-shape';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport InternalBox from '../box/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport ChartPlot, { ChartPlotRef } from '../internal/components/chart-plot';\nimport ChartPopover from '../internal/components/chart-popover';\nimport ChartPopoverFooter from '../internal/components/chart-popover-footer';\nimport SeriesDetails from '../internal/components/chart-series-details';\nimport SeriesMarker from '../internal/components/chart-series-marker';\nimport { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { SomeRequired } from '../internal/types';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport InternalLiveRegion from '../live-region/internal';\nimport { PieChartProps, SeriesInfo } from './interfaces';\nimport Labels from './labels';\nimport Segments from './segments';\nimport { defaultDetails, getDimensionsBySize } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface InternalChartDatum<T> {\n index: number;\n color: string;\n datum: Readonly<T>;\n}\n\ninterface InternalPieChartProps<T extends PieChartProps.Datum>\n extends SomeRequired<\n Omit<PieChartProps<T>, 'onHighlightChange' | 'statusType'>,\n 'variant' | 'size' | 'i18nStrings' | 'hideTitles' | 'hideDescriptions'\n > {\n width: number;\n height: number;\n\n highlightedSegment: T | null;\n onHighlightChange: (segment: null | T) => void;\n\n legendSegment: T | null;\n\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n dataSum: number;\n}\n\ninterface PopoverData<T> {\n datum: T;\n trackRef: React.RefObject<SVGElement>;\n series: SeriesInfo;\n}\n\nexport default <T extends PieChartProps.Datum>({\n fitHeight,\n height: explicitHeight,\n variant,\n size,\n width,\n i18nStrings,\n ariaLabel,\n ariaLabelledby,\n ariaDescription,\n innerMetricValue,\n innerMetricDescription,\n hideTitles,\n hideDescriptions,\n detailPopoverContent,\n detailPopoverSize,\n detailPopoverFooter,\n segmentDescription,\n highlightedSegment,\n onHighlightChange,\n legendSegment,\n pieData,\n dataSum,\n}: InternalPieChartProps<T>) => {\n const [pinnedSegment, setPinnedSegment] = useState<T | null>(null);\n const plotRef = useRef<ChartPlotRef>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const focusedSegmentRef = useRef<SVGGElement>(null);\n const popoverTrackRef = useRef<SVGCircleElement>(null);\n const popoverRef = useRef<HTMLElement | null>(null);\n\n const hasLabels = !(hideTitles && hideDescriptions);\n const isRefresh = useVisualRefresh();\n\n const height = useHeightMeasure(() => plotRef.current?.svg ?? null, !fitHeight) ?? explicitHeight;\n\n const dimensions = useMemo(\n () =>\n getDimensionsBySize({ size: fitHeight ? Math.min(height, width) : size, hasLabels, visualRefresh: isRefresh }),\n [fitHeight, height, width, size, hasLabels, isRefresh]\n );\n\n // Inner content is only available for donut charts and the inner description is not displayed for small charts\n const hasInnerContent =\n variant === 'donut' && (innerMetricValue || (innerMetricDescription && dimensions.size !== 'small'));\n\n const innerMetricId = useUniqueId('awsui-pie-chart__inner');\n\n const [isPopoverOpen, setPopoverOpen] = useState<boolean>(false);\n const [popoverData, setPopoverData] = useState<PopoverData<T>>();\n\n const highlightedSegmentIndex = useMemo(() => {\n for (let index = 0; index < pieData.length; index++) {\n if (pieData[index].data.datum === highlightedSegment) {\n return index;\n }\n }\n return null;\n }, [pieData, highlightedSegment]);\n\n const detailPopoverFooterContent = useMemo(\n () => (detailPopoverFooter && highlightedSegment ? detailPopoverFooter(highlightedSegment) : null),\n [detailPopoverFooter, highlightedSegment]\n );\n\n const i18n = useInternalI18n('pie-chart');\n const detailFunction = detailPopoverContent || defaultDetails(i18n, i18nStrings);\n const details = popoverData ? detailFunction(popoverData.datum, dataSum) : [];\n const popoverContentRef = useRef<HTMLDivElement | null>(null);\n const popoverContent = popoverData && <SeriesDetails details={details} compactList={true} ref={popoverContentRef} />;\n\n const popoverDismissedRecently = useRef(false);\n const escapePressed = useRef(false);\n const duringTouch = useRef(false);\n\n const highlightSegment = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n const segment = internalDatum.datum;\n if (segment !== highlightedSegment) {\n onHighlightChange(segment);\n }\n\n if (popoverTrackRef.current) {\n setPopoverData({\n datum: internalDatum.datum,\n series: {\n color: internalDatum.color,\n index: internalDatum.index,\n label: internalDatum.datum.title,\n markerType: 'rectangle',\n },\n trackRef: popoverTrackRef,\n });\n setPopoverOpen(true);\n }\n },\n [highlightedSegment, setPopoverOpen, onHighlightChange]\n );\n\n const clearHighlightedSegment = useCallback(() => {\n setPopoverOpen(false);\n onHighlightChange(null);\n }, [onHighlightChange, setPopoverOpen]);\n\n const checkMouseLeave = (event: React.MouseEvent) => {\n if (pinnedSegment !== null) {\n return;\n }\n\n if (\n nodeContains(popoverRef.current, event.relatedTarget) ||\n nodeContains(focusedSegmentRef.current, event.relatedTarget)\n ) {\n return;\n }\n\n clearHighlightedSegment();\n };\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n clearHighlightedSegment();\n escapePressed.current = true;\n }\n };\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [clearHighlightedSegment]);\n\n const onMouseDown = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n if (pinnedSegment === internalDatum.datum) {\n setPinnedSegment(null);\n clearHighlightedSegment();\n } else {\n setPinnedSegment(internalDatum.datum);\n highlightSegment(internalDatum);\n }\n },\n [pinnedSegment, clearHighlightedSegment, setPinnedSegment, highlightSegment]\n );\n const onMouseOver = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n if (escapePressed.current) {\n escapePressed.current = false;\n return;\n }\n if (duringTouch.current) {\n duringTouch.current = false;\n return;\n }\n if (pinnedSegment !== null) {\n return;\n }\n highlightSegment(internalDatum);\n },\n [pinnedSegment, highlightSegment]\n );\n const onTouchStart = useCallback(() => {\n duringTouch.current = true;\n }, []);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const keyCode = event.keyCode;\n if (\n keyCode !== KeyCode.right &&\n keyCode !== KeyCode.left &&\n keyCode !== KeyCode.enter &&\n keyCode !== KeyCode.space\n ) {\n return;\n }\n\n event.preventDefault();\n\n let nextIndex = highlightedSegmentIndex || 0;\n const MAX = pieData.length - 1;\n if (keyCode === KeyCode.right) {\n nextIndex++;\n if (nextIndex > MAX) {\n nextIndex = 0;\n }\n } else if (keyCode === KeyCode.left) {\n nextIndex--;\n if (nextIndex < 0) {\n nextIndex = MAX;\n }\n }\n if (keyCode === KeyCode.enter || keyCode === KeyCode.space) {\n setPinnedSegment(pieData[nextIndex].data.datum);\n }\n highlightSegment(pieData[nextIndex].data);\n },\n [setPinnedSegment, highlightSegment, pieData, highlightedSegmentIndex]\n );\n const onApplicationFocus = useCallback(\n (_event: any, target: 'keyboard' | 'mouse') => {\n if (pinnedSegment !== null || popoverDismissedRecently.current || target === 'mouse') {\n return;\n }\n\n const segment = highlightedSegment || legendSegment || pieData[0].data.datum;\n const matched = pieData.filter(d => d.data.datum === segment);\n highlightSegment(matched[0].data);\n },\n [pinnedSegment, pieData, highlightSegment, highlightedSegment, legendSegment]\n );\n\n const onApplicationBlur = useCallback(\n (event: React.FocusEvent) => {\n const blurTarget = event.relatedTarget || event.target;\n if (blurTarget === null || !(blurTarget instanceof Element) || !nodeBelongs(containerRef.current, blurTarget)) {\n // We only need to close the popover and remove the pinned segment so that we keep track of the current\n // highlighted legendSeries. using clearHighlightedSegment() would set the legendSeries to null, in that case\n // using Keyboard Tab will always highlight the first legend item in the legend component.\n setPopoverOpen(false);\n setPinnedSegment(null);\n }\n },\n [setPinnedSegment]\n );\n const onPopoverDismiss = (outsideClick?: boolean) => {\n setPopoverOpen(false);\n setPinnedSegment(null);\n\n if (!outsideClick) {\n // The delay is needed to bypass focus events caused by click or keypress needed to unpin the popover.\n setTimeout(() => {\n popoverDismissedRecently.current = true;\n plotRef.current!.focusApplication();\n popoverDismissedRecently.current = false;\n }, 0);\n } else {\n onHighlightChange(null);\n }\n };\n\n return (\n <div\n className={clsx(styles['chart-container'], fitHeight && styles['chart-container--fit-height'])}\n ref={containerRef}\n >\n <div\n className={clsx(\n styles['chart-container-chart-plot'],\n fitHeight && styles['chart-container-chart-plot--fit-height']\n )}\n >\n <ChartPlot\n ref={plotRef}\n width=\"100%\"\n height={fitHeight ? '100%' : height}\n transform={`translate(${width / 2} ${height / 2})`}\n isPrecise={true}\n isClickable={!isPopoverOpen}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescription={ariaDescription}\n ariaDescribedby={hasInnerContent ? innerMetricId : undefined}\n ariaRoleDescription={i18nStrings?.chartAriaRoleDescription}\n activeElementRef={focusedSegmentRef}\n activeElementKey={highlightedSegmentIndex?.toString()}\n onApplicationFocus={onApplicationFocus}\n onApplicationBlur={onApplicationBlur}\n onKeyDown={onKeyDown}\n onMouseOut={checkMouseLeave}\n >\n <Segments\n pieData={pieData}\n dimensions={dimensions}\n variant={variant}\n focusedSegmentRef={focusedSegmentRef}\n popoverTrackRef={popoverTrackRef}\n highlightedSegment={highlightedSegment}\n segmentAriaRoleDescription={i18nStrings?.segmentAriaRoleDescription}\n onMouseDown={onMouseDown}\n onMouseOver={onMouseOver}\n onTouchStart={onTouchStart}\n />\n {hasLabels && (\n <Labels\n pieData={pieData}\n dimensions={dimensions}\n segmentDescription={segmentDescription}\n visibleDataSum={dataSum}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n highlightedSegment={highlightedSegment}\n containerRef={containerRef}\n />\n )}\n </ChartPlot>\n </div>\n\n {hasInnerContent && (\n <div className={styles['inner-content']} id={innerMetricId}>\n {innerMetricValue && (\n <InternalBox\n variant={dimensions.size === 'small' ? 'h3' : 'h1'}\n tagOverride=\"div\"\n color=\"inherit\"\n padding=\"n\"\n >\n {innerMetricValue}\n </InternalBox>\n )}\n {innerMetricDescription && dimensions.size !== 'small' && (\n <InternalBox variant=\"h3\" color=\"text-body-secondary\" tagOverride=\"div\" padding=\"n\">\n {innerMetricDescription}\n </InternalBox>\n )}\n </div>\n )}\n {isPopoverOpen && popoverData && (\n <ChartPopover\n ref={popoverRef}\n title={\n popoverData.series && (\n <InternalBox className={styles['popover-header']} variant=\"strong\">\n <SeriesMarker color={popoverData.series.color} type={popoverData.series.markerType} />{' '}\n {popoverData.series.label}\n </InternalBox>\n )\n }\n trackRef={popoverData.trackRef}\n trackKey={popoverData.series.index}\n dismissButton={pinnedSegment !== null}\n dismissAriaLabel={i18nStrings.detailPopoverDismissAriaLabel}\n onDismiss={onPopoverDismiss}\n container={plotRef.current?.svg || null}\n size={detailPopoverSize}\n onMouseLeave={checkMouseLeave}\n onBlur={onApplicationBlur}\n >\n {popoverContent}\n {detailPopoverFooterContent && <ChartPopoverFooter>{detailPopoverFooterContent}</ChartPopoverFooter>}\n </ChartPopover>\n )}\n <InternalLiveRegion sources={[popoverContentRef]} />\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../src/pie-chart/pie-chart.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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { PieArcDatum } from 'd3-shape';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport InternalBox from '../box/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport ChartPlot, { ChartPlotRef } from '../internal/components/chart-plot';\nimport ChartPopover from '../internal/components/chart-popover';\nimport SeriesDetails from '../internal/components/chart-series-details';\nimport SeriesMarker from '../internal/components/chart-series-marker';\nimport { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { SomeRequired } from '../internal/types';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport InternalLiveRegion from '../live-region/internal';\nimport { PieChartProps, SeriesInfo } from './interfaces';\nimport Labels from './labels';\nimport Segments from './segments';\nimport { defaultDetails, getDimensionsBySize } from './utils';\n\nimport styles from './styles.css.js';\n\nexport interface InternalChartDatum<T> {\n index: number;\n color: string;\n datum: Readonly<T>;\n}\n\ninterface InternalPieChartProps<T extends PieChartProps.Datum>\n extends SomeRequired<\n Omit<PieChartProps<T>, 'onHighlightChange' | 'statusType'>,\n 'variant' | 'size' | 'i18nStrings' | 'hideTitles' | 'hideDescriptions'\n > {\n width: number;\n height: number;\n\n highlightedSegment: T | null;\n onHighlightChange: (segment: null | T) => void;\n\n legendSegment: T | null;\n\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n dataSum: number;\n}\n\ninterface PopoverData<T> {\n datum: T;\n trackRef: React.RefObject<SVGElement>;\n series: SeriesInfo;\n}\n\nexport default <T extends PieChartProps.Datum>({\n fitHeight,\n height: explicitHeight,\n variant,\n size,\n width,\n i18nStrings,\n ariaLabel,\n ariaLabelledby,\n ariaDescription,\n innerMetricValue,\n innerMetricDescription,\n hideTitles,\n hideDescriptions,\n detailPopoverContent,\n detailPopoverSize,\n detailPopoverFooter,\n segmentDescription,\n highlightedSegment,\n onHighlightChange,\n legendSegment,\n pieData,\n dataSum,\n}: InternalPieChartProps<T>) => {\n const [pinnedSegment, setPinnedSegment] = useState<T | null>(null);\n const plotRef = useRef<ChartPlotRef>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const focusedSegmentRef = useRef<SVGGElement>(null);\n const popoverTrackRef = useRef<SVGCircleElement>(null);\n const popoverRef = useRef<HTMLElement | null>(null);\n\n const hasLabels = !(hideTitles && hideDescriptions);\n const isRefresh = useVisualRefresh();\n\n const height = useHeightMeasure(() => plotRef.current?.svg ?? null, !fitHeight) ?? explicitHeight;\n\n const dimensions = useMemo(\n () =>\n getDimensionsBySize({ size: fitHeight ? Math.min(height, width) : size, hasLabels, visualRefresh: isRefresh }),\n [fitHeight, height, width, size, hasLabels, isRefresh]\n );\n\n // Inner content is only available for donut charts and the inner description is not displayed for small charts\n const hasInnerContent =\n variant === 'donut' && (innerMetricValue || (innerMetricDescription && dimensions.size !== 'small'));\n\n const innerMetricId = useUniqueId('awsui-pie-chart__inner');\n\n const [isPopoverOpen, setPopoverOpen] = useState<boolean>(false);\n const [popoverData, setPopoverData] = useState<PopoverData<T>>();\n\n const highlightedSegmentIndex = useMemo(() => {\n for (let index = 0; index < pieData.length; index++) {\n if (pieData[index].data.datum === highlightedSegment) {\n return index;\n }\n }\n return null;\n }, [pieData, highlightedSegment]);\n\n const detailPopoverFooterContent = useMemo(\n () => (detailPopoverFooter && highlightedSegment ? detailPopoverFooter(highlightedSegment) : null),\n [detailPopoverFooter, highlightedSegment]\n );\n\n const i18n = useInternalI18n('pie-chart');\n const detailFunction = detailPopoverContent || defaultDetails(i18n, i18nStrings);\n const details = popoverData ? detailFunction(popoverData.datum, dataSum) : [];\n const popoverContentRef = useRef<HTMLDivElement | null>(null);\n const popoverContent = popoverData && <SeriesDetails details={details} compactList={true} ref={popoverContentRef} />;\n\n const popoverDismissedRecently = useRef(false);\n const escapePressed = useRef(false);\n const duringTouch = useRef(false);\n\n const highlightSegment = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n const segment = internalDatum.datum;\n if (segment !== highlightedSegment) {\n onHighlightChange(segment);\n }\n\n if (popoverTrackRef.current) {\n setPopoverData({\n datum: internalDatum.datum,\n series: {\n color: internalDatum.color,\n index: internalDatum.index,\n label: internalDatum.datum.title,\n markerType: 'rectangle',\n },\n trackRef: popoverTrackRef,\n });\n setPopoverOpen(true);\n }\n },\n [highlightedSegment, setPopoverOpen, onHighlightChange]\n );\n\n const clearHighlightedSegment = useCallback(() => {\n setPopoverOpen(false);\n onHighlightChange(null);\n }, [onHighlightChange, setPopoverOpen]);\n\n const checkMouseLeave = (event: React.MouseEvent) => {\n if (pinnedSegment !== null) {\n return;\n }\n\n if (\n nodeContains(popoverRef.current, event.relatedTarget) ||\n nodeContains(focusedSegmentRef.current, event.relatedTarget)\n ) {\n return;\n }\n\n clearHighlightedSegment();\n };\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n clearHighlightedSegment();\n escapePressed.current = true;\n }\n };\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [clearHighlightedSegment]);\n\n const onMouseDown = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n if (pinnedSegment === internalDatum.datum) {\n setPinnedSegment(null);\n clearHighlightedSegment();\n } else {\n setPinnedSegment(internalDatum.datum);\n highlightSegment(internalDatum);\n }\n },\n [pinnedSegment, clearHighlightedSegment, setPinnedSegment, highlightSegment]\n );\n const onMouseOver = useCallback(\n (internalDatum: InternalChartDatum<T>) => {\n if (escapePressed.current) {\n escapePressed.current = false;\n return;\n }\n if (duringTouch.current) {\n duringTouch.current = false;\n return;\n }\n if (pinnedSegment !== null) {\n return;\n }\n highlightSegment(internalDatum);\n },\n [pinnedSegment, highlightSegment]\n );\n const onTouchStart = useCallback(() => {\n duringTouch.current = true;\n }, []);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const keyCode = event.keyCode;\n if (\n keyCode !== KeyCode.right &&\n keyCode !== KeyCode.left &&\n keyCode !== KeyCode.enter &&\n keyCode !== KeyCode.space\n ) {\n return;\n }\n\n event.preventDefault();\n\n let nextIndex = highlightedSegmentIndex || 0;\n const MAX = pieData.length - 1;\n if (keyCode === KeyCode.right) {\n nextIndex++;\n if (nextIndex > MAX) {\n nextIndex = 0;\n }\n } else if (keyCode === KeyCode.left) {\n nextIndex--;\n if (nextIndex < 0) {\n nextIndex = MAX;\n }\n }\n if (keyCode === KeyCode.enter || keyCode === KeyCode.space) {\n setPinnedSegment(pieData[nextIndex].data.datum);\n }\n highlightSegment(pieData[nextIndex].data);\n },\n [setPinnedSegment, highlightSegment, pieData, highlightedSegmentIndex]\n );\n const onApplicationFocus = useCallback(\n (_event: any, target: 'keyboard' | 'mouse') => {\n if (pinnedSegment !== null || popoverDismissedRecently.current || target === 'mouse') {\n return;\n }\n\n const segment = highlightedSegment || legendSegment || pieData[0].data.datum;\n const matched = pieData.filter(d => d.data.datum === segment);\n highlightSegment(matched[0].data);\n },\n [pinnedSegment, pieData, highlightSegment, highlightedSegment, legendSegment]\n );\n\n const onApplicationBlur = useCallback(\n (event: React.FocusEvent) => {\n const blurTarget = event.relatedTarget || event.target;\n if (blurTarget === null || !(blurTarget instanceof Element) || !nodeBelongs(containerRef.current, blurTarget)) {\n // We only need to close the popover and remove the pinned segment so that we keep track of the current\n // highlighted legendSeries. using clearHighlightedSegment() would set the legendSeries to null, in that case\n // using Keyboard Tab will always highlight the first legend item in the legend component.\n setPopoverOpen(false);\n setPinnedSegment(null);\n }\n },\n [setPinnedSegment]\n );\n const onPopoverDismiss = (outsideClick?: boolean) => {\n setPopoverOpen(false);\n setPinnedSegment(null);\n\n if (!outsideClick) {\n // The delay is needed to bypass focus events caused by click or keypress needed to unpin the popover.\n setTimeout(() => {\n popoverDismissedRecently.current = true;\n plotRef.current!.focusApplication();\n popoverDismissedRecently.current = false;\n }, 0);\n } else {\n onHighlightChange(null);\n }\n };\n\n return (\n <div\n className={clsx(styles['chart-container'], fitHeight && styles['chart-container--fit-height'])}\n ref={containerRef}\n >\n <div\n className={clsx(\n styles['chart-container-chart-plot'],\n fitHeight && styles['chart-container-chart-plot--fit-height']\n )}\n >\n <ChartPlot\n ref={plotRef}\n width=\"100%\"\n height={fitHeight ? '100%' : height}\n transform={`translate(${width / 2} ${height / 2})`}\n isPrecise={true}\n isClickable={!isPopoverOpen}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescription={ariaDescription}\n ariaDescribedby={hasInnerContent ? innerMetricId : undefined}\n ariaRoleDescription={i18nStrings?.chartAriaRoleDescription}\n activeElementRef={focusedSegmentRef}\n activeElementKey={highlightedSegmentIndex?.toString()}\n onApplicationFocus={onApplicationFocus}\n onApplicationBlur={onApplicationBlur}\n onKeyDown={onKeyDown}\n onMouseOut={checkMouseLeave}\n >\n <Segments\n pieData={pieData}\n dimensions={dimensions}\n variant={variant}\n focusedSegmentRef={focusedSegmentRef}\n popoverTrackRef={popoverTrackRef}\n highlightedSegment={highlightedSegment}\n segmentAriaRoleDescription={i18nStrings?.segmentAriaRoleDescription}\n onMouseDown={onMouseDown}\n onMouseOver={onMouseOver}\n onTouchStart={onTouchStart}\n />\n {hasLabels && (\n <Labels\n pieData={pieData}\n dimensions={dimensions}\n segmentDescription={segmentDescription}\n visibleDataSum={dataSum}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n highlightedSegment={highlightedSegment}\n containerRef={containerRef}\n />\n )}\n </ChartPlot>\n </div>\n\n {hasInnerContent && (\n <div className={styles['inner-content']} id={innerMetricId}>\n {innerMetricValue && (\n <InternalBox\n variant={dimensions.size === 'small' ? 'h3' : 'h1'}\n tagOverride=\"div\"\n color=\"inherit\"\n padding=\"n\"\n >\n {innerMetricValue}\n </InternalBox>\n )}\n {innerMetricDescription && dimensions.size !== 'small' && (\n <InternalBox variant=\"h3\" color=\"text-body-secondary\" tagOverride=\"div\" padding=\"n\">\n {innerMetricDescription}\n </InternalBox>\n )}\n </div>\n )}\n {isPopoverOpen && popoverData && (\n <ChartPopover\n ref={popoverRef}\n title={\n popoverData.series && (\n <InternalBox className={styles['popover-header']} variant=\"strong\">\n <SeriesMarker color={popoverData.series.color} type={popoverData.series.markerType} />{' '}\n {popoverData.series.label}\n </InternalBox>\n )\n }\n trackRef={popoverData.trackRef}\n trackKey={popoverData.series.index}\n dismissButton={pinnedSegment !== null}\n dismissAriaLabel={i18nStrings.detailPopoverDismissAriaLabel}\n onDismiss={onPopoverDismiss}\n container={plotRef.current?.svg || null}\n size={detailPopoverSize}\n onMouseLeave={checkMouseLeave}\n onBlur={onApplicationBlur}\n footer={detailPopoverFooterContent}\n >\n {popoverContent}\n </ChartPopover>\n )}\n <InternalLiveRegion sources={[popoverContentRef]} />\n </div>\n );\n};\n"]}
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment__path": "awsui_segment__path_1edmh_1kvqz_161",
5
- "segment": "awsui_segment_1edmh_1kvqz_161",
6
- "segment__hover": "awsui_segment__hover_1edmh_1kvqz_188",
7
- "label": "awsui_label_1edmh_1kvqz_202",
8
- "root": "awsui_root_1edmh_1kvqz_216",
9
- "content": "awsui_content_1edmh_1kvqz_220",
10
- "content--small": "awsui_content--small_1edmh_1kvqz_220",
11
- "content--fit-height": "awsui_content--fit-height_1edmh_1kvqz_223",
12
- "content--without-labels": "awsui_content--without-labels_1edmh_1kvqz_226",
13
- "content--medium": "awsui_content--medium_1edmh_1kvqz_232",
14
- "content--large": "awsui_content--large_1edmh_1kvqz_244",
15
- "status-container": "awsui_status-container_1edmh_1kvqz_261",
16
- "chart-container": "awsui_chart-container_1edmh_1kvqz_265",
17
- "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1kvqz_269",
18
- "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1kvqz_274",
19
- "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1kvqz_277",
20
- "inner-content": "awsui_inner-content_1edmh_1kvqz_283",
21
- "segment__highlight": "awsui_segment__highlight_1edmh_1kvqz_294",
22
- "segment--dimmed": "awsui_segment--dimmed_1edmh_1kvqz_309",
23
- "segment--highlighted": "awsui_segment--highlighted_1edmh_1kvqz_312",
24
- "label--dimmed": "awsui_label--dimmed_1edmh_1kvqz_329",
25
- "label--align-right": "awsui_label--align-right_1edmh_1kvqz_332",
26
- "label-text": "awsui_label-text_1edmh_1kvqz_340",
27
- "label__description": "awsui_label__description_1edmh_1kvqz_348",
28
- "label-line": "awsui_label-line_1edmh_1kvqz_355",
29
- "label--highlighted": "awsui_label--highlighted_1edmh_1kvqz_359",
30
- "popover-header": "awsui_popover-header_1edmh_1kvqz_363"
4
+ "segment__path": "awsui_segment__path_1edmh_1ke3l_161",
5
+ "segment": "awsui_segment_1edmh_1ke3l_161",
6
+ "segment__hover": "awsui_segment__hover_1edmh_1ke3l_188",
7
+ "label": "awsui_label_1edmh_1ke3l_202",
8
+ "root": "awsui_root_1edmh_1ke3l_216",
9
+ "content": "awsui_content_1edmh_1ke3l_220",
10
+ "content--small": "awsui_content--small_1edmh_1ke3l_220",
11
+ "content--fit-height": "awsui_content--fit-height_1edmh_1ke3l_223",
12
+ "content--without-labels": "awsui_content--without-labels_1edmh_1ke3l_226",
13
+ "content--medium": "awsui_content--medium_1edmh_1ke3l_232",
14
+ "content--large": "awsui_content--large_1edmh_1ke3l_244",
15
+ "status-container": "awsui_status-container_1edmh_1ke3l_261",
16
+ "chart-container": "awsui_chart-container_1edmh_1ke3l_265",
17
+ "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1ke3l_269",
18
+ "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1ke3l_274",
19
+ "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1ke3l_277",
20
+ "inner-content": "awsui_inner-content_1edmh_1ke3l_283",
21
+ "segment__highlight": "awsui_segment__highlight_1edmh_1ke3l_294",
22
+ "segment--dimmed": "awsui_segment--dimmed_1edmh_1ke3l_309",
23
+ "segment--highlighted": "awsui_segment--highlighted_1edmh_1ke3l_312",
24
+ "label--dimmed": "awsui_label--dimmed_1edmh_1ke3l_329",
25
+ "label--align-right": "awsui_label--align-right_1edmh_1ke3l_332",
26
+ "label-text": "awsui_label-text_1edmh_1ke3l_340",
27
+ "label__description": "awsui_label__description_1edmh_1ke3l_348",
28
+ "label-line": "awsui_label-line_1edmh_1ke3l_355",
29
+ "label--highlighted": "awsui_label--highlighted_1edmh_1ke3l_359",
30
+ "popover-header": "awsui_popover-header_1edmh_1ke3l_363"
31
31
  };
32
32