@cloudscape-design/components 3.0.762 → 3.0.764

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 (412) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +58 -58
  3. package/alert/styles.selectors.js +27 -27
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +28 -28
  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 +42 -42
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/classic.js +2 -2
  11. package/app-layout/classic.js.map +1 -1
  12. package/app-layout/drawer/styles.css.js +13 -13
  13. package/app-layout/drawer/styles.scoped.css +30 -30
  14. package/app-layout/drawer/styles.selectors.js +13 -13
  15. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  16. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  17. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  18. package/app-layout/styles.css.js +12 -12
  19. package/app-layout/styles.scoped.css +15 -15
  20. package/app-layout/styles.selectors.js +12 -12
  21. package/app-layout/toggles/styles.css.js +2 -2
  22. package/app-layout/toggles/styles.scoped.css +7 -7
  23. package/app-layout/toggles/styles.selectors.js +2 -2
  24. package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
  25. package/app-layout/visual-refresh/navigation.js +1 -1
  26. package/app-layout/visual-refresh/navigation.js.map +1 -1
  27. package/app-layout/visual-refresh/styles.css.js +85 -85
  28. package/app-layout/visual-refresh/styles.scoped.css +201 -201
  29. package/app-layout/visual-refresh/styles.selectors.js +85 -85
  30. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +6 -6
  31. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +7 -7
  32. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +6 -6
  33. package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
  34. package/app-layout/visual-refresh-toolbar/navigation/index.js +1 -1
  35. package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  36. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  37. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
  38. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  39. package/app-layout/visual-refresh-toolbar/skeleton/index.js +1 -1
  40. package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  41. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
  42. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
  43. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
  44. package/app-layout/visual-refresh-toolbar/split-panel/index.d.ts.map +1 -1
  45. package/app-layout/visual-refresh-toolbar/split-panel/index.js +5 -3
  46. package/app-layout/visual-refresh-toolbar/split-panel/index.js.map +1 -1
  47. package/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  48. package/app-layout/visual-refresh-toolbar/toolbar/index.js +15 -4
  49. package/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  50. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -12
  51. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +21 -17
  52. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -12
  53. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +9 -9
  54. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +36 -36
  55. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +9 -9
  56. package/area-chart/styles.css.js +6 -6
  57. package/area-chart/styles.scoped.css +10 -10
  58. package/area-chart/styles.selectors.js +6 -6
  59. package/attribute-editor/styles.css.js +14 -14
  60. package/attribute-editor/styles.scoped.css +31 -31
  61. package/attribute-editor/styles.selectors.js +14 -14
  62. package/badge/styles.css.js +10 -10
  63. package/badge/styles.scoped.css +22 -22
  64. package/badge/styles.selectors.js +10 -10
  65. package/box/styles.css.js +191 -191
  66. package/box/styles.scoped.css +250 -250
  67. package/box/styles.selectors.js +191 -191
  68. package/breadcrumb-group/implementation.js +1 -1
  69. package/breadcrumb-group/implementation.js.map +1 -1
  70. package/breadcrumb-group/item/styles.css.js +8 -8
  71. package/breadcrumb-group/item/styles.scoped.css +33 -33
  72. package/breadcrumb-group/item/styles.selectors.js +8 -8
  73. package/breadcrumb-group/styles.css.js +9 -8
  74. package/breadcrumb-group/styles.scoped.css +12 -11
  75. package/breadcrumb-group/styles.selectors.js +9 -8
  76. package/button/styles.css.js +20 -20
  77. package/button/styles.scoped.css +245 -245
  78. package/button/styles.selectors.js +20 -20
  79. package/button-dropdown/category-elements/styles.css.js +14 -14
  80. package/button-dropdown/category-elements/styles.scoped.css +35 -35
  81. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  82. package/button-dropdown/item-element/styles.css.js +13 -13
  83. package/button-dropdown/item-element/styles.scoped.css +36 -36
  84. package/button-dropdown/item-element/styles.selectors.js +13 -13
  85. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  86. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  87. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  88. package/button-dropdown/styles.css.js +17 -17
  89. package/button-dropdown/styles.scoped.css +28 -28
  90. package/button-dropdown/styles.selectors.js +17 -17
  91. package/button-group/styles.css.js +4 -4
  92. package/button-group/styles.scoped.css +6 -6
  93. package/button-group/styles.selectors.js +4 -4
  94. package/calendar/styles.css.js +21 -21
  95. package/calendar/styles.scoped.css +60 -60
  96. package/calendar/styles.selectors.js +21 -21
  97. package/cards/styles.css.js +39 -39
  98. package/cards/styles.scoped.css +60 -60
  99. package/cards/styles.selectors.js +39 -39
  100. package/checkbox/styles.css.js +3 -3
  101. package/checkbox/styles.scoped.css +7 -7
  102. package/checkbox/styles.selectors.js +3 -3
  103. package/code-editor/resizable-box/styles.css.js +3 -3
  104. package/code-editor/resizable-box/styles.scoped.css +8 -8
  105. package/code-editor/resizable-box/styles.selectors.js +3 -3
  106. package/code-editor/styles.css.js +33 -33
  107. package/code-editor/styles.scoped.css +209 -209
  108. package/code-editor/styles.selectors.js +33 -33
  109. package/collection-preferences/content-display/styles.css.js +11 -11
  110. package/collection-preferences/content-display/styles.scoped.css +24 -24
  111. package/collection-preferences/content-display/styles.selectors.js +11 -11
  112. package/collection-preferences/styles.css.js +37 -37
  113. package/collection-preferences/styles.scoped.css +55 -55
  114. package/collection-preferences/styles.selectors.js +37 -37
  115. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  116. package/column-layout/flexible-column-layout/styles.scoped.css +6 -6
  117. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  118. package/column-layout/styles.css.js +13 -13
  119. package/column-layout/styles.scoped.css +47 -47
  120. package/column-layout/styles.selectors.js +13 -13
  121. package/container/styles.css.js +30 -30
  122. package/container/styles.scoped.css +66 -66
  123. package/container/styles.selectors.js +30 -30
  124. package/container/use-sticky-header.d.ts.map +1 -1
  125. package/container/use-sticky-header.js +1 -1
  126. package/container/use-sticky-header.js.map +1 -1
  127. package/content-layout/styles.css.js +14 -14
  128. package/content-layout/styles.scoped.css +19 -19
  129. package/content-layout/styles.selectors.js +14 -14
  130. package/date-picker/styles.css.js +7 -7
  131. package/date-picker/styles.scoped.css +11 -11
  132. package/date-picker/styles.selectors.js +7 -7
  133. package/date-range-picker/calendar/grids/styles.css.js +28 -28
  134. package/date-range-picker/calendar/grids/styles.scoped.css +62 -62
  135. package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
  136. package/date-range-picker/styles.css.js +39 -39
  137. package/date-range-picker/styles.scoped.css +56 -56
  138. package/date-range-picker/styles.selectors.js +39 -39
  139. package/drawer/styles.css.js +4 -4
  140. package/drawer/styles.scoped.css +13 -13
  141. package/drawer/styles.selectors.js +4 -4
  142. package/expandable-section/styles.css.js +34 -34
  143. package/expandable-section/styles.scoped.css +76 -76
  144. package/expandable-section/styles.selectors.js +34 -34
  145. package/file-upload/dropzone/styles.css.js +2 -2
  146. package/file-upload/dropzone/styles.scoped.css +6 -6
  147. package/file-upload/dropzone/styles.selectors.js +2 -2
  148. package/file-upload/file-input/styles.css.js +4 -4
  149. package/file-upload/file-input/styles.scoped.css +8 -8
  150. package/file-upload/file-input/styles.selectors.js +4 -4
  151. package/flashbar/collapsible-flashbar.js +1 -1
  152. package/flashbar/collapsible-flashbar.js.map +1 -1
  153. package/flashbar/styles.css.js +50 -50
  154. package/flashbar/styles.scoped.css +164 -164
  155. package/flashbar/styles.selectors.js +50 -50
  156. package/form/styles.css.js +8 -8
  157. package/form/styles.scoped.css +9 -9
  158. package/form/styles.selectors.js +8 -8
  159. package/form-field/styles.css.js +24 -24
  160. package/form-field/styles.scoped.css +44 -44
  161. package/form-field/styles.selectors.js +24 -24
  162. package/grid/styles.css.js +53 -53
  163. package/grid/styles.scoped.css +55 -55
  164. package/grid/styles.selectors.js +53 -53
  165. package/header/styles.css.js +34 -34
  166. package/header/styles.scoped.css +54 -54
  167. package/header/styles.selectors.js +34 -34
  168. package/help-panel/styles.css.js +5 -5
  169. package/help-panel/styles.scoped.css +85 -85
  170. package/help-panel/styles.selectors.js +5 -5
  171. package/icon/generated/icons.js +224 -231
  172. package/icon/generated/icons.js.map +1 -1
  173. package/icon/styles.css.js +38 -38
  174. package/icon/styles.scoped.css +103 -100
  175. package/icon/styles.selectors.js +38 -38
  176. package/input/styles.css.js +13 -13
  177. package/input/styles.scoped.css +63 -63
  178. package/input/styles.selectors.js +13 -13
  179. package/internal/base-component/styles.scoped.css +1163 -1163
  180. package/internal/components/abstract-switch/styles.css.js +13 -13
  181. package/internal/components/abstract-switch/styles.scoped.css +23 -23
  182. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  183. package/internal/components/button-trigger/styles.css.js +13 -13
  184. package/internal/components/button-trigger/styles.scoped.css +55 -55
  185. package/internal/components/button-trigger/styles.selectors.js +13 -13
  186. package/internal/components/cartesian-chart/styles.css.js +27 -27
  187. package/internal/components/cartesian-chart/styles.scoped.css +38 -38
  188. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  189. package/internal/components/chart-filter/styles.css.js +3 -3
  190. package/internal/components/chart-filter/styles.scoped.css +4 -4
  191. package/internal/components/chart-filter/styles.selectors.js +3 -3
  192. package/internal/components/chart-legend/styles.css.js +6 -6
  193. package/internal/components/chart-legend/styles.scoped.css +17 -17
  194. package/internal/components/chart-legend/styles.selectors.js +6 -6
  195. package/internal/components/chart-plot/styles.css.js +5 -5
  196. package/internal/components/chart-plot/styles.scoped.css +6 -6
  197. package/internal/components/chart-plot/styles.selectors.js +5 -5
  198. package/internal/components/chart-popover/styles.css.js +3 -3
  199. package/internal/components/chart-popover/styles.scoped.css +4 -4
  200. package/internal/components/chart-popover/styles.selectors.js +3 -3
  201. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  202. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  203. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  204. package/internal/components/chart-series-details/styles.css.js +20 -20
  205. package/internal/components/chart-series-details/styles.scoped.css +38 -38
  206. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  207. package/internal/components/chart-series-marker/styles.css.js +5 -5
  208. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  209. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  210. package/internal/components/chart-status-container/styles.css.js +2 -2
  211. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  212. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  213. package/internal/components/chart-wrapper/styles.css.js +9 -9
  214. package/internal/components/chart-wrapper/styles.scoped.css +10 -10
  215. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  216. package/internal/components/checkbox-icon/styles.css.js +9 -9
  217. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  218. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  219. package/internal/components/dropdown/styles.css.js +20 -20
  220. package/internal/components/dropdown/styles.scoped.css +42 -42
  221. package/internal/components/dropdown/styles.selectors.js +20 -20
  222. package/internal/components/dropdown-footer/styles.css.js +3 -3
  223. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  224. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  225. package/internal/components/dropdown-status/styles.css.js +2 -2
  226. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  227. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  228. package/internal/components/handle/styles.css.js +2 -2
  229. package/internal/components/handle/styles.scoped.css +9 -9
  230. package/internal/components/handle/styles.selectors.js +2 -2
  231. package/internal/components/menu-dropdown/styles.css.js +7 -7
  232. package/internal/components/menu-dropdown/styles.scoped.css +19 -19
  233. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  234. package/internal/components/option/styles.css.js +17 -17
  235. package/internal/components/option/styles.scoped.css +37 -37
  236. package/internal/components/option/styles.selectors.js +17 -17
  237. package/internal/components/options-list/index.d.ts.map +1 -1
  238. package/internal/components/options-list/index.js +1 -1
  239. package/internal/components/options-list/index.js.map +1 -1
  240. package/internal/components/options-list/styles.css.js +2 -2
  241. package/internal/components/options-list/styles.scoped.css +3 -3
  242. package/internal/components/options-list/styles.selectors.js +2 -2
  243. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  244. package/internal/components/panel-resize-handle/styles.scoped.css +13 -13
  245. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  246. package/internal/components/selectable-item/styles.css.js +16 -16
  247. package/internal/components/selectable-item/styles.scoped.css +49 -49
  248. package/internal/components/selectable-item/styles.selectors.js +16 -16
  249. package/internal/components/token-list/styles.css.js +9 -9
  250. package/internal/components/token-list/styles.scoped.css +28 -28
  251. package/internal/components/token-list/styles.selectors.js +9 -9
  252. package/internal/components/visual-context/index.js +1 -1
  253. package/internal/components/visual-context/index.js.map +1 -1
  254. package/internal/environment.js +1 -1
  255. package/internal/environment.json +1 -1
  256. package/internal/generated/styles/tokens.js +292 -292
  257. package/internal/generated/theming/index.cjs +400 -400
  258. package/internal/generated/theming/index.js +400 -400
  259. package/internal/manifest.json +1 -1
  260. package/internal/utils/dom.d.ts +0 -1
  261. package/internal/utils/dom.d.ts.map +1 -1
  262. package/internal/utils/dom.js +1 -13
  263. package/internal/utils/dom.js.map +1 -1
  264. package/internal/utils/node-belongs.js +2 -2
  265. package/internal/utils/node-belongs.js.map +1 -1
  266. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  267. package/internal/utils/scrollable-containers.js +1 -1
  268. package/internal/utils/scrollable-containers.js.map +1 -1
  269. package/key-value-pairs/styles.css.js +8 -8
  270. package/key-value-pairs/styles.scoped.css +13 -13
  271. package/key-value-pairs/styles.selectors.js +8 -8
  272. package/link/styles.css.js +20 -20
  273. package/link/styles.scoped.css +100 -100
  274. package/link/styles.selectors.js +20 -20
  275. package/modal/styles.css.js +23 -23
  276. package/modal/styles.scoped.css +45 -45
  277. package/modal/styles.selectors.js +23 -23
  278. package/multiselect/styles.css.js +2 -2
  279. package/multiselect/styles.scoped.css +3 -3
  280. package/multiselect/styles.selectors.js +2 -2
  281. package/package.json +1 -1
  282. package/pagination/styles.css.js +9 -9
  283. package/pagination/styles.scoped.css +38 -38
  284. package/pagination/styles.selectors.js +9 -9
  285. package/pie-chart/styles.css.js +27 -27
  286. package/pie-chart/styles.scoped.css +54 -54
  287. package/pie-chart/styles.selectors.js +27 -27
  288. package/popover/styles.css.js +52 -52
  289. package/popover/styles.scoped.css +85 -85
  290. package/popover/styles.selectors.js +52 -52
  291. package/progress-bar/styles.css.js +19 -19
  292. package/progress-bar/styles.scoped.css +38 -38
  293. package/progress-bar/styles.selectors.js +19 -19
  294. package/prompt-input/styles.css.js +8 -8
  295. package/prompt-input/styles.scoped.css +45 -45
  296. package/prompt-input/styles.selectors.js +8 -8
  297. package/property-filter/filtering-token/styles.css.js +18 -18
  298. package/property-filter/filtering-token/styles.scoped.css +55 -55
  299. package/property-filter/filtering-token/styles.selectors.js +18 -18
  300. package/property-filter/styles.css.js +38 -38
  301. package/property-filter/styles.scoped.css +48 -48
  302. package/property-filter/styles.selectors.js +38 -38
  303. package/radio-group/styles.css.js +10 -10
  304. package/radio-group/styles.scoped.css +28 -28
  305. package/radio-group/styles.selectors.js +10 -10
  306. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  307. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  308. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  309. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  310. package/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
  311. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  312. package/segmented-control/styles.css.js +15 -15
  313. package/segmented-control/styles.scoped.css +53 -53
  314. package/segmented-control/styles.selectors.js +15 -15
  315. package/select/parts/styles.css.js +21 -21
  316. package/select/parts/styles.scoped.css +34 -34
  317. package/select/parts/styles.selectors.js +21 -21
  318. package/select/styles.css.js +1 -1
  319. package/select/styles.scoped.css +2 -2
  320. package/select/styles.selectors.js +1 -1
  321. package/side-navigation/styles.css.js +30 -30
  322. package/side-navigation/styles.scoped.css +51 -51
  323. package/side-navigation/styles.selectors.js +30 -30
  324. package/slider/styles.css.js +26 -26
  325. package/slider/styles.scoped.css +152 -152
  326. package/slider/styles.selectors.js +26 -26
  327. package/spinner/styles.css.js +13 -13
  328. package/spinner/styles.scoped.css +21 -21
  329. package/spinner/styles.selectors.js +13 -13
  330. package/split-panel/icons/styles.css.js +22 -22
  331. package/split-panel/icons/styles.scoped.css +47 -47
  332. package/split-panel/icons/styles.selectors.js +22 -22
  333. package/split-panel/styles.css.js +26 -26
  334. package/split-panel/styles.scoped.css +54 -54
  335. package/split-panel/styles.selectors.js +26 -26
  336. package/status-indicator/styles.css.js +23 -23
  337. package/status-indicator/styles.scoped.css +43 -43
  338. package/status-indicator/styles.selectors.js +23 -23
  339. package/table/body-cell/styles.css.js +47 -47
  340. package/table/body-cell/styles.scoped.css +325 -325
  341. package/table/body-cell/styles.selectors.js +47 -47
  342. package/table/expandable-rows/styles.css.js +3 -3
  343. package/table/expandable-rows/styles.scoped.css +18 -18
  344. package/table/expandable-rows/styles.selectors.js +3 -3
  345. package/table/header-cell/styles.css.js +26 -26
  346. package/table/header-cell/styles.scoped.css +83 -83
  347. package/table/header-cell/styles.selectors.js +26 -26
  348. package/table/resizer/index.d.ts.map +1 -1
  349. package/table/resizer/index.js +2 -0
  350. package/table/resizer/index.js.map +1 -1
  351. package/table/resizer/styles.css.js +8 -8
  352. package/table/resizer/styles.scoped.css +21 -21
  353. package/table/resizer/styles.selectors.js +8 -8
  354. package/table/selection/use-selection-focus-move.d.ts.map +1 -1
  355. package/table/selection/use-selection-focus-move.js +1 -1
  356. package/table/selection/use-selection-focus-move.js.map +1 -1
  357. package/table/sticky-header.js +0 -1
  358. package/table/sticky-header.js.map +1 -1
  359. package/table/sticky-scrollbar/styles.css.js +6 -6
  360. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  361. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  362. package/table/styles.css.js +34 -34
  363. package/table/styles.scoped.css +48 -48
  364. package/table/styles.selectors.js +34 -34
  365. package/table/use-row-events.d.ts.map +1 -1
  366. package/table/use-row-events.js +1 -1
  367. package/table/use-row-events.js.map +1 -1
  368. package/tabs/styles.css.js +28 -28
  369. package/tabs/styles.scoped.css +63 -63
  370. package/tabs/styles.selectors.js +28 -28
  371. package/tag-editor/styles.css.js +3 -3
  372. package/tag-editor/styles.scoped.css +15 -15
  373. package/tag-editor/styles.selectors.js +3 -3
  374. package/text-content/styles.css.js +1 -1
  375. package/text-content/styles.scoped.css +71 -71
  376. package/text-content/styles.selectors.js +1 -1
  377. package/text-filter/styles.css.js +3 -3
  378. package/text-filter/styles.scoped.css +5 -5
  379. package/text-filter/styles.selectors.js +3 -3
  380. package/textarea/styles.css.js +5 -5
  381. package/textarea/styles.scoped.css +39 -39
  382. package/textarea/styles.selectors.js +5 -5
  383. package/tiles/styles.css.js +30 -30
  384. package/tiles/styles.scoped.css +88 -88
  385. package/tiles/styles.selectors.js +30 -30
  386. package/toggle/styles.css.js +10 -10
  387. package/toggle/styles.scoped.css +27 -27
  388. package/toggle/styles.selectors.js +10 -10
  389. package/toggle-button/styles.css.js +3 -3
  390. package/toggle-button/styles.scoped.css +6 -6
  391. package/toggle-button/styles.selectors.js +3 -3
  392. package/token-group/styles.css.js +10 -10
  393. package/token-group/styles.scoped.css +45 -45
  394. package/token-group/styles.selectors.js +10 -10
  395. package/top-navigation/1.0-beta/styles.css.js +25 -25
  396. package/top-navigation/1.0-beta/styles.scoped.css +50 -50
  397. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  398. package/top-navigation/styles.css.js +47 -47
  399. package/top-navigation/styles.scoped.css +86 -86
  400. package/top-navigation/styles.selectors.js +47 -47
  401. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  402. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +25 -25
  403. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  404. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  405. package/tutorial-panel/components/tutorial-list/styles.scoped.css +35 -35
  406. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  407. package/tutorial-panel/styles.css.js +1 -1
  408. package/tutorial-panel/styles.scoped.css +2 -2
  409. package/tutorial-panel/styles.selectors.js +1 -1
  410. package/wizard/styles.css.js +30 -30
  411. package/wizard/styles.scoped.css +85 -85
  412. package/wizard/styles.selectors.js +30 -30
package/input/styles.scoped.css CHANGED
@@ -138,11 +138,11 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_root_2rhyz_6s02e_141:not(#\9) {
141
+ .awsui_root_2rhyz_1p3b2_141:not(#\9) {
142
142
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
143
143
  }
144
144
 
145
- .awsui_input_2rhyz_6s02e_145:not(#\9) {
145
+ .awsui_input_2rhyz_1p3b2_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -171,162 +171,162 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
171
171
  word-spacing: normal;
172
172
  font-size: var(--font-size-body-m-x4okxb, 14px);
173
173
  line-height: var(--line-height-body-m-30ar75, 20px);
174
- color: var(--color-text-body-default-at06ol, #000716);
174
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
175
175
  font-weight: 400;
176
176
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
177
177
  -webkit-font-smoothing: auto;
178
178
  -moz-osx-font-smoothing: auto;
179
179
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
180
180
  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
181
- color: var(--color-text-body-default-at06ol, #000716);
181
+ color: var(--color-text-body-default-7v1jfn, #0f141a);
182
182
  inline-size: 100%;
183
183
  cursor: text;
184
184
  box-sizing: border-box;
185
- background-color: var(--color-background-input-default-igdh5e, #ffffff);
185
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
186
186
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
187
187
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
188
188
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
189
189
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
190
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
191
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
190
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
191
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
192
192
  font-size: var(--font-size-body-m-x4okxb, 14px);
193
193
  line-height: var(--line-height-body-m-30ar75, 20px);
194
194
  block-size: var(--size-vertical-input-v5iwwf, 32px);
195
195
  }
196
- .awsui_input_2rhyz_6s02e_145.awsui_input-readonly_2rhyz_6s02e_195:not(#\9) {
197
- background-color: var(--color-background-input-default-igdh5e, #ffffff);
198
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
199
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
196
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-readonly_2rhyz_1p3b2_195:not(#\9) {
197
+ background-color: var(--color-background-input-default-u56ls1, #ffffff);
198
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
199
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
200
200
  }
201
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-webkit-input-placeholder {
202
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
201
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-webkit-input-placeholder {
202
+ color: var(--color-text-input-placeholder-f3x213, #656871);
203
203
  font-style: italic;
204
204
  -webkit-user-select: none;
205
205
  user-select: none;
206
206
  }
207
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-ms-input-placeholder {
208
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
207
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-ms-input-placeholder {
208
+ color: var(--color-text-input-placeholder-f3x213, #656871);
209
209
  font-style: italic;
210
210
  }
211
- .awsui_input_2rhyz_6s02e_145:not(#\9)::-moz-placeholder {
212
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
211
+ .awsui_input_2rhyz_1p3b2_145:not(#\9)::-moz-placeholder {
212
+ color: var(--color-text-input-placeholder-f3x213, #656871);
213
213
  font-style: italic;
214
214
  opacity: 1;
215
215
  }
216
- .awsui_input_2rhyz_6s02e_145:not(#\9):-ms-input-placeholder {
217
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
216
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):-ms-input-placeholder {
217
+ color: var(--color-text-input-placeholder-f3x213, #656871);
218
218
  font-style: italic;
219
219
  }
220
- .awsui_input_2rhyz_6s02e_145:not(#\9):-moz-placeholder {
221
- color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
220
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):-moz-placeholder {
221
+ color: var(--color-text-input-placeholder-f3x213, #656871);
222
222
  font-style: italic;
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_6s02e_145:not(#\9):focus {
225
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):focus {
226
226
  outline: 2px dotted transparent;
227
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
228
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
227
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
228
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
229
229
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
230
230
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
231
231
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
232
232
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
233
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
233
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
234
234
  }
235
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled {
236
- background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
237
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
238
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
239
- color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
235
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled {
236
+ background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
237
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
238
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
239
+ color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
240
240
  cursor: auto;
241
241
  cursor: default;
242
242
  }
243
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-webkit-input-placeholder {
244
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
243
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-webkit-input-placeholder {
244
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
245
245
  -webkit-user-select: none;
246
246
  user-select: none;
247
247
  }
248
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-ms-input-placeholder {
249
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
248
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-ms-input-placeholder {
249
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
250
250
  }
251
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled::-moz-placeholder {
252
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
251
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-moz-placeholder {
252
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
253
253
  opacity: 1;
254
254
  }
255
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled:-ms-input-placeholder {
256
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
255
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-ms-input-placeholder {
256
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
257
257
  }
258
- .awsui_input_2rhyz_6s02e_145:not(#\9):disabled:-moz-placeholder {
259
- color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
258
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-moz-placeholder {
259
+ color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
260
260
  opacity: 1;
261
261
  }
262
- .awsui_input_2rhyz_6s02e_145:not(#\9):invalid {
262
+ .awsui_input_2rhyz_1p3b2_145:not(#\9):invalid {
263
263
  box-shadow: none;
264
264
  }
265
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262:not(#\9) {
266
- color: var(--color-text-status-error-wdvepn, #d91515);
267
- border-color: var(--color-text-status-error-wdvepn, #d91515);
265
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9) {
266
+ color: var(--color-text-status-error-5676bj, #db0000);
267
+ border-color: var(--color-text-status-error-5676bj, #db0000);
268
268
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
269
269
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
270
270
  }
271
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262:not(#\9):focus {
272
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
271
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9):focus {
272
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
273
273
  }
274
- .awsui_input_2rhyz_6s02e_145.awsui_input-invalid_2rhyz_6s02e_262.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
274
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
275
275
  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
276
276
  }
277
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274:not(#\9) {
278
- color: var(--color-text-status-warning-yik8vi, #8d6605);
279
- border-color: var(--color-text-status-warning-yik8vi, #8d6605);
277
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9) {
278
+ color: var(--color-text-status-warning-csaw41, #855900);
279
+ border-color: var(--color-text-status-warning-csaw41, #855900);
280
280
  padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
281
281
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
282
282
  }
283
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274:not(#\9):focus {
284
- box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
283
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9):focus {
284
+ box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
285
285
  }
286
- .awsui_input_2rhyz_6s02e_145.awsui_input-warning_2rhyz_6s02e_274.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
286
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
287
287
  padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
288
288
  }
289
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9) {
289
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9) {
290
290
  box-sizing: border-box;
291
291
  -webkit-appearance: none;
292
292
  }
293
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9)::-webkit-search-decoration {
293
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-decoration {
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_6s02e_145.awsui_input-type-search_2rhyz_6s02e_286:not(#\9)::-webkit-search-cancel-button {
296
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-cancel-button {
297
297
  display: none;
298
298
  }
299
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-icon-left_2rhyz_6s02e_271:not(#\9) {
299
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
300
300
  padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
301
301
  }
302
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-icon-right_2rhyz_6s02e_299:not(#\9) {
302
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-right_2rhyz_1p3b2_299:not(#\9) {
303
303
  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
304
304
  }
305
- .awsui_input_2rhyz_6s02e_145.awsui_input-has-no-border-radius_2rhyz_6s02e_302:not(#\9) {
305
+ .awsui_input_2rhyz_1p3b2_145.awsui_input-has-no-border-radius_2rhyz_1p3b2_302:not(#\9) {
306
306
  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
307
307
  border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
308
308
  border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
309
309
  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
310
310
  }
311
311
 
312
- .awsui_input-container_2rhyz_6s02e_309:not(#\9) {
312
+ .awsui_input-container_2rhyz_1p3b2_309:not(#\9) {
313
313
  display: flex;
314
314
  position: relative;
315
315
  }
316
316
 
317
- .awsui_input-icon-left_2rhyz_6s02e_314:not(#\9) {
317
+ .awsui_input-icon-left_2rhyz_1p3b2_314:not(#\9) {
318
318
  position: absolute;
319
319
  pointer-events: none;
320
320
  inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
321
321
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
322
322
  }
323
323
 
324
- .awsui_input-icon-right_2rhyz_6s02e_321:not(#\9) {
324
+ .awsui_input-icon-right_2rhyz_1p3b2_321:not(#\9) {
325
325
  position: absolute;
326
326
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
327
327
  inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
328
328
  }
329
329
 
330
- .awsui_input-button-right_2rhyz_6s02e_327:not(#\9) {
330
+ .awsui_input-button-right_2rhyz_1p3b2_327:not(#\9) {
331
331
  /* used in test-utils */
332
332
  }
package/input/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
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_2rhyz_6s02e_141",
6
- "input": "awsui_input_2rhyz_6s02e_145",
7
- "input-readonly": "awsui_input-readonly_2rhyz_6s02e_195",
8
- "input-invalid": "awsui_input-invalid_2rhyz_6s02e_262",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_6s02e_271",
10
- "input-warning": "awsui_input-warning_2rhyz_6s02e_274",
11
- "input-type-search": "awsui_input-type-search_2rhyz_6s02e_286",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_6s02e_299",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_6s02e_302",
14
- "input-container": "awsui_input-container_2rhyz_6s02e_309",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_6s02e_314",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_6s02e_321",
17
- "input-button-right": "awsui_input-button-right_2rhyz_6s02e_327"
5
+ "root": "awsui_root_2rhyz_1p3b2_141",
6
+ "input": "awsui_input_2rhyz_1p3b2_145",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1p3b2_195",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1p3b2_262",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1p3b2_271",
10
+ "input-warning": "awsui_input-warning_2rhyz_1p3b2_274",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_1p3b2_286",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1p3b2_299",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1p3b2_302",
14
+ "input-container": "awsui_input-container_2rhyz_1p3b2_309",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1p3b2_314",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1p3b2_321",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_1p3b2_327"
18
18
  };
19
19