@cloudscape-design/components 3.0.648 → 3.0.650

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 (486) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +39 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +18 -20
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +31 -32
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +6 -8
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/index.js +2 -2
  14. package/app-layout/drawer/index.js.map +1 -1
  15. package/app-layout/drawer/styles.css.js +13 -13
  16. package/app-layout/drawer/styles.scoped.css +21 -23
  17. package/app-layout/drawer/styles.selectors.js +13 -13
  18. package/app-layout/mobile-toolbar/index.js +1 -1
  19. package/app-layout/mobile-toolbar/index.js.map +1 -1
  20. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  21. package/app-layout/mobile-toolbar/styles.scoped.css +8 -10
  22. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  23. package/app-layout/skeleton/styles.css.js +11 -11
  24. package/app-layout/skeleton/styles.scoped.css +20 -22
  25. package/app-layout/skeleton/styles.selectors.js +11 -11
  26. package/app-layout/split-panel/styles.css.js +2 -2
  27. package/app-layout/split-panel/styles.scoped.css +2 -4
  28. package/app-layout/split-panel/styles.selectors.js +2 -2
  29. package/app-layout/styles.css.js +16 -16
  30. package/app-layout/styles.scoped.css +19 -21
  31. package/app-layout/styles.selectors.js +16 -16
  32. package/app-layout/toggles/styles.css.js +2 -2
  33. package/app-layout/toggles/styles.scoped.css +6 -8
  34. package/app-layout/toggles/styles.selectors.js +2 -2
  35. package/app-layout/utils/sticky-offsets.d.ts +1 -1
  36. package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
  37. package/app-layout/utils/sticky-offsets.js +2 -2
  38. package/app-layout/utils/sticky-offsets.js.map +1 -1
  39. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  40. package/app-layout/visual-refresh/background.js +2 -5
  41. package/app-layout/visual-refresh/background.js.map +1 -1
  42. package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  43. package/app-layout/visual-refresh/breadcrumbs.js +1 -2
  44. package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  45. package/app-layout/visual-refresh/context.d.ts +0 -2
  46. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/context.js +2 -7
  48. package/app-layout/visual-refresh/context.js.map +1 -1
  49. package/app-layout/visual-refresh/drawers.js +2 -2
  50. package/app-layout/visual-refresh/drawers.js.map +1 -1
  51. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  52. package/app-layout/visual-refresh/layout.js +1 -3
  53. package/app-layout/visual-refresh/layout.js.map +1 -1
  54. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  55. package/app-layout/visual-refresh/main.js +2 -4
  56. package/app-layout/visual-refresh/main.js.map +1 -1
  57. package/app-layout/visual-refresh/navigation.js +2 -2
  58. package/app-layout/visual-refresh/navigation.js.map +1 -1
  59. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  60. package/app-layout/visual-refresh/notifications.js +3 -1
  61. package/app-layout/visual-refresh/notifications.js.map +1 -1
  62. package/app-layout/visual-refresh/styles.css.js +82 -83
  63. package/app-layout/visual-refresh/styles.scoped.css +169 -196
  64. package/app-layout/visual-refresh/styles.selectors.js +82 -83
  65. package/app-layout/visual-refresh/tools.js +2 -2
  66. package/app-layout/visual-refresh/tools.js.map +1 -1
  67. package/app-layout/visual-refresh/trigger-button.js +1 -1
  68. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  69. package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
  70. package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
  71. package/app-layout/visual-refresh/use-background-overlap.js +0 -6
  72. package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
  73. package/area-chart/styles.css.js +6 -6
  74. package/area-chart/styles.scoped.css +9 -11
  75. package/area-chart/styles.selectors.js +6 -6
  76. package/attribute-editor/styles.css.js +14 -14
  77. package/attribute-editor/styles.scoped.css +24 -26
  78. package/attribute-editor/styles.selectors.js +14 -14
  79. package/badge/styles.css.js +5 -5
  80. package/badge/styles.scoped.css +5 -7
  81. package/badge/styles.selectors.js +5 -5
  82. package/box/styles.css.js +191 -191
  83. package/box/styles.scoped.css +248 -446
  84. package/box/styles.selectors.js +191 -191
  85. package/breadcrumb-group/item/styles.css.js +8 -8
  86. package/breadcrumb-group/item/styles.scoped.css +16 -18
  87. package/breadcrumb-group/item/styles.selectors.js +8 -8
  88. package/breadcrumb-group/styles.css.js +7 -7
  89. package/breadcrumb-group/styles.scoped.css +12 -14
  90. package/breadcrumb-group/styles.selectors.js +7 -7
  91. package/button/styles.css.js +19 -19
  92. package/button/styles.scoped.css +153 -155
  93. package/button/styles.selectors.js +19 -19
  94. package/button-dropdown/category-elements/category-element.js +1 -1
  95. package/button-dropdown/category-elements/category-element.js.map +1 -1
  96. package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
  97. package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  98. package/button-dropdown/category-elements/styles.css.js +14 -14
  99. package/button-dropdown/category-elements/styles.scoped.css +24 -25
  100. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  101. package/button-dropdown/item-element/styles.css.js +11 -11
  102. package/button-dropdown/item-element/styles.scoped.css +16 -17
  103. package/button-dropdown/item-element/styles.selectors.js +11 -11
  104. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
  105. package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
  106. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  107. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -7
  108. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  109. package/button-dropdown/styles.css.js +15 -15
  110. package/button-dropdown/styles.scoped.css +22 -24
  111. package/button-dropdown/styles.selectors.js +15 -15
  112. package/calendar/styles.css.js +20 -20
  113. package/calendar/styles.scoped.css +42 -44
  114. package/calendar/styles.selectors.js +20 -20
  115. package/cards/styles.css.js +39 -39
  116. package/cards/styles.scoped.css +50 -52
  117. package/cards/styles.selectors.js +39 -39
  118. package/checkbox/styles.css.js +3 -3
  119. package/checkbox/styles.scoped.css +5 -7
  120. package/checkbox/styles.selectors.js +3 -3
  121. package/code-editor/resizable-box/styles.css.js +3 -3
  122. package/code-editor/resizable-box/styles.scoped.css +5 -6
  123. package/code-editor/resizable-box/styles.selectors.js +3 -3
  124. package/code-editor/styles.css.js +32 -32
  125. package/code-editor/styles.scoped.css +129 -147
  126. package/code-editor/styles.selectors.js +32 -32
  127. package/collection-preferences/content-display/styles.css.js +11 -11
  128. package/collection-preferences/content-display/styles.scoped.css +17 -21
  129. package/collection-preferences/content-display/styles.selectors.js +11 -11
  130. package/collection-preferences/styles.css.js +37 -37
  131. package/collection-preferences/styles.scoped.css +44 -52
  132. package/collection-preferences/styles.selectors.js +37 -37
  133. package/column-layout/styles.css.js +13 -13
  134. package/column-layout/styles.scoped.css +43 -45
  135. package/column-layout/styles.selectors.js +13 -13
  136. package/container/internal.d.ts.map +1 -1
  137. package/container/internal.js +7 -25
  138. package/container/internal.js.map +1 -1
  139. package/container/styles.css.js +30 -29
  140. package/container/styles.scoped.css +60 -55
  141. package/container/styles.selectors.js +30 -29
  142. package/container/use-sticky-header.d.ts +3 -2
  143. package/container/use-sticky-header.d.ts.map +1 -1
  144. package/container/use-sticky-header.js +5 -3
  145. package/container/use-sticky-header.js.map +1 -1
  146. package/content-layout/internal.js +2 -2
  147. package/content-layout/internal.js.map +1 -1
  148. package/content-layout/styles.css.js +14 -14
  149. package/content-layout/styles.scoped.css +16 -18
  150. package/content-layout/styles.selectors.js +14 -14
  151. package/date-picker/styles.css.js +7 -7
  152. package/date-picker/styles.scoped.css +9 -11
  153. package/date-picker/styles.selectors.js +7 -7
  154. package/date-range-picker/calendar/grids/styles.css.js +27 -27
  155. package/date-range-picker/calendar/grids/styles.scoped.css +42 -44
  156. package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
  157. package/date-range-picker/relative-range/styles.css.js +9 -9
  158. package/date-range-picker/relative-range/styles.scoped.css +13 -15
  159. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  160. package/date-range-picker/styles.css.js +39 -39
  161. package/date-range-picker/styles.scoped.css +48 -50
  162. package/date-range-picker/styles.selectors.js +39 -39
  163. package/drawer/implementation.js +2 -2
  164. package/drawer/implementation.js.map +1 -1
  165. package/drawer/styles.css.js +3 -3
  166. package/drawer/styles.scoped.css +10 -11
  167. package/drawer/styles.selectors.js +3 -3
  168. package/expandable-section/styles.css.js +32 -32
  169. package/expandable-section/styles.scoped.css +65 -66
  170. package/expandable-section/styles.selectors.js +32 -32
  171. package/file-upload/dropzone/styles.css.js +2 -2
  172. package/file-upload/dropzone/styles.scoped.css +2 -4
  173. package/file-upload/dropzone/styles.selectors.js +2 -2
  174. package/file-upload/file-input/styles.css.js +4 -4
  175. package/file-upload/file-input/styles.scoped.css +7 -9
  176. package/file-upload/file-input/styles.selectors.js +4 -4
  177. package/flashbar/styles.css.js +47 -47
  178. package/flashbar/styles.scoped.css +146 -154
  179. package/flashbar/styles.selectors.js +47 -47
  180. package/form/styles.css.js +8 -8
  181. package/form/styles.scoped.css +8 -10
  182. package/form/styles.selectors.js +8 -8
  183. package/form-field/styles.css.js +24 -24
  184. package/form-field/styles.scoped.css +38 -40
  185. package/form-field/styles.selectors.js +24 -24
  186. package/grid/styles.css.js +53 -53
  187. package/grid/styles.scoped.css +54 -56
  188. package/grid/styles.selectors.js +53 -53
  189. package/header/styles.css.js +34 -34
  190. package/header/styles.scoped.css +50 -52
  191. package/header/styles.selectors.js +34 -34
  192. package/help-panel/implementation.js +2 -2
  193. package/help-panel/implementation.js.map +1 -1
  194. package/help-panel/styles.css.js +4 -4
  195. package/help-panel/styles.scoped.css +78 -68
  196. package/help-panel/styles.selectors.js +4 -4
  197. package/hotspot/styles.css.js +7 -7
  198. package/hotspot/styles.scoped.css +7 -9
  199. package/hotspot/styles.selectors.js +7 -7
  200. package/icon/icons.js +1 -1
  201. package/icon/interfaces.d.ts +1 -1
  202. package/icon/interfaces.d.ts.map +1 -1
  203. package/icon/interfaces.js.map +1 -1
  204. package/icon/styles.css.js +37 -37
  205. package/icon/styles.scoped.css +84 -67
  206. package/icon/styles.selectors.js +37 -37
  207. package/input/styles.css.js +13 -13
  208. package/input/styles.scoped.css +34 -36
  209. package/input/styles.selectors.js +13 -13
  210. package/internal/analytics/index.d.ts +7 -1
  211. package/internal/analytics/index.d.ts.map +1 -1
  212. package/internal/analytics/index.js +10 -0
  213. package/internal/analytics/index.js.map +1 -1
  214. package/internal/analytics/interfaces.d.ts +12 -0
  215. package/internal/analytics/interfaces.d.ts.map +1 -1
  216. package/internal/analytics/interfaces.js.map +1 -1
  217. package/internal/base-component/index.d.ts +5 -3
  218. package/internal/base-component/index.d.ts.map +1 -1
  219. package/internal/base-component/index.js.map +1 -1
  220. package/internal/components/abstract-switch/styles.css.js +13 -13
  221. package/internal/components/abstract-switch/styles.scoped.css +23 -26
  222. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  223. package/internal/components/button-trigger/styles.css.js +11 -11
  224. package/internal/components/button-trigger/styles.scoped.css +26 -28
  225. package/internal/components/button-trigger/styles.selectors.js +11 -11
  226. package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
  227. package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
  228. package/internal/components/chart-filter/styles.css.js +3 -3
  229. package/internal/components/chart-filter/styles.scoped.css +3 -5
  230. package/internal/components/chart-filter/styles.selectors.js +3 -3
  231. package/internal/components/chart-legend/styles.css.js +6 -6
  232. package/internal/components/chart-legend/styles.scoped.css +15 -17
  233. package/internal/components/chart-legend/styles.selectors.js +6 -6
  234. package/internal/components/chart-plot/styles.css.js +5 -5
  235. package/internal/components/chart-plot/styles.scoped.css +5 -7
  236. package/internal/components/chart-plot/styles.selectors.js +5 -5
  237. package/internal/components/chart-popover/styles.css.js +3 -3
  238. package/internal/components/chart-popover/styles.scoped.css +3 -5
  239. package/internal/components/chart-popover/styles.selectors.js +3 -3
  240. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  241. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  242. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  243. package/internal/components/chart-series-details/styles.css.js +20 -20
  244. package/internal/components/chart-series-details/styles.scoped.css +33 -35
  245. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  246. package/internal/components/chart-series-marker/styles.css.js +5 -5
  247. package/internal/components/chart-series-marker/styles.scoped.css +7 -9
  248. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  249. package/internal/components/chart-wrapper/styles.css.js +9 -9
  250. package/internal/components/chart-wrapper/styles.scoped.css +9 -11
  251. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  252. package/internal/components/checkbox-icon/styles.css.js +7 -7
  253. package/internal/components/checkbox-icon/styles.scoped.css +8 -10
  254. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  255. package/internal/components/dropdown/styles.css.js +20 -20
  256. package/internal/components/dropdown/styles.scoped.css +41 -41
  257. package/internal/components/dropdown/styles.selectors.js +20 -20
  258. package/internal/components/dropdown-footer/styles.css.js +3 -3
  259. package/internal/components/dropdown-footer/styles.scoped.css +3 -5
  260. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  261. package/internal/components/dropdown-status/styles.css.js +2 -2
  262. package/internal/components/dropdown-status/styles.scoped.css +2 -4
  263. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  264. package/internal/components/filtering-token/styles.css.js +7 -7
  265. package/internal/components/filtering-token/styles.scoped.css +13 -15
  266. package/internal/components/filtering-token/styles.selectors.js +7 -7
  267. package/internal/components/handle/styles.css.js +2 -2
  268. package/internal/components/handle/styles.scoped.css +6 -8
  269. package/internal/components/handle/styles.selectors.js +2 -2
  270. package/internal/components/menu-dropdown/styles.css.js +7 -7
  271. package/internal/components/menu-dropdown/styles.scoped.css +13 -15
  272. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  273. package/internal/components/option/highlight-match.d.ts.map +1 -1
  274. package/internal/components/option/highlight-match.js +1 -2
  275. package/internal/components/option/highlight-match.js.map +1 -1
  276. package/internal/components/option/index.js +2 -2
  277. package/internal/components/option/index.js.map +1 -1
  278. package/internal/components/option/styles.css.js +17 -17
  279. package/internal/components/option/styles.scoped.css +29 -31
  280. package/internal/components/option/styles.selectors.js +17 -17
  281. package/internal/components/options-list/styles.css.js +2 -2
  282. package/internal/components/options-list/styles.scoped.css +2 -4
  283. package/internal/components/options-list/styles.selectors.js +2 -2
  284. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  285. package/internal/components/panel-resize-handle/styles.scoped.css +10 -12
  286. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  287. package/internal/components/screenreader-only/styles.css.js +1 -1
  288. package/internal/components/screenreader-only/styles.scoped.css +1 -3
  289. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  290. package/internal/components/selectable-item/styles.css.js +16 -16
  291. package/internal/components/selectable-item/styles.scoped.css +29 -31
  292. package/internal/components/selectable-item/styles.selectors.js +16 -16
  293. package/internal/components/token-list/styles.css.js +9 -9
  294. package/internal/components/token-list/styles.scoped.css +20 -23
  295. package/internal/components/token-list/styles.selectors.js +9 -9
  296. package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
  297. package/internal/context/reset-contexts-for-modal.js +6 -8
  298. package/internal/context/reset-contexts-for-modal.js.map +1 -1
  299. package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
  300. package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  301. package/internal/context/single-tab-stop-navigation-context.js +51 -1
  302. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  303. package/internal/environment.js +1 -1
  304. package/internal/environment.json +1 -1
  305. package/internal/hooks/use-table-interaction-metrics/index.d.ts +10 -0
  306. package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
  307. package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
  308. package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
  309. package/internal/manifest.json +1 -1
  310. package/link/styles.css.js +20 -20
  311. package/link/styles.scoped.css +71 -73
  312. package/link/styles.selectors.js +20 -20
  313. package/mixed-line-bar-chart/styles.css.js +11 -11
  314. package/mixed-line-bar-chart/styles.scoped.css +17 -19
  315. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  316. package/modal/styles.css.js +23 -23
  317. package/modal/styles.scoped.css +38 -40
  318. package/modal/styles.selectors.js +23 -23
  319. package/multiselect/styles.css.js +2 -2
  320. package/multiselect/styles.scoped.css +2 -4
  321. package/multiselect/styles.selectors.js +2 -2
  322. package/package.json +1 -1
  323. package/pagination/styles.css.js +9 -9
  324. package/pagination/styles.scoped.css +23 -25
  325. package/pagination/styles.selectors.js +9 -9
  326. package/pie-chart/styles.css.js +27 -27
  327. package/pie-chart/styles.scoped.css +48 -50
  328. package/pie-chart/styles.selectors.js +27 -27
  329. package/popover/index.d.ts +1 -1
  330. package/popover/index.d.ts.map +1 -1
  331. package/popover/index.js +2 -2
  332. package/popover/index.js.map +1 -1
  333. package/popover/interfaces.d.ts +5 -0
  334. package/popover/interfaces.d.ts.map +1 -1
  335. package/popover/interfaces.js.map +1 -1
  336. package/popover/internal.js +2 -2
  337. package/popover/internal.js.map +1 -1
  338. package/popover/styles.css.js +50 -49
  339. package/popover/styles.scoped.css +78 -78
  340. package/popover/styles.selectors.js +50 -49
  341. package/progress-bar/styles.css.js +19 -19
  342. package/progress-bar/styles.scoped.css +33 -37
  343. package/progress-bar/styles.selectors.js +19 -19
  344. package/property-filter/styles.css.js +32 -32
  345. package/property-filter/styles.scoped.css +34 -36
  346. package/property-filter/styles.selectors.js +32 -32
  347. package/radio-group/styles.css.js +9 -9
  348. package/radio-group/styles.scoped.css +15 -17
  349. package/radio-group/styles.selectors.js +9 -9
  350. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  351. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  352. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  353. package/segmented-control/styles.css.js +14 -14
  354. package/segmented-control/styles.scoped.css +33 -35
  355. package/segmented-control/styles.selectors.js +14 -14
  356. package/select/parts/styles.css.js +16 -16
  357. package/select/parts/styles.scoped.css +18 -19
  358. package/select/parts/styles.selectors.js +16 -16
  359. package/select/styles.css.js +1 -1
  360. package/select/styles.scoped.css +1 -3
  361. package/select/styles.selectors.js +1 -1
  362. package/side-navigation/styles.css.js +28 -28
  363. package/side-navigation/styles.scoped.css +38 -40
  364. package/side-navigation/styles.selectors.js +28 -28
  365. package/slider/internal.js +1 -1
  366. package/slider/internal.js.map +1 -1
  367. package/slider/slider-labels.js +1 -1
  368. package/slider/slider-labels.js.map +1 -1
  369. package/slider/styles.css.js +25 -25
  370. package/slider/styles.scoped.css +62 -64
  371. package/slider/styles.selectors.js +25 -25
  372. package/slider/tick-marks.js +2 -2
  373. package/slider/tick-marks.js.map +1 -1
  374. package/space-between/styles.css.js +23 -23
  375. package/space-between/styles.scoped.css +24 -26
  376. package/space-between/styles.selectors.js +23 -23
  377. package/spinner/styles.css.js +13 -13
  378. package/spinner/styles.scoped.css +20 -21
  379. package/spinner/styles.selectors.js +13 -13
  380. package/split-panel/icons/styles.css.js +22 -22
  381. package/split-panel/icons/styles.scoped.css +28 -24
  382. package/split-panel/icons/styles.selectors.js +22 -22
  383. package/split-panel/side.js +3 -3
  384. package/split-panel/side.js.map +1 -1
  385. package/split-panel/styles.css.js +26 -26
  386. package/split-panel/styles.scoped.css +41 -46
  387. package/split-panel/styles.selectors.js +26 -26
  388. package/status-indicator/styles.css.js +23 -23
  389. package/status-indicator/styles.scoped.css +29 -31
  390. package/status-indicator/styles.selectors.js +23 -23
  391. package/table/body-cell/styles.css.js +45 -45
  392. package/table/body-cell/styles.scoped.css +175 -174
  393. package/table/body-cell/styles.selectors.js +45 -45
  394. package/table/expandable-rows/styles.css.js +3 -3
  395. package/table/expandable-rows/styles.scoped.css +15 -15
  396. package/table/expandable-rows/styles.selectors.js +3 -3
  397. package/table/header-cell/styles.css.js +26 -26
  398. package/table/header-cell/styles.scoped.css +54 -54
  399. package/table/header-cell/styles.selectors.js +26 -26
  400. package/table/internal.d.ts.map +1 -1
  401. package/table/internal.js +23 -17
  402. package/table/internal.js.map +1 -1
  403. package/table/resizer/styles.css.js +8 -8
  404. package/table/resizer/styles.scoped.css +14 -16
  405. package/table/resizer/styles.selectors.js +8 -8
  406. package/table/selection/selection-control.js +1 -1
  407. package/table/selection/selection-control.js.map +1 -1
  408. package/table/selection/styles.css.js +3 -3
  409. package/table/selection/styles.scoped.css +3 -5
  410. package/table/selection/styles.selectors.js +3 -3
  411. package/table/sticky-scrollbar/styles.css.js +6 -6
  412. package/table/sticky-scrollbar/styles.scoped.css +7 -9
  413. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  414. package/table/styles.css.js +34 -34
  415. package/table/styles.scoped.css +39 -43
  416. package/table/styles.selectors.js +34 -34
  417. package/table/table-role/grid-navigation.d.ts.map +1 -1
  418. package/table/table-role/grid-navigation.js +40 -67
  419. package/table/table-role/grid-navigation.js.map +1 -1
  420. package/table/thead.d.ts +1 -0
  421. package/table/thead.d.ts.map +1 -1
  422. package/table/thead.js +5 -2
  423. package/table/thead.js.map +1 -1
  424. package/table/tools-header.d.ts +2 -1
  425. package/table/tools-header.d.ts.map +1 -1
  426. package/table/tools-header.js +4 -4
  427. package/table/tools-header.js.map +1 -1
  428. package/tabs/styles.css.js +22 -22
  429. package/tabs/styles.scoped.css +42 -46
  430. package/tabs/styles.selectors.js +22 -22
  431. package/tabs/tab-header-bar.d.ts.map +1 -1
  432. package/tabs/tab-header-bar.js +19 -47
  433. package/tabs/tab-header-bar.js.map +1 -1
  434. package/tag-editor/styles.css.js +3 -3
  435. package/tag-editor/styles.scoped.css +10 -12
  436. package/tag-editor/styles.selectors.js +3 -3
  437. package/test-utils/tsconfig.tsbuildinfo +1 -1
  438. package/text-content/styles.css.js +1 -1
  439. package/text-content/styles.scoped.css +60 -62
  440. package/text-content/styles.selectors.js +1 -1
  441. package/text-filter/styles.css.js +3 -3
  442. package/text-filter/styles.scoped.css +3 -5
  443. package/text-filter/styles.selectors.js +3 -3
  444. package/textarea/styles.css.js +5 -5
  445. package/textarea/styles.scoped.css +15 -17
  446. package/textarea/styles.selectors.js +5 -5
  447. package/tiles/styles.css.js +29 -29
  448. package/tiles/styles.scoped.css +70 -72
  449. package/tiles/styles.selectors.js +29 -29
  450. package/toggle/styles.css.js +8 -8
  451. package/toggle/styles.scoped.css +15 -16
  452. package/toggle/styles.selectors.js +8 -8
  453. package/token-group/dismiss-button.d.ts.map +1 -1
  454. package/token-group/dismiss-button.js +1 -2
  455. package/token-group/dismiss-button.js.map +1 -1
  456. package/token-group/styles.css.js +9 -9
  457. package/token-group/styles.scoped.css +19 -22
  458. package/token-group/styles.selectors.js +9 -9
  459. package/top-navigation/1.0-beta/styles.css.js +25 -25
  460. package/top-navigation/1.0-beta/styles.scoped.css +42 -44
  461. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  462. package/top-navigation/styles.css.js +47 -47
  463. package/top-navigation/styles.scoped.css +66 -68
  464. package/top-navigation/styles.selectors.js +47 -47
  465. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  466. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -23
  467. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  468. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  469. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -30
  470. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  471. package/tutorial-panel/styles.css.js +1 -1
  472. package/tutorial-panel/styles.scoped.css +1 -3
  473. package/tutorial-panel/styles.selectors.js +1 -1
  474. package/wizard/styles.css.js +30 -30
  475. package/wizard/styles.scoped.css +62 -61
  476. package/wizard/styles.selectors.js +30 -30
  477. package/wizard/wizard-form-header.js +1 -1
  478. package/wizard/wizard-form-header.js.map +1 -1
  479. package/wizard/wizard-form.js +1 -1
  480. package/wizard/wizard-form.js.map +1 -1
  481. package/wizard/wizard-navigation.js +3 -3
  482. package/wizard/wizard-navigation.js.map +1 -1
  483. package/internal/context/app-layout-context.d.ts +0 -8
  484. package/internal/context/app-layout-context.d.ts.map +0 -1
  485. package/internal/context/app-layout-context.js +0 -9
  486. package/internal/context/app-layout-context.js.map +0 -1
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -96,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
95
  SPDX-License-Identifier: Apache-2.0
98
96
  */
99
- .awsui_placeholder_dwuol_18z0d_99:not(#\9) {
97
+ .awsui_placeholder_dwuol_k04db_97:not(#\9) {
100
98
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
101
99
  font-style: italic;
102
100
  }
103
101
 
104
- .awsui_item_dwuol_18z0d_104:not(#\9) {
102
+ .awsui_item_dwuol_k04db_102:not(#\9) {
105
103
  display: flex;
106
104
  align-items: center;
107
105
  }
108
- .awsui_item_dwuol_18z0d_104 > .awsui_checkbox_dwuol_18z0d_108:not(#\9) {
106
+ .awsui_item_dwuol_k04db_102 > .awsui_checkbox_dwuol_k04db_106:not(#\9) {
109
107
  position: relative;
110
108
  min-block-size: var(--size-control-28i7hr, 16px);
111
109
  min-inline-size: var(--size-control-28i7hr, 16px);
@@ -114,43 +112,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
114
112
  margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
115
113
  }
116
114
 
117
- .awsui_filter_dwuol_18z0d_117:not(#\9) {
115
+ .awsui_filter_dwuol_k04db_115:not(#\9) {
118
116
  z-index: 4;
119
117
  flex-shrink: 0;
120
118
  }
121
119
 
122
- .awsui_trigger_dwuol_18z0d_122:not(#\9) {
120
+ .awsui_trigger_dwuol_k04db_120:not(#\9) {
123
121
  white-space: nowrap;
124
122
  overflow: hidden;
125
123
  text-overflow: ellipsis;
126
124
  }
127
125
 
128
- .awsui_layout-strut_dwuol_18z0d_128:not(#\9) {
126
+ .awsui_layout-strut_dwuol_k04db_126:not(#\9) {
129
127
  inline-size: 100%;
130
128
  position: relative;
131
129
  transform: translate3d(0, 0, 0);
132
130
  }
133
131
 
134
- .awsui_list-bottom_dwuol_18z0d_134:not(#\9) {
132
+ .awsui_list-bottom_dwuol_k04db_132:not(#\9) {
135
133
  /* used in unit-tests */
136
134
  }
137
135
 
138
- .awsui_selected-icon_dwuol_18z0d_138:not(#\9) {
136
+ .awsui_selected-icon_dwuol_k04db_136:not(#\9) {
139
137
  color: var(--color-border-item-focused-b2ntyl, #0972d3);
140
138
  }
141
139
 
142
- .awsui_show-label-tag_dwuol_18z0d_142 > .awsui_selected-icon_dwuol_18z0d_138:not(#\9) {
140
+ .awsui_show-label-tag_dwuol_k04db_140 > .awsui_selected-icon_dwuol_k04db_136:not(#\9) {
143
141
  padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
144
142
  }
145
143
 
146
- .awsui_inline-token-trigger_dwuol_18z0d_146:not(#\9) {
144
+ .awsui_inline-token-trigger_dwuol_k04db_144:not(#\9) {
147
145
  display: flex;
148
146
  flex-wrap: nowrap;
149
147
  column-gap: var(--space-xxs-p8yyaw, 4px);
150
148
  inline-size: 100%;
151
149
  }
152
150
 
153
- .awsui_inline-token-list_dwuol_18z0d_153:not(#\9) {
151
+ .awsui_inline-token-list_dwuol_k04db_151:not(#\9) {
154
152
  display: flex;
155
153
  flex-wrap: nowrap;
156
154
  align-items: center;
@@ -159,12 +157,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
159
157
  overflow-x: hidden;
160
158
  -webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
161
159
  mask-image: linear-gradient(270deg, transparent, white 20px, white);
160
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
162
161
  }
163
- .awsui_inline-token-list_dwuol_18z0d_153:not(#\9):dir(rtl) {
162
+ .awsui_inline-token-list_dwuol_k04db_151:not(#\9):dir(rtl) {
164
163
  -webkit-mask-image: linear-gradient(-270deg, transparent, white 20px, white);
165
164
  mask-image: linear-gradient(-270deg, transparent, white 20px, white);
166
165
  }
167
- .awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
166
+ .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
168
167
  display: flex;
169
168
  align-items: center;
170
169
  min-inline-size: max-content;
@@ -181,24 +180,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
180
  color: var(--color-text-body-default-at06ol, #000716);
182
181
  }
183
182
 
184
- .awsui_visual-refresh_dwuol_18z0d_182 > .awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
183
+ .awsui_visual-refresh_dwuol_k04db_181 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
185
184
  border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
186
185
  border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
187
186
  border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
188
187
  border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
189
188
  }
190
189
 
191
- .awsui_inline-token-hidden-placeholder_dwuol_18z0d_189:not(#\9) {
190
+ .awsui_inline-token-hidden-placeholder_dwuol_k04db_188:not(#\9) {
192
191
  position: absolute !important;
193
192
  inset-block-start: -9999px !important;
194
193
  inset-inline-start: -9999px !important;
195
194
  }
196
195
 
197
- .awsui_inline-token-counter_dwuol_18z0d_195:not(#\9) {
196
+ .awsui_inline-token-counter_dwuol_k04db_194:not(#\9) {
198
197
  white-space: nowrap;
199
198
  }
200
199
 
201
- .awsui_inline-token-trigger--disabled_dwuol_18z0d_199 > .awsui_inline-token-list_dwuol_18z0d_153 > .awsui_inline-token_dwuol_18z0d_146:not(#\9) {
200
+ .awsui_inline-token-trigger--disabled_dwuol_k04db_198 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
202
201
  border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
203
202
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
204
203
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "placeholder": "awsui_placeholder_dwuol_18z0d_99",
6
- "item": "awsui_item_dwuol_18z0d_104",
7
- "checkbox": "awsui_checkbox_dwuol_18z0d_108",
8
- "filter": "awsui_filter_dwuol_18z0d_117",
9
- "trigger": "awsui_trigger_dwuol_18z0d_122",
10
- "layout-strut": "awsui_layout-strut_dwuol_18z0d_128",
11
- "list-bottom": "awsui_list-bottom_dwuol_18z0d_134",
12
- "selected-icon": "awsui_selected-icon_dwuol_18z0d_138",
13
- "show-label-tag": "awsui_show-label-tag_dwuol_18z0d_142",
14
- "inline-token-trigger": "awsui_inline-token-trigger_dwuol_18z0d_146",
15
- "inline-token-list": "awsui_inline-token-list_dwuol_18z0d_153",
16
- "inline-token": "awsui_inline-token_dwuol_18z0d_146",
17
- "visual-refresh": "awsui_visual-refresh_dwuol_18z0d_182",
18
- "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_18z0d_189",
19
- "inline-token-counter": "awsui_inline-token-counter_dwuol_18z0d_195",
20
- "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_18z0d_199"
5
+ "placeholder": "awsui_placeholder_dwuol_k04db_97",
6
+ "item": "awsui_item_dwuol_k04db_102",
7
+ "checkbox": "awsui_checkbox_dwuol_k04db_106",
8
+ "filter": "awsui_filter_dwuol_k04db_115",
9
+ "trigger": "awsui_trigger_dwuol_k04db_120",
10
+ "layout-strut": "awsui_layout-strut_dwuol_k04db_126",
11
+ "list-bottom": "awsui_list-bottom_dwuol_k04db_132",
12
+ "selected-icon": "awsui_selected-icon_dwuol_k04db_136",
13
+ "show-label-tag": "awsui_show-label-tag_dwuol_k04db_140",
14
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_k04db_144",
15
+ "inline-token-list": "awsui_inline-token-list_dwuol_k04db_151",
16
+ "inline-token": "awsui_inline-token_dwuol_k04db_144",
17
+ "visual-refresh": "awsui_visual-refresh_dwuol_k04db_181",
18
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_k04db_188",
19
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_k04db_194",
20
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_k04db_198"
21
21
  };
22
22
 
@@ -1,6 +1,6 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_r2vco_wvvus_99"
4
+ "root": "awsui_root_r2vco_1byz9_97"
5
5
  };
6
6
 
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
95
  SPDX-License-Identifier: Apache-2.0
98
96
  */
99
- .awsui_root_r2vco_wvvus_99:not(#\9) {
97
+ .awsui_root_r2vco_1byz9_97:not(#\9) {
100
98
  border-collapse: separate;
101
99
  border-spacing: 0;
102
100
  box-sizing: border-box;
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_r2vco_wvvus_99"
5
+ "root": "awsui_root_r2vco_1byz9_97"
6
6
  };
7
7
 
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_4v038_99",
5
- "header": "awsui_header_l0dv0_4v038_136",
6
- "header-link": "awsui_header-link_l0dv0_4v038_149",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_4v038_159",
8
- "header-link-text": "awsui_header-link-text_l0dv0_4v038_159",
9
- "header-logo": "awsui_header-logo_l0dv0_4v038_164",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_4v038_170",
11
- "list-container": "awsui_list-container_l0dv0_4v038_175",
12
- "list": "awsui_list_l0dv0_4v038_175",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_4v038_187",
14
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_4v038_194",
15
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_4v038_198",
16
- "list-item": "awsui_list-item_l0dv0_4v038_202",
17
- "section": "awsui_section_l0dv0_4v038_210",
18
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_4v038_211",
19
- "section--no-ident": "awsui_section--no-ident_l0dv0_4v038_214",
20
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_4v038_215",
21
- "refresh": "awsui_refresh_l0dv0_4v038_223",
22
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_4v038_231",
23
- "section-group": "awsui_section-group_l0dv0_4v038_238",
24
- "section-group-title": "awsui_section-group-title_l0dv0_4v038_249",
25
- "link": "awsui_link_l0dv0_4v038_253",
26
- "link-active": "awsui_link-active_l0dv0_4v038_262",
27
- "info": "awsui_info_l0dv0_4v038_299",
28
- "external-icon": "awsui_external-icon_l0dv0_4v038_303",
29
- "divider": "awsui_divider_l0dv0_4v038_307",
30
- "divider-default": "awsui_divider-default_l0dv0_4v038_312",
31
- "divider-header": "awsui_divider-header_l0dv0_4v038_318"
4
+ "root": "awsui_root_l0dv0_1s9d7_97",
5
+ "header": "awsui_header_l0dv0_1s9d7_134",
6
+ "header-link": "awsui_header-link_l0dv0_1s9d7_147",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1s9d7_157",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_1s9d7_157",
9
+ "header-logo": "awsui_header-logo_l0dv0_1s9d7_162",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1s9d7_168",
11
+ "list-container": "awsui_list-container_l0dv0_1s9d7_173",
12
+ "list": "awsui_list_l0dv0_1s9d7_173",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_1s9d7_185",
14
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1s9d7_192",
15
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196",
16
+ "list-item": "awsui_list-item_l0dv0_1s9d7_200",
17
+ "section": "awsui_section_l0dv0_1s9d7_208",
18
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_1s9d7_209",
19
+ "section--no-ident": "awsui_section--no-ident_l0dv0_1s9d7_212",
20
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213",
21
+ "refresh": "awsui_refresh_l0dv0_1s9d7_221",
22
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1s9d7_229",
23
+ "section-group": "awsui_section-group_l0dv0_1s9d7_236",
24
+ "section-group-title": "awsui_section-group-title_l0dv0_1s9d7_247",
25
+ "link": "awsui_link_l0dv0_1s9d7_251",
26
+ "link-active": "awsui_link-active_l0dv0_1s9d7_260",
27
+ "info": "awsui_info_l0dv0_1s9d7_297",
28
+ "external-icon": "awsui_external-icon_l0dv0_1s9d7_301",
29
+ "divider": "awsui_divider_l0dv0_1s9d7_305",
30
+ "divider-default": "awsui_divider-default_l0dv0_1s9d7_310",
31
+ "divider-header": "awsui_divider-header_l0dv0_1s9d7_316"
32
32
  };
33
33
 
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
95
  SPDX-License-Identifier: Apache-2.0
98
96
  */
99
- .awsui_root_l0dv0_4v038_99:not(#\9) {
97
+ .awsui_root_l0dv0_1s9d7_97:not(#\9) {
100
98
  border-collapse: separate;
101
99
  border-spacing: 0;
102
100
  box-sizing: border-box;
@@ -134,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
134
132
  word-break: break-word;
135
133
  }
136
134
 
137
- .awsui_header_l0dv0_4v038_136:not(#\9) {
135
+ .awsui_header_l0dv0_1s9d7_134:not(#\9) {
138
136
  font-size: var(--font-panel-header-size-edjz3l, 18px);
139
137
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
140
138
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -147,7 +145,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
145
  padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
148
146
  }
149
147
 
150
- .awsui_header-link_l0dv0_4v038_149:not(#\9) {
148
+ .awsui_header-link_l0dv0_1s9d7_147:not(#\9) {
151
149
  font-size: var(--font-panel-header-size-edjz3l, 18px);
152
150
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
153
151
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -157,27 +155,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
157
155
  min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
158
156
  display: flex;
159
157
  }
160
- .awsui_header-link--has-logo_l0dv0_4v038_159 > .awsui_header-link-text_l0dv0_4v038_159:not(#\9) {
158
+ .awsui_header-link--has-logo_l0dv0_1s9d7_157 > .awsui_header-link-text_l0dv0_1s9d7_157:not(#\9) {
161
159
  font-weight: 400;
162
160
  align-self: center;
163
161
  }
164
162
 
165
- .awsui_header-logo_l0dv0_4v038_164:not(#\9) {
163
+ .awsui_header-logo_l0dv0_1s9d7_162:not(#\9) {
166
164
  margin-inline-end: var(--space-s-34lx8l, 12px);
167
165
  margin-block-start: var(--space-xxxs-zbmxqb, 2px);
168
166
  max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
169
167
  align-self: flex-start;
170
168
  }
171
- .awsui_header-logo--stretched_l0dv0_4v038_170:not(#\9) {
169
+ .awsui_header-logo--stretched_l0dv0_1s9d7_168:not(#\9) {
172
170
  max-inline-size: 100%;
173
171
  margin-inline-end: 0;
174
172
  }
175
173
 
176
- .awsui_list-container_l0dv0_4v038_175:not(#\9) {
174
+ .awsui_list-container_l0dv0_1s9d7_173:not(#\9) {
177
175
  margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
178
176
  }
179
177
 
180
- .awsui_list_l0dv0_4v038_175:not(#\9) {
178
+ .awsui_list_l0dv0_1s9d7_173:not(#\9) {
181
179
  margin-block: 0;
182
180
  margin-inline: 0;
183
181
  padding-block: 0;
@@ -185,22 +183,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
183
  padding-inline-start: var(--space-l-t419sm, 20px);
186
184
  }
187
185
 
188
- .awsui_list-variant-root_l0dv0_4v038_187:not(#\9) {
186
+ .awsui_list-variant-root_l0dv0_1s9d7_185:not(#\9) {
189
187
  margin-block: 0;
190
188
  margin-inline: 0;
191
189
  padding-block: 0;
192
190
  padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
193
191
  padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
194
192
  }
195
- .awsui_list-variant-root--last_l0dv0_4v038_194:not(#\9) {
193
+ .awsui_list-variant-root--last_l0dv0_1s9d7_192:not(#\9) {
196
194
  margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
197
195
  }
198
196
 
199
- .awsui_list-variant-expandable-link-group_l0dv0_4v038_198:not(#\9) {
197
+ .awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196:not(#\9) {
200
198
  padding-inline-start: var(--space-xxxl-4x2gki, 40px);
201
199
  }
202
200
 
203
- .awsui_list-item_l0dv0_4v038_202:not(#\9) {
201
+ .awsui_list-item_l0dv0_1s9d7_200:not(#\9) {
204
202
  margin-block: var(--space-scaled-xs-26e2du, 8px);
205
203
  margin-inline: 0;
206
204
  padding-block: 0;
@@ -208,35 +206,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
206
  list-style: none;
209
207
  }
210
208
 
211
- .awsui_section_l0dv0_4v038_210:not(#\9),
212
- .awsui_expandable-link-group_l0dv0_4v038_211:not(#\9) {
209
+ .awsui_section_l0dv0_1s9d7_208:not(#\9),
210
+ .awsui_expandable-link-group_l0dv0_1s9d7_209:not(#\9) {
213
211
  margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
214
212
  }
215
- .awsui_section--no-ident_l0dv0_4v038_214:not(#\9),
216
- .awsui_expandable-link-group--no-ident_l0dv0_4v038_215:not(#\9) {
213
+ .awsui_section--no-ident_l0dv0_1s9d7_212:not(#\9),
214
+ .awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213:not(#\9) {
217
215
  margin-inline-start: 0;
218
216
  }
219
217
 
220
- .awsui_section_l0dv0_4v038_210:not(#\9) {
218
+ .awsui_section_l0dv0_1s9d7_208:not(#\9) {
221
219
  margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
222
220
  /* stylelint-disable-next-line selector-max-type */
223
221
  }
224
- .awsui_section_l0dv0_4v038_210.awsui_refresh_l0dv0_4v038_223:not(#\9) {
222
+ .awsui_section_l0dv0_1s9d7_208.awsui_refresh_l0dv0_1s9d7_221:not(#\9) {
225
223
  margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
226
224
  }
227
- .awsui_section_l0dv0_4v038_210 > div:not(#\9) {
225
+ .awsui_section_l0dv0_1s9d7_208 > div:not(#\9) {
228
226
  padding-block: 0;
229
227
  padding-inline: 0;
230
228
  }
231
229
 
232
- .awsui_list-variant-section-group_l0dv0_4v038_231:not(#\9) {
230
+ .awsui_list-variant-section-group_l0dv0_1s9d7_229:not(#\9) {
233
231
  margin-block: 0;
234
232
  margin-inline: 0;
235
233
  padding-block: 0;
236
234
  padding-inline: 0;
237
235
  }
238
236
 
239
- .awsui_section-group_l0dv0_4v038_238:not(#\9) {
237
+ .awsui_section-group_l0dv0_1s9d7_236:not(#\9) {
240
238
  font-size: var(--font-size-heading-m-sjd256, 18px);
241
239
  line-height: var(--line-height-heading-m-50evfk, 22px);
242
240
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -247,11 +245,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
245
  margin-inline: 0;
248
246
  }
249
247
 
250
- .awsui_section-group-title_l0dv0_4v038_249:not(#\9) {
248
+ .awsui_section-group-title_l0dv0_1s9d7_247:not(#\9) {
251
249
  /* used in test-utils */
252
250
  }
253
251
 
254
- .awsui_link_l0dv0_4v038_253:not(#\9) {
252
+ .awsui_link_l0dv0_1s9d7_251:not(#\9) {
255
253
  font-size: var(--font-size-body-m-x4okxb, 14px);
256
254
  line-height: var(--line-height-body-m-30ar75, 20px);
257
255
  color: var(--color-text-body-secondary-w9jvno, #414d5c);
@@ -260,30 +258,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
260
258
  -moz-osx-font-smoothing: auto;
261
259
  }
262
260
 
263
- .awsui_link-active_l0dv0_4v038_262:not(#\9) {
261
+ .awsui_link-active_l0dv0_1s9d7_260:not(#\9) {
264
262
  font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
265
263
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
266
264
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
267
265
  color: var(--color-text-accent-n2acxv, #0972d3);
268
266
  }
269
267
 
270
- .awsui_header-link_l0dv0_4v038_149:not(#\9),
271
- .awsui_link_l0dv0_4v038_253:not(#\9) {
268
+ .awsui_header-link_l0dv0_1s9d7_147:not(#\9),
269
+ .awsui_link_l0dv0_1s9d7_251:not(#\9) {
272
270
  text-decoration: none;
273
271
  }
274
- .awsui_header-link_l0dv0_4v038_149:not(#\9):hover,
275
- .awsui_link_l0dv0_4v038_253:not(#\9):hover {
272
+ .awsui_header-link_l0dv0_1s9d7_147:not(#\9):hover,
273
+ .awsui_link_l0dv0_1s9d7_251:not(#\9):hover {
276
274
  color: var(--color-text-accent-n2acxv, #0972d3);
277
275
  }
278
- .awsui_header-link_l0dv0_4v038_149:not(#\9):focus,
279
- .awsui_link_l0dv0_4v038_253:not(#\9):focus {
276
+ .awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus,
277
+ .awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
280
278
  outline: none;
281
279
  }
282
- .awsui_header-link_l0dv0_4v038_149:not(#\9):hover, .awsui_header-link_l0dv0_4v038_149:not(#\9):focus, .awsui_link_l0dv0_4v038_253:not(#\9):hover, .awsui_link_l0dv0_4v038_253:not(#\9):focus {
280
+ .awsui_header-link_l0dv0_1s9d7_147:not(#\9):hover, .awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus, .awsui_link_l0dv0_1s9d7_251:not(#\9):hover, .awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
283
281
  text-decoration: none;
284
282
  }
285
- body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_4v038_149:not(#\9):focus,
286
- body[data-awsui-focus-visible=true] .awsui_link_l0dv0_4v038_253:not(#\9):focus {
283
+ body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus,
284
+ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
287
285
  outline: thin dotted;
288
286
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
289
287
  outline-offset: 2px;
@@ -295,26 +293,26 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_4v038_253:not(#\9):focus {
295
293
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
296
294
  }
297
295
 
298
- .awsui_info_l0dv0_4v038_299:not(#\9) {
296
+ .awsui_info_l0dv0_1s9d7_297:not(#\9) {
299
297
  margin-inline-start: var(--space-xs-zb16t3, 8px);
300
298
  }
301
299
 
302
- .awsui_external-icon_l0dv0_4v038_303:not(#\9) {
300
+ .awsui_external-icon_l0dv0_1s9d7_301:not(#\9) {
303
301
  margin-inline-start: var(--space-xxs-p8yyaw, 4px);
304
302
  }
305
303
 
306
- .awsui_divider_l0dv0_4v038_307:not(#\9) {
304
+ .awsui_divider_l0dv0_1s9d7_305:not(#\9) {
307
305
  border-block: none;
308
306
  border-inline: none;
309
307
  }
310
308
 
311
- .awsui_divider-default_l0dv0_4v038_312:not(#\9) {
309
+ .awsui_divider-default_l0dv0_1s9d7_310:not(#\9) {
312
310
  margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
313
311
  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
314
312
  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
315
313
  }
316
314
 
317
- .awsui_divider-header_l0dv0_4v038_318:not(#\9) {
315
+ .awsui_divider-header_l0dv0_1s9d7_316:not(#\9) {
318
316
  margin-block-start: 0;
319
317
  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
320
318
  }
@@ -2,33 +2,33 @@
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_l0dv0_4v038_99",
6
- "header": "awsui_header_l0dv0_4v038_136",
7
- "header-link": "awsui_header-link_l0dv0_4v038_149",
8
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_4v038_159",
9
- "header-link-text": "awsui_header-link-text_l0dv0_4v038_159",
10
- "header-logo": "awsui_header-logo_l0dv0_4v038_164",
11
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_4v038_170",
12
- "list-container": "awsui_list-container_l0dv0_4v038_175",
13
- "list": "awsui_list_l0dv0_4v038_175",
14
- "list-variant-root": "awsui_list-variant-root_l0dv0_4v038_187",
15
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_4v038_194",
16
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_4v038_198",
17
- "list-item": "awsui_list-item_l0dv0_4v038_202",
18
- "section": "awsui_section_l0dv0_4v038_210",
19
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_4v038_211",
20
- "section--no-ident": "awsui_section--no-ident_l0dv0_4v038_214",
21
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_4v038_215",
22
- "refresh": "awsui_refresh_l0dv0_4v038_223",
23
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_4v038_231",
24
- "section-group": "awsui_section-group_l0dv0_4v038_238",
25
- "section-group-title": "awsui_section-group-title_l0dv0_4v038_249",
26
- "link": "awsui_link_l0dv0_4v038_253",
27
- "link-active": "awsui_link-active_l0dv0_4v038_262",
28
- "info": "awsui_info_l0dv0_4v038_299",
29
- "external-icon": "awsui_external-icon_l0dv0_4v038_303",
30
- "divider": "awsui_divider_l0dv0_4v038_307",
31
- "divider-default": "awsui_divider-default_l0dv0_4v038_312",
32
- "divider-header": "awsui_divider-header_l0dv0_4v038_318"
5
+ "root": "awsui_root_l0dv0_1s9d7_97",
6
+ "header": "awsui_header_l0dv0_1s9d7_134",
7
+ "header-link": "awsui_header-link_l0dv0_1s9d7_147",
8
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1s9d7_157",
9
+ "header-link-text": "awsui_header-link-text_l0dv0_1s9d7_157",
10
+ "header-logo": "awsui_header-logo_l0dv0_1s9d7_162",
11
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1s9d7_168",
12
+ "list-container": "awsui_list-container_l0dv0_1s9d7_173",
13
+ "list": "awsui_list_l0dv0_1s9d7_173",
14
+ "list-variant-root": "awsui_list-variant-root_l0dv0_1s9d7_185",
15
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1s9d7_192",
16
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196",
17
+ "list-item": "awsui_list-item_l0dv0_1s9d7_200",
18
+ "section": "awsui_section_l0dv0_1s9d7_208",
19
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_1s9d7_209",
20
+ "section--no-ident": "awsui_section--no-ident_l0dv0_1s9d7_212",
21
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213",
22
+ "refresh": "awsui_refresh_l0dv0_1s9d7_221",
23
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1s9d7_229",
24
+ "section-group": "awsui_section-group_l0dv0_1s9d7_236",
25
+ "section-group-title": "awsui_section-group-title_l0dv0_1s9d7_247",
26
+ "link": "awsui_link_l0dv0_1s9d7_251",
27
+ "link-active": "awsui_link-active_l0dv0_1s9d7_260",
28
+ "info": "awsui_info_l0dv0_1s9d7_297",
29
+ "external-icon": "awsui_external-icon_l0dv0_1s9d7_301",
30
+ "divider": "awsui_divider_l0dv0_1s9d7_305",
31
+ "divider-default": "awsui_divider-default_l0dv0_1s9d7_310",
32
+ "divider-header": "awsui_divider-header_l0dv0_1s9d7_316"
33
33
  };
34
34
 
@@ -75,7 +75,7 @@ export default function InternalSlider(_a) {
75
75
  };
76
76
  return (React.createElement("div", Object.assign({}, baseProps, { ref: __internalRootRef, className: clsx(baseProps.className, styles.root) }),
77
77
  showTooltip && (React.createElement(Tooltip, { value: valueFormatter ? valueFormatter(sliderValue) : sliderValue, trackRef: handleRef })),
78
- React.createElement("div", { ref: handleRef, className: clsx(styles['tooltip-thumb']), style: {
78
+ React.createElement("div", { ref: handleRef, className: styles['tooltip-thumb'], style: {
79
79
  [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,
80
80
  } }),
81
81
  React.createElement("div", { className: styles.slider },
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.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, { useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useInternalI18n } from '../i18n/context';\n\nimport styles from './styles.css.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport { getPercent, getStepArray, findLowerAndHigherValues, valuesAreValid, THUMB_SIZE } from './utils.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n {showTooltip && (\n <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n )}\n <div\n ref={handleRef}\n className={clsx(styles['tooltip-thumb'])}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.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, { useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useInternalI18n } from '../i18n/context';\n\nimport styles from './styles.css.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport { getPercent, getStepArray, findLowerAndHigherValues, valuesAreValid, THUMB_SIZE } from './utils.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n {showTooltip && (\n <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n )}\n <div\n ref={handleRef}\n className={styles['tooltip-thumb']}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}