@cloudscape-design/components 3.0.1365 → 3.0.1367

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 (500) hide show
  1. package/action-card/internal.d.ts.map +1 -1
  2. package/action-card/internal.js +5 -2
  3. package/action-card/internal.js.map +1 -1
  4. package/action-card/styles.css.js +17 -17
  5. package/action-card/styles.scoped.css +117 -117
  6. package/action-card/styles.selectors.js +17 -17
  7. package/alert/actions-wrapper/styles.css.js +1 -1
  8. package/alert/actions-wrapper/styles.scoped.css +3 -3
  9. package/alert/actions-wrapper/styles.selectors.js +1 -1
  10. package/alert/styles.css.js +27 -27
  11. package/alert/styles.scoped.css +67 -67
  12. package/alert/styles.selectors.js +27 -27
  13. package/anchor-navigation/styles.css.js +8 -8
  14. package/anchor-navigation/styles.scoped.css +22 -22
  15. package/anchor-navigation/styles.selectors.js +8 -8
  16. package/annotation-context/annotation/styles.css.js +13 -13
  17. package/annotation-context/annotation/styles.scoped.css +23 -23
  18. package/annotation-context/annotation/styles.selectors.js +13 -13
  19. package/app-layout/content-wrapper/styles.css.js +3 -3
  20. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  21. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  22. package/app-layout/drawer/styles.css.js +14 -14
  23. package/app-layout/drawer/styles.scoped.css +25 -25
  24. package/app-layout/drawer/styles.selectors.js +14 -14
  25. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  26. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  27. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  28. package/app-layout/notifications/styles.css.js +3 -3
  29. package/app-layout/notifications/styles.scoped.css +7 -7
  30. package/app-layout/notifications/styles.selectors.js +3 -3
  31. package/app-layout/resize/styles.css.js +5 -5
  32. package/app-layout/resize/styles.scoped.css +14 -14
  33. package/app-layout/resize/styles.selectors.js +5 -5
  34. package/app-layout/styles.css.js +12 -12
  35. package/app-layout/styles.scoped.css +18 -18
  36. package/app-layout/styles.selectors.js +12 -12
  37. package/app-layout/toggles/index.d.ts.map +1 -1
  38. package/app-layout/toggles/index.js +1 -1
  39. package/app-layout/toggles/index.js.map +1 -1
  40. package/app-layout/toggles/styles.css.js +2 -2
  41. package/app-layout/toggles/styles.scoped.css +15 -15
  42. package/app-layout/toggles/styles.selectors.js +2 -2
  43. package/app-layout/visual-refresh/styles.css.js +86 -86
  44. package/app-layout/visual-refresh/styles.scoped.css +288 -288
  45. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  46. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/trigger-button.js +1 -1
  48. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  49. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  50. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +112 -112
  51. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  52. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  53. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +15 -15
  54. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  55. package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  56. package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +4 -4
  57. package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  58. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  59. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +74 -74
  60. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  61. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  62. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +44 -44
  63. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  64. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
  65. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +1 -1
  66. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
  67. package/area-chart/styles.css.js +6 -6
  68. package/area-chart/styles.scoped.css +11 -11
  69. package/area-chart/styles.selectors.js +6 -6
  70. package/attribute-editor/styles.css.js +15 -15
  71. package/attribute-editor/styles.scoped.css +32 -32
  72. package/attribute-editor/styles.selectors.js +15 -15
  73. package/badge/styles.css.js +10 -10
  74. package/badge/styles.scoped.css +11 -11
  75. package/badge/styles.selectors.js +10 -10
  76. package/box/styles.css.js +220 -220
  77. package/box/styles.scoped.css +433 -433
  78. package/box/styles.selectors.js +220 -220
  79. package/breadcrumb-group/all-items-dropdown.js +2 -2
  80. package/breadcrumb-group/all-items-dropdown.js.map +1 -1
  81. package/breadcrumb-group/item/styles.css.js +7 -7
  82. package/breadcrumb-group/item/styles.scoped.css +30 -30
  83. package/breadcrumb-group/item/styles.selectors.js +7 -7
  84. package/breadcrumb-group/styles.css.js +14 -14
  85. package/breadcrumb-group/styles.scoped.css +32 -32
  86. package/breadcrumb-group/styles.selectors.js +14 -14
  87. package/button/internal.d.ts.map +1 -1
  88. package/button/internal.js +2 -0
  89. package/button/internal.js.map +1 -1
  90. package/button/styles.css.js +23 -23
  91. package/button/styles.scoped.css +295 -295
  92. package/button/styles.selectors.js +23 -23
  93. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  94. package/button-dropdown/category-elements/expandable-category-element.js +2 -2
  95. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  96. package/button-dropdown/category-elements/styles.css.js +18 -18
  97. package/button-dropdown/category-elements/styles.scoped.css +37 -37
  98. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  99. package/button-dropdown/filter.d.ts +1 -1
  100. package/button-dropdown/filter.d.ts.map +1 -1
  101. package/button-dropdown/internal.d.ts.map +1 -1
  102. package/button-dropdown/internal.js +9 -3
  103. package/button-dropdown/internal.js.map +1 -1
  104. package/button-dropdown/item-element/index.d.ts.map +1 -1
  105. package/button-dropdown/item-element/index.js +2 -2
  106. package/button-dropdown/item-element/index.js.map +1 -1
  107. package/button-dropdown/item-element/styles.css.js +21 -21
  108. package/button-dropdown/item-element/styles.scoped.css +45 -45
  109. package/button-dropdown/item-element/styles.selectors.js +21 -21
  110. package/button-dropdown/styles.css.js +23 -23
  111. package/button-dropdown/styles.scoped.css +40 -40
  112. package/button-dropdown/styles.selectors.js +23 -23
  113. package/button-dropdown/utils/use-button-dropdown.d.ts +5 -2
  114. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  115. package/button-dropdown/utils/use-button-dropdown.js +14 -2
  116. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  117. package/button-group/styles.css.js +4 -4
  118. package/button-group/styles.scoped.css +6 -6
  119. package/button-group/styles.selectors.js +4 -4
  120. package/calendar/styles.css.js +21 -21
  121. package/calendar/styles.scoped.css +62 -62
  122. package/calendar/styles.selectors.js +21 -21
  123. package/cards/styles.css.js +39 -38
  124. package/cards/styles.scoped.css +54 -51
  125. package/cards/styles.selectors.js +39 -38
  126. package/checkbox/styles.css.js +3 -3
  127. package/checkbox/styles.scoped.css +16 -16
  128. package/checkbox/styles.selectors.js +3 -3
  129. package/code-editor/resizable-box/styles.css.js +4 -4
  130. package/code-editor/resizable-box/styles.scoped.css +9 -9
  131. package/code-editor/resizable-box/styles.selectors.js +4 -4
  132. package/code-editor/styles.css.js +33 -33
  133. package/code-editor/styles.scoped.css +159 -159
  134. package/code-editor/styles.selectors.js +33 -33
  135. package/code-editor/tab-button.d.ts.map +1 -1
  136. package/code-editor/tab-button.js +1 -1
  137. package/code-editor/tab-button.js.map +1 -1
  138. package/collection-preferences/styles.css.js +38 -38
  139. package/collection-preferences/styles.scoped.css +52 -52
  140. package/collection-preferences/styles.selectors.js +38 -38
  141. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  142. package/column-layout/flexible-column-layout/styles.scoped.css +12 -12
  143. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  144. package/column-layout/styles.css.js +13 -13
  145. package/column-layout/styles.scoped.css +51 -51
  146. package/column-layout/styles.selectors.js +13 -13
  147. package/container/styles.css.js +33 -33
  148. package/container/styles.scoped.css +73 -72
  149. package/container/styles.selectors.js +33 -33
  150. package/content-layout/styles.css.js +14 -14
  151. package/content-layout/styles.scoped.css +30 -30
  152. package/content-layout/styles.selectors.js +14 -14
  153. package/copy-to-clipboard/styles.css.js +5 -5
  154. package/copy-to-clipboard/styles.scoped.css +7 -7
  155. package/copy-to-clipboard/styles.selectors.js +5 -5
  156. package/date-picker/styles.css.js +7 -7
  157. package/date-picker/styles.scoped.css +10 -10
  158. package/date-picker/styles.selectors.js +7 -7
  159. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  160. package/date-range-picker/calendar/grids/styles.scoped.css +69 -69
  161. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  162. package/date-range-picker/relative-range/styles.css.js +6 -6
  163. package/date-range-picker/relative-range/styles.scoped.css +13 -13
  164. package/date-range-picker/relative-range/styles.selectors.js +6 -6
  165. package/date-range-picker/styles.css.js +23 -23
  166. package/date-range-picker/styles.scoped.css +46 -46
  167. package/date-range-picker/styles.selectors.js +23 -23
  168. package/divider/styles.css.js +6 -6
  169. package/divider/styles.scoped.css +8 -8
  170. package/divider/styles.selectors.js +6 -6
  171. package/drawer/styles.css.js +29 -29
  172. package/drawer/styles.scoped.css +47 -47
  173. package/drawer/styles.selectors.js +29 -29
  174. package/dropdown/styles.css.js +20 -20
  175. package/dropdown/styles.scoped.css +54 -54
  176. package/dropdown/styles.selectors.js +20 -20
  177. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  178. package/expandable-section/expandable-section-header.js +13 -7
  179. package/expandable-section/expandable-section-header.js.map +1 -1
  180. package/expandable-section/styles.css.js +43 -43
  181. package/expandable-section/styles.scoped.css +129 -129
  182. package/expandable-section/styles.selectors.js +43 -43
  183. package/file-dropzone/styles.css.js +3 -3
  184. package/file-dropzone/styles.scoped.css +6 -6
  185. package/file-dropzone/styles.selectors.js +3 -3
  186. package/file-input/styles.css.js +5 -5
  187. package/file-input/styles.scoped.css +18 -18
  188. package/file-input/styles.selectors.js +5 -5
  189. package/file-token-group/styles.css.js +23 -23
  190. package/file-token-group/styles.scoped.css +52 -52
  191. package/file-token-group/styles.selectors.js +23 -23
  192. package/file-upload/styles.css.js +2 -2
  193. package/file-upload/styles.scoped.css +4 -4
  194. package/file-upload/styles.selectors.js +2 -2
  195. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  196. package/flashbar/collapsible-flashbar.js +3 -3
  197. package/flashbar/collapsible-flashbar.js.map +1 -1
  198. package/flashbar/styles.css.js +50 -50
  199. package/flashbar/styles.scoped.css +249 -249
  200. package/flashbar/styles.selectors.js +50 -50
  201. package/form/styles.css.js +8 -8
  202. package/form/styles.scoped.css +16 -16
  203. package/form/styles.selectors.js +8 -8
  204. package/form-field/styles.css.js +24 -24
  205. package/form-field/styles.scoped.css +44 -44
  206. package/form-field/styles.selectors.js +24 -24
  207. package/grid/styles.css.js +53 -53
  208. package/grid/styles.scoped.css +58 -58
  209. package/grid/styles.selectors.js +53 -53
  210. package/header/styles.css.js +35 -35
  211. package/header/styles.scoped.css +83 -83
  212. package/header/styles.selectors.js +35 -35
  213. package/help-panel/styles.css.js +6 -6
  214. package/help-panel/styles.scoped.css +100 -100
  215. package/help-panel/styles.selectors.js +6 -6
  216. package/hotspot/styles.css.js +7 -7
  217. package/hotspot/styles.scoped.css +10 -10
  218. package/hotspot/styles.selectors.js +7 -7
  219. package/icon/styles.css.js +42 -42
  220. package/icon/styles.scoped.css +118 -118
  221. package/icon/styles.selectors.js +42 -42
  222. package/input/index.d.ts.map +1 -1
  223. package/input/index.js +3 -2
  224. package/input/index.js.map +1 -1
  225. package/input/interfaces.d.ts +6 -0
  226. package/input/interfaces.d.ts.map +1 -1
  227. package/input/interfaces.js.map +1 -1
  228. package/input/internal.d.ts +0 -1
  229. package/input/internal.d.ts.map +1 -1
  230. package/input/internal.js +26 -12
  231. package/input/internal.js.map +1 -1
  232. package/input/styles.css.js +29 -28
  233. package/input/styles.scoped.css +159 -156
  234. package/input/styles.selectors.js +29 -28
  235. package/internal/base-component/styles.scoped.css +2 -2
  236. package/internal/base-theme/styles.scoped.css +319 -319
  237. package/internal/components/abstract-switch/styles.css.js +13 -13
  238. package/internal/components/abstract-switch/styles.scoped.css +22 -22
  239. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  240. package/internal/components/button-trigger/index.d.ts.map +1 -1
  241. package/internal/components/button-trigger/index.js +2 -2
  242. package/internal/components/button-trigger/index.js.map +1 -1
  243. package/internal/components/button-trigger/styles.css.js +14 -14
  244. package/internal/components/button-trigger/styles.scoped.css +43 -43
  245. package/internal/components/button-trigger/styles.selectors.js +14 -14
  246. package/internal/components/chart-legend/styles.css.js +6 -6
  247. package/internal/components/chart-legend/styles.scoped.css +16 -16
  248. package/internal/components/chart-legend/styles.selectors.js +6 -6
  249. package/internal/components/chart-popover/styles.css.js +3 -3
  250. package/internal/components/chart-popover/styles.scoped.css +6 -6
  251. package/internal/components/chart-popover/styles.selectors.js +3 -3
  252. package/internal/components/chart-series-details/styles.css.js +19 -19
  253. package/internal/components/chart-series-details/styles.scoped.css +39 -39
  254. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  255. package/internal/components/chart-series-marker/styles.css.js +5 -5
  256. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  257. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  258. package/internal/components/checkbox-icon/styles.css.js +9 -9
  259. package/internal/components/checkbox-icon/styles.scoped.css +10 -10
  260. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  261. package/internal/components/drag-handle/button.d.ts.map +1 -1
  262. package/internal/components/drag-handle/button.js +3 -1
  263. package/internal/components/drag-handle/button.js.map +1 -1
  264. package/internal/components/drag-handle/styles.css.js +14 -14
  265. package/internal/components/drag-handle/styles.scoped.css +21 -21
  266. package/internal/components/drag-handle/styles.selectors.js +14 -14
  267. package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  268. package/internal/components/drag-handle-wrapper/index.js +2 -1
  269. package/internal/components/drag-handle-wrapper/index.js.map +1 -1
  270. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  271. package/internal/components/drag-handle-wrapper/styles.scoped.css +84 -84
  272. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  273. package/internal/components/dropdown-status/styles.css.js +2 -2
  274. package/internal/components/dropdown-status/styles.scoped.css +5 -5
  275. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  276. package/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  277. package/internal/components/expand-toggle-button/index.js +1 -1
  278. package/internal/components/expand-toggle-button/index.js.map +1 -1
  279. package/internal/components/expand-toggle-button/styles.css.js +4 -4
  280. package/internal/components/expand-toggle-button/styles.scoped.css +21 -21
  281. package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  282. package/internal/components/menu-dropdown/index.d.ts.map +1 -1
  283. package/internal/components/menu-dropdown/index.js +1 -1
  284. package/internal/components/menu-dropdown/index.js.map +1 -1
  285. package/internal/components/menu-dropdown/styles.css.js +7 -7
  286. package/internal/components/menu-dropdown/styles.scoped.css +18 -18
  287. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  288. package/internal/components/option/styles.css.js +17 -17
  289. package/internal/components/option/styles.scoped.css +34 -34
  290. package/internal/components/option/styles.selectors.js +17 -17
  291. package/internal/components/radio-button/styles.css.js +7 -7
  292. package/internal/components/radio-button/styles.scoped.css +24 -24
  293. package/internal/components/radio-button/styles.selectors.js +7 -7
  294. package/internal/components/selectable-item/styles.css.js +22 -22
  295. package/internal/components/selectable-item/styles.scoped.css +66 -66
  296. package/internal/components/selectable-item/styles.selectors.js +22 -22
  297. package/internal/components/sortable-area/styles.css.js +8 -8
  298. package/internal/components/sortable-area/styles.scoped.css +17 -17
  299. package/internal/components/sortable-area/styles.selectors.js +8 -8
  300. package/internal/components/structured-item/styles.css.js +7 -7
  301. package/internal/components/structured-item/styles.scoped.css +11 -11
  302. package/internal/components/structured-item/styles.selectors.js +7 -7
  303. package/internal/components/token-list/styles.css.js +10 -10
  304. package/internal/components/token-list/styles.scoped.css +33 -33
  305. package/internal/components/token-list/styles.selectors.js +10 -10
  306. package/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
  307. package/internal/components/token-list/token-limit-toggle.js +2 -2
  308. package/internal/components/token-list/token-limit-toggle.js.map +1 -1
  309. package/internal/environment.js +2 -2
  310. package/internal/environment.json +2 -2
  311. package/internal/generated/custom-css-properties/index.d.ts +1 -0
  312. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  313. package/internal/generated/custom-css-properties/index.js +174 -173
  314. package/internal/generated/custom-css-properties/index.js.map +1 -1
  315. package/internal/generated/styles/tokens.js +200 -200
  316. package/internal/generated/theming/index.cjs +200 -200
  317. package/internal/generated/theming/index.js +200 -200
  318. package/internal/manifest.json +1 -1
  319. package/internal/utils/focus-visible.d.ts +14 -0
  320. package/internal/utils/focus-visible.d.ts.map +1 -0
  321. package/internal/utils/focus-visible.js +21 -0
  322. package/internal/utils/focus-visible.js.map +1 -0
  323. package/item-card/styles.css.js +14 -14
  324. package/item-card/styles.scoped.css +94 -94
  325. package/item-card/styles.selectors.js +14 -14
  326. package/key-value-pairs/styles.css.js +8 -8
  327. package/key-value-pairs/styles.scoped.css +14 -14
  328. package/key-value-pairs/styles.selectors.js +8 -8
  329. package/link/internal.d.ts.map +1 -1
  330. package/link/internal.js +2 -0
  331. package/link/internal.js.map +1 -1
  332. package/link/styles.css.js +21 -21
  333. package/link/styles.scoped.css +112 -112
  334. package/link/styles.selectors.js +21 -21
  335. package/list/styles.css.js +5 -5
  336. package/list/styles.scoped.css +9 -9
  337. package/list/styles.selectors.js +5 -5
  338. package/manifest.json +2 -2
  339. package/mixed-line-bar-chart/styles.css.js +11 -11
  340. package/mixed-line-bar-chart/styles.scoped.css +18 -18
  341. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  342. package/modal/styles.css.js +31 -31
  343. package/modal/styles.scoped.css +65 -65
  344. package/modal/styles.selectors.js +31 -31
  345. package/multiselect/styles.css.js +5 -5
  346. package/multiselect/styles.scoped.css +6 -6
  347. package/multiselect/styles.selectors.js +5 -5
  348. package/package.json +1 -1
  349. package/pagination/internal.d.ts.map +1 -1
  350. package/pagination/internal.js +4 -4
  351. package/pagination/internal.js.map +1 -1
  352. package/pagination/styles.css.js +12 -12
  353. package/pagination/styles.scoped.css +36 -36
  354. package/pagination/styles.selectors.js +12 -12
  355. package/pie-chart/styles.css.js +27 -27
  356. package/pie-chart/styles.scoped.css +58 -58
  357. package/pie-chart/styles.selectors.js +27 -27
  358. package/popover/styles.css.js +58 -58
  359. package/popover/styles.scoped.css +102 -102
  360. package/popover/styles.selectors.js +58 -58
  361. package/progress-bar/styles.css.js +19 -19
  362. package/progress-bar/styles.scoped.css +64 -64
  363. package/progress-bar/styles.selectors.js +19 -19
  364. package/prompt-input/styles.css.js +26 -26
  365. package/prompt-input/styles.scoped.css +127 -127
  366. package/prompt-input/styles.selectors.js +26 -26
  367. package/property-filter/filtering-token/index.js +4 -4
  368. package/property-filter/filtering-token/index.js.map +1 -1
  369. package/property-filter/filtering-token/styles.css.js +18 -18
  370. package/property-filter/filtering-token/styles.scoped.css +54 -54
  371. package/property-filter/filtering-token/styles.selectors.js +18 -18
  372. package/property-filter/styles.css.js +39 -39
  373. package/property-filter/styles.scoped.css +75 -75
  374. package/property-filter/styles.selectors.js +39 -39
  375. package/radio-group/styles.css.js +5 -5
  376. package/radio-group/styles.scoped.css +10 -10
  377. package/radio-group/styles.selectors.js +5 -5
  378. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  379. package/s3-resource-selector/s3-in-context/styles.scoped.css +13 -13
  380. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  381. package/segmented-control/segment.d.ts.map +1 -1
  382. package/segmented-control/segment.js +1 -1
  383. package/segmented-control/segment.js.map +1 -1
  384. package/segmented-control/styles.css.js +16 -16
  385. package/segmented-control/styles.scoped.css +67 -67
  386. package/segmented-control/styles.selectors.js +16 -16
  387. package/select/parts/filter.d.ts +1 -1
  388. package/select/parts/filter.d.ts.map +1 -1
  389. package/select/parts/styles.css.js +21 -21
  390. package/select/parts/styles.scoped.css +38 -38
  391. package/select/parts/styles.selectors.js +21 -21
  392. package/side-navigation/parts.js +3 -3
  393. package/side-navigation/parts.js.map +1 -1
  394. package/side-navigation/styles.css.js +64 -64
  395. package/side-navigation/styles.scoped.css +162 -162
  396. package/side-navigation/styles.selectors.js +64 -64
  397. package/slider/styles.css.js +26 -26
  398. package/slider/styles.scoped.css +205 -205
  399. package/slider/styles.selectors.js +26 -26
  400. package/space-between/styles.css.js +23 -23
  401. package/space-between/styles.scoped.css +40 -40
  402. package/space-between/styles.selectors.js +23 -23
  403. package/spinner/styles.css.js +14 -14
  404. package/spinner/styles.scoped.css +55 -55
  405. package/spinner/styles.selectors.js +14 -14
  406. package/split-panel/styles.css.js +38 -38
  407. package/split-panel/styles.scoped.css +84 -84
  408. package/split-panel/styles.selectors.js +38 -38
  409. package/status-indicator/styles.css.js +25 -25
  410. package/status-indicator/styles.scoped.css +50 -50
  411. package/status-indicator/styles.selectors.js +25 -25
  412. package/steps/styles.css.js +17 -17
  413. package/steps/styles.scoped.css +51 -51
  414. package/steps/styles.selectors.js +17 -17
  415. package/table/body-cell/styles.css.js +48 -48
  416. package/table/body-cell/styles.scoped.css +816 -816
  417. package/table/body-cell/styles.selectors.js +48 -48
  418. package/table/header-cell/index.d.ts.map +1 -1
  419. package/table/header-cell/index.js +2 -1
  420. package/table/header-cell/index.js.map +1 -1
  421. package/table/header-cell/styles.css.js +38 -38
  422. package/table/header-cell/styles.scoped.css +156 -156
  423. package/table/header-cell/styles.selectors.js +38 -38
  424. package/table/resizer/styles.css.js +17 -17
  425. package/table/resizer/styles.scoped.css +39 -39
  426. package/table/resizer/styles.selectors.js +17 -17
  427. package/table/selection/styles.css.js +4 -4
  428. package/table/selection/styles.scoped.css +6 -6
  429. package/table/selection/styles.selectors.js +4 -4
  430. package/table/styles.css.js +37 -37
  431. package/table/styles.scoped.css +73 -70
  432. package/table/styles.selectors.js +37 -37
  433. package/tabs/styles.css.js +30 -30
  434. package/tabs/styles.scoped.css +105 -105
  435. package/tabs/styles.selectors.js +30 -30
  436. package/tabs/tab-header-bar.d.ts.map +1 -1
  437. package/tabs/tab-header-bar.js +1 -1
  438. package/tabs/tab-header-bar.js.map +1 -1
  439. package/tag-editor/styles.css.js +3 -3
  440. package/tag-editor/styles.scoped.css +14 -14
  441. package/tag-editor/styles.selectors.js +3 -3
  442. package/test-utils/dom/input/index.d.ts +1 -0
  443. package/test-utils/dom/input/index.js +3 -0
  444. package/test-utils/dom/input/index.js.map +1 -1
  445. package/test-utils/selectors/input/index.d.ts +1 -0
  446. package/test-utils/selectors/input/index.js +3 -0
  447. package/test-utils/selectors/input/index.js.map +1 -1
  448. package/text-content/styles.css.js +1 -1
  449. package/text-content/styles.scoped.css +73 -73
  450. package/text-content/styles.selectors.js +1 -1
  451. package/text-filter/styles.css.js +3 -3
  452. package/text-filter/styles.scoped.css +5 -5
  453. package/text-filter/styles.selectors.js +3 -3
  454. package/textarea/styles.css.js +9 -9
  455. package/textarea/styles.scoped.css +55 -55
  456. package/textarea/styles.selectors.js +9 -9
  457. package/tiles/styles.css.js +30 -30
  458. package/tiles/styles.scoped.css +123 -123
  459. package/tiles/styles.selectors.js +30 -30
  460. package/toggle/styles.css.js +10 -10
  461. package/toggle/styles.scoped.css +24 -24
  462. package/toggle/styles.selectors.js +10 -10
  463. package/token/dismiss-button.js +2 -2
  464. package/token/dismiss-button.js.map +1 -1
  465. package/token/styles.css.js +14 -14
  466. package/token/styles.scoped.css +58 -58
  467. package/token/styles.selectors.js +14 -14
  468. package/token-group/styles.css.js +5 -5
  469. package/token-group/styles.scoped.css +5 -5
  470. package/token-group/styles.selectors.js +5 -5
  471. package/tooltip/styles.css.js +2 -2
  472. package/tooltip/styles.scoped.css +5 -5
  473. package/tooltip/styles.selectors.js +2 -2
  474. package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
  475. package/top-navigation/parts/overflow-menu/menu-item.js +5 -5
  476. package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
  477. package/top-navigation/styles.css.js +47 -47
  478. package/top-navigation/styles.scoped.css +97 -97
  479. package/top-navigation/styles.selectors.js +47 -47
  480. package/tree-view/styles.css.js +2 -2
  481. package/tree-view/styles.scoped.css +4 -4
  482. package/tree-view/styles.selectors.js +2 -2
  483. package/tree-view/tree-item/styles.css.js +10 -10
  484. package/tree-view/tree-item/styles.scoped.css +15 -15
  485. package/tree-view/tree-item/styles.selectors.js +10 -10
  486. package/tree-view/vertical-connector/styles.css.js +3 -3
  487. package/tree-view/vertical-connector/styles.scoped.css +4 -4
  488. package/tree-view/vertical-connector/styles.selectors.js +3 -3
  489. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  490. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +26 -26
  491. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  492. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  493. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -33
  494. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  495. package/tutorial-panel/styles.css.js +1 -1
  496. package/tutorial-panel/styles.scoped.css +7 -7
  497. package/tutorial-panel/styles.selectors.js +1 -1
  498. package/wizard/styles.css.js +30 -30
  499. package/wizard/styles.scoped.css +79 -79
  500. package/wizard/styles.selectors.js +30 -30
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_root_1wzqe_1k3y0_9:not(#\9) {
9
+ .awsui_root_1wzqe_81hs5_9:not(#\9) {
10
10
  border-collapse: separate;
11
11
  border-spacing: 0;
12
12
  box-sizing: border-box;
@@ -38,40 +38,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
38
38
  -moz-osx-font-smoothing: auto;
39
39
  }
40
40
 
41
- .awsui_search-field_1wzqe_1k3y0_41:not(#\9) {
41
+ .awsui_search-field_1wzqe_81hs5_41:not(#\9) {
42
42
  display: flex;
43
43
  align-items: flex-end;
44
44
  flex-wrap: wrap;
45
- gap: var(--space-xs-ymlm0b, 8px) var(--space-s-tvghoh, 12px);
45
+ gap: var(--space-xs-m9b7jf, 8px) var(--space-s-kll7oj, 12px);
46
46
  }
47
47
 
48
- .awsui_input-wrapper_1wzqe_1k3y0_48:not(#\9) {
48
+ .awsui_input-wrapper_1wzqe_81hs5_48:not(#\9) {
49
49
  flex-grow: 1;
50
50
  display: flex;
51
51
  align-items: flex-end;
52
- max-inline-size: calc(688px - 2 * var(--space-l-2ud1p3, 20px));
52
+ max-inline-size: calc(688px - 2 * var(--space-l-dpyxli, 20px));
53
53
  }
54
54
 
55
- .awsui_add-token_1wzqe_1k3y0_55:not(#\9) {
55
+ .awsui_add-token_1wzqe_81hs5_55:not(#\9) {
56
56
  border-inline-start: 1px solid var(--color-border-divider-default-0de9c8, #c6c6cd);
57
57
  box-sizing: border-box;
58
- margin-inline-start: var(--space-m-dsumyt, 16px);
59
- padding-inline-start: var(--space-m-dsumyt, 16px);
58
+ margin-inline-start: var(--space-m-n8iq8o, 16px);
59
+ padding-inline-start: var(--space-m-n8iq8o, 16px);
60
60
  }
61
61
 
62
- .awsui_tokens_1wzqe_1k3y0_62:not(#\9) {
63
- margin-block: var(--space-xs-ymlm0b, 8px);
62
+ .awsui_tokens_1wzqe_81hs5_62:not(#\9) {
63
+ margin-block: var(--space-xs-m9b7jf, 8px);
64
64
  margin-inline: 0;
65
65
  }
66
66
 
67
- .awsui_token-operator_1wzqe_1k3y0_67:not(#\9) {
67
+ .awsui_token-operator_1wzqe_81hs5_67:not(#\9) {
68
68
  font-weight: var(--font-weight-bold-xpar9m, 700);
69
69
  }
70
70
 
71
- .awsui_property-editor_1wzqe_1k3y0_71:not(#\9) {
71
+ .awsui_property-editor_1wzqe_81hs5_71:not(#\9) {
72
72
  overflow-y: auto;
73
73
  }
74
- .awsui_property-editor-header_1wzqe_1k3y0_74:not(#\9) {
74
+ .awsui_property-editor-header_1wzqe_81hs5_74:not(#\9) {
75
75
  font-size: var(--font-size-body-m-tq5a14, 14px);
76
76
  line-height: var(--line-height-body-m-5xw6xo, 20px);
77
77
  color: var(--color-text-body-default-gtm97i, #0f141a);
@@ -80,13 +80,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
80
80
  -webkit-font-smoothing: auto;
81
81
  -moz-osx-font-smoothing: auto;
82
82
  font-weight: var(--font-weight-bold-xpar9m, 700);
83
- padding-block-start: var(--space-s-tvghoh, 12px);
84
- padding-block-end: var(--space-xxs-hwfkai, 4px);
85
- padding-inline: var(--space-s-tvghoh, 12px);
83
+ padding-block-start: var(--space-s-kll7oj, 12px);
84
+ padding-block-end: var(--space-xxs-3o1yoq, 4px);
85
+ padding-inline: var(--space-s-kll7oj, 12px);
86
86
  }
87
- .awsui_property-editor-header-enum_1wzqe_1k3y0_87:not(#\9) {
87
+ .awsui_property-editor-header-enum_1wzqe_81hs5_87:not(#\9) {
88
88
  display: flex;
89
- gap: var(--space-xs-ymlm0b, 8px);
89
+ gap: var(--space-xs-m9b7jf, 8px);
90
90
  font-size: var(--font-size-body-m-tq5a14, 14px);
91
91
  line-height: var(--line-height-body-m-5xw6xo, 20px);
92
92
  color: var(--color-text-body-default-gtm97i, #0f141a);
@@ -96,74 +96,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  -moz-osx-font-smoothing: auto;
97
97
  font-weight: var(--font-weight-bold-xpar9m, 700);
98
98
  color: var(--color-text-dropdown-group-label-8vygj0, #424650);
99
- padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-pyfg4s, 2px) - var(--border-divider-list-width-2qbfmz, 1px));
100
- padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-pyfg4s, 2px));
99
+ padding-block: calc(var(--space-xs-m9b7jf, 8px) + var(--border-item-width-pyfg4s, 2px) - var(--border-divider-list-width-2qbfmz, 1px));
100
+ padding-inline: calc(var(--space-field-horizontal-anki5k, 12px) + var(--border-item-width-pyfg4s, 2px));
101
101
  }
102
- .awsui_property-editor-form_1wzqe_1k3y0_102:not(#\9) {
103
- padding-block-start: var(--space-xxs-hwfkai, 4px);
104
- padding-block-end: var(--space-s-tvghoh, 12px);
105
- padding-inline: var(--space-s-tvghoh, 12px);
102
+ .awsui_property-editor-form_1wzqe_81hs5_102:not(#\9) {
103
+ padding-block-start: var(--space-xxs-3o1yoq, 4px);
104
+ padding-block-end: var(--space-s-kll7oj, 12px);
105
+ padding-inline: var(--space-s-kll7oj, 12px);
106
106
  }
107
- .awsui_property-editor-cancel_1wzqe_1k3y0_107:not(#\9) {
108
- margin-inline-end: var(--space-xs-ymlm0b, 8px);
107
+ .awsui_property-editor-cancel_1wzqe_81hs5_107:not(#\9) {
108
+ margin-inline-end: var(--space-xs-m9b7jf, 8px);
109
109
  }
110
- .awsui_property-editor-actions_1wzqe_1k3y0_110:not(#\9) {
110
+ .awsui_property-editor-actions_1wzqe_81hs5_110:not(#\9) {
111
111
  display: flex;
112
112
  justify-content: flex-end;
113
113
  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-item-default-22wwob, #c6c6cd);
114
- padding-inline: var(--space-l-2ud1p3, 20px);
115
- padding-block: var(--space-s-tvghoh, 12px);
114
+ padding-inline: var(--space-l-dpyxli, 20px);
115
+ padding-block: var(--space-s-kll7oj, 12px);
116
116
  }
117
117
 
118
- .awsui_property-editor-enum_1wzqe_1k3y0_118:not(#\9) {
118
+ .awsui_property-editor-enum_1wzqe_81hs5_118:not(#\9) {
119
119
  display: flex;
120
120
  flex-direction: column;
121
121
  }
122
122
 
123
- .awsui_token-editor_1wzqe_1k3y0_123:not(#\9) {
123
+ .awsui_token-editor_1wzqe_81hs5_123:not(#\9) {
124
124
  display: flex;
125
125
  flex-direction: column;
126
- gap: var(--space-s-tvghoh, 12px);
127
- margin-block: var(--space-xxs-hwfkai, 4px);
128
- margin-inline: var(--space-xxs-hwfkai, 4px);
126
+ gap: var(--space-s-kll7oj, 12px);
127
+ margin-block: var(--space-xxs-3o1yoq, 4px);
128
+ margin-inline: var(--space-xxs-3o1yoq, 4px);
129
129
  }
130
- .awsui_token-editor-form_1wzqe_1k3y0_130:not(#\9) {
130
+ .awsui_token-editor-form_1wzqe_81hs5_130:not(#\9) {
131
131
  /* used in test-utils */
132
132
  }
133
- .awsui_token-editor-field-property_1wzqe_1k3y0_133:not(#\9) {
133
+ .awsui_token-editor-field-property_1wzqe_81hs5_133:not(#\9) {
134
134
  flex-grow: 2;
135
135
  }
136
- .awsui_token-editor-field-operator_1wzqe_1k3y0_136:not(#\9) {
136
+ .awsui_token-editor-field-operator_1wzqe_81hs5_136:not(#\9) {
137
137
  flex-grow: 1;
138
138
  }
139
- .awsui_token-editor-field-value_1wzqe_1k3y0_139:not(#\9) {
139
+ .awsui_token-editor-field-value_1wzqe_81hs5_139:not(#\9) {
140
140
  flex-grow: 2;
141
141
  }
142
- .awsui_token-editor-multiselect-wrapper_1wzqe_1k3y0_142:not(#\9) {
142
+ .awsui_token-editor-multiselect-wrapper_1wzqe_81hs5_142:not(#\9) {
143
143
  position: relative;
144
- min-block-size: var(--size-vertical-input-p1d7xx, 32px);
144
+ min-block-size: var(--size-vertical-input-5g8cy5, 32px);
145
145
  min-inline-size: 200px;
146
146
  }
147
- .awsui_token-editor-multiselect-wrapper-inner_1wzqe_1k3y0_147:not(#\9) {
147
+ .awsui_token-editor-multiselect-wrapper-inner_1wzqe_81hs5_147:not(#\9) {
148
148
  position: absolute;
149
149
  inline-size: 100%;
150
150
  }
151
- .awsui_token-editor-cancel_1wzqe_1k3y0_151:not(#\9) {
152
- margin-inline-end: var(--space-xs-ymlm0b, 8px);
151
+ .awsui_token-editor-cancel_1wzqe_81hs5_151:not(#\9) {
152
+ margin-inline-end: var(--space-xs-m9b7jf, 8px);
153
153
  }
154
- .awsui_token-editor-submit_1wzqe_1k3y0_154:not(#\9) {
154
+ .awsui_token-editor-submit_1wzqe_81hs5_154:not(#\9) {
155
155
  /* used in test-utils */
156
156
  }
157
- .awsui_token-editor-actions_1wzqe_1k3y0_157:not(#\9) {
157
+ .awsui_token-editor-actions_1wzqe_81hs5_157:not(#\9) {
158
158
  display: flex;
159
159
  justify-content: flex-end;
160
- padding-block-start: var(--space-s-tvghoh, 12px);
160
+ padding-block-start: var(--space-s-kll7oj, 12px);
161
161
  border-block-start: 1px solid var(--color-border-dropdown-item-default-22wwob, #c6c6cd);
162
- padding-inline-end: calc(var(--space-m-dsumyt, 16px) + var(--space-xxs-hwfkai, 4px));
163
- margin-inline: calc(-1 * var(--space-m-dsumyt, 16px) + -1 * var(--space-xxs-hwfkai, 4px));
164
- margin-block-start: var(--space-s-tvghoh, 12px);
162
+ padding-inline-end: calc(var(--space-m-n8iq8o, 16px) + var(--space-xxs-3o1yoq, 4px));
163
+ margin-inline: calc(-1 * var(--space-m-n8iq8o, 16px) + -1 * var(--space-xxs-3o1yoq, 4px));
164
+ margin-block-start: var(--space-s-kll7oj, 12px);
165
165
  }
166
- .awsui_token-editor-grid_1wzqe_1k3y0_166:not(#\9) {
166
+ .awsui_token-editor-grid_1wzqe_81hs5_166:not(#\9) {
167
167
  border-collapse: separate;
168
168
  border-spacing: 0;
169
169
  box-sizing: border-box;
@@ -194,74 +194,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
194
  -webkit-font-smoothing: auto;
195
195
  -moz-osx-font-smoothing: auto;
196
196
  display: grid;
197
- gap: var(--space-s-tvghoh, 12px);
197
+ gap: var(--space-s-kll7oj, 12px);
198
198
  grid-template-columns: minmax(min-content, 2fr) minmax(min-content, 120px) minmax(min-content, 3fr) min-content;
199
199
  }
200
- .awsui_token-editor-grid-group_1wzqe_1k3y0_200:not(#\9) {
200
+ .awsui_token-editor-grid-group_1wzqe_81hs5_200:not(#\9) {
201
201
  display: contents;
202
202
  }
203
- .awsui_token-editor-grid_1wzqe_1k3y0_166.awsui_token-editor-narrow_1wzqe_1k3y0_203:not(#\9) {
203
+ .awsui_token-editor-grid_1wzqe_81hs5_166.awsui_token-editor-narrow_1wzqe_81hs5_203:not(#\9) {
204
204
  grid-template-columns: minmax(100px, 1fr);
205
- gap: var(--space-m-dsumyt, 16px);
205
+ gap: var(--space-m-n8iq8o, 16px);
206
206
  }
207
- .awsui_token-editor-grid_1wzqe_1k3y0_166.awsui_token-editor-narrow_1wzqe_1k3y0_203 > .awsui_token-editor-grid-group_1wzqe_1k3y0_200:not(#\9) {
207
+ .awsui_token-editor-grid_1wzqe_81hs5_166.awsui_token-editor-narrow_1wzqe_81hs5_203 > .awsui_token-editor-grid-group_1wzqe_81hs5_200:not(#\9) {
208
208
  display: flex;
209
209
  flex-direction: column;
210
- gap: var(--space-s-tvghoh, 12px);
210
+ gap: var(--space-s-kll7oj, 12px);
211
211
  }
212
- .awsui_token-editor-grid_1wzqe_1k3y0_166.awsui_token-editor-narrow_1wzqe_1k3y0_203 > .awsui_token-editor-grid-group_1wzqe_1k3y0_200.awsui_token-editor-supports-groups_1wzqe_1k3y0_212:not(#\9) {
213
- padding-block-end: var(--space-m-dsumyt, 16px);
212
+ .awsui_token-editor-grid_1wzqe_81hs5_166.awsui_token-editor-narrow_1wzqe_81hs5_203 > .awsui_token-editor-grid-group_1wzqe_81hs5_200.awsui_token-editor-supports-groups_1wzqe_81hs5_212:not(#\9) {
213
+ padding-block-end: var(--space-m-n8iq8o, 16px);
214
214
  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
215
215
  }
216
- .awsui_token-editor-grid-header_1wzqe_1k3y0_216:not(#\9) {
216
+ .awsui_token-editor-grid-header_1wzqe_81hs5_216:not(#\9) {
217
217
  color: var(--color-text-column-header-wyzs6v, #424650);
218
218
  font-weight: var(--font-weight-heading-s-mu75ca, 700);
219
- padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
219
+ padding-block: var(--space-scaled-xxs-j00t0m, 4px);
220
220
  text-align: start;
221
221
  }
222
- .awsui_token-editor-grid-cell_1wzqe_1k3y0_222:not(#\9):not(.awsui_token-editor-narrow_1wzqe_1k3y0_203) {
222
+ .awsui_token-editor-grid-cell_1wzqe_81hs5_222:not(#\9):not(.awsui_token-editor-narrow_1wzqe_81hs5_203) {
223
223
  display: flex;
224
224
  align-items: flex-end;
225
225
  justify-content: flex-end;
226
226
  }
227
- .awsui_token-editor-grid-cell_1wzqe_1k3y0_222.awsui_token-editor-narrow_1wzqe_1k3y0_203:not(#\9):nth-child(4) {
227
+ .awsui_token-editor-grid-cell_1wzqe_81hs5_222.awsui_token-editor-narrow_1wzqe_81hs5_203:not(#\9):nth-child(4) {
228
228
  display: flex;
229
229
  justify-content: flex-end;
230
230
  }
231
- .awsui_token-editor-add-token_1wzqe_1k3y0_231:not(#\9) {
232
- margin-block-start: var(--space-s-tvghoh, 12px);
231
+ .awsui_token-editor-add-token_1wzqe_81hs5_231:not(#\9) {
232
+ margin-block-start: var(--space-s-kll7oj, 12px);
233
233
  }
234
234
 
235
- .awsui_custom-content-wrapper_1wzqe_1k3y0_235:not(#\9) {
235
+ .awsui_custom-content-wrapper_1wzqe_81hs5_235:not(#\9) {
236
236
  display: contents;
237
237
  }
238
238
 
239
- .awsui_custom-control_1wzqe_1k3y0_239:not(#\9) {
239
+ .awsui_custom-control_1wzqe_81hs5_239:not(#\9) {
240
240
  /* used in test-utils */
241
241
  }
242
242
 
243
- .awsui_input_1wzqe_1k3y0_48:not(#\9) {
243
+ .awsui_input_1wzqe_81hs5_48:not(#\9) {
244
244
  flex: 1;
245
245
  }
246
246
 
247
- .awsui_results_1wzqe_1k3y0_247:not(#\9) {
248
- padding-block: calc(var(--space-field-vertical-vm99qz, 5px) + var(--border-width-field-2365x3, 1px));
247
+ .awsui_results_1wzqe_81hs5_247:not(#\9) {
248
+ padding-block: calc(var(--space-field-vertical-77df8s, 5px) + var(--border-width-field-2365x3, 1px));
249
249
  padding-inline: 0;
250
250
  }
251
251
 
252
- .awsui_token-trigger_1wzqe_1k3y0_252:not(#\9) {
252
+ .awsui_token-trigger_1wzqe_81hs5_252:not(#\9) {
253
253
  min-inline-size: 0;
254
254
  word-break: break-word;
255
255
  }
256
256
 
257
- .awsui_remove-all_1wzqe_1k3y0_257:not(#\9),
258
- .awsui_join-operation_1wzqe_1k3y0_258:not(#\9),
259
- .awsui_custom-filter-actions_1wzqe_1k3y0_259:not(#\9) {
257
+ .awsui_remove-all_1wzqe_81hs5_257:not(#\9),
258
+ .awsui_join-operation_1wzqe_81hs5_258:not(#\9),
259
+ .awsui_custom-filter-actions_1wzqe_81hs5_259:not(#\9) {
260
260
  /* used in test-utils */
261
261
  }
262
262
 
263
- .awsui_constraint_1wzqe_1k3y0_263:not(#\9) {
264
- padding-block-start: var(--space-xxs-hwfkai, 4px);
263
+ .awsui_constraint_1wzqe_81hs5_263:not(#\9) {
264
+ padding-block-start: var(--space-xxs-3o1yoq, 4px);
265
265
  color: var(--color-text-form-secondary-t0glp7, #656871);
266
266
  font-size: var(--font-size-body-s-89y7qg, 12px);
267
267
  line-height: var(--line-height-body-s-gako33, 16px);
@@ -2,44 +2,44 @@
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_1wzqe_1k3y0_9",
6
- "search-field": "awsui_search-field_1wzqe_1k3y0_41",
7
- "input-wrapper": "awsui_input-wrapper_1wzqe_1k3y0_48",
8
- "add-token": "awsui_add-token_1wzqe_1k3y0_55",
9
- "tokens": "awsui_tokens_1wzqe_1k3y0_62",
10
- "token-operator": "awsui_token-operator_1wzqe_1k3y0_67",
11
- "property-editor": "awsui_property-editor_1wzqe_1k3y0_71",
12
- "property-editor-header": "awsui_property-editor-header_1wzqe_1k3y0_74",
13
- "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_1k3y0_87",
14
- "property-editor-form": "awsui_property-editor-form_1wzqe_1k3y0_102",
15
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1k3y0_107",
16
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_1k3y0_110",
17
- "property-editor-enum": "awsui_property-editor-enum_1wzqe_1k3y0_118",
18
- "token-editor": "awsui_token-editor_1wzqe_1k3y0_123",
19
- "token-editor-form": "awsui_token-editor-form_1wzqe_1k3y0_130",
20
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1k3y0_133",
21
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1k3y0_136",
22
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1k3y0_139",
23
- "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_1k3y0_142",
24
- "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_1k3y0_147",
25
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1k3y0_151",
26
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_1k3y0_154",
27
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_1k3y0_157",
28
- "token-editor-grid": "awsui_token-editor-grid_1wzqe_1k3y0_166",
29
- "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_1k3y0_200",
30
- "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_1k3y0_203",
31
- "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_1k3y0_212",
32
- "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_1k3y0_216",
33
- "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_1k3y0_222",
34
- "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_1k3y0_231",
35
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1k3y0_235",
36
- "custom-control": "awsui_custom-control_1wzqe_1k3y0_239",
37
- "input": "awsui_input_1wzqe_1k3y0_48",
38
- "results": "awsui_results_1wzqe_1k3y0_247",
39
- "token-trigger": "awsui_token-trigger_1wzqe_1k3y0_252",
40
- "remove-all": "awsui_remove-all_1wzqe_1k3y0_257",
41
- "join-operation": "awsui_join-operation_1wzqe_1k3y0_258",
42
- "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1k3y0_259",
43
- "constraint": "awsui_constraint_1wzqe_1k3y0_263"
5
+ "root": "awsui_root_1wzqe_81hs5_9",
6
+ "search-field": "awsui_search-field_1wzqe_81hs5_41",
7
+ "input-wrapper": "awsui_input-wrapper_1wzqe_81hs5_48",
8
+ "add-token": "awsui_add-token_1wzqe_81hs5_55",
9
+ "tokens": "awsui_tokens_1wzqe_81hs5_62",
10
+ "token-operator": "awsui_token-operator_1wzqe_81hs5_67",
11
+ "property-editor": "awsui_property-editor_1wzqe_81hs5_71",
12
+ "property-editor-header": "awsui_property-editor-header_1wzqe_81hs5_74",
13
+ "property-editor-header-enum": "awsui_property-editor-header-enum_1wzqe_81hs5_87",
14
+ "property-editor-form": "awsui_property-editor-form_1wzqe_81hs5_102",
15
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_81hs5_107",
16
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_81hs5_110",
17
+ "property-editor-enum": "awsui_property-editor-enum_1wzqe_81hs5_118",
18
+ "token-editor": "awsui_token-editor_1wzqe_81hs5_123",
19
+ "token-editor-form": "awsui_token-editor-form_1wzqe_81hs5_130",
20
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_81hs5_133",
21
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_81hs5_136",
22
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_81hs5_139",
23
+ "token-editor-multiselect-wrapper": "awsui_token-editor-multiselect-wrapper_1wzqe_81hs5_142",
24
+ "token-editor-multiselect-wrapper-inner": "awsui_token-editor-multiselect-wrapper-inner_1wzqe_81hs5_147",
25
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_81hs5_151",
26
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_81hs5_154",
27
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_81hs5_157",
28
+ "token-editor-grid": "awsui_token-editor-grid_1wzqe_81hs5_166",
29
+ "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_81hs5_200",
30
+ "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_81hs5_203",
31
+ "token-editor-supports-groups": "awsui_token-editor-supports-groups_1wzqe_81hs5_212",
32
+ "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_81hs5_216",
33
+ "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_81hs5_222",
34
+ "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_81hs5_231",
35
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_81hs5_235",
36
+ "custom-control": "awsui_custom-control_1wzqe_81hs5_239",
37
+ "input": "awsui_input_1wzqe_81hs5_48",
38
+ "results": "awsui_results_1wzqe_81hs5_247",
39
+ "token-trigger": "awsui_token-trigger_1wzqe_81hs5_252",
40
+ "remove-all": "awsui_remove-all_1wzqe_81hs5_257",
41
+ "join-operation": "awsui_join-operation_1wzqe_81hs5_258",
42
+ "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_81hs5_259",
43
+ "constraint": "awsui_constraint_1wzqe_81hs5_263"
44
44
  };
45
45
 
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "radio-group": "awsui_radio-group_1mabk_1wiqa_9",
5
- "horizontal-group": "awsui_horizontal-group_1mabk_1wiqa_40",
6
- "radio": "awsui_radio_1mabk_1wiqa_9",
7
- "horizontal": "awsui_horizontal_1mabk_1wiqa_40",
8
- "radio--has-description": "awsui_radio--has-description_1mabk_1wiqa_54"
4
+ "radio-group": "awsui_radio-group_1mabk_4bwy3_9",
5
+ "horizontal-group": "awsui_horizontal-group_1mabk_4bwy3_40",
6
+ "radio": "awsui_radio_1mabk_4bwy3_9",
7
+ "horizontal": "awsui_horizontal_1mabk_4bwy3_40",
8
+ "radio--has-description": "awsui_radio--has-description_1mabk_4bwy3_54"
9
9
  };
10
10
 
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_radio-group_1mabk_1wiqa_9:not(#\9) {
9
+ .awsui_radio-group_1mabk_4bwy3_9:not(#\9) {
10
10
  border-collapse: separate;
11
11
  border-spacing: 0;
12
12
  box-sizing: border-box;
@@ -37,24 +37,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
37
37
  -webkit-font-smoothing: auto;
38
38
  -moz-osx-font-smoothing: auto;
39
39
  }
40
- .awsui_radio-group_1mabk_1wiqa_9:not(#\9):not(.awsui_horizontal-group_1mabk_1wiqa_40) {
40
+ .awsui_radio-group_1mabk_4bwy3_9:not(#\9):not(.awsui_horizontal-group_1mabk_4bwy3_40) {
41
41
  display: block;
42
42
  }
43
- .awsui_radio-group_1mabk_1wiqa_9.awsui_horizontal-group_1mabk_1wiqa_40:not(#\9) {
43
+ .awsui_radio-group_1mabk_4bwy3_9.awsui_horizontal-group_1mabk_4bwy3_40:not(#\9) {
44
44
  display: flex;
45
45
  align-items: flex-start;
46
46
  flex-wrap: wrap;
47
- gap: var(--space-scaled-l-sej05l, 20px);
47
+ gap: var(--space-scaled-l-33ruz6, 20px);
48
48
  }
49
49
 
50
- .awsui_radio_1mabk_1wiqa_9 + .awsui_radio_1mabk_1wiqa_9:not(#\9):not(.awsui_horizontal_1mabk_1wiqa_40) {
51
- margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
50
+ .awsui_radio_1mabk_4bwy3_9 + .awsui_radio_1mabk_4bwy3_9:not(#\9):not(.awsui_horizontal_1mabk_4bwy3_40) {
51
+ margin-block-start: var(--space-scaled-xxs-j00t0m, 4px);
52
52
  }
53
53
 
54
- .awsui_radio--has-description_1mabk_1wiqa_54 + .awsui_radio_1mabk_1wiqa_9:not(#\9):not(.awsui_horizontal_1mabk_1wiqa_40) {
55
- margin-block-start: var(--space-scaled-xs-xwoogq, 8px);
54
+ .awsui_radio--has-description_1mabk_4bwy3_54 + .awsui_radio_1mabk_4bwy3_9:not(#\9):not(.awsui_horizontal_1mabk_4bwy3_40) {
55
+ margin-block-start: var(--space-scaled-xs-pajbd1, 8px);
56
56
  }
57
57
 
58
- .awsui_radio_1mabk_1wiqa_9.awsui_horizontal_1mabk_1wiqa_40:not(#\9) {
59
- max-inline-size: calc(16 * var(--space-scaled-xxl-6wgq96, 32px));
58
+ .awsui_radio_1mabk_4bwy3_9.awsui_horizontal_1mabk_4bwy3_40:not(#\9) {
59
+ max-inline-size: calc(16 * var(--space-scaled-xxl-qprsam, 32px));
60
60
  }
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "radio-group": "awsui_radio-group_1mabk_1wiqa_9",
6
- "horizontal-group": "awsui_horizontal-group_1mabk_1wiqa_40",
7
- "radio": "awsui_radio_1mabk_1wiqa_9",
8
- "horizontal": "awsui_horizontal_1mabk_1wiqa_40",
9
- "radio--has-description": "awsui_radio--has-description_1mabk_1wiqa_54"
5
+ "radio-group": "awsui_radio-group_1mabk_4bwy3_9",
6
+ "horizontal-group": "awsui_horizontal-group_1mabk_4bwy3_40",
7
+ "radio": "awsui_radio_1mabk_4bwy3_9",
8
+ "horizontal": "awsui_horizontal_1mabk_4bwy3_40",
9
+ "radio--has-description": "awsui_radio--has-description_1mabk_4bwy3_54"
10
10
  };
11
11
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1vtzr_ywk97_5",
5
- "view-button": "awsui_view-button_1vtzr_ywk97_9",
6
- "browse-button": "awsui_browse-button_1vtzr_ywk97_13",
7
- "layout": "awsui_layout_1vtzr_ywk97_17",
8
- "layout-uri": "awsui_layout-uri_1vtzr_ywk97_29",
9
- "layout-version": "awsui_layout-version_1vtzr_ywk97_33",
10
- "layout-divider": "awsui_layout-divider_1vtzr_ywk97_38"
4
+ "root": "awsui_root_1vtzr_7cjw4_5",
5
+ "view-button": "awsui_view-button_1vtzr_7cjw4_9",
6
+ "browse-button": "awsui_browse-button_1vtzr_7cjw4_13",
7
+ "layout": "awsui_layout_1vtzr_7cjw4_17",
8
+ "layout-uri": "awsui_layout-uri_1vtzr_7cjw4_29",
9
+ "layout-version": "awsui_layout-version_1vtzr_7cjw4_33",
10
+ "layout-divider": "awsui_layout-divider_1vtzr_7cjw4_38"
11
11
  };
12
12
 
@@ -2,40 +2,40 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- .awsui_root_1vtzr_ywk97_5:not(#\9) {
5
+ .awsui_root_1vtzr_7cjw4_5:not(#\9) {
6
6
  /* used in test-utils */
7
7
  }
8
8
 
9
- .awsui_view-button_1vtzr_ywk97_9:not(#\9) {
9
+ .awsui_view-button_1vtzr_7cjw4_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_browse-button_1vtzr_ywk97_13:not(#\9) {
13
+ .awsui_browse-button_1vtzr_7cjw4_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_layout_1vtzr_ywk97_17:not(#\9) {
17
+ .awsui_layout_1vtzr_7cjw4_17:not(#\9) {
18
18
  display: flex;
19
19
  flex-wrap: wrap;
20
20
  align-items: flex-end;
21
- margin-block: calc(-1 * var(--space-xs-ymlm0b, 8px));
22
- margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
21
+ margin-block: calc(-1 * var(--space-xs-m9b7jf, 8px));
22
+ margin-inline: calc(-1 * var(--space-xs-m9b7jf, 8px));
23
23
  /* stylelint-disable-next-line selector-max-universal */
24
24
  }
25
- .awsui_layout_1vtzr_ywk97_17 > *:not(#\9) {
26
- margin-block: var(--space-xs-ymlm0b, 8px);
27
- margin-inline: var(--space-xs-ymlm0b, 8px);
25
+ .awsui_layout_1vtzr_7cjw4_17 > *:not(#\9) {
26
+ margin-block: var(--space-xs-m9b7jf, 8px);
27
+ margin-inline: var(--space-xs-m9b7jf, 8px);
28
28
  }
29
- .awsui_layout-uri_1vtzr_ywk97_29:not(#\9) {
29
+ .awsui_layout-uri_1vtzr_7cjw4_29:not(#\9) {
30
30
  min-inline-size: 200px;
31
31
  flex: 1;
32
32
  }
33
- .awsui_layout-version_1vtzr_ywk97_33:not(#\9) {
33
+ .awsui_layout-version_1vtzr_7cjw4_33:not(#\9) {
34
34
  max-inline-size: 180px;
35
35
  min-inline-size: 140px;
36
36
  inline-size: 20%;
37
37
  }
38
- .awsui_layout-divider_1vtzr_ywk97_38:not(#\9) {
39
- block-size: calc(2 * var(--border-divider-section-width-dlkb8v, 1px) + 2 * var(--space-scaled-xxs-pfm1nx, 4px) + var(--line-height-body-m-5xw6xo, 20px));
38
+ .awsui_layout-divider_1vtzr_7cjw4_38:not(#\9) {
39
+ block-size: calc(2 * var(--border-divider-section-width-dlkb8v, 1px) + 2 * var(--space-scaled-xxs-j00t0m, 4px) + var(--line-height-body-m-5xw6xo, 20px));
40
40
  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
41
41
  }
@@ -2,12 +2,12 @@
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_1vtzr_ywk97_5",
6
- "view-button": "awsui_view-button_1vtzr_ywk97_9",
7
- "browse-button": "awsui_browse-button_1vtzr_ywk97_13",
8
- "layout": "awsui_layout_1vtzr_ywk97_17",
9
- "layout-uri": "awsui_layout-uri_1vtzr_ywk97_29",
10
- "layout-version": "awsui_layout-version_1vtzr_ywk97_33",
11
- "layout-divider": "awsui_layout-divider_1vtzr_ywk97_38"
5
+ "root": "awsui_root_1vtzr_7cjw4_5",
6
+ "view-button": "awsui_view-button_1vtzr_7cjw4_9",
7
+ "browse-button": "awsui_browse-button_1vtzr_7cjw4_13",
8
+ "layout": "awsui_layout_1vtzr_7cjw4_17",
9
+ "layout-uri": "awsui_layout-uri_1vtzr_7cjw4_29",
10
+ "layout-version": "awsui_layout-version_1vtzr_7cjw4_33",
11
+ "layout-divider": "awsui_layout-divider_1vtzr_7cjw4_38"
12
12
  };
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":"segment.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAKrD,UAAU,YAAa,SAAQ,qBAAqB,CAAC,MAAM;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,wFA+EnB,CAAC"}
1
+ {"version":3,"file":"segment.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAKrD,UAAU,YAAa,SAAQ,qBAAqB,CAAC,MAAM;IACzD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,wFAiFnB,CAAC"}
@@ -15,7 +15,7 @@ export const Segment = React.forwardRef(({ disabled, disabledReason, text, iconN
15
15
  const isDisabledWithReason = disabled && !!disabledReason;
16
16
  const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);
17
17
  const isVisualRefresh = useVisualRefresh();
18
- return (React.createElement("button", { className: clsx(styles.segment, { [styles.disabled]: !!disabled }, { [styles.selected]: isActive }, { [styles.refresh]: isVisualRefresh }), ref: useMergeRefs(ref, buttonRef), onClick: onClick, onKeyDown: onKeyDown, disabled: disabled && !disabledReason, "aria-disabled": isDisabledWithReason ? 'true' : undefined, type: "button", tabIndex: tabIndex, "aria-pressed": isActive ? 'true' : 'false', "aria-label": !text ? iconAlt : undefined, onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined, onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined, ...(isDisabledWithReason ? targetProps : {}), "data-testid": id, style: getSegmentedControlSegmentStyles(style) },
18
+ return (React.createElement("button", { className: clsx(styles.segment, { [styles.disabled]: !!disabled }, { [styles.selected]: isActive }, { [styles.refresh]: isVisualRefresh }), ref: useMergeRefs(ref, buttonRef), onClick: onClick, onKeyDown: onKeyDown, disabled: disabled && !disabledReason, "aria-disabled": isDisabledWithReason ? 'true' : undefined, type: "button", tabIndex: tabIndex, "aria-pressed": isActive ? 'true' : 'false', "aria-label": !text ? iconAlt : undefined, onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined, onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined, onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined, ...(isDisabledWithReason ? targetProps : {}), "data-testid": id, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "", style: getSegmentedControlSegmentStyles(style) },
19
19
  (iconName || iconUrl || iconSvg) && (React.createElement(InternalIcon, { className: clsx(styles.icon, text ? styles['with-text'] : styles['with-no-text']), name: iconName, url: iconUrl, svg: iconSvg, alt: iconAlt, variant: disabled ? 'disabled' : 'normal' })),
20
20
  React.createElement("span", null, text),
21
21
  isDisabledWithReason && (React.createElement(React.Fragment, null,
@@ -1 +1 @@
1
- {"version":3,"file":"segment.js","sourceRoot":"","sources":["../../../src/segmented-control/segment.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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../icon/internal';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport Tooltip from '../tooltip/internal.js';\nimport { SegmentedControlProps } from './interfaces';\nimport { getSegmentedControlSegmentStyles } from './style';\n\nimport styles from './styles.css.js';\n\ninterface SegmentProps extends SegmentedControlProps.Option {\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n isActive: boolean;\n tabIndex: number;\n style: SegmentedControlProps['style'];\n}\n\nexport const Segment = React.forwardRef(\n (\n {\n disabled,\n disabledReason,\n text,\n iconName,\n iconAlt,\n iconUrl,\n iconSvg,\n isActive,\n onClick,\n onKeyDown,\n tabIndex,\n id,\n style,\n }: SegmentProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const buttonRef = useRef<HTMLElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const isDisabledWithReason = disabled && !!disabledReason;\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n const isVisualRefresh = useVisualRefresh();\n\n return (\n <button\n className={clsx(\n styles.segment,\n { [styles.disabled]: !!disabled },\n { [styles.selected]: isActive },\n { [styles.refresh]: isVisualRefresh }\n )}\n ref={useMergeRefs(ref, buttonRef)}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled && !disabledReason}\n aria-disabled={isDisabledWithReason ? 'true' : undefined}\n type=\"button\"\n tabIndex={tabIndex}\n aria-pressed={isActive ? 'true' : 'false'}\n aria-label={!text ? iconAlt : undefined}\n onFocus={isDisabledWithReason ? () => setShowTooltip(true) : undefined}\n onBlur={isDisabledWithReason ? () => setShowTooltip(false) : undefined}\n onMouseEnter={isDisabledWithReason ? () => setShowTooltip(true) : undefined}\n onMouseLeave={isDisabledWithReason ? () => setShowTooltip(false) : undefined}\n {...(isDisabledWithReason ? targetProps : {})}\n data-testid={id}\n style={getSegmentedControlSegmentStyles(style)}\n >\n {(iconName || iconUrl || iconSvg) && (\n <InternalIcon\n className={clsx(styles.icon, text ? styles['with-text'] : styles['with-no-text'])}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n variant={disabled ? 'disabled' : 'normal'}\n />\n )}\n <span>{text}</span>\n\n {isDisabledWithReason && (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={styles['disabled-reason-tooltip']}\n getTrack={() => buttonRef.current}\n content={disabledReason!}\n onEscape={() => setShowTooltip(false)}\n />\n )}\n </>\n )}\n </button>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"segment.js","sourceRoot":"","sources":["../../../src/segmented-control/segment.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, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../icon/internal';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport Tooltip from '../tooltip/internal.js';\nimport { SegmentedControlProps } from './interfaces';\nimport { getSegmentedControlSegmentStyles } from './style';\n\nimport styles from './styles.css.js';\n\ninterface SegmentProps extends SegmentedControlProps.Option {\n onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n isActive: boolean;\n tabIndex: number;\n style: SegmentedControlProps['style'];\n}\n\nexport const Segment = React.forwardRef(\n (\n {\n disabled,\n disabledReason,\n text,\n iconName,\n iconAlt,\n iconUrl,\n iconSvg,\n isActive,\n onClick,\n onKeyDown,\n tabIndex,\n id,\n style,\n }: SegmentProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n const buttonRef = useRef<HTMLElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const isDisabledWithReason = disabled && !!disabledReason;\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n const isVisualRefresh = useVisualRefresh();\n\n return (\n <button\n className={clsx(\n styles.segment,\n { [styles.disabled]: !!disabled },\n { [styles.selected]: isActive },\n { [styles.refresh]: isVisualRefresh }\n )}\n ref={useMergeRefs(ref, buttonRef)}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled && !disabledReason}\n aria-disabled={isDisabledWithReason ? 'true' : undefined}\n type=\"button\"\n tabIndex={tabIndex}\n aria-pressed={isActive ? 'true' : 'false'}\n aria-label={!text ? iconAlt : undefined}\n onFocus={isDisabledWithReason ? () => setShowTooltip(true) : undefined}\n onBlur={isDisabledWithReason ? () => setShowTooltip(false) : undefined}\n onMouseEnter={isDisabledWithReason ? () => setShowTooltip(true) : undefined}\n onMouseLeave={isDisabledWithReason ? () => setShowTooltip(false) : undefined}\n {...(isDisabledWithReason ? targetProps : {})}\n data-testid={id}\n data-awsui-motion-trigger=\"hover\"\n data-awsui-motion-target=\"\"\n style={getSegmentedControlSegmentStyles(style)}\n >\n {(iconName || iconUrl || iconSvg) && (\n <InternalIcon\n className={clsx(styles.icon, text ? styles['with-text'] : styles['with-no-text'])}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n variant={disabled ? 'disabled' : 'normal'}\n />\n )}\n <span>{text}</span>\n\n {isDisabledWithReason && (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={styles['disabled-reason-tooltip']}\n getTrack={() => buttonRef.current}\n content={disabledReason!}\n onEscape={() => setShowTooltip(false)}\n />\n )}\n </>\n )}\n </button>\n );\n }\n);\n"]}