@cloudscape-design/components-themeable 3.0.373 → 3.0.375

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 (419) 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/styles.css.js +25 -25
  6. package/lib/internal/template/alert/styles.scoped.css +81 -81
  7. package/lib/internal/template/alert/styles.selectors.js +25 -25
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  11. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  13. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  15. package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -28
  16. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  17. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  18. package/lib/internal/template/app-layout/index.js +4 -5
  19. package/lib/internal/template/app-layout/index.js.map +1 -1
  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/utils/use-content-width.js +1 -1
  33. package/lib/internal/template/app-layout/utils/use-content-width.js.map +1 -1
  34. package/lib/internal/template/app-layout/utils/use-observed-element.js +1 -1
  35. package/lib/internal/template/app-layout/utils/use-observed-element.js.map +1 -1
  36. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  37. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +267 -267
  38. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  39. package/lib/internal/template/area-chart/model/use-chart-model.d.ts.map +1 -1
  40. package/lib/internal/template/area-chart/model/use-chart-model.js +2 -2
  41. package/lib/internal/template/area-chart/model/use-chart-model.js.map +1 -1
  42. package/lib/internal/template/area-chart/styles.css.js +6 -6
  43. package/lib/internal/template/area-chart/styles.scoped.css +16 -16
  44. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  45. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  46. package/lib/internal/template/attribute-editor/styles.scoped.css +43 -43
  47. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  48. package/lib/internal/template/badge/styles.css.js +5 -5
  49. package/lib/internal/template/badge/styles.scoped.css +20 -20
  50. package/lib/internal/template/badge/styles.selectors.js +5 -5
  51. package/lib/internal/template/box/styles.css.js +190 -190
  52. package/lib/internal/template/box/styles.scoped.css +420 -420
  53. package/lib/internal/template/box/styles.selectors.js +190 -190
  54. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  55. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  56. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  57. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  58. package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
  59. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  60. package/lib/internal/template/button/styles.css.js +20 -20
  61. package/lib/internal/template/button/styles.scoped.css +472 -472
  62. package/lib/internal/template/button/styles.selectors.js +20 -20
  63. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  64. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +50 -50
  65. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  66. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  67. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
  68. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  69. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  70. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  71. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  72. package/lib/internal/template/button-dropdown/styles.css.js +14 -14
  73. package/lib/internal/template/button-dropdown/styles.scoped.css +32 -32
  74. package/lib/internal/template/button-dropdown/styles.selectors.js +14 -14
  75. package/lib/internal/template/calendar/styles.css.js +18 -18
  76. package/lib/internal/template/calendar/styles.scoped.css +89 -89
  77. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  78. package/lib/internal/template/cards/styles.css.js +38 -38
  79. package/lib/internal/template/cards/styles.scoped.css +99 -99
  80. package/lib/internal/template/cards/styles.selectors.js +38 -38
  81. package/lib/internal/template/checkbox/styles.css.js +3 -3
  82. package/lib/internal/template/checkbox/styles.scoped.css +16 -16
  83. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  84. package/lib/internal/template/code-editor/listeners.js +2 -2
  85. package/lib/internal/template/code-editor/listeners.js.map +1 -1
  86. package/lib/internal/template/code-editor/resizable-box/index.js +2 -2
  87. package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
  88. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  89. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
  90. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  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/collection-preferences/content-display/styles.css.js +11 -11
  95. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
  96. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  97. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  98. package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
  99. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  100. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  101. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  102. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  103. package/lib/internal/template/column-layout/styles.css.js +13 -13
  104. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  105. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  106. package/lib/internal/template/container/styles.css.js +28 -28
  107. package/lib/internal/template/container/styles.scoped.css +94 -94
  108. package/lib/internal/template/container/styles.selectors.js +28 -28
  109. package/lib/internal/template/content-layout/styles.css.js +7 -7
  110. package/lib/internal/template/content-layout/styles.scoped.css +17 -17
  111. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  112. package/lib/internal/template/date-picker/styles.css.js +7 -7
  113. package/lib/internal/template/date-picker/styles.scoped.css +16 -16
  114. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  115. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  116. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  117. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  118. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  119. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
  120. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  121. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  122. package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
  123. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  124. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  125. package/lib/internal/template/expandable-section/styles.scoped.css +108 -108
  126. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  127. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  128. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
  129. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  130. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  131. package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
  132. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  133. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  134. package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
  135. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  136. package/lib/internal/template/file-upload/styles.css.js +2 -2
  137. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  138. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  139. package/lib/internal/template/flashbar/styles.css.js +47 -47
  140. package/lib/internal/template/flashbar/styles.scoped.css +249 -249
  141. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  142. package/lib/internal/template/form/styles.css.js +9 -9
  143. package/lib/internal/template/form/styles.scoped.css +20 -20
  144. package/lib/internal/template/form/styles.selectors.js +9 -9
  145. package/lib/internal/template/form-field/styles.css.js +19 -19
  146. package/lib/internal/template/form-field/styles.scoped.css +52 -52
  147. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  148. package/lib/internal/template/grid/styles.css.js +53 -53
  149. package/lib/internal/template/grid/styles.scoped.css +60 -60
  150. package/lib/internal/template/grid/styles.selectors.js +53 -53
  151. package/lib/internal/template/header/styles.css.js +33 -33
  152. package/lib/internal/template/header/styles.scoped.css +114 -114
  153. package/lib/internal/template/header/styles.selectors.js +33 -33
  154. package/lib/internal/template/help-panel/styles.css.js +4 -4
  155. package/lib/internal/template/help-panel/styles.scoped.css +167 -167
  156. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  157. package/lib/internal/template/hotspot/styles.css.js +7 -7
  158. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  159. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  160. package/lib/internal/template/icon/styles.css.js +21 -21
  161. package/lib/internal/template/icon/styles.scoped.css +81 -81
  162. package/lib/internal/template/icon/styles.selectors.js +21 -21
  163. package/lib/internal/template/input/styles.css.js +12 -12
  164. package/lib/internal/template/input/styles.scoped.css +73 -73
  165. package/lib/internal/template/input/styles.selectors.js +12 -12
  166. package/lib/internal/template/internal/base-component/styles.scoped.css +3177 -3105
  167. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  168. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
  169. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  170. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  171. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
  172. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  173. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
  174. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +41 -41
  175. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
  176. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  177. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  178. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  179. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  180. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
  181. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  182. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  183. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  184. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  185. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  186. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
  187. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  188. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  189. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
  190. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  191. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  192. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  193. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  194. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  195. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  196. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  197. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  198. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
  199. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  200. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  201. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  202. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  203. package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -2
  204. package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
  205. package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
  206. package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
  207. package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
  208. package/lib/internal/template/internal/components/dropdown/styles.css.js +21 -21
  209. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +52 -52
  210. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +21 -21
  211. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  212. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  213. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  214. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  215. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
  216. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  217. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  218. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
  219. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  220. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  221. package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
  222. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  223. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  224. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
  225. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  226. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  227. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  228. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  229. package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
  230. package/lib/internal/template/internal/components/options-list/index.js +2 -2
  231. package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
  232. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  233. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  234. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  235. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  236. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +70 -70
  237. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  238. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  239. package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
  240. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  241. package/lib/internal/template/internal/environment.js +1 -1
  242. package/lib/internal/template/internal/environment.json +1 -1
  243. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  244. package/lib/internal/template/internal/generated/theming/index.cjs +25 -23
  245. package/lib/internal/template/internal/generated/theming/index.js +25 -23
  246. package/lib/internal/template/internal/hooks/container-queries/index.d.ts +0 -1
  247. package/lib/internal/template/internal/hooks/container-queries/index.d.ts.map +1 -1
  248. package/lib/internal/template/internal/hooks/container-queries/index.js +0 -1
  249. package/lib/internal/template/internal/hooks/container-queries/index.js.map +1 -1
  250. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js +1 -1
  251. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js.map +1 -1
  252. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +1 -1
  253. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  254. package/lib/internal/template/internal/hooks/use-mobile/index.js +1 -1
  255. package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
  256. package/lib/internal/template/internal/hooks/use-mouse-down-target.js +1 -1
  257. package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map +1 -1
  258. package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
  259. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js +2 -3
  260. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map +1 -1
  261. package/lib/internal/template/link/styles.css.js +20 -20
  262. package/lib/internal/template/link/styles.scoped.css +158 -158
  263. package/lib/internal/template/link/styles.selectors.js +20 -20
  264. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  265. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +24 -24
  266. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  267. package/lib/internal/template/modal/styles.css.js +23 -23
  268. package/lib/internal/template/modal/styles.scoped.css +67 -67
  269. package/lib/internal/template/modal/styles.selectors.js +23 -23
  270. package/lib/internal/template/multiselect/styles.css.js +1 -1
  271. package/lib/internal/template/multiselect/styles.scoped.css +5 -5
  272. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  273. package/lib/internal/template/pagination/styles.css.js +9 -9
  274. package/lib/internal/template/pagination/styles.scoped.css +47 -47
  275. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  276. package/lib/internal/template/pie-chart/labels.js +1 -1
  277. package/lib/internal/template/pie-chart/labels.js.map +1 -1
  278. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  279. package/lib/internal/template/pie-chart/styles.scoped.css +63 -63
  280. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  281. package/lib/internal/template/popover/container.d.ts.map +1 -1
  282. package/lib/internal/template/popover/container.js +1 -1
  283. package/lib/internal/template/popover/container.js.map +1 -1
  284. package/lib/internal/template/popover/styles.css.js +50 -50
  285. package/lib/internal/template/popover/styles.scoped.css +104 -104
  286. package/lib/internal/template/popover/styles.selectors.js +50 -50
  287. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  288. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  289. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  290. package/lib/internal/template/property-filter/styles.css.js +29 -29
  291. package/lib/internal/template/property-filter/styles.scoped.css +52 -52
  292. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  293. package/lib/internal/template/radio-group/styles.css.js +9 -9
  294. package/lib/internal/template/radio-group/styles.scoped.css +37 -37
  295. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  296. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  297. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  298. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  299. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
  300. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
  301. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
  302. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
  303. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js +2 -2
  304. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
  305. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  306. package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
  307. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  308. package/lib/internal/template/select/parts/styles.css.js +9 -9
  309. package/lib/internal/template/select/parts/styles.scoped.css +17 -17
  310. package/lib/internal/template/select/parts/styles.selectors.js +9 -9
  311. package/lib/internal/template/select/styles.css.js +1 -1
  312. package/lib/internal/template/select/styles.scoped.css +5 -5
  313. package/lib/internal/template/select/styles.selectors.js +1 -1
  314. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  315. package/lib/internal/template/side-navigation/styles.scoped.css +92 -92
  316. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  317. package/lib/internal/template/space-between/styles.css.js +23 -23
  318. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  319. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  320. package/lib/internal/template/spinner/styles.css.js +13 -13
  321. package/lib/internal/template/spinner/styles.scoped.css +35 -35
  322. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  323. package/lib/internal/template/split-panel/bottom.js +1 -1
  324. package/lib/internal/template/split-panel/bottom.js.map +1 -1
  325. package/lib/internal/template/split-panel/styles.css.js +56 -56
  326. package/lib/internal/template/split-panel/styles.scoped.css +146 -146
  327. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  328. package/lib/internal/template/status-indicator/styles.css.js +22 -22
  329. package/lib/internal/template/status-indicator/styles.scoped.css +46 -46
  330. package/lib/internal/template/status-indicator/styles.selectors.js +22 -22
  331. package/lib/internal/template/table/body-cell/click-away.js +2 -2
  332. package/lib/internal/template/table/body-cell/click-away.js.map +1 -1
  333. package/lib/internal/template/table/body-cell/styles.css.js +28 -28
  334. package/lib/internal/template/table/body-cell/styles.scoped.css +155 -155
  335. package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
  336. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  337. package/lib/internal/template/table/header-cell/styles.scoped.css +93 -93
  338. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  339. package/lib/internal/template/table/resizer/index.js +3 -3
  340. package/lib/internal/template/table/resizer/index.js.map +1 -1
  341. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  342. package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
  343. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  344. package/lib/internal/template/table/selection-control/styles.css.js +3 -3
  345. package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
  346. package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
  347. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  348. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +2 -3
  349. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  350. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  351. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
  352. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  353. package/lib/internal/template/table/styles.css.js +34 -34
  354. package/lib/internal/template/table/styles.scoped.css +84 -84
  355. package/lib/internal/template/table/styles.selectors.js +34 -34
  356. package/lib/internal/template/table/use-sticky-header.js +1 -1
  357. package/lib/internal/template/table/use-sticky-header.js.map +1 -1
  358. package/lib/internal/template/tabs/styles.css.js +21 -21
  359. package/lib/internal/template/tabs/styles.scoped.css +86 -86
  360. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  361. package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
  362. package/lib/internal/template/tag-editor/index.js +6 -6
  363. package/lib/internal/template/tag-editor/index.js.map +1 -1
  364. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  365. package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
  366. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  367. package/lib/internal/template/text-content/styles.css.js +1 -1
  368. package/lib/internal/template/text-content/styles.scoped.css +120 -120
  369. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  370. package/lib/internal/template/text-filter/styles.css.js +3 -3
  371. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  372. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  373. package/lib/internal/template/textarea/styles.css.js +4 -4
  374. package/lib/internal/template/textarea/styles.scoped.css +40 -40
  375. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  376. package/lib/internal/template/tiles/styles.css.js +29 -29
  377. package/lib/internal/template/tiles/styles.scoped.css +128 -128
  378. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  379. package/lib/internal/template/toggle/styles.css.js +8 -8
  380. package/lib/internal/template/toggle/styles.scoped.css +27 -27
  381. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  382. package/lib/internal/template/token-group/styles.css.js +7 -7
  383. package/lib/internal/template/token-group/styles.scoped.css +42 -42
  384. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  385. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  386. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +84 -84
  387. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  388. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  389. package/lib/internal/template/top-navigation/styles.scoped.css +148 -148
  390. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  391. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  392. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  393. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  394. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  395. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  396. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  397. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  398. package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
  399. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  400. package/lib/internal/template/wizard/styles.css.js +31 -31
  401. package/lib/internal/template/wizard/styles.scoped.css +124 -124
  402. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  403. package/package.json +1 -1
  404. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
  405. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
  406. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +0 -54
  407. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
  408. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +0 -4
  409. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +0 -1
  410. package/lib/internal/template/internal/hooks/container-queries/utils.js +0 -10
  411. package/lib/internal/template/internal/hooks/container-queries/utils.js.map +0 -1
  412. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts +0 -11
  413. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
  414. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js +0 -45
  415. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map +0 -1
  416. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
  417. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
  418. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js +0 -19
  419. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js.map +0 -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_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
 
@@ -5,8 +5,8 @@ import clsx from 'clsx';
5
5
  import { arc } from 'd3-shape';
6
6
  import styles from './styles.css.js';
7
7
  import { balanceLabelNodes } from './utils';
8
- import { useResizeObserver } from '../internal/hooks/container-queries';
9
8
  import ResponsiveText from './responsive-text';
9
+ import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
10
10
  function LabelElement({ x, y, hideTitles, hideDescriptions, rightSide, title, description, containerBoundaries, }) {
11
11
  return (
12
12
  // Reset the transform property to prepare for `balanceLabelNodes`.
@@ -1 +1 @@
1
- {"version":3,"file":"labels.js","sourceRoot":"lib/default/","sources":["pie-chart/labels.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, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { arc, PieArcDatum } from 'd3-shape';\n\nimport { PieChartProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { InternalChartDatum } from './pie-chart';\nimport { Dimension, balanceLabelNodes } from './utils';\nimport { useResizeObserver } from '../internal/hooks/container-queries';\nimport ResponsiveText from './responsive-text';\n\nexport interface LabelsProps<T> {\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n visibleDataSum: number;\n dimensions: Dimension;\n hideTitles: boolean;\n hideDescriptions: boolean;\n highlightedSegment: PieChartProps.Datum | null;\n segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\ninterface LabelElementProps {\n x: number;\n y: number;\n rightSide: boolean;\n hideTitles: boolean;\n hideDescriptions: boolean;\n title: PieChartProps.Datum['title'];\n description?: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nfunction LabelElement({\n x,\n y,\n hideTitles,\n hideDescriptions,\n rightSide,\n title,\n description,\n containerBoundaries,\n}: LabelElementProps) {\n return (\n // Reset the transform property to prepare for `balanceLabelNodes`.\n // The dataset attributes are also needed in the function for IE11 support.\n <g className={styles['label-text']} transform=\"\" data-x={x} data-y={y}>\n {!hideTitles && (\n <ResponsiveText x={x} y={y} rightSide={rightSide} containerBoundaries={containerBoundaries}>\n {title}\n </ResponsiveText>\n )}\n {!hideDescriptions && description && (\n <ResponsiveText\n x={x}\n y={y + (hideTitles ? 0 : 18)}\n rightSide={rightSide}\n className={styles.label__description}\n containerBoundaries={containerBoundaries}\n >\n {description}\n </ResponsiveText>\n )}\n </g>\n );\n}\n\nexport default <T extends PieChartProps.Datum>({\n pieData,\n dimensions,\n highlightedSegment,\n segmentDescription,\n visibleDataSum,\n hideTitles,\n hideDescriptions,\n containerRef,\n}: LabelsProps<T>) => {\n const containerBoundaries = useElementBoundaries(containerRef);\n\n const markers = useMemo(() => {\n const { outerRadius: radius, innerLabelPadding } = dimensions;\n\n // More arc factories for the label positioning\n const arcMarkerStart = arc<PieArcDatum<any>>()\n .innerRadius(radius - 1)\n .outerRadius(radius - 1);\n\n const arcMarkerBreak = arc<PieArcDatum<any>>()\n .innerRadius(radius + innerLabelPadding)\n .outerRadius(radius + innerLabelPadding);\n\n return pieData.map((datum, i) => {\n const labelDatum = pieData[i];\n const midAngle = labelDatum.startAngle + (labelDatum.endAngle - labelDatum.startAngle) / 2;\n\n // Make the marker line longer if the segment is closer to the top or bottom of the chart\n arcMarkerBreak.outerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n arcMarkerBreak.innerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n const [startX, startY] = arcMarkerStart.centroid(datum);\n const [breakX, breakY] = arcMarkerBreak.centroid(datum);\n\n const rightSide = midAngle < Math.PI;\n const endX = (radius + 20) * (rightSide ? 1 : -1);\n const textX = endX + 5 * (rightSide ? 1 : -1);\n\n return {\n startX,\n startY,\n breakX,\n breakY,\n endX,\n endY: breakY,\n textX,\n textY: breakY,\n rightSide,\n datum,\n };\n });\n }, [pieData, dimensions]);\n\n const rootRef = useRef<SVGGElement>(null);\n\n useLayoutEffect(() => {\n if (!rootRef.current) {\n return;\n }\n\n // Relax labels that are overlapping\n const labelNodes = rootRef.current.querySelectorAll<SVGGElement>(`.${styles['label-text']}`);\n balanceLabelNodes(labelNodes, markers, false);\n balanceLabelNodes(labelNodes, markers, true);\n }, [markers, pieData]);\n\n return (\n <g className={styles.markers} aria-hidden=\"true\" ref={rootRef}>\n {markers.map(({ startX, startY, breakX, breakY, endX, endY, textX, textY, rightSide, datum }) => {\n const segment = datum.data.datum;\n const description = segmentDescription?.(segment, visibleDataSum);\n if ((hideTitles && !description) || (hideDescriptions && !segment.title)) {\n return null;\n }\n return (\n <g\n key={datum.data.index}\n className={clsx(styles.label, {\n [styles['label--highlighted']]: highlightedSegment === segment,\n [styles['label--dimmed']]: highlightedSegment !== null && highlightedSegment !== segment,\n [styles['label--align-right']]: !rightSide,\n })}\n >\n <line x1={startX} y1={startY} x2={breakX} y2={breakY} />\n <line x1={breakX} y1={breakY} x2={endX} y2={endY} className={styles['label-line']} />\n <LabelElement\n x={textX}\n y={textY}\n rightSide={rightSide}\n title={segment.title}\n description={description}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n containerBoundaries={containerBoundaries}\n />\n </g>\n );\n })}\n </g>\n );\n};\n\nfunction useElementBoundaries(ref: React.RefObject<HTMLElement>): { left: number; right: number } {\n const [state, setState] = useState({ left: 0, right: 0 });\n useResizeObserver(ref, entry => {\n const elementRect = entry.target.getBoundingClientRect();\n setState({ left: elementRect.left, right: elementRect.right });\n });\n return state;\n}\n"]}
1
+ {"version":3,"file":"labels.js","sourceRoot":"lib/default/","sources":["pie-chart/labels.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, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { arc, PieArcDatum } from 'd3-shape';\n\nimport { PieChartProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { InternalChartDatum } from './pie-chart';\nimport { Dimension, balanceLabelNodes } from './utils';\nimport ResponsiveText from './responsive-text';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface LabelsProps<T> {\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n visibleDataSum: number;\n dimensions: Dimension;\n hideTitles: boolean;\n hideDescriptions: boolean;\n highlightedSegment: PieChartProps.Datum | null;\n segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\ninterface LabelElementProps {\n x: number;\n y: number;\n rightSide: boolean;\n hideTitles: boolean;\n hideDescriptions: boolean;\n title: PieChartProps.Datum['title'];\n description?: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nfunction LabelElement({\n x,\n y,\n hideTitles,\n hideDescriptions,\n rightSide,\n title,\n description,\n containerBoundaries,\n}: LabelElementProps) {\n return (\n // Reset the transform property to prepare for `balanceLabelNodes`.\n // The dataset attributes are also needed in the function for IE11 support.\n <g className={styles['label-text']} transform=\"\" data-x={x} data-y={y}>\n {!hideTitles && (\n <ResponsiveText x={x} y={y} rightSide={rightSide} containerBoundaries={containerBoundaries}>\n {title}\n </ResponsiveText>\n )}\n {!hideDescriptions && description && (\n <ResponsiveText\n x={x}\n y={y + (hideTitles ? 0 : 18)}\n rightSide={rightSide}\n className={styles.label__description}\n containerBoundaries={containerBoundaries}\n >\n {description}\n </ResponsiveText>\n )}\n </g>\n );\n}\n\nexport default <T extends PieChartProps.Datum>({\n pieData,\n dimensions,\n highlightedSegment,\n segmentDescription,\n visibleDataSum,\n hideTitles,\n hideDescriptions,\n containerRef,\n}: LabelsProps<T>) => {\n const containerBoundaries = useElementBoundaries(containerRef);\n\n const markers = useMemo(() => {\n const { outerRadius: radius, innerLabelPadding } = dimensions;\n\n // More arc factories for the label positioning\n const arcMarkerStart = arc<PieArcDatum<any>>()\n .innerRadius(radius - 1)\n .outerRadius(radius - 1);\n\n const arcMarkerBreak = arc<PieArcDatum<any>>()\n .innerRadius(radius + innerLabelPadding)\n .outerRadius(radius + innerLabelPadding);\n\n return pieData.map((datum, i) => {\n const labelDatum = pieData[i];\n const midAngle = labelDatum.startAngle + (labelDatum.endAngle - labelDatum.startAngle) / 2;\n\n // Make the marker line longer if the segment is closer to the top or bottom of the chart\n arcMarkerBreak.outerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n arcMarkerBreak.innerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n const [startX, startY] = arcMarkerStart.centroid(datum);\n const [breakX, breakY] = arcMarkerBreak.centroid(datum);\n\n const rightSide = midAngle < Math.PI;\n const endX = (radius + 20) * (rightSide ? 1 : -1);\n const textX = endX + 5 * (rightSide ? 1 : -1);\n\n return {\n startX,\n startY,\n breakX,\n breakY,\n endX,\n endY: breakY,\n textX,\n textY: breakY,\n rightSide,\n datum,\n };\n });\n }, [pieData, dimensions]);\n\n const rootRef = useRef<SVGGElement>(null);\n\n useLayoutEffect(() => {\n if (!rootRef.current) {\n return;\n }\n\n // Relax labels that are overlapping\n const labelNodes = rootRef.current.querySelectorAll<SVGGElement>(`.${styles['label-text']}`);\n balanceLabelNodes(labelNodes, markers, false);\n balanceLabelNodes(labelNodes, markers, true);\n }, [markers, pieData]);\n\n return (\n <g className={styles.markers} aria-hidden=\"true\" ref={rootRef}>\n {markers.map(({ startX, startY, breakX, breakY, endX, endY, textX, textY, rightSide, datum }) => {\n const segment = datum.data.datum;\n const description = segmentDescription?.(segment, visibleDataSum);\n if ((hideTitles && !description) || (hideDescriptions && !segment.title)) {\n return null;\n }\n return (\n <g\n key={datum.data.index}\n className={clsx(styles.label, {\n [styles['label--highlighted']]: highlightedSegment === segment,\n [styles['label--dimmed']]: highlightedSegment !== null && highlightedSegment !== segment,\n [styles['label--align-right']]: !rightSide,\n })}\n >\n <line x1={startX} y1={startY} x2={breakX} y2={breakY} />\n <line x1={breakX} y1={breakY} x2={endX} y2={endY} className={styles['label-line']} />\n <LabelElement\n x={textX}\n y={textY}\n rightSide={rightSide}\n title={segment.title}\n description={description}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n containerBoundaries={containerBoundaries}\n />\n </g>\n );\n })}\n </g>\n );\n};\n\nfunction useElementBoundaries(ref: React.RefObject<HTMLElement>): { left: number; right: number } {\n const [state, setState] = useState({ left: 0, right: 0 });\n useResizeObserver(ref, entry => {\n const elementRect = entry.target.getBoundingClientRect();\n setState({ left: elementRect.left, right: elementRect.right });\n });\n return state;\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
 
@@ -94,57 +94,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_segment__path_1edmh_178xt_97:not(#\9) {
98
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
97
+ .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
98
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_segment__path_1edmh_178xt_97:not(#\9) {
101
+ .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_segment__path_1edmh_178xt_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_178xt_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_segment__path_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
110
110
 
111
- .awsui_segment_1edmh_178xt_97:not(#\9) {
112
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
111
+ .awsui_segment_1edmh_gci9o_97:not(#\9) {
112
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
113
113
  }
114
114
  @media (prefers-reduced-motion: reduce) {
115
- .awsui_segment_1edmh_178xt_97:not(#\9) {
115
+ .awsui_segment_1edmh_gci9o_97:not(#\9) {
116
116
  animation: none;
117
117
  transition: none;
118
118
  }
119
119
  }
120
- .awsui-motion-disabled .awsui_segment_1edmh_178xt_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_178xt_97:not(#\9) {
120
+ .awsui-motion-disabled .awsui_segment_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97:not(#\9) {
121
121
  animation: none;
122
122
  transition: none;
123
123
  }
124
- .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
125
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
124
+ .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
125
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
126
126
  }
127
127
  @media (prefers-reduced-motion: reduce) {
128
- .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
128
+ .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
129
129
  animation: none;
130
130
  transition: none;
131
131
  }
132
132
  }
133
- .awsui-motion-disabled .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
133
+ .awsui-motion-disabled .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
134
134
  animation: none;
135
135
  transition: none;
136
136
  }
137
137
 
138
- .awsui_label_1edmh_178xt_138:not(#\9) {
139
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
138
+ .awsui_label_1edmh_gci9o_138:not(#\9) {
139
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
140
140
  }
141
141
  @media (prefers-reduced-motion: reduce) {
142
- .awsui_label_1edmh_178xt_138:not(#\9) {
142
+ .awsui_label_1edmh_gci9o_138:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
146
146
  }
147
- .awsui-motion-disabled .awsui_label_1edmh_178xt_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_178xt_138:not(#\9) {
147
+ .awsui-motion-disabled .awsui_label_1edmh_gci9o_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_gci9o_138:not(#\9) {
148
148
  animation: none;
149
149
  transition: none;
150
150
  }
@@ -153,50 +153,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
153
153
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
154
154
  SPDX-License-Identifier: Apache-2.0
155
155
  */
156
- .awsui_root_1edmh_178xt_156:not(#\9) {
156
+ .awsui_root_1edmh_gci9o_156:not(#\9) {
157
157
  /* used in test-utils */
158
158
  }
159
159
 
160
- .awsui_content_1edmh_178xt_160.awsui_content--small_1edmh_178xt_160:not(#\9) {
161
- min-height: calc(2 * (50px + var(--space-xs-e7dyai, 8px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
160
+ .awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160:not(#\9) {
161
+ min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
162
162
  }
163
- .awsui_content_1edmh_178xt_160.awsui_content--small_1edmh_178xt_160.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
164
- min-height: calc(2 * (50px + var(--space-xs-e7dyai, 8px)));
163
+ .awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
164
+ min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px)));
165
165
  }
166
- .awsui_content_1edmh_178xt_160.awsui_content--medium_1edmh_178xt_166:not(#\9) {
167
- min-height: calc(2 * (100px + var(--space-s-agghyv, 12px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
166
+ .awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166:not(#\9) {
167
+ min-height: calc(2 * (100px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
168
168
  }
169
- .awsui_content_1edmh_178xt_160.awsui_content--medium_1edmh_178xt_166.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
170
- min-height: calc(2 * (100px + var(--space-s-agghyv, 12px)));
169
+ .awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
170
+ min-height: calc(2 * (100px + var(--space-s-2025hl, 12px)));
171
171
  }
172
- .awsui_content_1edmh_178xt_160.awsui_content--large_1edmh_178xt_172:not(#\9) {
173
- min-height: calc(2 * (140px + var(--space-s-agghyv, 12px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
172
+ .awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172:not(#\9) {
173
+ min-height: calc(2 * (140px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
174
174
  }
175
- .awsui_content_1edmh_178xt_160.awsui_content--large_1edmh_178xt_172.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
176
- min-height: calc(2 * (140px + var(--space-s-agghyv, 12px)));
175
+ .awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
176
+ min-height: calc(2 * (140px + var(--space-s-2025hl, 12px)));
177
177
  }
178
178
 
179
- .awsui_content--fit-height_1edmh_178xt_179:not(#\9) {
179
+ .awsui_content--fit-height_1edmh_gci9o_179:not(#\9) {
180
180
  flex: 1;
181
181
  }
182
182
 
183
- .awsui_status-container_1edmh_178xt_183:not(#\9) {
183
+ .awsui_status-container_1edmh_gci9o_183:not(#\9) {
184
184
  /* used in test utils */
185
185
  }
186
186
 
187
- .awsui_chart-container_1edmh_178xt_187:not(#\9) {
187
+ .awsui_chart-container_1edmh_gci9o_187:not(#\9) {
188
188
  display: flex;
189
189
  flex: 1;
190
190
  }
191
- .awsui_chart-container--fit-height_1edmh_178xt_191:not(#\9) {
191
+ .awsui_chart-container--fit-height_1edmh_gci9o_191:not(#\9) {
192
192
  height: 100%;
193
193
  min-height: inherit;
194
194
  }
195
195
 
196
- .awsui_chart-container-chart-plot_1edmh_178xt_196:not(#\9) {
196
+ .awsui_chart-container-chart-plot_1edmh_gci9o_196:not(#\9) {
197
197
  display: contents;
198
198
  }
199
- .awsui_chart-container-chart-plot--fit-height_1edmh_178xt_199:not(#\9) {
199
+ .awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199:not(#\9) {
200
200
  display: block;
201
201
  position: absolute;
202
202
  top: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
205
205
  left: 0;
206
206
  }
207
207
 
208
- .awsui_inner-content_1edmh_178xt_208:not(#\9) {
208
+ .awsui_inner-content_1edmh_gci9o_208:not(#\9) {
209
209
  display: flex;
210
210
  position: absolute;
211
211
  flex-direction: column;
@@ -219,76 +219,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
219
219
  pointer-events: none;
220
220
  }
221
221
 
222
- .awsui_segment__highlight_1edmh_178xt_222:not(#\9) {
222
+ .awsui_segment__highlight_1edmh_gci9o_222:not(#\9) {
223
223
  stroke: none;
224
224
  opacity: 0;
225
225
  }
226
226
 
227
- .awsui_segment_1edmh_178xt_97:not(#\9) {
228
- stroke: var(--color-background-container-content-rearqm, #ffffff);
227
+ .awsui_segment_1edmh_gci9o_97:not(#\9) {
228
+ stroke: var(--color-background-container-content-il2pe5, #ffffff);
229
229
  stroke-width: 2px;
230
230
  stroke-linejoin: round;
231
231
  opacity: 1;
232
232
  cursor: pointer;
233
233
  }
234
- .awsui_segment_1edmh_178xt_97:not(#\9):focus {
234
+ .awsui_segment_1edmh_gci9o_97:not(#\9):focus {
235
235
  outline: none;
236
236
  }
237
- .awsui_segment_1edmh_178xt_97.awsui_segment--dimmed_1edmh_178xt_237:not(#\9) {
237
+ .awsui_segment_1edmh_gci9o_97.awsui_segment--dimmed_1edmh_gci9o_237:not(#\9) {
238
238
  opacity: 0.35;
239
239
  }
240
- .awsui_segment_1edmh_178xt_97.awsui_segment--highlighted_1edmh_178xt_240 > .awsui_segment__highlight_1edmh_178xt_222:not(#\9), .awsui_segment_1edmh_178xt_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_178xt_237) > .awsui_segment__highlight_1edmh_178xt_222 {
240
+ .awsui_segment_1edmh_gci9o_97.awsui_segment--highlighted_1edmh_gci9o_240 > .awsui_segment__highlight_1edmh_gci9o_222:not(#\9), .awsui_segment_1edmh_gci9o_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_gci9o_237) > .awsui_segment__highlight_1edmh_gci9o_222 {
241
241
  opacity: 1;
242
242
  }
243
243
 
244
- .awsui_label_1edmh_178xt_138:not(#\9) {
245
- color: var(--color-text-heading-default-f2k17x, #16191f);
244
+ .awsui_label_1edmh_gci9o_138:not(#\9) {
245
+ color: var(--color-text-heading-default-q5s9rq, #16191f);
246
246
  opacity: 1;
247
247
  /* stylelint-disable-next-line selector-max-type */
248
248
  /* stylelint-disable-next-line selector-max-type */
249
249
  }
250
- .awsui_label_1edmh_178xt_138 > line:not(#\9) {
251
- stroke: var(--color-stroke-chart-line-glrfjx, #879596);
252
- stroke-width: var(--border-divider-section-width-uu4597, 1px);
250
+ .awsui_label_1edmh_gci9o_138 > line:not(#\9) {
251
+ stroke: var(--color-stroke-chart-line-917j1w, #879596);
252
+ stroke-width: var(--border-divider-section-width-4ozgf3, 1px);
253
253
  }
254
- .awsui_label_1edmh_178xt_138 > div:not(#\9) {
254
+ .awsui_label_1edmh_gci9o_138 > div:not(#\9) {
255
255
  margin-top: -0.75em;
256
256
  }
257
- .awsui_label_1edmh_178xt_138.awsui_label--dimmed_1edmh_178xt_257:not(#\9) {
257
+ .awsui_label_1edmh_gci9o_138.awsui_label--dimmed_1edmh_gci9o_257:not(#\9) {
258
258
  opacity: 0.35;
259
259
  }
260
- .awsui_label_1edmh_178xt_138.awsui_label--align-right_1edmh_178xt_260:not(#\9) {
260
+ .awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260:not(#\9) {
261
261
  /* stylelint-disable-next-line selector-max-type */
262
262
  }
263
- .awsui_label_1edmh_178xt_138.awsui_label--align-right_1edmh_178xt_260 > div:not(#\9) {
263
+ .awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260 > div:not(#\9) {
264
264
  text-align: right;
265
265
  }
266
266
 
267
267
  /* stylelint-disable-next-line selector-max-type */
268
- .awsui_label-text_1edmh_178xt_268 > text:not(#\9) {
269
- font-size: var(--font-body-m-size-q2y4dq, 14px);
270
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
271
- font-weight: var(--font-display-label-weight-hvrmv6, 400);
272
- fill: var(--color-text-heading-default-f2k17x, #16191f);
268
+ .awsui_label-text_1edmh_gci9o_268 > text:not(#\9) {
269
+ font-size: var(--font-body-m-size-bf8hby, 14px);
270
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
271
+ font-weight: var(--font-display-label-weight-2njs7q, 400);
272
+ fill: var(--color-text-heading-default-q5s9rq, #16191f);
273
273
  dominant-baseline: middle;
274
274
  }
275
275
 
276
- text.awsui_label__description_1edmh_178xt_276:not(#\9) {
277
- font-size: var(--font-chart-detail-size-2dh15u, 14px);
276
+ text.awsui_label__description_1edmh_gci9o_276:not(#\9) {
277
+ font-size: var(--font-chart-detail-size-pob89f, 14px);
278
278
  font-weight: 400;
279
- color: var(--color-text-group-label-amm11e, #545b64);
280
- fill: var(--color-text-group-label-amm11e, #545b64);
279
+ color: var(--color-text-group-label-7crvc9, #545b64);
280
+ fill: var(--color-text-group-label-7crvc9, #545b64);
281
281
  }
282
282
 
283
- .awsui_label-line_1edmh_178xt_283:not(#\9) {
283
+ .awsui_label-line_1edmh_gci9o_283:not(#\9) {
284
284
  /* used in component code */
285
285
  }
286
286
 
287
- .awsui_label--highlighted_1edmh_178xt_287:not(#\9) {
287
+ .awsui_label--highlighted_1edmh_gci9o_287:not(#\9) {
288
288
  /* used in test-utils */
289
289
  }
290
290
 
291
- .awsui_popover-header_1edmh_178xt_291:not(#\9) {
291
+ .awsui_popover-header_1edmh_gci9o_291:not(#\9) {
292
292
  display: inline-flex;
293
293
  align-items: flex-start;
294
294
  }
@@ -2,32 +2,32 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment__path": "awsui_segment__path_1edmh_178xt_97",
6
- "segment": "awsui_segment_1edmh_178xt_97",
7
- "segment__hover": "awsui_segment__hover_1edmh_178xt_124",
8
- "label": "awsui_label_1edmh_178xt_138",
9
- "root": "awsui_root_1edmh_178xt_156",
10
- "content": "awsui_content_1edmh_178xt_160",
11
- "content--small": "awsui_content--small_1edmh_178xt_160",
12
- "content--without-labels": "awsui_content--without-labels_1edmh_178xt_163",
13
- "content--medium": "awsui_content--medium_1edmh_178xt_166",
14
- "content--large": "awsui_content--large_1edmh_178xt_172",
15
- "content--fit-height": "awsui_content--fit-height_1edmh_178xt_179",
16
- "status-container": "awsui_status-container_1edmh_178xt_183",
17
- "chart-container": "awsui_chart-container_1edmh_178xt_187",
18
- "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_178xt_191",
19
- "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_178xt_196",
20
- "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_178xt_199",
21
- "inner-content": "awsui_inner-content_1edmh_178xt_208",
22
- "segment__highlight": "awsui_segment__highlight_1edmh_178xt_222",
23
- "segment--dimmed": "awsui_segment--dimmed_1edmh_178xt_237",
24
- "segment--highlighted": "awsui_segment--highlighted_1edmh_178xt_240",
25
- "label--dimmed": "awsui_label--dimmed_1edmh_178xt_257",
26
- "label--align-right": "awsui_label--align-right_1edmh_178xt_260",
27
- "label-text": "awsui_label-text_1edmh_178xt_268",
28
- "label__description": "awsui_label__description_1edmh_178xt_276",
29
- "label-line": "awsui_label-line_1edmh_178xt_283",
30
- "label--highlighted": "awsui_label--highlighted_1edmh_178xt_287",
31
- "popover-header": "awsui_popover-header_1edmh_178xt_291"
5
+ "segment__path": "awsui_segment__path_1edmh_gci9o_97",
6
+ "segment": "awsui_segment_1edmh_gci9o_97",
7
+ "segment__hover": "awsui_segment__hover_1edmh_gci9o_124",
8
+ "label": "awsui_label_1edmh_gci9o_138",
9
+ "root": "awsui_root_1edmh_gci9o_156",
10
+ "content": "awsui_content_1edmh_gci9o_160",
11
+ "content--small": "awsui_content--small_1edmh_gci9o_160",
12
+ "content--without-labels": "awsui_content--without-labels_1edmh_gci9o_163",
13
+ "content--medium": "awsui_content--medium_1edmh_gci9o_166",
14
+ "content--large": "awsui_content--large_1edmh_gci9o_172",
15
+ "content--fit-height": "awsui_content--fit-height_1edmh_gci9o_179",
16
+ "status-container": "awsui_status-container_1edmh_gci9o_183",
17
+ "chart-container": "awsui_chart-container_1edmh_gci9o_187",
18
+ "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_gci9o_191",
19
+ "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_gci9o_196",
20
+ "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199",
21
+ "inner-content": "awsui_inner-content_1edmh_gci9o_208",
22
+ "segment__highlight": "awsui_segment__highlight_1edmh_gci9o_222",
23
+ "segment--dimmed": "awsui_segment--dimmed_1edmh_gci9o_237",
24
+ "segment--highlighted": "awsui_segment--highlighted_1edmh_gci9o_240",
25
+ "label--dimmed": "awsui_label--dimmed_1edmh_gci9o_257",
26
+ "label--align-right": "awsui_label--align-right_1edmh_gci9o_260",
27
+ "label-text": "awsui_label-text_1edmh_gci9o_268",
28
+ "label__description": "awsui_label__description_1edmh_gci9o_276",
29
+ "label-line": "awsui_label-line_1edmh_gci9o_283",
30
+ "label--highlighted": "awsui_label--highlighted_1edmh_gci9o_287",
31
+ "popover-header": "awsui_popover-header_1edmh_gci9o_291"
32
32
  };
33
33
 
@@ -1 +1 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAK7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}
1
+ {"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAMtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}