@cloudscape-design/components 3.0.347 → 3.0.349

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 (427) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +64 -64
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +46 -46
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/drawer/styles.css.js +10 -10
  11. package/app-layout/drawer/styles.scoped.css +28 -28
  12. package/app-layout/drawer/styles.selectors.js +10 -10
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  15. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/styles.css.js +17 -17
  20. package/app-layout/styles.scoped.css +30 -30
  21. package/app-layout/styles.selectors.js +17 -17
  22. package/app-layout/toggles/styles.css.js +2 -2
  23. package/app-layout/toggles/styles.scoped.css +16 -16
  24. package/app-layout/toggles/styles.selectors.js +2 -2
  25. package/app-layout/visual-refresh/styles.css.js +69 -69
  26. package/app-layout/visual-refresh/styles.scoped.css +267 -267
  27. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  28. package/area-chart/styles.css.js +6 -6
  29. package/area-chart/styles.scoped.css +16 -16
  30. package/area-chart/styles.selectors.js +6 -6
  31. package/attribute-editor/styles.css.js +14 -14
  32. package/attribute-editor/styles.scoped.css +48 -48
  33. package/attribute-editor/styles.selectors.js +14 -14
  34. package/badge/styles.css.js +5 -5
  35. package/badge/styles.scoped.css +20 -20
  36. package/badge/styles.selectors.js +5 -5
  37. package/box/styles.css.js +189 -189
  38. package/box/styles.scoped.css +418 -418
  39. package/box/styles.selectors.js +189 -189
  40. package/breadcrumb-group/item/styles.css.js +9 -9
  41. package/breadcrumb-group/item/styles.scoped.css +28 -28
  42. package/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/breadcrumb-group/styles.css.js +7 -7
  44. package/breadcrumb-group/styles.scoped.css +22 -22
  45. package/breadcrumb-group/styles.selectors.js +7 -7
  46. package/button/styles.css.js +20 -20
  47. package/button/styles.scoped.css +472 -472
  48. package/button/styles.selectors.js +20 -20
  49. package/button-dropdown/category-elements/styles.css.js +13 -13
  50. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  51. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  52. package/button-dropdown/interfaces.d.ts +2 -15
  53. package/button-dropdown/interfaces.d.ts.map +1 -1
  54. package/button-dropdown/interfaces.js.map +1 -1
  55. package/button-dropdown/item-element/styles.css.js +14 -14
  56. package/button-dropdown/item-element/styles.scoped.css +42 -42
  57. package/button-dropdown/item-element/styles.selectors.js +14 -14
  58. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  60. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/button-dropdown/styles.css.js +14 -14
  62. package/button-dropdown/styles.scoped.css +32 -32
  63. package/button-dropdown/styles.selectors.js +14 -14
  64. package/calendar/styles.css.js +18 -18
  65. package/calendar/styles.scoped.css +89 -89
  66. package/calendar/styles.selectors.js +18 -18
  67. package/cards/styles.css.js +38 -38
  68. package/cards/styles.scoped.css +99 -99
  69. package/cards/styles.selectors.js +38 -38
  70. package/checkbox/styles.css.js +3 -3
  71. package/checkbox/styles.scoped.css +16 -16
  72. package/checkbox/styles.selectors.js +3 -3
  73. package/code-editor/resizable-box/styles.css.js +3 -3
  74. package/code-editor/resizable-box/styles.scoped.css +8 -8
  75. package/code-editor/resizable-box/styles.selectors.js +3 -3
  76. package/code-editor/styles.css.js +32 -32
  77. package/code-editor/styles.scoped.css +228 -219
  78. package/code-editor/styles.selectors.js +32 -32
  79. package/collection-preferences/content-display/styles.css.js +11 -11
  80. package/collection-preferences/content-display/styles.scoped.css +42 -42
  81. package/collection-preferences/content-display/styles.selectors.js +11 -11
  82. package/collection-preferences/styles.css.js +37 -37
  83. package/collection-preferences/styles.scoped.css +81 -81
  84. package/collection-preferences/styles.selectors.js +37 -37
  85. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  86. package/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  87. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  88. package/column-layout/styles.css.js +13 -13
  89. package/column-layout/styles.scoped.css +55 -55
  90. package/column-layout/styles.selectors.js +13 -13
  91. package/container/styles.css.js +28 -28
  92. package/container/styles.scoped.css +94 -94
  93. package/container/styles.selectors.js +28 -28
  94. package/content-layout/styles.css.js +7 -7
  95. package/content-layout/styles.scoped.css +17 -17
  96. package/content-layout/styles.selectors.js +7 -7
  97. package/date-picker/styles.css.js +7 -7
  98. package/date-picker/styles.scoped.css +16 -16
  99. package/date-picker/styles.selectors.js +7 -7
  100. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  101. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  102. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  103. package/date-range-picker/relative-range/styles.css.js +9 -9
  104. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  105. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  106. package/date-range-picker/styles.css.js +38 -38
  107. package/date-range-picker/styles.scoped.css +76 -76
  108. package/date-range-picker/styles.selectors.js +38 -38
  109. package/expandable-section/styles.css.js +29 -29
  110. package/expandable-section/styles.scoped.css +106 -106
  111. package/expandable-section/styles.selectors.js +29 -29
  112. package/file-upload/dropzone/styles.css.js +2 -2
  113. package/file-upload/dropzone/styles.scoped.css +9 -9
  114. package/file-upload/dropzone/styles.selectors.js +2 -2
  115. package/file-upload/file-input/styles.css.js +4 -4
  116. package/file-upload/file-input/styles.scoped.css +14 -14
  117. package/file-upload/file-input/styles.selectors.js +4 -4
  118. package/file-upload/file-option/styles.css.js +7 -7
  119. package/file-upload/file-option/styles.scoped.css +10 -10
  120. package/file-upload/file-option/styles.selectors.js +7 -7
  121. package/file-upload/styles.css.js +2 -2
  122. package/file-upload/styles.scoped.css +4 -4
  123. package/file-upload/styles.selectors.js +2 -2
  124. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  125. package/flashbar/collapsible-flashbar.js +8 -5
  126. package/flashbar/collapsible-flashbar.js.map +1 -1
  127. package/flashbar/flash.d.ts.map +1 -1
  128. package/flashbar/flash.js +2 -1
  129. package/flashbar/flash.js.map +1 -1
  130. package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
  131. package/flashbar/non-collapsible-flashbar.js +1 -2
  132. package/flashbar/non-collapsible-flashbar.js.map +1 -1
  133. package/flashbar/styles.css.js +46 -46
  134. package/flashbar/styles.scoped.css +250 -246
  135. package/flashbar/styles.selectors.js +46 -46
  136. package/flashbar/utils.js +1 -1
  137. package/flashbar/utils.js.map +1 -1
  138. package/form/styles.css.js +9 -9
  139. package/form/styles.scoped.css +20 -20
  140. package/form/styles.selectors.js +9 -9
  141. package/form-field/styles.css.js +19 -19
  142. package/form-field/styles.scoped.css +52 -52
  143. package/form-field/styles.selectors.js +19 -19
  144. package/grid/styles.css.js +53 -53
  145. package/grid/styles.scoped.css +60 -60
  146. package/grid/styles.selectors.js +53 -53
  147. package/header/styles.css.js +33 -33
  148. package/header/styles.scoped.css +114 -114
  149. package/header/styles.selectors.js +33 -33
  150. package/help-panel/styles.css.js +4 -4
  151. package/help-panel/styles.scoped.css +172 -172
  152. package/help-panel/styles.selectors.js +4 -4
  153. package/hotspot/styles.css.js +7 -7
  154. package/hotspot/styles.scoped.css +10 -10
  155. package/hotspot/styles.selectors.js +7 -7
  156. package/i18n/index.d.ts +1 -1
  157. package/i18n/index.d.ts.map +1 -1
  158. package/i18n/index.js +1 -1
  159. package/i18n/index.js.map +1 -1
  160. package/i18n/provider.d.ts.map +1 -1
  161. package/i18n/provider.js +4 -2
  162. package/i18n/provider.js.map +1 -1
  163. package/i18n/testing.d.ts.map +1 -1
  164. package/i18n/testing.js +2 -0
  165. package/i18n/testing.js.map +1 -1
  166. package/icon/styles.css.js +21 -21
  167. package/icon/styles.scoped.css +81 -81
  168. package/icon/styles.selectors.js +21 -21
  169. package/input/styles.css.js +12 -12
  170. package/input/styles.scoped.css +73 -73
  171. package/input/styles.selectors.js +12 -12
  172. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  173. package/internal/analytics/components/analytics-funnel.js +50 -1
  174. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  175. package/internal/analytics/context/analytics-context.d.ts +13 -0
  176. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  177. package/internal/analytics/context/analytics-context.js +4 -0
  178. package/internal/analytics/context/analytics-context.js.map +1 -1
  179. package/internal/analytics/hooks/use-funnel.d.ts +4 -0
  180. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  181. package/internal/analytics/hooks/use-funnel.js +73 -20
  182. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  183. package/internal/base-component/styles.scoped.css +1696 -1635
  184. package/internal/components/abstract-switch/styles.css.js +13 -13
  185. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  186. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  187. package/internal/components/button-trigger/styles.css.js +9 -9
  188. package/internal/components/button-trigger/styles.scoped.css +63 -63
  189. package/internal/components/button-trigger/styles.selectors.js +9 -9
  190. package/internal/components/cartesian-chart/styles.css.js +27 -27
  191. package/internal/components/cartesian-chart/styles.scoped.css +41 -41
  192. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  193. package/internal/components/chart-filter/styles.css.js +3 -3
  194. package/internal/components/chart-filter/styles.scoped.css +7 -7
  195. package/internal/components/chart-filter/styles.selectors.js +3 -3
  196. package/internal/components/chart-legend/styles.css.js +6 -6
  197. package/internal/components/chart-legend/styles.scoped.css +23 -23
  198. package/internal/components/chart-legend/styles.selectors.js +6 -6
  199. package/internal/components/chart-plot/styles.css.js +5 -5
  200. package/internal/components/chart-plot/styles.scoped.css +6 -6
  201. package/internal/components/chart-plot/styles.selectors.js +5 -5
  202. package/internal/components/chart-popover/index.js +1 -1
  203. package/internal/components/chart-popover/index.js.map +1 -1
  204. package/internal/components/chart-popover/styles.css.js +3 -3
  205. package/internal/components/chart-popover/styles.scoped.css +9 -9
  206. package/internal/components/chart-popover/styles.selectors.js +3 -3
  207. package/internal/components/chart-series-details/styles.css.js +5 -5
  208. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  209. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  210. package/internal/components/chart-series-marker/styles.css.js +5 -5
  211. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  212. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  213. package/internal/components/chart-status-container/styles.css.js +2 -2
  214. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  215. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  216. package/internal/components/chart-wrapper/styles.css.js +9 -9
  217. package/internal/components/chart-wrapper/styles.scoped.css +15 -15
  218. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  219. package/internal/components/checkbox-icon/styles.css.js +7 -7
  220. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  221. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  222. package/internal/components/dark-ribbon/styles.css.js +2 -2
  223. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  224. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  225. package/internal/components/dropdown/interfaces.d.ts +8 -5
  226. package/internal/components/dropdown/interfaces.d.ts.map +1 -1
  227. package/internal/components/dropdown/interfaces.js.map +1 -1
  228. package/internal/components/dropdown/styles.css.js +20 -20
  229. package/internal/components/dropdown/styles.scoped.css +51 -51
  230. package/internal/components/dropdown/styles.selectors.js +20 -20
  231. package/internal/components/dropdown-footer/styles.css.js +3 -3
  232. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  233. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  234. package/internal/components/dropdown-status/styles.css.js +2 -2
  235. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  236. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  237. package/internal/components/filtering-token/styles.css.js +7 -7
  238. package/internal/components/filtering-token/styles.scoped.css +34 -34
  239. package/internal/components/filtering-token/styles.selectors.js +7 -7
  240. package/internal/components/handle/styles.css.js +2 -2
  241. package/internal/components/handle/styles.scoped.css +12 -12
  242. package/internal/components/handle/styles.selectors.js +2 -2
  243. package/internal/components/menu-dropdown/styles.css.js +7 -7
  244. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  245. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  246. package/internal/components/option/styles.css.js +17 -17
  247. package/internal/components/option/styles.scoped.css +47 -47
  248. package/internal/components/option/styles.selectors.js +17 -17
  249. package/internal/components/options-list/styles.css.js +2 -2
  250. package/internal/components/options-list/styles.scoped.css +7 -7
  251. package/internal/components/options-list/styles.selectors.js +2 -2
  252. package/internal/components/selectable-item/styles.css.js +16 -16
  253. package/internal/components/selectable-item/styles.scoped.css +70 -70
  254. package/internal/components/selectable-item/styles.selectors.js +16 -16
  255. package/internal/components/token-list/styles.css.js +9 -9
  256. package/internal/components/token-list/styles.scoped.css +40 -40
  257. package/internal/components/token-list/styles.selectors.js +9 -9
  258. package/internal/environment.js +1 -1
  259. package/internal/environment.json +1 -1
  260. package/internal/generated/styles/tokens.d.ts +1 -0
  261. package/internal/generated/styles/tokens.js +306 -305
  262. package/internal/generated/theming/index.cjs +1830 -821
  263. package/internal/generated/theming/index.cjs.d.ts +192 -0
  264. package/internal/generated/theming/index.d.ts +192 -0
  265. package/internal/generated/theming/index.js +1830 -821
  266. package/internal/manifest.json +1 -1
  267. package/internal/utils/dom.d.ts +1 -1
  268. package/internal/utils/dom.d.ts.map +1 -1
  269. package/internal/utils/dom.js +1 -1
  270. package/internal/utils/dom.js.map +1 -1
  271. package/link/styles.css.js +20 -20
  272. package/link/styles.scoped.css +163 -163
  273. package/link/styles.selectors.js +20 -20
  274. package/mixed-line-bar-chart/styles.css.js +11 -11
  275. package/mixed-line-bar-chart/styles.scoped.css +24 -24
  276. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  277. package/modal/styles.css.js +23 -23
  278. package/modal/styles.scoped.css +67 -67
  279. package/modal/styles.selectors.js +23 -23
  280. package/multiselect/styles.css.js +1 -1
  281. package/multiselect/styles.scoped.css +5 -5
  282. package/multiselect/styles.selectors.js +1 -1
  283. package/package.json +1 -1
  284. package/pagination/styles.css.js +9 -9
  285. package/pagination/styles.scoped.css +47 -47
  286. package/pagination/styles.selectors.js +9 -9
  287. package/pie-chart/index.d.ts.map +1 -1
  288. package/pie-chart/index.js +1 -2
  289. package/pie-chart/index.js.map +1 -1
  290. package/pie-chart/pie-chart.d.ts +1 -3
  291. package/pie-chart/pie-chart.d.ts.map +1 -1
  292. package/pie-chart/pie-chart.js +16 -17
  293. package/pie-chart/pie-chart.js.map +1 -1
  294. package/pie-chart/segments.d.ts +1 -2
  295. package/pie-chart/segments.d.ts.map +1 -1
  296. package/pie-chart/segments.js +2 -2
  297. package/pie-chart/segments.js.map +1 -1
  298. package/pie-chart/styles.css.js +27 -27
  299. package/pie-chart/styles.scoped.css +63 -63
  300. package/pie-chart/styles.selectors.js +27 -27
  301. package/popover/styles.css.js +50 -50
  302. package/popover/styles.scoped.css +104 -104
  303. package/popover/styles.selectors.js +50 -50
  304. package/progress-bar/styles.css.js +18 -18
  305. package/progress-bar/styles.scoped.css +58 -58
  306. package/progress-bar/styles.selectors.js +18 -18
  307. package/property-filter/styles.css.js +29 -29
  308. package/property-filter/styles.scoped.css +52 -52
  309. package/property-filter/styles.selectors.js +29 -29
  310. package/radio-group/styles.css.js +9 -9
  311. package/radio-group/styles.scoped.css +37 -37
  312. package/radio-group/styles.selectors.js +9 -9
  313. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  314. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  315. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  316. package/segmented-control/styles.css.js +14 -14
  317. package/segmented-control/styles.scoped.css +78 -78
  318. package/segmented-control/styles.selectors.js +14 -14
  319. package/select/parts/styles.css.js +9 -9
  320. package/select/parts/styles.scoped.css +17 -17
  321. package/select/parts/styles.selectors.js +9 -9
  322. package/select/styles.css.js +1 -1
  323. package/select/styles.scoped.css +5 -5
  324. package/select/styles.selectors.js +1 -1
  325. package/side-navigation/styles.css.js +28 -28
  326. package/side-navigation/styles.scoped.css +92 -92
  327. package/side-navigation/styles.selectors.js +28 -28
  328. package/space-between/styles.css.js +23 -23
  329. package/space-between/styles.scoped.css +40 -40
  330. package/space-between/styles.selectors.js +23 -23
  331. package/spinner/styles.css.js +13 -13
  332. package/spinner/styles.scoped.css +35 -35
  333. package/spinner/styles.selectors.js +13 -13
  334. package/split-panel/styles.css.js +56 -56
  335. package/split-panel/styles.scoped.css +146 -146
  336. package/split-panel/styles.selectors.js +56 -56
  337. package/status-indicator/styles.css.js +22 -22
  338. package/status-indicator/styles.scoped.css +46 -46
  339. package/status-indicator/styles.selectors.js +22 -22
  340. package/table/body-cell/styles.css.js +28 -28
  341. package/table/body-cell/styles.scoped.css +155 -155
  342. package/table/body-cell/styles.selectors.js +28 -28
  343. package/table/body-cell/td-element.d.ts +3 -1
  344. package/table/body-cell/td-element.d.ts.map +1 -1
  345. package/table/body-cell/td-element.js +5 -7
  346. package/table/body-cell/td-element.js.map +1 -1
  347. package/table/header-cell/index.d.ts +2 -0
  348. package/table/header-cell/index.d.ts.map +1 -1
  349. package/table/header-cell/index.js +4 -3
  350. package/table/header-cell/index.js.map +1 -1
  351. package/table/header-cell/styles.css.js +24 -24
  352. package/table/header-cell/styles.scoped.css +93 -93
  353. package/table/header-cell/styles.selectors.js +24 -24
  354. package/table/header-cell/utils.d.ts +0 -1
  355. package/table/header-cell/utils.d.ts.map +1 -1
  356. package/table/header-cell/utils.js +0 -6
  357. package/table/header-cell/utils.js.map +1 -1
  358. package/table/internal.d.ts.map +1 -1
  359. package/table/internal.js +9 -8
  360. package/table/internal.js.map +1 -1
  361. package/table/resizer/styles.css.js +6 -6
  362. package/table/resizer/styles.scoped.css +27 -27
  363. package/table/resizer/styles.selectors.js +6 -6
  364. package/table/selection-control/styles.css.js +3 -3
  365. package/table/selection-control/styles.scoped.css +4 -4
  366. package/table/selection-control/styles.selectors.js +3 -3
  367. package/table/sticky-header.d.ts +2 -0
  368. package/table/sticky-header.d.ts.map +1 -1
  369. package/table/sticky-header.js +3 -2
  370. package/table/sticky-header.js.map +1 -1
  371. package/table/styles.css.js +34 -34
  372. package/table/styles.scoped.css +84 -84
  373. package/table/styles.selectors.js +34 -34
  374. package/table/table-role/index.d.ts +2 -0
  375. package/table/table-role/index.d.ts.map +1 -0
  376. package/table/table-role/index.js +4 -0
  377. package/table/table-role/index.js.map +1 -0
  378. package/table/table-role/table-role-helper.d.ts +22 -0
  379. package/table/table-role/table-role-helper.d.ts.map +1 -0
  380. package/table/table-role/table-role-helper.js +47 -0
  381. package/table/table-role/table-role-helper.js.map +1 -0
  382. package/table/thead.d.ts +2 -0
  383. package/table/thead.d.ts.map +1 -1
  384. package/table/thead.js +4 -3
  385. package/table/thead.js.map +1 -1
  386. package/tabs/styles.css.js +21 -21
  387. package/tabs/styles.scoped.css +86 -86
  388. package/tabs/styles.selectors.js +21 -21
  389. package/tag-editor/styles.css.js +3 -3
  390. package/tag-editor/styles.scoped.css +24 -24
  391. package/tag-editor/styles.selectors.js +3 -3
  392. package/text-content/styles.css.js +1 -1
  393. package/text-content/styles.scoped.css +130 -130
  394. package/text-content/styles.selectors.js +1 -1
  395. package/text-filter/styles.css.js +3 -3
  396. package/text-filter/styles.scoped.css +10 -10
  397. package/text-filter/styles.selectors.js +3 -3
  398. package/textarea/styles.css.js +4 -4
  399. package/textarea/styles.scoped.css +40 -40
  400. package/textarea/styles.selectors.js +4 -4
  401. package/tiles/styles.css.js +29 -29
  402. package/tiles/styles.scoped.css +128 -128
  403. package/tiles/styles.selectors.js +29 -29
  404. package/toggle/styles.css.js +8 -8
  405. package/toggle/styles.scoped.css +27 -27
  406. package/toggle/styles.selectors.js +8 -8
  407. package/token-group/styles.css.js +7 -7
  408. package/token-group/styles.scoped.css +42 -42
  409. package/token-group/styles.selectors.js +7 -7
  410. package/top-navigation/1.0-beta/styles.css.js +25 -25
  411. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  412. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  413. package/top-navigation/styles.css.js +47 -47
  414. package/top-navigation/styles.scoped.css +148 -148
  415. package/top-navigation/styles.selectors.js +47 -47
  416. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  417. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  418. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  419. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  420. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  421. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  422. package/tutorial-panel/styles.css.js +1 -1
  423. package/tutorial-panel/styles.scoped.css +6 -6
  424. package/tutorial-panel/styles.selectors.js +1 -1
  425. package/wizard/styles.css.js +31 -31
  426. package/wizard/styles.scoped.css +124 -124
  427. package/wizard/styles.selectors.js +31 -31
@@ -186,31 +186,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189:not(#\9) {
190
- transition-duration: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
189
+ .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189:not(#\9) {
190
+ transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
191
191
  transition-property: none;
192
192
  }
193
193
  @media (prefers-reduced-motion: reduce) {
194
- .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189:not(#\9) {
194
+ .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
  }
199
- .awsui-motion-disabled .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189:not(#\9) {
199
+ .awsui-motion-disabled .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189:not(#\9) {
200
200
  animation: none;
201
201
  transition: none;
202
202
  }
203
- .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189.awsui_animating_1r9lg_1t0ww_203:not(#\9) {
203
+ .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189.awsui_animating_1r9lg_icpbs_203:not(#\9) {
204
204
  transition-property: transform;
205
- transition-timing-function: var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
205
+ transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
206
206
  }
207
207
  @media (prefers-reduced-motion: reduce) {
208
- .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189.awsui_animating_1r9lg_1t0ww_203:not(#\9) {
208
+ .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189.awsui_animating_1r9lg_icpbs_203:not(#\9) {
209
209
  animation: none;
210
210
  transition: none;
211
211
  }
212
212
  }
213
- .awsui-motion-disabled .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189.awsui_animating_1r9lg_1t0ww_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1t0ww_189.awsui_refresh_1r9lg_1t0ww_189.awsui_animating_1r9lg_1t0ww_203:not(#\9) {
213
+ .awsui-motion-disabled .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189.awsui_animating_1r9lg_icpbs_203:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_icpbs_189.awsui_refresh_1r9lg_icpbs_189.awsui_animating_1r9lg_icpbs_203:not(#\9) {
214
214
  animation: none;
215
215
  transition: none;
216
216
  }
@@ -223,72 +223,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
223
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
224
224
  SPDX-License-Identifier: Apache-2.0
225
225
  */
226
- .awsui_preference-icon--layout-border_1r9lg_1t0ww_226:not(#\9) {
227
- stroke: var(--color-background-home-header-qnhw1k, #000716);
228
- fill: var(--color-background-container-content-og3y0v, #ffffff);
226
+ .awsui_preference-icon--layout-border_1r9lg_icpbs_226:not(#\9) {
227
+ stroke: var(--color-background-home-header-2rudu7, #000716);
228
+ fill: var(--color-background-container-content-4un1ap, #ffffff);
229
229
  }
230
- .awsui_preference-icon--layout-background_1r9lg_1t0ww_230:not(#\9) {
231
- fill: var(--color-background-layout-main-m49752, #ffffff);
230
+ .awsui_preference-icon--layout-background_1r9lg_icpbs_230:not(#\9) {
231
+ fill: var(--color-background-layout-main-nx09lr, #ffffff);
232
232
  }
233
- .awsui_preference-icon--layout-header_1r9lg_1t0ww_233:not(#\9) {
234
- fill: var(--color-background-home-header-qnhw1k, #000716);
233
+ .awsui_preference-icon--layout-header_1r9lg_icpbs_233:not(#\9) {
234
+ fill: var(--color-background-home-header-2rudu7, #000716);
235
235
  }
236
- .awsui_preference-icon--border_1r9lg_1t0ww_236:not(#\9) {
237
- stroke: var(--color-text-group-label-qtmgp9, #414d5c);
238
- fill: var(--color-background-container-content-og3y0v, #ffffff);
236
+ .awsui_preference-icon--border_1r9lg_icpbs_236:not(#\9) {
237
+ stroke: var(--color-text-group-label-zuh0h0, #414d5c);
238
+ fill: var(--color-background-container-content-4un1ap, #ffffff);
239
239
  }
240
- .awsui_preference-icon--primary-button_1r9lg_1t0ww_240:not(#\9) {
241
- fill: var(--color-background-button-primary-default-lxnvg2, #0972d3);
240
+ .awsui_preference-icon--primary-button_1r9lg_icpbs_240:not(#\9) {
241
+ fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
242
242
  }
243
- .awsui_preference-icon--secondary_1r9lg_1t0ww_243:not(#\9) {
244
- fill: var(--color-text-group-label-qtmgp9, #414d5c);
243
+ .awsui_preference-icon--secondary_1r9lg_icpbs_243:not(#\9) {
244
+ fill: var(--color-text-group-label-zuh0h0, #414d5c);
245
245
  }
246
- .awsui_preference-icon--disabled-element_1r9lg_1t0ww_246:not(#\9) {
247
- fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
246
+ .awsui_preference-icon--disabled-element_1r9lg_icpbs_246:not(#\9) {
247
+ fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
248
248
  }
249
- .awsui_preference-icon--separator_1r9lg_1t0ww_249:not(#\9) {
250
- stroke: var(--color-background-control-disabled-u2n10f, #d1d5db);
249
+ .awsui_preference-icon--separator_1r9lg_icpbs_249:not(#\9) {
250
+ stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
251
251
  }
252
- .awsui_preference-icon--focus-text_1r9lg_1t0ww_252:not(#\9) {
253
- fill: var(--color-text-interactive-default-2sml2m, #414d5c);
252
+ .awsui_preference-icon--focus-text_1r9lg_icpbs_252:not(#\9) {
253
+ fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
254
254
  }
255
255
 
256
- .awsui_preference-icon-refresh--layout-top_1r9lg_1t0ww_256:not(#\9) {
257
- fill: var(--color-background-button-primary-disabled-mp3gf0, #e9ebed);
256
+ .awsui_preference-icon-refresh--layout-top_1r9lg_icpbs_256:not(#\9) {
257
+ fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
258
258
  }
259
- .awsui_preference-icon-refresh--layout-main_1r9lg_1t0ww_259:not(#\9) {
260
- fill: var(--color-background-layout-main-m49752, #ffffff);
259
+ .awsui_preference-icon-refresh--layout-main_1r9lg_icpbs_259:not(#\9) {
260
+ fill: var(--color-background-layout-main-nx09lr, #ffffff);
261
261
  }
262
- .awsui_preference-icon-refresh--primary_1r9lg_1t0ww_262:not(#\9) {
263
- fill: var(--color-background-button-primary-default-lxnvg2, #0972d3);
262
+ .awsui_preference-icon-refresh--primary_1r9lg_icpbs_262:not(#\9) {
263
+ fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
264
264
  }
265
- .awsui_preference-icon-refresh--disabled_1r9lg_1t0ww_265:not(#\9) {
266
- fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
265
+ .awsui_preference-icon-refresh--disabled_1r9lg_icpbs_265:not(#\9) {
266
+ fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
267
267
  }
268
- .awsui_preference-icon-refresh--column-header_1r9lg_1t0ww_268:not(#\9) {
269
- fill: var(--color-text-input-disabled-dmotcr, #9ba7b6);
268
+ .awsui_preference-icon-refresh--column-header_1r9lg_icpbs_268:not(#\9) {
269
+ fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
270
270
  }
271
- .awsui_preference-icon-refresh--window_1r9lg_1t0ww_271:not(#\9) {
272
- stroke: var(--color-background-home-header-qnhw1k, #000716);
273
- fill: var(--color-background-container-content-og3y0v, #ffffff);
271
+ .awsui_preference-icon-refresh--window_1r9lg_icpbs_271:not(#\9) {
272
+ stroke: var(--color-background-home-header-2rudu7, #000716);
273
+ fill: var(--color-background-container-content-4un1ap, #ffffff);
274
274
  }
275
- .awsui_preference-icon-refresh--secondary_1r9lg_1t0ww_275:not(#\9) {
276
- fill: var(--color-text-body-secondary-he5d85, #414d5c);
275
+ .awsui_preference-icon-refresh--secondary_1r9lg_icpbs_275:not(#\9) {
276
+ fill: var(--color-text-body-secondary-so8znq, #414d5c);
277
277
  }
278
- .awsui_preference-icon-refresh--default_1r9lg_1t0ww_278:not(#\9) {
279
- fill: var(--color-text-body-default-su7kuo, #000716);
278
+ .awsui_preference-icon-refresh--default_1r9lg_icpbs_278:not(#\9) {
279
+ fill: var(--color-text-body-default-2sxhhn, #000716);
280
280
  }
281
- .awsui_preference-icon-refresh--separator_1r9lg_1t0ww_281:not(#\9) {
282
- stroke: var(--color-border-divider-default-9o8zql, #e9ebed);
281
+ .awsui_preference-icon-refresh--separator_1r9lg_icpbs_281:not(#\9) {
282
+ stroke: var(--color-border-divider-default-d3adp9, #e9ebed);
283
283
  }
284
- .awsui_preference-icon-refresh--input-default_1r9lg_1t0ww_284:not(#\9) {
285
- fill: var(--color-border-input-default-zb6g42, #7d8998);
284
+ .awsui_preference-icon-refresh--input-default_1r9lg_icpbs_284:not(#\9) {
285
+ fill: var(--color-border-input-default-1zl7hq, #7d8998);
286
286
  }
287
- .awsui_preference-icon-refresh--heading_1r9lg_1t0ww_287:not(#\9) {
288
- fill: var(--color-text-heading-default-18iw0k, #000716);
287
+ .awsui_preference-icon-refresh--heading_1r9lg_icpbs_287:not(#\9) {
288
+ fill: var(--color-text-heading-default-rtslvy, #000716);
289
289
  }
290
290
 
291
- .awsui_root_1r9lg_1t0ww_291:not(#\9) {
291
+ .awsui_root_1r9lg_icpbs_291:not(#\9) {
292
292
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
293
293
  border-collapse: separate;
294
294
  border-spacing: 0;
@@ -318,56 +318,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
318
318
  widows: 2;
319
319
  word-spacing: normal;
320
320
  box-sizing: border-box;
321
- font-size: var(--font-body-m-size-7dign1, 14px);
322
- line-height: var(--font-body-m-line-height-ghizru, 20px);
323
- color: var(--color-text-body-default-su7kuo, #000716);
321
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
322
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
323
+ color: var(--color-text-body-default-2sxhhn, #000716);
324
324
  font-weight: 400;
325
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
325
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
326
326
  -webkit-font-smoothing: auto;
327
327
  -moz-osx-font-smoothing: auto;
328
328
  }
329
329
 
330
- .awsui_preferences-button_1r9lg_1t0ww_304:not(#\9) {
330
+ .awsui_preferences-button_1r9lg_icpbs_304:not(#\9) {
331
331
  /* used in test-utils */
332
332
  }
333
333
 
334
- .awsui_close-button_1r9lg_1t0ww_308:not(#\9) {
334
+ .awsui_close-button_1r9lg_icpbs_308:not(#\9) {
335
335
  /* used in test-utils */
336
336
  }
337
337
 
338
- .awsui_drawer_1r9lg_1t0ww_189:not(#\9) {
338
+ .awsui_drawer_1r9lg_icpbs_189:not(#\9) {
339
339
  flex-shrink: 0;
340
340
  position: relative;
341
341
  word-wrap: break-word;
342
- background-color: var(--color-background-layout-panel-content-6tvac7, #ffffff);
342
+ background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
343
343
  z-index: 840;
344
344
  }
345
- .awsui_drawer-closed_1r9lg_1t0ww_319:not(#\9) {
345
+ .awsui_drawer-closed_1r9lg_icpbs_319:not(#\9) {
346
346
  cursor: pointer;
347
347
  min-width: 40px;
348
348
  }
349
349
 
350
- .awsui_drawer-content-side_1r9lg_1t0ww_324:not(#\9) {
350
+ .awsui_drawer-content-side_1r9lg_icpbs_324:not(#\9) {
351
351
  display: flex;
352
352
  align-items: center;
353
353
  height: 100%;
354
354
  overflow: auto;
355
355
  }
356
- .awsui_drawer-closed_1r9lg_1t0ww_319 > .awsui_drawer-content-side_1r9lg_1t0ww_324:not(#\9) {
356
+ .awsui_drawer-closed_1r9lg_icpbs_319 > .awsui_drawer-content-side_1r9lg_icpbs_324:not(#\9) {
357
357
  width: 40px;
358
358
  }
359
- .awsui_drawer-closed_1r9lg_1t0ww_319 > .awsui_drawer-content-side_1r9lg_1t0ww_324:not(#\9):hover {
360
- background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
359
+ .awsui_drawer-closed_1r9lg_icpbs_319 > .awsui_drawer-content-side_1r9lg_icpbs_324:not(#\9):hover {
360
+ background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
361
361
  }
362
- .awsui_drawer-content-side_1r9lg_1t0ww_324.awsui_refresh_1r9lg_1t0ww_189:not(#\9) {
363
- border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-panel-side-imbwg9, #e9ebed);
362
+ .awsui_drawer-content-side_1r9lg_icpbs_324.awsui_refresh_1r9lg_icpbs_189:not(#\9) {
363
+ border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-side-ompdsw, #e9ebed);
364
364
  box-sizing: border-box;
365
365
  }
366
- .awsui_drawer-content-side_1r9lg_1t0ww_324 > [aria-hidden=true]:not(#\9) {
366
+ .awsui_drawer-content-side_1r9lg_icpbs_324 > [aria-hidden=true]:not(#\9) {
367
367
  display: none;
368
368
  }
369
369
 
370
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1t0ww_319) > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 {
370
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_icpbs_319) > .awsui_drawer-content-bottom_1r9lg_icpbs_344 {
371
371
  overflow-y: auto;
372
372
  position: absolute;
373
373
  top: 0;
@@ -376,57 +376,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
376
376
  bottom: 0;
377
377
  }
378
378
 
379
- .awsui_position-bottom_1r9lg_1t0ww_353:not(#\9) {
379
+ .awsui_position-bottom_1r9lg_icpbs_353:not(#\9) {
380
380
  position: fixed;
381
381
  overflow-y: auto;
382
- border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-panel-bottom-b9txih, #e9ebed);
383
- border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-panel-bottom-b9txih, #e9ebed);
384
- border-top: var(--border-panel-top-width-h1o4vf, 1px) solid var(--color-border-divider-panel-bottom-b9txih, #e9ebed);
382
+ border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
383
+ border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
384
+ border-top: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-s8zdda, #e9ebed);
385
385
  /*
386
386
  Removed the position fixed with the AppLayout refactor because the
387
387
  SplitPanel is no longer in fixed position in the DOM.
388
388
  */
389
389
  }
390
- .awsui_position-bottom_1r9lg_1t0ww_353:not(#\9):not(.awsui_refresh_1r9lg_1t0ww_189) {
391
- box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
390
+ .awsui_position-bottom_1r9lg_icpbs_353:not(#\9):not(.awsui_refresh_1r9lg_icpbs_189) {
391
+ box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
392
392
  }
393
- .awsui_position-bottom_1r9lg_1t0ww_353.awsui_drawer-closed_1r9lg_1t0ww_319:not(#\9) {
393
+ .awsui_position-bottom_1r9lg_icpbs_353.awsui_drawer-closed_1r9lg_icpbs_319:not(#\9) {
394
394
  overflow: hidden;
395
395
  }
396
- .awsui_position-bottom_1r9lg_1t0ww_353.awsui_drawer-closed_1r9lg_1t0ww_319:not(#\9):hover {
397
- background: var(--color-background-layout-panel-hover-4hingm, #e9ebed);
396
+ .awsui_position-bottom_1r9lg_icpbs_353.awsui_drawer-closed_1r9lg_icpbs_319:not(#\9):hover {
397
+ background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
398
398
  }
399
- .awsui_position-bottom_1r9lg_1t0ww_353 > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > [aria-hidden=true]:not(#\9) {
399
+ .awsui_position-bottom_1r9lg_icpbs_353 > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > [aria-hidden=true]:not(#\9) {
400
400
  display: none;
401
401
  }
402
- .awsui_position-bottom_1r9lg_1t0ww_353.awsui_refresh_1r9lg_1t0ww_189:not(#\9) {
402
+ .awsui_position-bottom_1r9lg_icpbs_353.awsui_refresh_1r9lg_icpbs_189:not(#\9) {
403
403
  position: relative;
404
404
  }
405
405
 
406
- .awsui_position-side_1r9lg_1t0ww_380:not(#\9) {
406
+ .awsui_position-side_1r9lg_icpbs_380:not(#\9) {
407
407
  border-top: none;
408
- box-shadow: var(--shadow-split-side-y9t0a2, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
408
+ box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
409
409
  height: 100%;
410
410
  }
411
411
 
412
- .awsui_slider_1r9lg_1t0ww_386:not(#\9) {
412
+ .awsui_slider_1r9lg_icpbs_386:not(#\9) {
413
413
  padding: 0;
414
414
  cursor: ns-resize;
415
415
  margin: 2px 0 0 0;
416
416
  height: 16px;
417
417
  touch-action: none;
418
418
  }
419
- .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus {
419
+ .awsui_slider_1r9lg_icpbs_386:not(#\9):focus {
420
420
  outline: none;
421
421
  }
422
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus {
422
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_icpbs_386:not(#\9):focus {
423
423
  position: relative;
424
424
  }
425
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus {
425
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_icpbs_386:not(#\9):focus {
426
426
  outline: 2px dotted transparent;
427
427
  outline-offset: calc(0px - 1px);
428
428
  }
429
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus::before {
429
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_icpbs_386:not(#\9):focus::before {
430
430
  content: " ";
431
431
  display: block;
432
432
  position: absolute;
@@ -434,16 +434,16 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus
434
434
  top: calc(-1 * 0px);
435
435
  width: calc(100% + 2 * 0px);
436
436
  height: calc(100% + 2 * 0px);
437
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
438
- box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
437
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
438
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
439
439
  }
440
440
 
441
- .awsui_slider-side_1r9lg_1t0ww_415:not(#\9) {
441
+ .awsui_slider-side_1r9lg_icpbs_415:not(#\9) {
442
442
  cursor: ew-resize;
443
443
  margin: 0 0 0 2px;
444
444
  }
445
445
 
446
- .awsui_slider-wrapper-bottom_1r9lg_1t0ww_420:not(#\9) {
446
+ .awsui_slider-wrapper-bottom_1r9lg_icpbs_420:not(#\9) {
447
447
  position: absolute;
448
448
  top: 0;
449
449
  left: 0;
@@ -454,7 +454,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus
454
454
  z-index: 2;
455
455
  }
456
456
 
457
- .awsui_slider-wrapper-side_1r9lg_1t0ww_431:not(#\9) {
457
+ .awsui_slider-wrapper-side_1r9lg_icpbs_431:not(#\9) {
458
458
  position: absolute;
459
459
  left: 0;
460
460
  top: 0;
@@ -465,31 +465,31 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus
465
465
  z-index: 1;
466
466
  }
467
467
 
468
- .awsui_open-button_1r9lg_1t0ww_442:not(#\9) {
468
+ .awsui_open-button_1r9lg_icpbs_442:not(#\9) {
469
469
  /* used in test-utils */
470
470
  }
471
471
 
472
- .awsui_open-button-side_1r9lg_1t0ww_446:not(#\9) {
472
+ .awsui_open-button-side_1r9lg_icpbs_446:not(#\9) {
473
473
  flex: 0 0 auto;
474
474
  align-self: flex-start;
475
475
  box-sizing: border-box;
476
- margin: var(--space-xxs-ja5cp8, 4px) auto 0;
476
+ margin: var(--space-xxs-p8yyaw, 4px) auto 0;
477
477
  }
478
478
 
479
- .awsui_slider-icon_1r9lg_1t0ww_453:not(#\9) {
480
- stroke: var(--color-text-interactive-default-2sml2m, #414d5c);
479
+ .awsui_slider-icon_1r9lg_icpbs_453:not(#\9) {
480
+ stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
481
481
  }
482
- .awsui_slider-icon_1r9lg_1t0ww_453:not(#\9):hover {
483
- stroke: var(--color-text-interactive-hover-8bpozs, #000716);
482
+ .awsui_slider-icon_1r9lg_icpbs_453:not(#\9):hover {
483
+ stroke: var(--color-text-interactive-hover-mj8add, #000716);
484
484
  }
485
- .awsui_slider-icon-bottom_1r9lg_1t0ww_459:not(#\9) {
485
+ .awsui_slider-icon-bottom_1r9lg_icpbs_459:not(#\9) {
486
486
  margin: auto;
487
487
  }
488
- .awsui_slider-icon-side_1r9lg_1t0ww_462:not(#\9) {
488
+ .awsui_slider-icon-side_1r9lg_icpbs_462:not(#\9) {
489
489
  transform: rotate(90deg);
490
490
  }
491
491
 
492
- .awsui_pane-header-wrapper-bottom_1r9lg_1t0ww_466:not(#\9) {
492
+ .awsui_pane-header-wrapper-bottom_1r9lg_icpbs_466:not(#\9) {
493
493
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
494
494
  position: sticky;
495
495
  top: 0;
@@ -497,51 +497,51 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus
497
497
  align-items: center;
498
498
  flex-direction: column;
499
499
  z-index: 1;
500
- padding: 0 var(--space-scaled-2x-xxxl-qc7pg7, 40px);
500
+ padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
501
501
  }
502
- .awsui_drawer-mobile_1r9lg_1t0ww_476 > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1t0ww_466:not(#\9) {
503
- padding: 0 var(--space-l-f4l5gr, 20px);
502
+ .awsui_drawer-mobile_1r9lg_icpbs_476 > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > .awsui_pane-header-wrapper-bottom_1r9lg_icpbs_466:not(#\9) {
503
+ padding: 0 var(--space-l-t419sm, 20px);
504
504
  }
505
- .awsui_drawer-disable-content-paddings_1r9lg_1t0ww_479 > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1t0ww_466:not(#\9) {
506
- padding: 0 var(--space-l-f4l5gr, 20px);
505
+ .awsui_drawer-disable-content-paddings_1r9lg_icpbs_479 > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > .awsui_pane-header-wrapper-bottom_1r9lg_icpbs_466:not(#\9) {
506
+ padding: 0 var(--space-l-t419sm, 20px);
507
507
  }
508
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1t0ww_319) > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > .awsui_pane-header-wrapper-bottom_1r9lg_1t0ww_466 {
509
- background-color: var(--color-background-layout-panel-content-6tvac7, #ffffff);
510
- border-bottom: var(--border-panel-header-width-mb8f46, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
508
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_icpbs_319) > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > .awsui_pane-header-wrapper-bottom_1r9lg_icpbs_466 {
509
+ background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
510
+ border-bottom: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
511
511
  }
512
512
 
513
- .awsui_content-bottom_1r9lg_1t0ww_487:not(#\9) {
514
- padding: 0 var(--space-scaled-2x-xxxl-qc7pg7, 40px);
515
- margin-top: var(--space-panel-split-top-yyup9h, 20px);
513
+ .awsui_content-bottom_1r9lg_icpbs_487:not(#\9) {
514
+ padding: 0 var(--space-scaled-2x-xxxl-eqb3m6, 40px);
515
+ margin-top: var(--space-panel-split-top-q1pux4, 20px);
516
516
  position: relative;
517
517
  z-index: 0;
518
518
  }
519
- .awsui_drawer-mobile_1r9lg_1t0ww_476 > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > .awsui_content-bottom_1r9lg_1t0ww_487:not(#\9) {
520
- padding: 0 var(--space-l-f4l5gr, 20px);
519
+ .awsui_drawer-mobile_1r9lg_icpbs_476 > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > .awsui_content-bottom_1r9lg_icpbs_487:not(#\9) {
520
+ padding: 0 var(--space-l-t419sm, 20px);
521
521
  }
522
- .awsui_drawer-disable-content-paddings_1r9lg_1t0ww_479 > .awsui_drawer-content-bottom_1r9lg_1t0ww_344 > .awsui_content-bottom_1r9lg_1t0ww_487:not(#\9) {
522
+ .awsui_drawer-disable-content-paddings_1r9lg_icpbs_479 > .awsui_drawer-content-bottom_1r9lg_icpbs_344 > .awsui_content-bottom_1r9lg_icpbs_487:not(#\9) {
523
523
  padding: 0;
524
524
  }
525
525
 
526
- .awsui_pane-bottom-center-align_1r9lg_1t0ww_500:not(#\9) {
526
+ .awsui_pane-bottom-center-align_1r9lg_icpbs_500:not(#\9) {
527
527
  display: flex;
528
528
  justify-content: center;
529
529
  }
530
530
 
531
- .awsui_pane-bottom-content-nav-padding_1r9lg_1t0ww_505:not(#\9) {
532
- padding-left: calc(var(--space-layout-toggle-diameter-i4mha3, 40px) + 2 * var(--space-layout-toggle-padding-dhzjwp, 20px));
531
+ .awsui_pane-bottom-content-nav-padding_1r9lg_icpbs_505:not(#\9) {
532
+ padding-left: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
533
533
  }
534
534
 
535
- .awsui_pane-bottom-content-tools-padding_1r9lg_1t0ww_509:not(#\9) {
536
- padding-right: calc(var(--space-layout-toggle-diameter-i4mha3, 40px) + 2 * var(--space-layout-toggle-padding-dhzjwp, 20px));
535
+ .awsui_pane-bottom-content-tools-padding_1r9lg_icpbs_509:not(#\9) {
536
+ padding-right: calc(var(--space-layout-toggle-diameter-x54u6y, 40px) + 2 * var(--space-layout-toggle-padding-sgkxy2, 20px));
537
537
  }
538
538
 
539
- .awsui_content-bottom-max-width_1r9lg_1t0ww_513:not(#\9) {
539
+ .awsui_content-bottom-max-width_1r9lg_icpbs_513:not(#\9) {
540
540
  flex-grow: 1;
541
541
  max-width: 100%;
542
542
  }
543
543
 
544
- .awsui_content-side_1r9lg_1t0ww_518:not(#\9) {
544
+ .awsui_content-side_1r9lg_icpbs_518:not(#\9) {
545
545
  flex: auto;
546
546
  align-self: flex-start;
547
547
  box-sizing: border-box;
@@ -552,48 +552,48 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1t0ww_386:not(#\9):focus
552
552
  right: 0;
553
553
  height: 100%;
554
554
  }
555
- .awsui_content-side_1r9lg_1t0ww_518 > .awsui_pane-header-wrapper-side_1r9lg_1t0ww_529:not(#\9) {
556
- padding: 0 var(--space-m-h2th94, 16px) 0 var(--space-panel-side-left-ob0rxs, 28px);
555
+ .awsui_content-side_1r9lg_icpbs_518 > .awsui_pane-header-wrapper-side_1r9lg_icpbs_529:not(#\9) {
556
+ padding: 0 var(--space-m-udix3p, 16px) 0 var(--space-panel-side-left-5t0who, 28px);
557
557
  }
558
- .awsui_content-side_1r9lg_1t0ww_518 > .awsui_pane-content-wrapper-side_1r9lg_1t0ww_532:not(#\9) {
559
- padding: 0 var(--space-panel-side-right-zzgkuy, 24px) 0 var(--space-panel-side-left-ob0rxs, 28px);
560
- margin-top: var(--space-panel-split-top-yyup9h, 20px);
558
+ .awsui_content-side_1r9lg_icpbs_518 > .awsui_pane-content-wrapper-side_1r9lg_icpbs_532:not(#\9) {
559
+ padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-side-left-5t0who, 28px);
560
+ margin-top: var(--space-panel-split-top-q1pux4, 20px);
561
561
  }
562
562
 
563
- .awsui_header_1r9lg_1t0ww_537:not(#\9) {
563
+ .awsui_header_1r9lg_icpbs_537:not(#\9) {
564
564
  display: flex;
565
565
  flex: auto;
566
566
  flex-direction: row;
567
567
  align-items: flex-start;
568
568
  justify-content: space-between;
569
569
  width: 100%;
570
- margin: var(--space-scaled-m-gxhdpl, 16px) 0 var(--space-m-h2th94, 16px) 0;
571
- }
572
- .awsui_header-text_1r9lg_1t0ww_546:not(#\9) {
573
- font-size: var(--font-panel-header-size-ey4ywd, 18px);
574
- line-height: var(--font-panel-header-line-height-pqpwyv, 22px);
575
- font-weight: var(--font-heading-l-weight-klyszd, 700);
576
- -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
577
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
578
- padding: var(--space-xxs-ja5cp8, 4px) 0 var(--space-scaled-xxs-t2t62i, 4px) 0;
570
+ margin: var(--space-scaled-m-mo5yse, 16px) 0 var(--space-m-udix3p, 16px) 0;
571
+ }
572
+ .awsui_header-text_1r9lg_icpbs_546:not(#\9) {
573
+ font-size: var(--font-panel-header-size-edjz3l, 18px);
574
+ line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
575
+ font-weight: var(--font-heading-l-weight-a4lz4s, 700);
576
+ -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
577
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
578
+ padding: var(--space-xxs-p8yyaw, 4px) 0 var(--space-scaled-xxs-7597g1, 4px) 0;
579
579
  margin: 0;
580
580
  }
581
581
 
582
- .awsui_header-divider_1r9lg_1t0ww_556:not(#\9) {
582
+ .awsui_header-divider_1r9lg_icpbs_556:not(#\9) {
583
583
  border: none;
584
- border-top: var(--border-panel-header-width-mb8f46, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
585
- margin-top: calc(-1 * var(--border-panel-header-width-mb8f46, 2px));
584
+ border-top: var(--border-panel-header-width-6icr2m, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
585
+ margin-top: calc(-1 * var(--border-panel-header-width-6icr2m, 2px));
586
586
  }
587
587
 
588
- .awsui_header-actions_1r9lg_1t0ww_562:not(#\9) {
588
+ .awsui_header-actions_1r9lg_icpbs_562:not(#\9) {
589
589
  display: flex;
590
590
  flex-direction: row;
591
591
  justify-content: space-between;
592
592
  flex: 0 0 auto;
593
- margin-left: var(--space-xs-edba2s, 8px);
593
+ margin-left: var(--space-xs-zb16t3, 8px);
594
594
  }
595
595
 
596
- .awsui_divider_1r9lg_1t0ww_570:not(#\9) {
597
- border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
598
- margin: var(--space-scaled-xxs-t2t62i, 4px) var(--space-scaled-xs-wbfgrv, 8px);
596
+ .awsui_divider_1r9lg_icpbs_570:not(#\9) {
597
+ border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
598
+ margin: var(--space-scaled-xxs-7597g1, 4px) var(--space-scaled-xs-26e2du, 8px);
599
599
  }