@cloudscape-design/components 3.0.333 → 3.0.335

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 (345) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +33 -33
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +30 -30
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/index.js +3 -3
  8. package/app-layout/index.js.map +1 -1
  9. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  10. package/app-layout/visual-refresh/context.js +3 -3
  11. package/app-layout/visual-refresh/context.js.map +1 -1
  12. package/app-layout/visual-refresh/styles.css.js +69 -69
  13. package/app-layout/visual-refresh/styles.scoped.css +168 -168
  14. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  15. package/attribute-editor/styles.css.js +14 -14
  16. package/attribute-editor/styles.scoped.css +27 -27
  17. package/attribute-editor/styles.selectors.js +14 -14
  18. package/autosuggest/virtual-list.d.ts.map +1 -1
  19. package/autosuggest/virtual-list.js +2 -2
  20. package/autosuggest/virtual-list.js.map +1 -1
  21. package/badge/styles.css.js +5 -5
  22. package/badge/styles.scoped.css +7 -7
  23. package/badge/styles.selectors.js +5 -5
  24. package/box/styles.css.js +189 -189
  25. package/box/styles.scoped.css +238 -238
  26. package/box/styles.selectors.js +189 -189
  27. package/breadcrumb-group/styles.css.js +7 -7
  28. package/breadcrumb-group/styles.scoped.css +14 -14
  29. package/breadcrumb-group/styles.selectors.js +7 -7
  30. package/button/internal.d.ts.map +1 -1
  31. package/button/internal.js +12 -1
  32. package/button/internal.js.map +1 -1
  33. package/button/styles.css.js +20 -20
  34. package/button/styles.scoped.css +154 -154
  35. package/button/styles.selectors.js +20 -20
  36. package/button-dropdown/index.d.ts.map +1 -1
  37. package/button-dropdown/index.js +2 -2
  38. package/button-dropdown/index.js.map +1 -1
  39. package/button-dropdown/interfaces.d.ts +31 -0
  40. package/button-dropdown/interfaces.d.ts.map +1 -1
  41. package/button-dropdown/interfaces.js.map +1 -1
  42. package/button-dropdown/internal.d.ts.map +1 -1
  43. package/button-dropdown/internal.js +64 -8
  44. package/button-dropdown/internal.js.map +1 -1
  45. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  46. package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
  47. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  48. package/button-dropdown/styles.css.js +14 -8
  49. package/button-dropdown/styles.scoped.css +44 -14
  50. package/button-dropdown/styles.selectors.js +14 -8
  51. package/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
  52. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  53. package/button-dropdown/utils/use-button-dropdown.js +1 -0
  54. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  55. package/calendar/styles.css.js +18 -18
  56. package/calendar/styles.scoped.css +40 -40
  57. package/calendar/styles.selectors.js +18 -18
  58. package/cards/index.js +5 -4
  59. package/cards/index.js.map +1 -1
  60. package/cards/styles.css.js +38 -38
  61. package/cards/styles.scoped.css +55 -55
  62. package/cards/styles.selectors.js +38 -38
  63. package/checkbox/styles.css.js +3 -3
  64. package/checkbox/styles.scoped.css +7 -7
  65. package/checkbox/styles.selectors.js +3 -3
  66. package/code-editor/index.js +2 -2
  67. package/code-editor/index.js.map +1 -1
  68. package/code-editor/status-bar.d.ts.map +1 -1
  69. package/code-editor/status-bar.js +3 -3
  70. package/code-editor/status-bar.js.map +1 -1
  71. package/code-editor/styles.css.js +32 -32
  72. package/code-editor/styles.scoped.css +129 -129
  73. package/code-editor/styles.selectors.js +32 -32
  74. package/collection-preferences/content-display/styles.css.js +11 -11
  75. package/collection-preferences/content-display/styles.scoped.css +19 -19
  76. package/collection-preferences/content-display/styles.selectors.js +11 -11
  77. package/collection-preferences/styles.css.js +37 -37
  78. package/collection-preferences/styles.scoped.css +47 -47
  79. package/collection-preferences/styles.selectors.js +37 -37
  80. package/column-layout/flexible-column-layout/index.d.ts.map +1 -1
  81. package/column-layout/flexible-column-layout/index.js +2 -2
  82. package/column-layout/flexible-column-layout/index.js.map +1 -1
  83. package/column-layout/styles.css.js +13 -13
  84. package/column-layout/styles.scoped.css +44 -44
  85. package/column-layout/styles.selectors.js +13 -13
  86. package/container/styles.css.js +28 -28
  87. package/container/styles.scoped.css +52 -52
  88. package/container/styles.selectors.js +28 -28
  89. package/date-picker/styles.css.js +7 -7
  90. package/date-picker/styles.scoped.css +10 -10
  91. package/date-picker/styles.selectors.js +7 -7
  92. package/date-range-picker/styles.css.js +38 -38
  93. package/date-range-picker/styles.scoped.css +48 -48
  94. package/date-range-picker/styles.selectors.js +38 -38
  95. package/expandable-section/styles.css.js +29 -29
  96. package/expandable-section/styles.scoped.css +65 -65
  97. package/expandable-section/styles.selectors.js +29 -29
  98. package/flashbar/styles.css.js +46 -46
  99. package/flashbar/styles.scoped.css +160 -160
  100. package/flashbar/styles.selectors.js +46 -46
  101. package/form/internal.d.ts.map +1 -1
  102. package/form/internal.js +7 -2
  103. package/form/internal.js.map +1 -1
  104. package/form/styles.css.js +9 -9
  105. package/form/styles.scoped.css +9 -9
  106. package/form/styles.selectors.js +9 -9
  107. package/form-field/internal.d.ts.map +1 -1
  108. package/form-field/internal.js +8 -3
  109. package/form-field/internal.js.map +1 -1
  110. package/form-field/styles.css.js +19 -19
  111. package/form-field/styles.scoped.css +31 -31
  112. package/form-field/styles.selectors.js +19 -19
  113. package/grid/styles.css.js +53 -53
  114. package/grid/styles.scoped.css +55 -55
  115. package/grid/styles.selectors.js +53 -53
  116. package/header/styles.css.js +44 -44
  117. package/header/styles.scoped.css +50 -50
  118. package/header/styles.selectors.js +44 -44
  119. package/help-panel/styles.css.js +4 -4
  120. package/help-panel/styles.scoped.css +70 -69
  121. package/help-panel/styles.selectors.js +4 -4
  122. package/icon/styles.css.js +21 -21
  123. package/icon/styles.scoped.css +50 -50
  124. package/icon/styles.selectors.js +21 -21
  125. package/input/styles.css.js +12 -12
  126. package/input/styles.scoped.css +35 -35
  127. package/input/styles.selectors.js +12 -12
  128. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  129. package/internal/analytics/components/analytics-funnel.js +58 -11
  130. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  131. package/internal/analytics/context/analytics-context.d.ts +5 -1
  132. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  133. package/internal/analytics/context/analytics-context.js +3 -0
  134. package/internal/analytics/context/analytics-context.js.map +1 -1
  135. package/internal/analytics/hooks/use-funnel.d.ts +3 -0
  136. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  137. package/internal/analytics/hooks/use-funnel.js +7 -2
  138. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  139. package/internal/base-component/styles.scoped.css +8 -7
  140. package/internal/components/button-trigger/styles.css.js +9 -9
  141. package/internal/components/button-trigger/styles.scoped.css +26 -26
  142. package/internal/components/button-trigger/styles.selectors.js +9 -9
  143. package/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
  144. package/internal/components/cartesian-chart/labels-measure.js +2 -2
  145. package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
  146. package/internal/components/chart-filter/styles.css.js +3 -3
  147. package/internal/components/chart-filter/styles.scoped.css +4 -4
  148. package/internal/components/chart-filter/styles.selectors.js +3 -3
  149. package/internal/components/chart-legend/styles.css.js +6 -6
  150. package/internal/components/chart-legend/styles.scoped.css +16 -16
  151. package/internal/components/chart-legend/styles.selectors.js +6 -6
  152. package/internal/components/chart-popover/styles.css.js +3 -3
  153. package/internal/components/chart-popover/styles.scoped.css +4 -4
  154. package/internal/components/chart-popover/styles.selectors.js +3 -3
  155. package/internal/components/chart-series-details/styles.css.js +5 -5
  156. package/internal/components/chart-series-details/styles.scoped.css +10 -10
  157. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  158. package/internal/components/chart-series-marker/styles.css.js +5 -5
  159. package/internal/components/chart-series-marker/styles.scoped.css +8 -8
  160. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  161. package/internal/components/chart-wrapper/styles.css.js +6 -6
  162. package/internal/components/chart-wrapper/styles.scoped.css +9 -9
  163. package/internal/components/chart-wrapper/styles.selectors.js +6 -6
  164. package/internal/components/dropdown/styles.css.js +20 -20
  165. package/internal/components/dropdown/styles.scoped.css +36 -36
  166. package/internal/components/dropdown/styles.selectors.js +20 -20
  167. package/internal/components/dropdown-footer/styles.css.js +3 -3
  168. package/internal/components/dropdown-footer/styles.scoped.css +4 -4
  169. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  170. package/internal/components/dropdown-status/index.d.ts.map +1 -1
  171. package/internal/components/dropdown-status/index.js +1 -1
  172. package/internal/components/dropdown-status/index.js.map +1 -1
  173. package/internal/components/dropdown-status/styles.css.js +2 -2
  174. package/internal/components/dropdown-status/styles.scoped.css +3 -3
  175. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  176. package/internal/components/menu-dropdown/styles.css.js +7 -7
  177. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  178. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  179. package/internal/components/option/styles.css.js +17 -17
  180. package/internal/components/option/styles.scoped.css +31 -31
  181. package/internal/components/option/styles.selectors.js +17 -17
  182. package/internal/components/options-list/styles.css.js +2 -2
  183. package/internal/components/options-list/styles.scoped.css +3 -3
  184. package/internal/components/options-list/styles.selectors.js +2 -2
  185. package/internal/components/selectable-item/styles.css.js +16 -16
  186. package/internal/components/selectable-item/styles.scoped.css +29 -29
  187. package/internal/components/selectable-item/styles.selectors.js +16 -16
  188. package/internal/components/token-list/styles.css.js +9 -9
  189. package/internal/components/token-list/styles.scoped.css +21 -21
  190. package/internal/components/token-list/styles.selectors.js +9 -9
  191. package/internal/environment.js +1 -1
  192. package/internal/generated/theming/index.cjs +24 -13
  193. package/internal/generated/theming/index.js +24 -13
  194. package/internal/hooks/container-queries/index.d.ts +0 -2
  195. package/internal/hooks/container-queries/index.d.ts.map +1 -1
  196. package/internal/hooks/container-queries/index.js +2 -1
  197. package/internal/hooks/container-queries/index.js.map +1 -1
  198. package/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
  199. package/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
  200. package/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
  201. package/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
  202. package/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
  203. package/internal/hooks/container-queries/use-resize-observer.js +0 -2
  204. package/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
  205. package/internal/hooks/use-dynamic-overlap/index.js +2 -2
  206. package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  207. package/internal/manifest.json +1 -1
  208. package/internal/utils/use-container-width.d.ts.map +1 -1
  209. package/internal/utils/use-container-width.js +5 -3
  210. package/internal/utils/use-container-width.js.map +1 -1
  211. package/link/styles.css.js +20 -20
  212. package/link/styles.scoped.css +73 -73
  213. package/link/styles.selectors.js +20 -20
  214. package/modal/internal.d.ts.map +1 -1
  215. package/modal/internal.js +2 -1
  216. package/modal/internal.js.map +1 -1
  217. package/modal/styles.css.js +23 -23
  218. package/modal/styles.scoped.css +40 -40
  219. package/modal/styles.selectors.js +23 -23
  220. package/multiselect/styles.css.js +1 -1
  221. package/multiselect/styles.scoped.css +2 -2
  222. package/multiselect/styles.selectors.js +1 -1
  223. package/package.json +1 -1
  224. package/pagination/styles.css.js +9 -9
  225. package/pagination/styles.scoped.css +24 -24
  226. package/pagination/styles.selectors.js +9 -9
  227. package/pie-chart/styles.css.js +23 -23
  228. package/pie-chart/styles.scoped.css +42 -42
  229. package/pie-chart/styles.selectors.js +23 -23
  230. package/popover/styles.css.js +50 -50
  231. package/popover/styles.scoped.css +66 -66
  232. package/popover/styles.selectors.js +50 -50
  233. package/progress-bar/styles.css.js +18 -18
  234. package/progress-bar/styles.scoped.css +35 -35
  235. package/progress-bar/styles.selectors.js +18 -18
  236. package/property-filter/index.d.ts.map +1 -1
  237. package/property-filter/index.js +2 -3
  238. package/property-filter/index.js.map +1 -1
  239. package/property-filter/styles.css.js +29 -29
  240. package/property-filter/styles.scoped.css +32 -32
  241. package/property-filter/styles.selectors.js +29 -29
  242. package/property-filter/token-editor.d.ts.map +1 -1
  243. package/property-filter/token-editor.js +2 -2
  244. package/property-filter/token-editor.js.map +1 -1
  245. package/radio-group/styles.css.js +9 -9
  246. package/radio-group/styles.scoped.css +17 -17
  247. package/radio-group/styles.selectors.js +9 -9
  248. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  249. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  250. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  251. package/segmented-control/styles.css.js +14 -14
  252. package/segmented-control/styles.scoped.css +35 -35
  253. package/segmented-control/styles.selectors.js +14 -14
  254. package/select/parts/virtual-list.js +2 -2
  255. package/select/parts/virtual-list.js.map +1 -1
  256. package/select/styles.css.js +1 -1
  257. package/select/styles.scoped.css +2 -2
  258. package/select/styles.selectors.js +1 -1
  259. package/side-navigation/styles.css.js +27 -27
  260. package/side-navigation/styles.scoped.css +39 -39
  261. package/side-navigation/styles.selectors.js +27 -27
  262. package/spinner/styles.css.js +13 -13
  263. package/spinner/styles.scoped.css +20 -20
  264. package/spinner/styles.selectors.js +13 -13
  265. package/split-panel/styles.css.js +56 -56
  266. package/split-panel/styles.scoped.css +78 -78
  267. package/split-panel/styles.selectors.js +56 -56
  268. package/status-indicator/internal.d.ts +6 -3
  269. package/status-indicator/internal.d.ts.map +1 -1
  270. package/status-indicator/internal.js +2 -2
  271. package/status-indicator/internal.js.map +1 -1
  272. package/status-indicator/styles.css.js +22 -20
  273. package/status-indicator/styles.scoped.css +33 -28
  274. package/status-indicator/styles.selectors.js +22 -20
  275. package/table/internal.d.ts.map +1 -1
  276. package/table/internal.js +6 -4
  277. package/table/internal.js.map +1 -1
  278. package/table/sticky-scrollbar/styles.css.js +4 -4
  279. package/table/sticky-scrollbar/styles.scoped.css +4 -5
  280. package/table/sticky-scrollbar/styles.selectors.js +4 -4
  281. package/table/styles.css.js +34 -34
  282. package/table/styles.scoped.css +43 -43
  283. package/table/styles.selectors.js +34 -34
  284. package/tabs/styles.css.js +21 -21
  285. package/tabs/styles.scoped.css +39 -39
  286. package/tabs/styles.selectors.js +21 -21
  287. package/tabs/tab-header-bar.js +2 -2
  288. package/tabs/tab-header-bar.js.map +1 -1
  289. package/test-utils/dom/button-dropdown/index.d.ts +2 -0
  290. package/test-utils/dom/button-dropdown/index.js +6 -1
  291. package/test-utils/dom/button-dropdown/index.js.map +1 -1
  292. package/test-utils/selectors/button-dropdown/index.d.ts +2 -0
  293. package/test-utils/selectors/button-dropdown/index.js +6 -1
  294. package/test-utils/selectors/button-dropdown/index.js.map +1 -1
  295. package/test-utils/tsconfig.tsbuildinfo +1 -1
  296. package/text-content/styles.css.js +1 -1
  297. package/text-content/styles.scoped.css +64 -64
  298. package/text-content/styles.selectors.js +1 -1
  299. package/text-filter/styles.css.js +3 -3
  300. package/text-filter/styles.scoped.css +4 -4
  301. package/text-filter/styles.selectors.js +3 -3
  302. package/textarea/styles.css.js +4 -4
  303. package/textarea/styles.scoped.css +14 -14
  304. package/textarea/styles.selectors.js +4 -4
  305. package/tiles/styles.css.js +28 -28
  306. package/tiles/styles.scoped.css +70 -70
  307. package/tiles/styles.selectors.js +28 -28
  308. package/toggle/styles.css.js +8 -8
  309. package/toggle/styles.scoped.css +15 -15
  310. package/toggle/styles.selectors.js +8 -8
  311. package/token-group/styles.css.js +7 -7
  312. package/token-group/styles.scoped.css +17 -17
  313. package/token-group/styles.selectors.js +7 -7
  314. package/top-navigation/1.0-beta/styles.css.js +25 -25
  315. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  316. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  317. package/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
  318. package/top-navigation/1.0-beta/use-top-navigation.js +2 -1
  319. package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
  320. package/top-navigation/styles.css.js +47 -47
  321. package/top-navigation/styles.scoped.css +70 -70
  322. package/top-navigation/styles.selectors.js +47 -47
  323. package/top-navigation/use-top-navigation.d.ts.map +1 -1
  324. package/top-navigation/use-top-navigation.js +2 -1
  325. package/top-navigation/use-top-navigation.js.map +1 -1
  326. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  327. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  328. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  329. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  330. package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -30
  331. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  332. package/tutorial-panel/styles.css.js +1 -1
  333. package/tutorial-panel/styles.scoped.css +2 -2
  334. package/tutorial-panel/styles.selectors.js +1 -1
  335. package/wizard/styles.css.js +31 -31
  336. package/wizard/styles.scoped.css +63 -63
  337. package/wizard/styles.selectors.js +31 -31
  338. package/internal/hooks/container-queries/interfaces.d.ts +0 -10
  339. package/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
  340. package/internal/hooks/container-queries/interfaces.js +0 -4
  341. package/internal/hooks/container-queries/interfaces.js.map +0 -1
  342. package/internal/hooks/container-queries/use-container-query.d.ts +0 -22
  343. package/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
  344. package/internal/hooks/container-queries/use-container-query.js +0 -32
  345. package/internal/hooks/container-queries/use-container-query.js.map +0 -1
@@ -369,7 +369,7 @@
369
369
  --color-dropzone-background-hover-tz97i0:#d3e7f9;
370
370
  --color-dropzone-text-active-ixkxdz:#5f6b7a;
371
371
  --color-dropzone-text-hover-iptg3q:#033160;
372
- --font-body-m-line-height-rfgrp9:22px;
372
+ --font-body-m-line-height-ghizru:20px;
373
373
  --font-body-m-size-7dign1:14px;
374
374
  --font-body-s-letter-spacing-v8bwhi:0.005em;
375
375
  --font-body-s-line-height-ga8tt7:16px;
@@ -384,7 +384,7 @@
384
384
  --font-expandable-heading-size-mkp9vq:16px;
385
385
  --font-family-base-wn913o:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
386
386
  --font-family-monospace-froq9j:Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
387
- --font-header-h2-description-line-height-pc00ga:22px;
387
+ --font-header-h2-description-line-height-9j5c3z:20px;
388
388
  --font-header-h2-description-size-nsq214:14px;
389
389
  --font-heading-l-letter-spacing-usq225:-0.015em;
390
390
  --font-heading-l-line-height-l1pmir:30px;
@@ -499,7 +499,7 @@
499
499
  --size-icon-medium-x0iee8:20px;
500
500
  --size-icon-normal-jq6jat:16px;
501
501
  --size-table-selection-horizontal-jcyaue:40px;
502
- --size-vertical-input-u93i5u:34px;
502
+ --size-vertical-input-pta06y:32px;
503
503
  --size-vertical-panel-icon-offset-zd2rli:15px;
504
504
  --space-alert-action-left-j65qap:12px;
505
505
  --space-alert-horizontal-xg2h48:16px;
@@ -507,7 +507,7 @@
507
507
  --space-alert-vertical-83u3il:8px;
508
508
  --space-button-focus-outline-gutter-txnpcq:4px;
509
509
  --space-button-icon-focus-outline-gutter-vertical-omhhky:0px;
510
- --space-button-icon-only-horizontal-fs1yp5:7px;
510
+ --space-button-icon-only-horizontal-k5a18g:6px;
511
511
  --space-button-inline-icon-focus-outline-gutter-0bswpj:0px;
512
512
  --space-button-modal-dismiss-vertical-tjnxlz:0px;
513
513
  --space-calendar-grid-focus-outline-gutter-reev1c:-5px;
@@ -533,6 +533,7 @@
533
533
  --space-layout-toggle-padding-dhzjwp:20px;
534
534
  --space-modal-content-bottom-4lprrr:16px;
535
535
  --space-modal-horizontal-rzqrfo:20px;
536
+ --space-option-icon-big-top-lfkz5s:0px;
536
537
  --space-panel-nav-left-kdx5qt:28px;
537
538
  --space-panel-side-left-ob0rxs:28px;
538
539
  --space-panel-side-right-zzgkuy:24px;
@@ -955,10 +956,10 @@
955
956
  }
956
957
  }
957
958
  .awsui-compact-mode:not(#\9) {
958
- --size-vertical-input-u93i5u:30px;
959
+ --size-vertical-input-pta06y:28px;
959
960
  --size-vertical-panel-icon-offset-zd2rli:13px;
960
961
  --space-alert-vertical-83u3il:4px;
961
- --space-button-icon-only-horizontal-fs1yp5:5px;
962
+ --space-button-icon-only-horizontal-k5a18g:4px;
962
963
  --space-content-header-padding-bottom-2cx87f:12px;
963
964
  --space-dark-header-overlap-distance-l9lxfl:32px;
964
965
  --space-expandable-section-icon-offset-top-qfofw6:0px;
@@ -1007,7 +1008,7 @@
1007
1008
  }
1008
1009
 
1009
1010
  .awsui-context-compact-table:not(#\9) {
1010
- --size-vertical-input-u93i5u:30px;
1011
+ --size-vertical-input-pta06y:28px;
1011
1012
  --space-alert-vertical-83u3il:4px;
1012
1013
  --space-layout-toggle-padding-dhzjwp:16px;
1013
1014
  --space-panel-side-right-zzgkuy:20px;
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_jeche_97",
5
- "arrow": "awsui_arrow_18eso_jeche_97",
6
- "has-caret": "awsui_has-caret_18eso_jeche_137",
7
- "placeholder": "awsui_placeholder_18eso_jeche_140",
8
- "pressed": "awsui_pressed_18eso_jeche_153",
9
- "disabled": "awsui_disabled_18eso_jeche_156",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_jeche_165",
11
- "read-only": "awsui_read-only_18eso_jeche_171",
12
- "invalid": "awsui_invalid_18eso_jeche_188"
4
+ "button-trigger": "awsui_button-trigger_18eso_59yb9_97",
5
+ "arrow": "awsui_arrow_18eso_59yb9_97",
6
+ "has-caret": "awsui_has-caret_18eso_59yb9_137",
7
+ "placeholder": "awsui_placeholder_18eso_59yb9_140",
8
+ "pressed": "awsui_pressed_18eso_59yb9_153",
9
+ "disabled": "awsui_disabled_18eso_59yb9_156",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_59yb9_165",
11
+ "read-only": "awsui_read-only_18eso_59yb9_171",
12
+ "invalid": "awsui_invalid_18eso_59yb9_188"
13
13
  };
14
14
 
@@ -94,16 +94,16 @@ 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_button-trigger_18eso_jeche_97 > .awsui_arrow_18eso_jeche_97:not(#\9) {
97
+ .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
98
98
  transition: transform var(--motion-duration-rotate-180-m9g4a9, 135ms) var(--motion-easing-rotate-180-h4cyjx, cubic-bezier(0.165, 0.84, 0.44, 1));
99
99
  }
100
100
  @media (prefers-reduced-motion: reduce) {
101
- .awsui_button-trigger_18eso_jeche_97 > .awsui_arrow_18eso_jeche_97:not(#\9) {
101
+ .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
102
102
  animation: none;
103
103
  transition: none;
104
104
  }
105
105
  }
106
- .awsui-motion-disabled .awsui_button-trigger_18eso_jeche_97 > .awsui_arrow_18eso_jeche_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_jeche_97 > .awsui_arrow_18eso_jeche_97:not(#\9) {
106
+ .awsui-motion-disabled .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
107
107
  animation: none;
108
108
  transition: none;
109
109
  }
@@ -112,7 +112,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
112
112
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
113
113
  SPDX-License-Identifier: Apache-2.0
114
114
  */
115
- .awsui_button-trigger_18eso_jeche_97:not(#\9) {
115
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9) {
116
116
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
117
117
  border-collapse: separate;
118
118
  border-spacing: 0;
@@ -143,7 +143,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
143
143
  word-spacing: normal;
144
144
  box-sizing: border-box;
145
145
  font-size: var(--font-body-m-size-7dign1, 14px);
146
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
146
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
147
147
  color: var(--color-text-body-default-su7kuo, #000716);
148
148
  font-weight: 400;
149
149
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -158,60 +158,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  background-color: var(--color-background-input-default-y2omd4, #ffffff);
159
159
  border-radius: var(--border-radius-input-g1eef0, 8px);
160
160
  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-default-zb6g42, #7d8998);
161
- min-height: var(--size-vertical-input-u93i5u, 34px);
161
+ min-height: var(--size-vertical-input-pta06y, 32px);
162
162
  }
163
- .awsui_button-trigger_18eso_jeche_97.awsui_has-caret_18eso_jeche_137:not(#\9) {
163
+ .awsui_button-trigger_18eso_59yb9_97.awsui_has-caret_18eso_59yb9_137:not(#\9) {
164
164
  padding-right: var(--space-field-icon-offset-o8qwwh, 36px);
165
165
  }
166
- .awsui_button-trigger_18eso_jeche_97 > .awsui_placeholder_18eso_jeche_140:not(#\9) {
166
+ .awsui_button-trigger_18eso_59yb9_97 > .awsui_placeholder_18eso_59yb9_140:not(#\9) {
167
167
  color: var(--color-text-input-placeholder-3y98yw, #5f6b7a);
168
168
  font-style: italic;
169
169
  }
170
- .awsui_button-trigger_18eso_jeche_97 > .awsui_arrow_18eso_jeche_97:not(#\9) {
170
+ .awsui_button-trigger_18eso_59yb9_97 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
171
171
  position: absolute;
172
172
  right: var(--space-field-horizontal-8qo3uw, 12px);
173
- top: calc(50% - var(--font-body-m-line-height-rfgrp9, 22px) / 2);
173
+ top: calc(50% - var(--font-body-m-line-height-ghizru, 20px) / 2);
174
174
  color: var(--color-text-button-inline-icon-default-6co2zx, #0972d3);
175
175
  }
176
- .awsui_button-trigger_18eso_jeche_97:not(#\9):hover > .awsui_arrow_18eso_jeche_97 {
176
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9):hover > .awsui_arrow_18eso_59yb9_97 {
177
177
  color: var(--color-text-button-inline-icon-hover-4bo7j3, #033160);
178
178
  }
179
- .awsui_button-trigger_18eso_jeche_97.awsui_pressed_18eso_jeche_153 > .awsui_arrow_18eso_jeche_97:not(#\9) {
179
+ .awsui_button-trigger_18eso_59yb9_97.awsui_pressed_18eso_59yb9_153 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
180
180
  transform: rotate(-180deg);
181
181
  }
182
- .awsui_button-trigger_18eso_jeche_97.awsui_disabled_18eso_jeche_156:not(#\9) {
182
+ .awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156:not(#\9) {
183
183
  background-color: var(--color-background-input-disabled-nvrgh4, #e9ebed);
184
184
  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
185
185
  color: var(--color-text-input-disabled-dmotcr, #9ba7b6);
186
186
  cursor: auto;
187
187
  }
188
- .awsui_button-trigger_18eso_jeche_97.awsui_disabled_18eso_jeche_156 > .awsui_arrow_18eso_jeche_97:not(#\9) {
188
+ .awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156 > .awsui_arrow_18eso_59yb9_97:not(#\9) {
189
189
  color: var(--color-text-button-inline-icon-disabled-ffek69, #9ba7b6);
190
190
  }
191
- .awsui_button-trigger_18eso_jeche_97.awsui_disabled_18eso_jeche_156.awsui_in-filtering-token_18eso_jeche_165:not(#\9) {
191
+ .awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156.awsui_in-filtering-token_18eso_59yb9_165:not(#\9) {
192
192
  border-color: var(--color-border-control-disabled-pixk7g, #d1d5db);
193
193
  }
194
- .awsui_button-trigger_18eso_jeche_97.awsui_disabled_18eso_jeche_156 > .awsui_placeholder_18eso_jeche_140:not(#\9) {
194
+ .awsui_button-trigger_18eso_59yb9_97.awsui_disabled_18eso_59yb9_156 > .awsui_placeholder_18eso_59yb9_140:not(#\9) {
195
195
  color: var(--color-text-input-placeholder-disabled-kxks79, #9ba7b6);
196
196
  }
197
- .awsui_button-trigger_18eso_jeche_97.awsui_read-only_18eso_jeche_171:not(#\9) {
197
+ .awsui_button-trigger_18eso_59yb9_97.awsui_read-only_18eso_59yb9_171:not(#\9) {
198
198
  background-color: var(--color-background-input-default-y2omd4, #ffffff);
199
199
  border: var(--border-field-width-riro62, 2px) solid var(--color-border-input-disabled-06dcc0, #e9ebed);
200
200
  }
201
- .awsui_button-trigger_18eso_jeche_97:not(#\9):focus {
201
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9):focus {
202
202
  outline: none;
203
203
  text-decoration: none;
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165):focus {
205
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165):focus {
206
206
  outline: 2px dotted transparent;
207
207
  border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
208
208
  border-radius: var(--border-radius-input-g1eef0, 8px);
209
209
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
210
210
  }
211
- .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165):invalid {
211
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165):invalid {
212
212
  box-shadow: none;
213
213
  }
214
- .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165).awsui_invalid_18eso_jeche_188, .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165).awsui_invalid_18eso_jeche_188:focus {
214
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188, .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus {
215
215
  color: var(--color-text-status-error-p6dh5n, #d91515);
216
216
  border-color: var(--color-text-status-error-p6dh5n, #d91515);
217
217
  padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97:not(#\9
219
219
  );
220
220
  border-left-width: var(--border-invalid-width-u1caet, 8px);
221
221
  }
222
- .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165).awsui_invalid_18eso_jeche_188:focus, .awsui_button-trigger_18eso_jeche_97:not(#\9):not(.awsui_in-filtering-token_18eso_jeche_165).awsui_invalid_18eso_jeche_188:focus:focus {
222
+ .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus, .awsui_button-trigger_18eso_59yb9_97:not(#\9):not(.awsui_in-filtering-token_18eso_59yb9_165).awsui_invalid_18eso_59yb9_188:focus:focus {
223
223
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-yfz0fs, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
224
224
  }
225
- .awsui_button-trigger_18eso_jeche_97.awsui_in-filtering-token_18eso_jeche_165:not(#\9) {
225
+ .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9) {
226
226
  border-color: var(--color-border-item-selected-xoo46x, #0972d3);
227
227
  border-top-right-radius: 0;
228
228
  border-bottom-right-radius: 0;
229
229
  height: 100%;
230
230
  }
231
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97.awsui_in-filtering-token_18eso_jeche_165:not(#\9):focus {
231
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus {
232
232
  position: relative;
233
233
  }
234
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97.awsui_in-filtering-token_18eso_jeche_165:not(#\9):focus {
234
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus {
235
235
  outline: 2px dotted transparent;
236
236
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-oe98c5, -5px) - 1px);
237
237
  }
238
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_jeche_97.awsui_in-filtering-token_18eso_jeche_165:not(#\9):focus::before {
238
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_59yb9_97.awsui_in-filtering-token_18eso_59yb9_165:not(#\9):focus::before {
239
239
  content: " ";
240
240
  display: block;
241
241
  position: absolute;
@@ -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
- "button-trigger": "awsui_button-trigger_18eso_jeche_97",
6
- "arrow": "awsui_arrow_18eso_jeche_97",
7
- "has-caret": "awsui_has-caret_18eso_jeche_137",
8
- "placeholder": "awsui_placeholder_18eso_jeche_140",
9
- "pressed": "awsui_pressed_18eso_jeche_153",
10
- "disabled": "awsui_disabled_18eso_jeche_156",
11
- "in-filtering-token": "awsui_in-filtering-token_18eso_jeche_165",
12
- "read-only": "awsui_read-only_18eso_jeche_171",
13
- "invalid": "awsui_invalid_18eso_jeche_188"
5
+ "button-trigger": "awsui_button-trigger_18eso_59yb9_97",
6
+ "arrow": "awsui_arrow_18eso_59yb9_97",
7
+ "has-caret": "awsui_has-caret_18eso_59yb9_137",
8
+ "placeholder": "awsui_placeholder_18eso_59yb9_140",
9
+ "pressed": "awsui_pressed_18eso_59yb9_153",
10
+ "disabled": "awsui_disabled_18eso_59yb9_156",
11
+ "in-filtering-token": "awsui_in-filtering-token_18eso_59yb9_165",
12
+ "read-only": "awsui_read-only_18eso_59yb9_171",
13
+ "invalid": "awsui_invalid_18eso_59yb9_188"
14
14
  };
15
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIzD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE1E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAED,wBAA2D;AAG3D,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,eA0BpF"}
1
+ {"version":3,"file":"labels-measure.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAG1E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,MAAM,CAAC;IAClD,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;;AAED,wBAA2D;AAG3D,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,kBAAkB,eA0BpF"}
@@ -3,11 +3,11 @@
3
3
  import React, { memo, useEffect } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import styles from './styles.css.js';
6
- import { useContainerQuery } from '../../hooks/container-queries';
6
+ import { useContainerQuery } from '@cloudscape-design/component-toolkit';
7
7
  export default memo(LabelsMeasure);
8
8
  // Places the invisible left-hand side labels to calculate their maximum width.
9
9
  function LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }) {
10
- const [width, ref] = useContainerQuery(rect => rect.width);
10
+ const [width, ref] = useContainerQuery(rect => rect.contentBoxWidth);
11
11
  // Tell elements's width to the parent.
12
12
  useEffect(() => {
13
13
  autoWidth(width || 0);
@@ -1 +1 @@
1
- {"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAUlE,eAAe,IAAI,CAAC,aAAa,CAAyB,CAAC;AAE3D,+EAA+E;AAC/E,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAsB;IACnF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAC;QAChD,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,iBAAc,MAAM,IAC9E,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAC3D,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IACjF,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartScale, NumericChartScale } from './scales';\n\nimport styles from './styles.css.js';\nimport { useContainerQuery } from '../../hooks/container-queries';\nimport { ChartDataTypes } from '../../../mixed-line-bar-chart/interfaces';\n\ninterface LabelsMeasureProps {\n scale: ChartScale | NumericChartScale;\n ticks: readonly ChartDataTypes[];\n tickFormatter?: (value: ChartDataTypes) => string;\n autoWidth: (value: number) => void;\n}\n\nexport default memo(LabelsMeasure) as typeof LabelsMeasure;\n\n// Places the invisible left-hand side labels to calculate their maximum width.\nfunction LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }: LabelsMeasureProps) {\n const [width, ref] = useContainerQuery<number>(rect => rect.width);\n\n // Tell elements's width to the parent.\n useEffect(() => {\n autoWidth(width || 0);\n }, [autoWidth, width]);\n\n const labelMapper = (value: ChartDataTypes) => {\n const scaledValue = scale.d3Scale(value as any);\n if (scaledValue === undefined || !isFinite(scaledValue)) {\n return null;\n }\n\n return (\n <div key={`${value}`} className={styles['labels-left__label']} aria-hidden=\"true\">\n {tickFormatter ? tickFormatter(value as any) : value.toString()}\n </div>\n );\n };\n\n return (\n <div ref={ref} className={clsx(styles['labels-left'], styles['labels-left--hidden'])}>\n {ticks.map(labelMapper)}\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"labels-measure.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/labels-measure.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AASzE,eAAe,IAAI,CAAC,aAAa,CAAyB,CAAC;AAE3D,+EAA+E;AAC/E,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAsB;IACnF,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,iBAAiB,CAAS,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE7E,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,WAAW,GAAG,CAAC,KAAqB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAC;QAChD,IAAI,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,iBAAc,MAAM,IAC9E,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAC3D,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,qBAAqB,CAAC,CAAC,IACjF,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CACnB,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect } from 'react';\nimport clsx from 'clsx';\n\nimport { ChartScale, NumericChartScale } from './scales';\n\nimport styles from './styles.css.js';\nimport { ChartDataTypes } from '../../../mixed-line-bar-chart/interfaces';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\ninterface LabelsMeasureProps {\n scale: ChartScale | NumericChartScale;\n ticks: readonly ChartDataTypes[];\n tickFormatter?: (value: ChartDataTypes) => string;\n autoWidth: (value: number) => void;\n}\n\nexport default memo(LabelsMeasure) as typeof LabelsMeasure;\n\n// Places the invisible left-hand side labels to calculate their maximum width.\nfunction LabelsMeasure({ scale, ticks, tickFormatter, autoWidth }: LabelsMeasureProps) {\n const [width, ref] = useContainerQuery<number>(rect => rect.contentBoxWidth);\n\n // Tell elements's width to the parent.\n useEffect(() => {\n autoWidth(width || 0);\n }, [autoWidth, width]);\n\n const labelMapper = (value: ChartDataTypes) => {\n const scaledValue = scale.d3Scale(value as any);\n if (scaledValue === undefined || !isFinite(scaledValue)) {\n return null;\n }\n\n return (\n <div key={`${value}`} className={styles['labels-left__label']} aria-hidden=\"true\">\n {tickFormatter ? tickFormatter(value as any) : value.toString()}\n </div>\n );\n };\n\n return (\n <div ref={ref} className={clsx(styles['labels-left'], styles['labels-left--hidden'])}>\n {ticks.map(labelMapper)}\n </div>\n );\n}\n"]}
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1px7g_cxrz1_93",
5
- "chart-filter": "awsui_chart-filter_1px7g_cxrz1_106",
6
- "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_cxrz1_110"
4
+ "root": "awsui_root_1px7g_bp6ti_93",
5
+ "chart-filter": "awsui_chart-filter_1px7g_bp6ti_106",
6
+ "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_bp6ti_110"
7
7
  };
8
8
 
@@ -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_1px7g_cxrz1_93:not(#\9) {
93
+ .awsui_root_1px7g_bp6ti_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
123
  font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
124
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
125
125
  color: var(--color-text-body-default-su7kuo, #000716);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -129,11 +129,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_chart-filter_1px7g_cxrz1_106:not(#\9) {
132
+ .awsui_chart-filter_1px7g_bp6ti_106:not(#\9) {
133
133
  /* used in test-utils */
134
134
  }
135
135
 
136
- .awsui_custom-icon-wrapper_1px7g_cxrz1_110:not(#\9) {
136
+ .awsui_custom-icon-wrapper_1px7g_bp6ti_110:not(#\9) {
137
137
  display: flex;
138
138
  align-items: flex-start;
139
139
  align-self: stretch;
@@ -2,8 +2,8 @@
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_1px7g_cxrz1_93",
6
- "chart-filter": "awsui_chart-filter_1px7g_cxrz1_106",
7
- "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_cxrz1_110"
5
+ "root": "awsui_root_1px7g_bp6ti_93",
6
+ "chart-filter": "awsui_chart-filter_1px7g_bp6ti_106",
7
+ "custom-icon-wrapper": "awsui_custom-icon-wrapper_1px7g_bp6ti_110"
8
8
  };
9
9
 
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "marker": "awsui_marker_1kjc7_18vim_93",
5
- "root": "awsui_root_1kjc7_18vim_111",
6
- "title": "awsui_title_1kjc7_18vim_127",
7
- "list": "awsui_list_1kjc7_18vim_131",
8
- "marker--dimmed": "awsui_marker--dimmed_1kjc7_18vim_173",
9
- "marker--highlighted": "awsui_marker--highlighted_1kjc7_18vim_176"
4
+ "marker": "awsui_marker_1kjc7_129h7_93",
5
+ "root": "awsui_root_1kjc7_129h7_111",
6
+ "title": "awsui_title_1kjc7_129h7_127",
7
+ "list": "awsui_list_1kjc7_129h7_131",
8
+ "marker--dimmed": "awsui_marker--dimmed_1kjc7_129h7_173",
9
+ "marker--highlighted": "awsui_marker--highlighted_1kjc7_129h7_176"
10
10
  };
11
11
 
@@ -90,16 +90,16 @@ 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_marker_1kjc7_18vim_93:not(#\9) {
93
+ .awsui_marker_1kjc7_129h7_93:not(#\9) {
94
94
  transition: opacity var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
95
95
  }
96
96
  @media (prefers-reduced-motion: reduce) {
97
- .awsui_marker_1kjc7_18vim_93:not(#\9) {
97
+ .awsui_marker_1kjc7_129h7_93:not(#\9) {
98
98
  animation: none;
99
99
  transition: none;
100
100
  }
101
101
  }
102
- .awsui-motion-disabled .awsui_marker_1kjc7_18vim_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_18vim_93:not(#\9) {
102
+ .awsui-motion-disabled .awsui_marker_1kjc7_129h7_93:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_129h7_93:not(#\9) {
103
103
  animation: none;
104
104
  transition: none;
105
105
  }
@@ -108,7 +108,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
109
  SPDX-License-Identifier: Apache-2.0
110
110
  */
111
- .awsui_root_1kjc7_18vim_111:not(#\9) {
111
+ .awsui_root_1kjc7_129h7_111:not(#\9) {
112
112
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
113
113
  border-collapse: separate;
114
114
  border-spacing: 0;
@@ -139,22 +139,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
139
139
  word-spacing: normal;
140
140
  box-sizing: border-box;
141
141
  font-size: var(--font-body-m-size-7dign1, 14px);
142
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
142
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
143
143
  color: var(--color-text-body-default-su7kuo, #000716);
144
144
  font-weight: 400;
145
145
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
146
146
  -webkit-font-smoothing: auto;
147
147
  -moz-osx-font-smoothing: auto;
148
148
  }
149
- .awsui_root_1kjc7_18vim_111:not(#\9):focus {
149
+ .awsui_root_1kjc7_129h7_111:not(#\9):focus {
150
150
  outline: none;
151
151
  }
152
152
 
153
- .awsui_title_1kjc7_18vim_127:not(#\9) {
153
+ .awsui_title_1kjc7_129h7_127:not(#\9) {
154
154
  /* used in test utils */
155
155
  }
156
156
 
157
- .awsui_list_1kjc7_18vim_131:not(#\9) {
157
+ .awsui_list_1kjc7_129h7_131:not(#\9) {
158
158
  display: flex;
159
159
  flex-wrap: wrap;
160
160
  list-style: none;
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  padding: 0;
163
163
  }
164
164
 
165
- .awsui_marker_1kjc7_18vim_93:not(#\9) {
165
+ .awsui_marker_1kjc7_129h7_93:not(#\9) {
166
166
  display: inline-flex;
167
167
  align-items: flex-start;
168
168
  margin-right: var(--space-m-h2th94, 16px);
@@ -172,17 +172,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
172
  cursor: pointer;
173
173
  opacity: 1;
174
174
  }
175
- .awsui_marker_1kjc7_18vim_93:not(#\9):focus {
175
+ .awsui_marker_1kjc7_129h7_93:not(#\9):focus {
176
176
  outline: none;
177
177
  }
178
- body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_18vim_93:not(#\9):focus {
178
+ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_129h7_93:not(#\9):focus {
179
179
  position: relative;
180
180
  }
181
- body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_18vim_93:not(#\9):focus {
181
+ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_129h7_93:not(#\9):focus {
182
182
  outline: 2px dotted transparent;
183
183
  outline-offset: calc(2px - 1px);
184
184
  }
185
- body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_18vim_93:not(#\9):focus::before {
185
+ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_129h7_93:not(#\9):focus::before {
186
186
  content: " ";
187
187
  display: block;
188
188
  position: absolute;
@@ -193,12 +193,12 @@ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_18vim_93:not(#\9):focus:
193
193
  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
194
194
  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
195
195
  }
196
- .awsui_marker_1kjc7_18vim_93:not(#\9):last-child {
196
+ .awsui_marker_1kjc7_129h7_93:not(#\9):last-child {
197
197
  margin-right: 0;
198
198
  }
199
- .awsui_marker_1kjc7_18vim_93.awsui_marker--dimmed_1kjc7_18vim_173:not(#\9) {
199
+ .awsui_marker_1kjc7_129h7_93.awsui_marker--dimmed_1kjc7_129h7_173:not(#\9) {
200
200
  opacity: 0.35;
201
201
  }
202
- .awsui_marker_1kjc7_18vim_93.awsui_marker--highlighted_1kjc7_18vim_176:not(#\9) {
202
+ .awsui_marker_1kjc7_129h7_93.awsui_marker--highlighted_1kjc7_129h7_176:not(#\9) {
203
203
  /* used in test utils */
204
204
  }
@@ -2,11 +2,11 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "marker": "awsui_marker_1kjc7_18vim_93",
6
- "root": "awsui_root_1kjc7_18vim_111",
7
- "title": "awsui_title_1kjc7_18vim_127",
8
- "list": "awsui_list_1kjc7_18vim_131",
9
- "marker--dimmed": "awsui_marker--dimmed_1kjc7_18vim_173",
10
- "marker--highlighted": "awsui_marker--highlighted_1kjc7_18vim_176"
5
+ "marker": "awsui_marker_1kjc7_129h7_93",
6
+ "root": "awsui_root_1kjc7_129h7_111",
7
+ "title": "awsui_title_1kjc7_129h7_127",
8
+ "list": "awsui_list_1kjc7_129h7_131",
9
+ "marker--dimmed": "awsui_marker--dimmed_1kjc7_129h7_173",
10
+ "marker--highlighted": "awsui_marker--highlighted_1kjc7_129h7_176"
11
11
  };
12
12
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1t44z_1qi46_93",
5
- "hover-area": "awsui_hover-area_1t44z_1qi46_107",
6
- "popover-body": "awsui_popover-body_1t44z_1qi46_113"
4
+ "root": "awsui_root_1t44z_9dt6h_93",
5
+ "hover-area": "awsui_hover-area_1t44z_9dt6h_107",
6
+ "popover-body": "awsui_popover-body_1t44z_9dt6h_113"
7
7
  };
8
8
 
@@ -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_1t44z_1qi46_93:not(#\9) {
93
+ .awsui_root_1t44z_9dt6h_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
123
  font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
124
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
125
125
  color: var(--color-text-body-default-su7kuo, #000716);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -130,12 +130,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  position: absolute;
131
131
  }
132
132
 
133
- .awsui_hover-area_1t44z_1qi46_107:not(#\9) {
133
+ .awsui_hover-area_1t44z_9dt6h_107:not(#\9) {
134
134
  pointer-events: none;
135
135
  padding: var(--space-static-s-q0yjjb, 12px);
136
136
  margin: calc(-1 * var(--space-static-s-q0yjjb, 12px));
137
137
  }
138
138
 
139
- .awsui_popover-body_1t44z_1qi46_113:not(#\9) {
139
+ .awsui_popover-body_1t44z_9dt6h_113:not(#\9) {
140
140
  pointer-events: auto;
141
141
  }
@@ -2,8 +2,8 @@
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_1t44z_1qi46_93",
6
- "hover-area": "awsui_hover-area_1t44z_1qi46_107",
7
- "popover-body": "awsui_popover-body_1t44z_1qi46_113"
5
+ "root": "awsui_root_1t44z_9dt6h_93",
6
+ "hover-area": "awsui_hover-area_1t44z_9dt6h_107",
7
+ "popover-body": "awsui_popover-body_1t44z_9dt6h_113"
8
8
  };
9
9
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dimmed": "awsui_dimmed_10ipo_1a267_93",
5
- "root": "awsui_root_10ipo_1a267_122",
6
- "list": "awsui_list_10ipo_1a267_135",
7
- "list-item": "awsui_list-item_10ipo_1a267_142",
8
- "key": "awsui_key_10ipo_1a267_147"
4
+ "dimmed": "awsui_dimmed_10ipo_72r34_93",
5
+ "root": "awsui_root_10ipo_72r34_122",
6
+ "list": "awsui_list_10ipo_72r34_135",
7
+ "list-item": "awsui_list-item_10ipo_72r34_142",
8
+ "key": "awsui_key_10ipo_72r34_147"
9
9
  };
10
10