@cloudscape-design/components-themeable 3.0.374 → 3.0.376

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 (392) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/template/alert/actions-wrapper/styles.css.js +1 -1
  3. package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
  4. package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
  5. package/lib/internal/template/alert/index.d.ts.map +1 -1
  6. package/lib/internal/template/alert/index.js +21 -16
  7. package/lib/internal/template/alert/index.js.map +1 -1
  8. package/lib/internal/template/alert/styles.css.js +25 -25
  9. package/lib/internal/template/alert/styles.scoped.css +81 -81
  10. package/lib/internal/template/alert/styles.selectors.js +25 -25
  11. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  12. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
  13. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  14. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  15. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  16. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  17. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  18. package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -28
  19. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  20. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
  21. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  22. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  23. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  24. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  26. package/lib/internal/template/app-layout/styles.css.js +17 -17
  27. package/lib/internal/template/app-layout/styles.scoped.css +30 -30
  28. package/lib/internal/template/app-layout/styles.selectors.js +17 -17
  29. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  30. package/lib/internal/template/app-layout/toggles/styles.scoped.css +16 -16
  31. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  32. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  33. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +267 -267
  34. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  35. package/lib/internal/template/area-chart/model/use-chart-model.js +1 -1
  36. package/lib/internal/template/area-chart/model/use-chart-model.js.map +1 -1
  37. package/lib/internal/template/area-chart/styles.css.js +6 -6
  38. package/lib/internal/template/area-chart/styles.scoped.css +16 -16
  39. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  40. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  41. package/lib/internal/template/attribute-editor/styles.scoped.css +43 -43
  42. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  43. package/lib/internal/template/badge/styles.css.js +5 -5
  44. package/lib/internal/template/badge/styles.scoped.css +20 -20
  45. package/lib/internal/template/badge/styles.selectors.js +5 -5
  46. package/lib/internal/template/box/styles.css.js +190 -190
  47. package/lib/internal/template/box/styles.scoped.css +420 -420
  48. package/lib/internal/template/box/styles.selectors.js +190 -190
  49. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  50. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  51. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  52. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  53. package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
  54. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  55. package/lib/internal/template/button/styles.css.js +20 -20
  56. package/lib/internal/template/button/styles.scoped.css +472 -472
  57. package/lib/internal/template/button/styles.selectors.js +20 -20
  58. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  59. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +50 -50
  60. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  61. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  62. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
  63. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  64. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  65. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  66. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  67. package/lib/internal/template/button-dropdown/styles.css.js +14 -14
  68. package/lib/internal/template/button-dropdown/styles.scoped.css +32 -32
  69. package/lib/internal/template/button-dropdown/styles.selectors.js +14 -14
  70. package/lib/internal/template/calendar/styles.css.js +18 -18
  71. package/lib/internal/template/calendar/styles.scoped.css +89 -89
  72. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  73. package/lib/internal/template/cards/styles.css.js +38 -38
  74. package/lib/internal/template/cards/styles.scoped.css +99 -99
  75. package/lib/internal/template/cards/styles.selectors.js +38 -38
  76. package/lib/internal/template/checkbox/styles.css.js +3 -3
  77. package/lib/internal/template/checkbox/styles.scoped.css +16 -16
  78. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  79. package/lib/internal/template/code-editor/index.d.ts.map +1 -1
  80. package/lib/internal/template/code-editor/index.js +26 -71
  81. package/lib/internal/template/code-editor/index.js.map +1 -1
  82. package/lib/internal/template/code-editor/listeners.d.ts +1 -1
  83. package/lib/internal/template/code-editor/listeners.d.ts.map +1 -1
  84. package/lib/internal/template/code-editor/listeners.js.map +1 -1
  85. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  86. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
  87. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  88. package/lib/internal/template/code-editor/setup-editor.d.ts.map +1 -1
  89. package/lib/internal/template/code-editor/setup-editor.js +39 -36
  90. package/lib/internal/template/code-editor/setup-editor.js.map +1 -1
  91. package/lib/internal/template/code-editor/styles.css.js +32 -32
  92. package/lib/internal/template/code-editor/styles.scoped.css +270 -270
  93. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  94. package/lib/internal/template/code-editor/use-editor.d.ts +24 -0
  95. package/lib/internal/template/code-editor/use-editor.d.ts.map +1 -0
  96. package/lib/internal/template/code-editor/use-editor.js +71 -0
  97. package/lib/internal/template/code-editor/use-editor.js.map +1 -0
  98. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  99. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
  100. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  101. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  102. package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
  103. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  104. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  105. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  106. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  107. package/lib/internal/template/column-layout/styles.css.js +13 -13
  108. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  109. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  110. package/lib/internal/template/container/styles.css.js +28 -28
  111. package/lib/internal/template/container/styles.scoped.css +94 -94
  112. package/lib/internal/template/container/styles.selectors.js +28 -28
  113. package/lib/internal/template/content-layout/styles.css.js +7 -7
  114. package/lib/internal/template/content-layout/styles.scoped.css +17 -17
  115. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  116. package/lib/internal/template/date-picker/styles.css.js +7 -7
  117. package/lib/internal/template/date-picker/styles.scoped.css +16 -16
  118. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  119. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  120. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  121. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  122. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  123. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
  124. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  125. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  126. package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
  127. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  128. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  129. package/lib/internal/template/expandable-section/styles.scoped.css +108 -108
  130. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  131. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  132. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
  133. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  134. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  135. package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
  136. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  137. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  138. package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
  139. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  140. package/lib/internal/template/file-upload/styles.css.js +2 -2
  141. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  142. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  143. package/lib/internal/template/flashbar/styles.css.js +47 -47
  144. package/lib/internal/template/flashbar/styles.scoped.css +249 -249
  145. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  146. package/lib/internal/template/form/styles.css.js +9 -9
  147. package/lib/internal/template/form/styles.scoped.css +20 -20
  148. package/lib/internal/template/form/styles.selectors.js +9 -9
  149. package/lib/internal/template/form-field/internal.d.ts.map +1 -1
  150. package/lib/internal/template/form-field/internal.js +17 -12
  151. package/lib/internal/template/form-field/internal.js.map +1 -1
  152. package/lib/internal/template/form-field/styles.css.js +19 -19
  153. package/lib/internal/template/form-field/styles.scoped.css +52 -52
  154. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  155. package/lib/internal/template/grid/styles.css.js +53 -53
  156. package/lib/internal/template/grid/styles.scoped.css +60 -60
  157. package/lib/internal/template/grid/styles.selectors.js +53 -53
  158. package/lib/internal/template/header/styles.css.js +33 -33
  159. package/lib/internal/template/header/styles.scoped.css +114 -114
  160. package/lib/internal/template/header/styles.selectors.js +33 -33
  161. package/lib/internal/template/help-panel/styles.css.js +4 -4
  162. package/lib/internal/template/help-panel/styles.scoped.css +167 -167
  163. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  164. package/lib/internal/template/hotspot/styles.css.js +7 -7
  165. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  166. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  167. package/lib/internal/template/icon/styles.css.js +21 -21
  168. package/lib/internal/template/icon/styles.scoped.css +81 -81
  169. package/lib/internal/template/icon/styles.selectors.js +21 -21
  170. package/lib/internal/template/input/styles.css.js +12 -12
  171. package/lib/internal/template/input/styles.scoped.css +73 -73
  172. package/lib/internal/template/input/styles.selectors.js +12 -12
  173. package/lib/internal/template/internal/base-component/styles.scoped.css +3177 -3105
  174. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  175. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
  176. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  177. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  178. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
  179. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  180. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
  181. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +41 -41
  182. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
  183. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  184. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  185. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  186. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  187. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
  188. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  189. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  190. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  191. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  192. package/lib/internal/template/internal/components/chart-popover/index.d.ts.map +1 -1
  193. package/lib/internal/template/internal/components/chart-popover/index.js +1 -1
  194. package/lib/internal/template/internal/components/chart-popover/index.js.map +1 -1
  195. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  196. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
  197. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  198. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  199. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
  200. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  201. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  202. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  203. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  204. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  205. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  206. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  207. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  208. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
  209. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  210. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  211. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  212. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  213. package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
  214. package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
  215. package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
  216. package/lib/internal/template/internal/components/dropdown/styles.css.js +21 -21
  217. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +52 -52
  218. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +21 -21
  219. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  220. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  221. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  222. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  223. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
  224. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  225. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  226. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
  227. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  228. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  229. package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
  230. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  231. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  232. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
  233. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  234. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  235. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  236. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  237. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  238. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  239. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  240. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  241. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +70 -70
  242. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  243. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  244. package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
  245. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  246. package/lib/internal/template/internal/environment.js +1 -1
  247. package/lib/internal/template/internal/environment.json +1 -1
  248. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  249. package/lib/internal/template/internal/generated/theming/index.cjs +25 -23
  250. package/lib/internal/template/internal/generated/theming/index.js +25 -23
  251. package/lib/internal/template/internal/plugins/api.d.ts +21 -25
  252. package/lib/internal/template/internal/plugins/api.d.ts.map +1 -1
  253. package/lib/internal/template/internal/plugins/api.js +15 -35
  254. package/lib/internal/template/internal/plugins/api.js.map +1 -1
  255. package/lib/internal/template/internal/plugins/controllers/action-buttons.d.ts +9 -0
  256. package/lib/internal/template/internal/plugins/controllers/action-buttons.d.ts.map +1 -1
  257. package/lib/internal/template/internal/plugins/controllers/action-buttons.js +11 -0
  258. package/lib/internal/template/internal/plugins/controllers/action-buttons.js.map +1 -1
  259. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts +9 -0
  260. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
  261. package/lib/internal/template/internal/plugins/controllers/drawers.js +11 -0
  262. package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
  263. package/lib/internal/template/internal/utils/dom.d.ts +1 -8
  264. package/lib/internal/template/internal/utils/dom.d.ts.map +1 -1
  265. package/lib/internal/template/internal/utils/dom.js +1 -22
  266. package/lib/internal/template/internal/utils/dom.js.map +1 -1
  267. package/lib/internal/template/link/styles.css.js +20 -20
  268. package/lib/internal/template/link/styles.scoped.css +158 -158
  269. package/lib/internal/template/link/styles.selectors.js +20 -20
  270. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js +1 -1
  271. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  272. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  273. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +24 -24
  274. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  275. package/lib/internal/template/modal/styles.css.js +23 -23
  276. package/lib/internal/template/modal/styles.scoped.css +67 -67
  277. package/lib/internal/template/modal/styles.selectors.js +23 -23
  278. package/lib/internal/template/multiselect/styles.css.js +1 -1
  279. package/lib/internal/template/multiselect/styles.scoped.css +5 -5
  280. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  281. package/lib/internal/template/pagination/styles.css.js +9 -9
  282. package/lib/internal/template/pagination/styles.scoped.css +47 -47
  283. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  284. package/lib/internal/template/pie-chart/pie-chart.d.ts.map +1 -1
  285. package/lib/internal/template/pie-chart/pie-chart.js +1 -1
  286. package/lib/internal/template/pie-chart/pie-chart.js.map +1 -1
  287. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  288. package/lib/internal/template/pie-chart/styles.scoped.css +63 -63
  289. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  290. package/lib/internal/template/popover/container.d.ts.map +1 -1
  291. package/lib/internal/template/popover/container.js +3 -2
  292. package/lib/internal/template/popover/container.js.map +1 -1
  293. package/lib/internal/template/popover/styles.css.js +50 -50
  294. package/lib/internal/template/popover/styles.scoped.css +104 -104
  295. package/lib/internal/template/popover/styles.selectors.js +50 -50
  296. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  297. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  298. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  299. package/lib/internal/template/property-filter/styles.css.js +29 -29
  300. package/lib/internal/template/property-filter/styles.scoped.css +52 -52
  301. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  302. package/lib/internal/template/radio-group/styles.css.js +9 -9
  303. package/lib/internal/template/radio-group/styles.scoped.css +37 -37
  304. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  305. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  306. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  307. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  308. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  309. package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
  310. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  311. package/lib/internal/template/select/parts/styles.css.js +9 -9
  312. package/lib/internal/template/select/parts/styles.scoped.css +17 -17
  313. package/lib/internal/template/select/parts/styles.selectors.js +9 -9
  314. package/lib/internal/template/select/styles.css.js +1 -1
  315. package/lib/internal/template/select/styles.scoped.css +5 -5
  316. package/lib/internal/template/select/styles.selectors.js +1 -1
  317. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  318. package/lib/internal/template/side-navigation/styles.scoped.css +92 -92
  319. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  320. package/lib/internal/template/space-between/styles.css.js +23 -23
  321. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  322. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  323. package/lib/internal/template/spinner/styles.css.js +13 -13
  324. package/lib/internal/template/spinner/styles.scoped.css +35 -35
  325. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  326. package/lib/internal/template/split-panel/styles.css.js +56 -56
  327. package/lib/internal/template/split-panel/styles.scoped.css +146 -146
  328. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  329. package/lib/internal/template/status-indicator/styles.css.js +22 -22
  330. package/lib/internal/template/status-indicator/styles.scoped.css +46 -46
  331. package/lib/internal/template/status-indicator/styles.selectors.js +22 -22
  332. package/lib/internal/template/table/body-cell/styles.css.js +28 -28
  333. package/lib/internal/template/table/body-cell/styles.scoped.css +155 -155
  334. package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
  335. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  336. package/lib/internal/template/table/header-cell/styles.scoped.css +93 -93
  337. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  338. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  339. package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
  340. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  341. package/lib/internal/template/table/selection-control/styles.css.js +3 -3
  342. package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
  343. package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
  344. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  345. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
  346. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  347. package/lib/internal/template/table/styles.css.js +34 -34
  348. package/lib/internal/template/table/styles.scoped.css +84 -84
  349. package/lib/internal/template/table/styles.selectors.js +34 -34
  350. package/lib/internal/template/tabs/styles.css.js +21 -21
  351. package/lib/internal/template/tabs/styles.scoped.css +86 -86
  352. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  353. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  354. package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
  355. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  356. package/lib/internal/template/text-content/styles.css.js +1 -1
  357. package/lib/internal/template/text-content/styles.scoped.css +120 -120
  358. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  359. package/lib/internal/template/text-filter/styles.css.js +3 -3
  360. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  361. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  362. package/lib/internal/template/textarea/styles.css.js +4 -4
  363. package/lib/internal/template/textarea/styles.scoped.css +40 -40
  364. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  365. package/lib/internal/template/tiles/styles.css.js +29 -29
  366. package/lib/internal/template/tiles/styles.scoped.css +128 -128
  367. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  368. package/lib/internal/template/toggle/styles.css.js +8 -8
  369. package/lib/internal/template/toggle/styles.scoped.css +27 -27
  370. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  371. package/lib/internal/template/token-group/styles.css.js +7 -7
  372. package/lib/internal/template/token-group/styles.scoped.css +42 -42
  373. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  374. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  375. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +84 -84
  376. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  377. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  378. package/lib/internal/template/top-navigation/styles.scoped.css +148 -148
  379. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  380. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  381. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  382. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  383. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  384. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  385. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  386. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  387. package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
  388. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  389. package/lib/internal/template/wizard/styles.css.js +31 -31
  390. package/lib/internal/template/wizard/styles.scoped.css +124 -124
  391. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  392. package/package.json +1 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_f8g6q_3bypt_93:not(#\9) {
93
+ .awsui_root_f8g6q_1n62m_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,11 +120,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-q2y4dq, 14px);
124
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
125
- color: var(--color-text-body-default-rcjsde, #16191f);
123
+ font-size: var(--font-body-m-size-bf8hby, 14px);
124
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
125
+ color: var(--color-text-body-default-ki9w9u, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
@@ -2,6 +2,6 @@
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_f8g6q_3bypt_93"
5
+ "root": "awsui_root_f8g6q_1n62m_93"
6
6
  };
7
7
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_fvjdu_1gtcx_93",
5
- "button": "awsui_button_fvjdu_1gtcx_113",
6
- "dots": "awsui_dots_fvjdu_1gtcx_114",
7
- "button-disabled": "awsui_button-disabled_fvjdu_1gtcx_136",
8
- "arrow": "awsui_arrow_fvjdu_1gtcx_141",
9
- "page-number": "awsui_page-number_fvjdu_1gtcx_151",
10
- "button-current": "awsui_button-current_fvjdu_1gtcx_157",
11
- "page-item": "awsui_page-item_fvjdu_1gtcx_174",
12
- "root-disabled": "awsui_root-disabled_fvjdu_1gtcx_190"
4
+ "root": "awsui_root_fvjdu_9dm63_93",
5
+ "button": "awsui_button_fvjdu_9dm63_113",
6
+ "dots": "awsui_dots_fvjdu_9dm63_114",
7
+ "button-disabled": "awsui_button-disabled_fvjdu_9dm63_136",
8
+ "arrow": "awsui_arrow_fvjdu_9dm63_141",
9
+ "page-number": "awsui_page-number_fvjdu_9dm63_151",
10
+ "button-current": "awsui_button-current_fvjdu_9dm63_157",
11
+ "page-item": "awsui_page-item_fvjdu_9dm63_174",
12
+ "root-disabled": "awsui_root-disabled_fvjdu_9dm63_190"
13
13
  };
14
14
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_fvjdu_1gtcx_93:not(#\9) {
93
+ .awsui_root_fvjdu_9dm63_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,11 +120,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-q2y4dq, 14px);
124
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
125
- color: var(--color-text-body-default-rcjsde, #16191f);
123
+ font-size: var(--font-body-m-size-bf8hby, 14px);
124
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
125
+ color: var(--color-text-body-default-ki9w9u, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  display: flex;
@@ -136,13 +136,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
136
136
  list-style: none;
137
137
  }
138
138
 
139
- .awsui_button_fvjdu_1gtcx_113:not(#\9),
140
- .awsui_dots_fvjdu_1gtcx_114:not(#\9) {
141
- min-width: var(--space-l-q5p9hz, 20px);
142
- border: var(--border-field-width-diib1p, 1px) solid transparent;
139
+ .awsui_button_fvjdu_9dm63_113:not(#\9),
140
+ .awsui_dots_fvjdu_9dm63_114:not(#\9) {
141
+ min-width: var(--space-l-xu1x80, 20px);
142
+ border: var(--border-field-width-yoy972, 1px) solid transparent;
143
143
  }
144
144
 
145
- .awsui_button_fvjdu_1gtcx_113:not(#\9) {
145
+ .awsui_button_fvjdu_9dm63_113:not(#\9) {
146
146
  cursor: pointer;
147
147
  text-align: center;
148
148
  box-sizing: border-box;
@@ -150,69 +150,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  line-height: inherit;
151
151
  padding: 0;
152
152
  }
153
- .awsui_button_fvjdu_1gtcx_113:not(#\9):focus {
153
+ .awsui_button_fvjdu_9dm63_113:not(#\9):focus {
154
154
  outline: none;
155
155
  }
156
- body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1gtcx_113:not(#\9):focus {
156
+ body[data-awsui-focus-visible=true] .awsui_button_fvjdu_9dm63_113:not(#\9):focus {
157
157
  outline: 2px dotted transparent;
158
- border: var(--border-field-width-diib1p, 1px) solid var(--color-border-item-focused-gjqsnp, #0073bb);
159
- border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
160
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-tkpu58, 1px) var(--color-border-item-focused-gjqsnp, #0073bb);
158
+ border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
159
+ border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
160
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
161
161
  }
162
- .awsui_button-disabled_fvjdu_1gtcx_136:not(#\9) {
162
+ .awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
163
163
  cursor: default;
164
- color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
164
+ color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
165
165
  }
166
166
 
167
- .awsui_arrow_fvjdu_1gtcx_141:not(#\9) {
168
- color: var(--color-text-interactive-default-7wc1ct, #545b64);
167
+ .awsui_arrow_fvjdu_9dm63_141:not(#\9) {
168
+ color: var(--color-text-interactive-default-dt26aj, #545b64);
169
169
  }
170
- .awsui_arrow_fvjdu_1gtcx_141:not(#\9):not(.awsui_button-disabled_fvjdu_1gtcx_136):hover {
171
- color: var(--color-text-interactive-hover-78oj78, #16191f);
170
+ .awsui_arrow_fvjdu_9dm63_141:not(#\9):not(.awsui_button-disabled_fvjdu_9dm63_136):hover {
171
+ color: var(--color-text-interactive-hover-7who0l, #16191f);
172
172
  }
173
- .awsui_arrow_fvjdu_1gtcx_141.awsui_button-disabled_fvjdu_1gtcx_136:not(#\9) {
174
- color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
173
+ .awsui_arrow_fvjdu_9dm63_141.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
174
+ color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
175
175
  }
176
176
 
177
- .awsui_page-number_fvjdu_1gtcx_151:not(#\9) {
178
- color: var(--color-text-pagination-page-number-default-5jcpb4, #545b64);
177
+ .awsui_page-number_fvjdu_9dm63_151:not(#\9) {
178
+ color: var(--color-text-pagination-page-number-default-wqlfx1, #545b64);
179
179
  }
180
- .awsui_page-number_fvjdu_1gtcx_151:not(#\9):not(.awsui_button-disabled_fvjdu_1gtcx_136):hover {
181
- color: var(--color-text-interactive-hover-78oj78, #16191f);
180
+ .awsui_page-number_fvjdu_9dm63_151:not(#\9):not(.awsui_button-disabled_fvjdu_9dm63_136):hover {
181
+ color: var(--color-text-interactive-hover-7who0l, #16191f);
182
182
  }
183
- .awsui_page-number_fvjdu_1gtcx_151.awsui_button-current_fvjdu_1gtcx_157:not(#\9) {
184
- font-weight: var(--font-wayfinding-link-active-weight-chnmnu, 700);
185
- -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
186
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
187
- color: var(--color-text-interactive-active-zv2spm, #16191f);
183
+ .awsui_page-number_fvjdu_9dm63_151.awsui_button-current_fvjdu_9dm63_157:not(#\9) {
184
+ font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
185
+ -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
186
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
187
+ color: var(--color-text-interactive-active-jrhxoe, #16191f);
188
188
  }
189
- .awsui_page-number_fvjdu_1gtcx_151.awsui_button-current_fvjdu_1gtcx_157.awsui_button-disabled_fvjdu_1gtcx_136:not(#\9) {
190
- color: var(--color-text-pagination-page-number-active-disabled-l5chrv, #545b64);
189
+ .awsui_page-number_fvjdu_9dm63_151.awsui_button-current_fvjdu_9dm63_157.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
190
+ color: var(--color-text-pagination-page-number-active-disabled-jox4ky, #545b64);
191
191
  }
192
- .awsui_page-number_fvjdu_1gtcx_151.awsui_button-disabled_fvjdu_1gtcx_136:not(#\9) {
193
- color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
192
+ .awsui_page-number_fvjdu_9dm63_151.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
193
+ color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
194
194
  }
195
195
 
196
- .awsui_dots_fvjdu_1gtcx_114:not(#\9) {
197
- color: var(--color-text-interactive-default-7wc1ct, #545b64);
196
+ .awsui_dots_fvjdu_9dm63_114:not(#\9) {
197
+ color: var(--color-text-interactive-default-dt26aj, #545b64);
198
198
  }
199
199
 
200
- .awsui_page-item_fvjdu_1gtcx_174:not(#\9),
201
- .awsui_dots_fvjdu_1gtcx_114:not(#\9) {
202
- margin: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-xxs-1wmjb0, 4px);
200
+ .awsui_page-item_fvjdu_9dm63_174:not(#\9),
201
+ .awsui_dots_fvjdu_9dm63_114:not(#\9) {
202
+ margin: var(--space-scaled-xxs-t7ij38, 4px) var(--space-xxs-9rrxti, 4px);
203
203
  text-align: center;
204
204
  box-sizing: border-box;
205
205
  padding: 0;
206
206
  }
207
- .awsui_page-item_fvjdu_1gtcx_174:not(#\9):first-child,
208
- .awsui_dots_fvjdu_1gtcx_114:not(#\9):first-child {
207
+ .awsui_page-item_fvjdu_9dm63_174:not(#\9):first-child,
208
+ .awsui_dots_fvjdu_9dm63_114:not(#\9):first-child {
209
209
  margin-left: 0;
210
210
  }
211
- .awsui_page-item_fvjdu_1gtcx_174:not(#\9):last-child,
212
- .awsui_dots_fvjdu_1gtcx_114:not(#\9):last-child {
211
+ .awsui_page-item_fvjdu_9dm63_174:not(#\9):last-child,
212
+ .awsui_dots_fvjdu_9dm63_114:not(#\9):last-child {
213
213
  margin-right: 0;
214
214
  }
215
215
 
216
- .awsui_root-disabled_fvjdu_1gtcx_190 > .awsui_dots_fvjdu_1gtcx_114:not(#\9) {
217
- color: var(--color-text-interactive-disabled-as5h1g, #aab7b8);
216
+ .awsui_root-disabled_fvjdu_9dm63_190 > .awsui_dots_fvjdu_9dm63_114:not(#\9) {
217
+ color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
218
218
  }
@@ -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_1gtcx_93",
6
- "button": "awsui_button_fvjdu_1gtcx_113",
7
- "dots": "awsui_dots_fvjdu_1gtcx_114",
8
- "button-disabled": "awsui_button-disabled_fvjdu_1gtcx_136",
9
- "arrow": "awsui_arrow_fvjdu_1gtcx_141",
10
- "page-number": "awsui_page-number_fvjdu_1gtcx_151",
11
- "button-current": "awsui_button-current_fvjdu_1gtcx_157",
12
- "page-item": "awsui_page-item_fvjdu_1gtcx_174",
13
- "root-disabled": "awsui_root-disabled_fvjdu_1gtcx_190"
5
+ "root": "awsui_root_fvjdu_9dm63_93",
6
+ "button": "awsui_button_fvjdu_9dm63_113",
7
+ "dots": "awsui_dots_fvjdu_9dm63_114",
8
+ "button-disabled": "awsui_button-disabled_fvjdu_9dm63_136",
9
+ "arrow": "awsui_arrow_fvjdu_9dm63_141",
10
+ "page-number": "awsui_page-number_fvjdu_9dm63_151",
11
+ "button-current": "awsui_button-current_fvjdu_9dm63_157",
12
+ "page-item": "awsui_page-item_fvjdu_9dm63_174",
13
+ "root-disabled": "awsui_root-disabled_fvjdu_9dm63_190"
14
14
  };
15
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.d.ts","sourceRoot":"lib/default/","sources":["pie-chart/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQjD,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;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC;CACpB;;AAED,wBA+UE"}
1
+ {"version":3,"file":"pie-chart.d.ts","sourceRoot":"lib/default/","sources":["pie-chart/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,KAA4D,MAAM,OAAO,CAAC;AAWjF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAKzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,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;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC;CACpB;;AAED,wBA+UE"}
@@ -1,4 +1,5 @@
1
1
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
+ import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
2
3
  import { KeyCode } from '../internal/keycode';
3
4
  import { useUniqueId } from '../internal/hooks/use-unique-id';
4
5
  import ChartPopover from '../internal/components/chart-popover';
@@ -15,7 +16,6 @@ import { nodeBelongs } from '../internal/utils/node-belongs';
15
16
  import clsx from 'clsx';
16
17
  import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
17
18
  import { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';
18
- import { nodeContains } from '../internal/utils/dom';
19
19
  export default ({ fitHeight, height: explicitHeight, variant, size, width, i18nStrings, ariaLabel, ariaLabelledby, ariaDescription, innerMetricValue, innerMetricDescription, hideTitles, hideDescriptions, detailPopoverContent, detailPopoverSize, detailPopoverFooter, segmentDescription, highlightedSegment, onHighlightChange, legendSegment, pieData, dataSum, }) => {
20
20
  var _a, _b;
21
21
  const [pinnedSegment, setPinnedSegment] = useState(null);
@@ -1 +1 @@
1
- {"version":3,"file":"pie-chart.js","sourceRoot":"lib/default/","sources":["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 { PieArcDatum } from 'd3-shape';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport ChartPopover from '../internal/components/chart-popover';\nimport SeriesDetails from '../internal/components/chart-series-details';\nimport SeriesMarker from '../internal/components/chart-series-marker';\nimport InternalBox from '../box/internal';\n\nimport Labels from './labels';\nimport { PieChartProps, SeriesInfo } from './interfaces';\nimport styles from './styles.css.js';\nimport { defaultDetails, getDimensionsBySize } from './utils';\nimport Segments from './segments';\nimport ChartPlot, { ChartPlotRef } from '../internal/components/chart-plot';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport clsx from 'clsx';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';\nimport { nodeContains } from '../internal/utils/dom';\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\nexport interface TooltipData<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 [isTooltipOpen, setTooltipOpen] = useState<boolean>(false);\n const [tooltipData, setTooltipData] = useState<TooltipData<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 = tooltipData ? detailFunction(tooltipData.datum, dataSum) : [];\n const tooltipContent = tooltipData && <SeriesDetails details={details} />;\n\n const popoverDismissedRecently = useRef(false);\n const escapePressed = 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 setTooltipData({\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 setTooltipOpen(true);\n }\n },\n [highlightedSegment, setTooltipOpen, onHighlightChange]\n );\n\n const clearHighlightedSegment = useCallback(() => {\n setTooltipOpen(false);\n onHighlightChange(null);\n }, [onHighlightChange, setTooltipOpen]);\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 (pinnedSegment !== null) {\n return;\n }\n highlightSegment(internalDatum);\n },\n [pinnedSegment, highlightSegment]\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 onFocus = useCallback(\n (_event: any, target: 'keyboard' | 'mouse') => {\n // We need to make sure that we do not re-show the popover when we focus the segment after the popover is dismissed.\n // Normally we would check `event.relatedTarget` for the previously focused element,\n // but this is not supported for SVG elements in IE11. The workaround is this `popoverDismissedRecently` ref.\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 onBlur = 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 tooltip 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 setTooltipOpen(false);\n setPinnedSegment(null);\n }\n },\n [setPinnedSegment]\n );\n const onPopoverDismiss = (outsideClick?: boolean) => {\n setTooltipOpen(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={!isTooltipOpen}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescription={ariaDescription}\n ariaDescribedby={hasInnerContent ? innerMetricId : undefined}\n ariaRoleDescription={i18nStrings?.chartAriaRoleDescription}\n ariaLiveRegion={tooltipContent}\n activeElementRef={focusedSegmentRef}\n activeElementKey={highlightedSegmentIndex?.toString()}\n onFocus={onFocus}\n onBlur={onBlur}\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 />\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 {isTooltipOpen && tooltipData && (\n <ChartPopover\n ref={popoverRef}\n title={\n tooltipData.series && (\n <InternalBox className={styles['popover-header']} variant=\"strong\">\n <SeriesMarker color={tooltipData.series.color} type={tooltipData.series.markerType} />{' '}\n {tooltipData.series.label}\n </InternalBox>\n )\n }\n trackRef={tooltipData.trackRef}\n trackKey={tooltipData.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 >\n {tooltipContent}\n {detailPopoverFooterContent && <InternalBox margin={{ top: 's' }}>{detailPopoverFooterContent}</InternalBox>}\n </ChartPopover>\n )}\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"pie-chart.js","sourceRoot":"lib/default/","sources":["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 { PieArcDatum } from 'd3-shape';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport ChartPopover from '../internal/components/chart-popover';\nimport SeriesDetails from '../internal/components/chart-series-details';\nimport SeriesMarker from '../internal/components/chart-series-marker';\nimport InternalBox from '../box/internal';\n\nimport Labels from './labels';\nimport { PieChartProps, SeriesInfo } from './interfaces';\nimport styles from './styles.css.js';\nimport { defaultDetails, getDimensionsBySize } from './utils';\nimport Segments from './segments';\nimport ChartPlot, { ChartPlotRef } from '../internal/components/chart-plot';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { nodeBelongs } from '../internal/utils/node-belongs';\nimport clsx from 'clsx';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';\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\nexport interface TooltipData<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 [isTooltipOpen, setTooltipOpen] = useState<boolean>(false);\n const [tooltipData, setTooltipData] = useState<TooltipData<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 = tooltipData ? detailFunction(tooltipData.datum, dataSum) : [];\n const tooltipContent = tooltipData && <SeriesDetails details={details} />;\n\n const popoverDismissedRecently = useRef(false);\n const escapePressed = 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 setTooltipData({\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 setTooltipOpen(true);\n }\n },\n [highlightedSegment, setTooltipOpen, onHighlightChange]\n );\n\n const clearHighlightedSegment = useCallback(() => {\n setTooltipOpen(false);\n onHighlightChange(null);\n }, [onHighlightChange, setTooltipOpen]);\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 (pinnedSegment !== null) {\n return;\n }\n highlightSegment(internalDatum);\n },\n [pinnedSegment, highlightSegment]\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 onFocus = useCallback(\n (_event: any, target: 'keyboard' | 'mouse') => {\n // We need to make sure that we do not re-show the popover when we focus the segment after the popover is dismissed.\n // Normally we would check `event.relatedTarget` for the previously focused element,\n // but this is not supported for SVG elements in IE11. The workaround is this `popoverDismissedRecently` ref.\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 onBlur = 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 tooltip 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 setTooltipOpen(false);\n setPinnedSegment(null);\n }\n },\n [setPinnedSegment]\n );\n const onPopoverDismiss = (outsideClick?: boolean) => {\n setTooltipOpen(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={!isTooltipOpen}\n ariaLabel={ariaLabel}\n ariaLabelledby={ariaLabelledby}\n ariaDescription={ariaDescription}\n ariaDescribedby={hasInnerContent ? innerMetricId : undefined}\n ariaRoleDescription={i18nStrings?.chartAriaRoleDescription}\n ariaLiveRegion={tooltipContent}\n activeElementRef={focusedSegmentRef}\n activeElementKey={highlightedSegmentIndex?.toString()}\n onFocus={onFocus}\n onBlur={onBlur}\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 />\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 {isTooltipOpen && tooltipData && (\n <ChartPopover\n ref={popoverRef}\n title={\n tooltipData.series && (\n <InternalBox className={styles['popover-header']} variant=\"strong\">\n <SeriesMarker color={tooltipData.series.color} type={tooltipData.series.markerType} />{' '}\n {tooltipData.series.label}\n </InternalBox>\n )\n }\n trackRef={tooltipData.trackRef}\n trackKey={tooltipData.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 >\n {tooltipContent}\n {detailPopoverFooterContent && <InternalBox margin={{ top: 's' }}>{detailPopoverFooterContent}</InternalBox>}\n </ChartPopover>\n )}\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_178xt_97",
5
- "segment": "awsui_segment_1edmh_178xt_97",
6
- "segment__hover": "awsui_segment__hover_1edmh_178xt_124",
7
- "label": "awsui_label_1edmh_178xt_138",
8
- "root": "awsui_root_1edmh_178xt_156",
9
- "content": "awsui_content_1edmh_178xt_160",
10
- "content--small": "awsui_content--small_1edmh_178xt_160",
11
- "content--without-labels": "awsui_content--without-labels_1edmh_178xt_163",
12
- "content--medium": "awsui_content--medium_1edmh_178xt_166",
13
- "content--large": "awsui_content--large_1edmh_178xt_172",
14
- "content--fit-height": "awsui_content--fit-height_1edmh_178xt_179",
15
- "status-container": "awsui_status-container_1edmh_178xt_183",
16
- "chart-container": "awsui_chart-container_1edmh_178xt_187",
17
- "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_178xt_191",
18
- "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_178xt_196",
19
- "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_178xt_199",
20
- "inner-content": "awsui_inner-content_1edmh_178xt_208",
21
- "segment__highlight": "awsui_segment__highlight_1edmh_178xt_222",
22
- "segment--dimmed": "awsui_segment--dimmed_1edmh_178xt_237",
23
- "segment--highlighted": "awsui_segment--highlighted_1edmh_178xt_240",
24
- "label--dimmed": "awsui_label--dimmed_1edmh_178xt_257",
25
- "label--align-right": "awsui_label--align-right_1edmh_178xt_260",
26
- "label-text": "awsui_label-text_1edmh_178xt_268",
27
- "label__description": "awsui_label__description_1edmh_178xt_276",
28
- "label-line": "awsui_label-line_1edmh_178xt_283",
29
- "label--highlighted": "awsui_label--highlighted_1edmh_178xt_287",
30
- "popover-header": "awsui_popover-header_1edmh_178xt_291"
4
+ "segment__path": "awsui_segment__path_1edmh_gci9o_97",
5
+ "segment": "awsui_segment_1edmh_gci9o_97",
6
+ "segment__hover": "awsui_segment__hover_1edmh_gci9o_124",
7
+ "label": "awsui_label_1edmh_gci9o_138",
8
+ "root": "awsui_root_1edmh_gci9o_156",
9
+ "content": "awsui_content_1edmh_gci9o_160",
10
+ "content--small": "awsui_content--small_1edmh_gci9o_160",
11
+ "content--without-labels": "awsui_content--without-labels_1edmh_gci9o_163",
12
+ "content--medium": "awsui_content--medium_1edmh_gci9o_166",
13
+ "content--large": "awsui_content--large_1edmh_gci9o_172",
14
+ "content--fit-height": "awsui_content--fit-height_1edmh_gci9o_179",
15
+ "status-container": "awsui_status-container_1edmh_gci9o_183",
16
+ "chart-container": "awsui_chart-container_1edmh_gci9o_187",
17
+ "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_gci9o_191",
18
+ "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_gci9o_196",
19
+ "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199",
20
+ "inner-content": "awsui_inner-content_1edmh_gci9o_208",
21
+ "segment__highlight": "awsui_segment__highlight_1edmh_gci9o_222",
22
+ "segment--dimmed": "awsui_segment--dimmed_1edmh_gci9o_237",
23
+ "segment--highlighted": "awsui_segment--highlighted_1edmh_gci9o_240",
24
+ "label--dimmed": "awsui_label--dimmed_1edmh_gci9o_257",
25
+ "label--align-right": "awsui_label--align-right_1edmh_gci9o_260",
26
+ "label-text": "awsui_label-text_1edmh_gci9o_268",
27
+ "label__description": "awsui_label__description_1edmh_gci9o_276",
28
+ "label-line": "awsui_label-line_1edmh_gci9o_283",
29
+ "label--highlighted": "awsui_label--highlighted_1edmh_gci9o_287",
30
+ "popover-header": "awsui_popover-header_1edmh_gci9o_291"
31
31
  };
32
32