@cloudscape-design/components 3.0.1365 → 3.0.1367

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (500) hide show
  1. package/action-card/internal.d.ts.map +1 -1
  2. package/action-card/internal.js +5 -2
  3. package/action-card/internal.js.map +1 -1
  4. package/action-card/styles.css.js +17 -17
  5. package/action-card/styles.scoped.css +117 -117
  6. package/action-card/styles.selectors.js +17 -17
  7. package/alert/actions-wrapper/styles.css.js +1 -1
  8. package/alert/actions-wrapper/styles.scoped.css +3 -3
  9. package/alert/actions-wrapper/styles.selectors.js +1 -1
  10. package/alert/styles.css.js +27 -27
  11. package/alert/styles.scoped.css +67 -67
  12. package/alert/styles.selectors.js +27 -27
  13. package/anchor-navigation/styles.css.js +8 -8
  14. package/anchor-navigation/styles.scoped.css +22 -22
  15. package/anchor-navigation/styles.selectors.js +8 -8
  16. package/annotation-context/annotation/styles.css.js +13 -13
  17. package/annotation-context/annotation/styles.scoped.css +23 -23
  18. package/annotation-context/annotation/styles.selectors.js +13 -13
  19. package/app-layout/content-wrapper/styles.css.js +3 -3
  20. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  21. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  22. package/app-layout/drawer/styles.css.js +14 -14
  23. package/app-layout/drawer/styles.scoped.css +25 -25
  24. package/app-layout/drawer/styles.selectors.js +14 -14
  25. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  26. package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
  27. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  28. package/app-layout/notifications/styles.css.js +3 -3
  29. package/app-layout/notifications/styles.scoped.css +7 -7
  30. package/app-layout/notifications/styles.selectors.js +3 -3
  31. package/app-layout/resize/styles.css.js +5 -5
  32. package/app-layout/resize/styles.scoped.css +14 -14
  33. package/app-layout/resize/styles.selectors.js +5 -5
  34. package/app-layout/styles.css.js +12 -12
  35. package/app-layout/styles.scoped.css +18 -18
  36. package/app-layout/styles.selectors.js +12 -12
  37. package/app-layout/toggles/index.d.ts.map +1 -1
  38. package/app-layout/toggles/index.js +1 -1
  39. package/app-layout/toggles/index.js.map +1 -1
  40. package/app-layout/toggles/styles.css.js +2 -2
  41. package/app-layout/toggles/styles.scoped.css +15 -15
  42. package/app-layout/toggles/styles.selectors.js +2 -2
  43. package/app-layout/visual-refresh/styles.css.js +86 -86
  44. package/app-layout/visual-refresh/styles.scoped.css +288 -288
  45. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  46. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/trigger-button.js +1 -1
  48. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  49. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  50. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +112 -112
  51. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  52. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  53. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +15 -15
  54. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  55. package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  56. package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +4 -4
  57. package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  58. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  59. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +74 -74
  60. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  61. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  62. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +44 -44
  63. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  64. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.d.ts.map +1 -1
  65. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js +1 -1
  66. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.js.map +1 -1
  67. package/area-chart/styles.css.js +6 -6
  68. package/area-chart/styles.scoped.css +11 -11
  69. package/area-chart/styles.selectors.js +6 -6
  70. package/attribute-editor/styles.css.js +15 -15
  71. package/attribute-editor/styles.scoped.css +32 -32
  72. package/attribute-editor/styles.selectors.js +15 -15
  73. package/badge/styles.css.js +10 -10
  74. package/badge/styles.scoped.css +11 -11
  75. package/badge/styles.selectors.js +10 -10
  76. package/box/styles.css.js +220 -220
  77. package/box/styles.scoped.css +433 -433
  78. package/box/styles.selectors.js +220 -220
  79. package/breadcrumb-group/all-items-dropdown.js +2 -2
  80. package/breadcrumb-group/all-items-dropdown.js.map +1 -1
  81. package/breadcrumb-group/item/styles.css.js +7 -7
  82. package/breadcrumb-group/item/styles.scoped.css +30 -30
  83. package/breadcrumb-group/item/styles.selectors.js +7 -7
  84. package/breadcrumb-group/styles.css.js +14 -14
  85. package/breadcrumb-group/styles.scoped.css +32 -32
  86. package/breadcrumb-group/styles.selectors.js +14 -14
  87. package/button/internal.d.ts.map +1 -1
  88. package/button/internal.js +2 -0
  89. package/button/internal.js.map +1 -1
  90. package/button/styles.css.js +23 -23
  91. package/button/styles.scoped.css +295 -295
  92. package/button/styles.selectors.js +23 -23
  93. package/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  94. package/button-dropdown/category-elements/expandable-category-element.js +2 -2
  95. package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  96. package/button-dropdown/category-elements/styles.css.js +18 -18
  97. package/button-dropdown/category-elements/styles.scoped.css +37 -37
  98. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  99. package/button-dropdown/filter.d.ts +1 -1
  100. package/button-dropdown/filter.d.ts.map +1 -1
  101. package/button-dropdown/internal.d.ts.map +1 -1
  102. package/button-dropdown/internal.js +9 -3
  103. package/button-dropdown/internal.js.map +1 -1
  104. package/button-dropdown/item-element/index.d.ts.map +1 -1
  105. package/button-dropdown/item-element/index.js +2 -2
  106. package/button-dropdown/item-element/index.js.map +1 -1
  107. package/button-dropdown/item-element/styles.css.js +21 -21
  108. package/button-dropdown/item-element/styles.scoped.css +45 -45
  109. package/button-dropdown/item-element/styles.selectors.js +21 -21
  110. package/button-dropdown/styles.css.js +23 -23
  111. package/button-dropdown/styles.scoped.css +40 -40
  112. package/button-dropdown/styles.selectors.js +23 -23
  113. package/button-dropdown/utils/use-button-dropdown.d.ts +5 -2
  114. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  115. package/button-dropdown/utils/use-button-dropdown.js +14 -2
  116. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  117. package/button-group/styles.css.js +4 -4
  118. package/button-group/styles.scoped.css +6 -6
  119. package/button-group/styles.selectors.js +4 -4
  120. package/calendar/styles.css.js +21 -21
  121. package/calendar/styles.scoped.css +62 -62
  122. package/calendar/styles.selectors.js +21 -21
  123. package/cards/styles.css.js +39 -38
  124. package/cards/styles.scoped.css +54 -51
  125. package/cards/styles.selectors.js +39 -38
  126. package/checkbox/styles.css.js +3 -3
  127. package/checkbox/styles.scoped.css +16 -16
  128. package/checkbox/styles.selectors.js +3 -3
  129. package/code-editor/resizable-box/styles.css.js +4 -4
  130. package/code-editor/resizable-box/styles.scoped.css +9 -9
  131. package/code-editor/resizable-box/styles.selectors.js +4 -4
  132. package/code-editor/styles.css.js +33 -33
  133. package/code-editor/styles.scoped.css +159 -159
  134. package/code-editor/styles.selectors.js +33 -33
  135. package/code-editor/tab-button.d.ts.map +1 -1
  136. package/code-editor/tab-button.js +1 -1
  137. package/code-editor/tab-button.js.map +1 -1
  138. package/collection-preferences/styles.css.js +38 -38
  139. package/collection-preferences/styles.scoped.css +52 -52
  140. package/collection-preferences/styles.selectors.js +38 -38
  141. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  142. package/column-layout/flexible-column-layout/styles.scoped.css +12 -12
  143. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  144. package/column-layout/styles.css.js +13 -13
  145. package/column-layout/styles.scoped.css +51 -51
  146. package/column-layout/styles.selectors.js +13 -13
  147. package/container/styles.css.js +33 -33
  148. package/container/styles.scoped.css +73 -72
  149. package/container/styles.selectors.js +33 -33
  150. package/content-layout/styles.css.js +14 -14
  151. package/content-layout/styles.scoped.css +30 -30
  152. package/content-layout/styles.selectors.js +14 -14
  153. package/copy-to-clipboard/styles.css.js +5 -5
  154. package/copy-to-clipboard/styles.scoped.css +7 -7
  155. package/copy-to-clipboard/styles.selectors.js +5 -5
  156. package/date-picker/styles.css.js +7 -7
  157. package/date-picker/styles.scoped.css +10 -10
  158. package/date-picker/styles.selectors.js +7 -7
  159. package/date-range-picker/calendar/grids/styles.css.js +30 -30
  160. package/date-range-picker/calendar/grids/styles.scoped.css +69 -69
  161. package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  162. package/date-range-picker/relative-range/styles.css.js +6 -6
  163. package/date-range-picker/relative-range/styles.scoped.css +13 -13
  164. package/date-range-picker/relative-range/styles.selectors.js +6 -6
  165. package/date-range-picker/styles.css.js +23 -23
  166. package/date-range-picker/styles.scoped.css +46 -46
  167. package/date-range-picker/styles.selectors.js +23 -23
  168. package/divider/styles.css.js +6 -6
  169. package/divider/styles.scoped.css +8 -8
  170. package/divider/styles.selectors.js +6 -6
  171. package/drawer/styles.css.js +29 -29
  172. package/drawer/styles.scoped.css +47 -47
  173. package/drawer/styles.selectors.js +29 -29
  174. package/dropdown/styles.css.js +20 -20
  175. package/dropdown/styles.scoped.css +54 -54
  176. package/dropdown/styles.selectors.js +20 -20
  177. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  178. package/expandable-section/expandable-section-header.js +13 -7
  179. package/expandable-section/expandable-section-header.js.map +1 -1
  180. package/expandable-section/styles.css.js +43 -43
  181. package/expandable-section/styles.scoped.css +129 -129
  182. package/expandable-section/styles.selectors.js +43 -43
  183. package/file-dropzone/styles.css.js +3 -3
  184. package/file-dropzone/styles.scoped.css +6 -6
  185. package/file-dropzone/styles.selectors.js +3 -3
  186. package/file-input/styles.css.js +5 -5
  187. package/file-input/styles.scoped.css +18 -18
  188. package/file-input/styles.selectors.js +5 -5
  189. package/file-token-group/styles.css.js +23 -23
  190. package/file-token-group/styles.scoped.css +52 -52
  191. package/file-token-group/styles.selectors.js +23 -23
  192. package/file-upload/styles.css.js +2 -2
  193. package/file-upload/styles.scoped.css +4 -4
  194. package/file-upload/styles.selectors.js +2 -2
  195. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  196. package/flashbar/collapsible-flashbar.js +3 -3
  197. package/flashbar/collapsible-flashbar.js.map +1 -1
  198. package/flashbar/styles.css.js +50 -50
  199. package/flashbar/styles.scoped.css +249 -249
  200. package/flashbar/styles.selectors.js +50 -50
  201. package/form/styles.css.js +8 -8
  202. package/form/styles.scoped.css +16 -16
  203. package/form/styles.selectors.js +8 -8
  204. package/form-field/styles.css.js +24 -24
  205. package/form-field/styles.scoped.css +44 -44
  206. package/form-field/styles.selectors.js +24 -24
  207. package/grid/styles.css.js +53 -53
  208. package/grid/styles.scoped.css +58 -58
  209. package/grid/styles.selectors.js +53 -53
  210. package/header/styles.css.js +35 -35
  211. package/header/styles.scoped.css +83 -83
  212. package/header/styles.selectors.js +35 -35
  213. package/help-panel/styles.css.js +6 -6
  214. package/help-panel/styles.scoped.css +100 -100
  215. package/help-panel/styles.selectors.js +6 -6
  216. package/hotspot/styles.css.js +7 -7
  217. package/hotspot/styles.scoped.css +10 -10
  218. package/hotspot/styles.selectors.js +7 -7
  219. package/icon/styles.css.js +42 -42
  220. package/icon/styles.scoped.css +118 -118
  221. package/icon/styles.selectors.js +42 -42
  222. package/input/index.d.ts.map +1 -1
  223. package/input/index.js +3 -2
  224. package/input/index.js.map +1 -1
  225. package/input/interfaces.d.ts +6 -0
  226. package/input/interfaces.d.ts.map +1 -1
  227. package/input/interfaces.js.map +1 -1
  228. package/input/internal.d.ts +0 -1
  229. package/input/internal.d.ts.map +1 -1
  230. package/input/internal.js +26 -12
  231. package/input/internal.js.map +1 -1
  232. package/input/styles.css.js +29 -28
  233. package/input/styles.scoped.css +159 -156
  234. package/input/styles.selectors.js +29 -28
  235. package/internal/base-component/styles.scoped.css +2 -2
  236. package/internal/base-theme/styles.scoped.css +319 -319
  237. package/internal/components/abstract-switch/styles.css.js +13 -13
  238. package/internal/components/abstract-switch/styles.scoped.css +22 -22
  239. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  240. package/internal/components/button-trigger/index.d.ts.map +1 -1
  241. package/internal/components/button-trigger/index.js +2 -2
  242. package/internal/components/button-trigger/index.js.map +1 -1
  243. package/internal/components/button-trigger/styles.css.js +14 -14
  244. package/internal/components/button-trigger/styles.scoped.css +43 -43
  245. package/internal/components/button-trigger/styles.selectors.js +14 -14
  246. package/internal/components/chart-legend/styles.css.js +6 -6
  247. package/internal/components/chart-legend/styles.scoped.css +16 -16
  248. package/internal/components/chart-legend/styles.selectors.js +6 -6
  249. package/internal/components/chart-popover/styles.css.js +3 -3
  250. package/internal/components/chart-popover/styles.scoped.css +6 -6
  251. package/internal/components/chart-popover/styles.selectors.js +3 -3
  252. package/internal/components/chart-series-details/styles.css.js +19 -19
  253. package/internal/components/chart-series-details/styles.scoped.css +39 -39
  254. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  255. package/internal/components/chart-series-marker/styles.css.js +5 -5
  256. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  257. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  258. package/internal/components/checkbox-icon/styles.css.js +9 -9
  259. package/internal/components/checkbox-icon/styles.scoped.css +10 -10
  260. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  261. package/internal/components/drag-handle/button.d.ts.map +1 -1
  262. package/internal/components/drag-handle/button.js +3 -1
  263. package/internal/components/drag-handle/button.js.map +1 -1
  264. package/internal/components/drag-handle/styles.css.js +14 -14
  265. package/internal/components/drag-handle/styles.scoped.css +21 -21
  266. package/internal/components/drag-handle/styles.selectors.js +14 -14
  267. package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  268. package/internal/components/drag-handle-wrapper/index.js +2 -1
  269. package/internal/components/drag-handle-wrapper/index.js.map +1 -1
  270. package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  271. package/internal/components/drag-handle-wrapper/styles.scoped.css +84 -84
  272. package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  273. package/internal/components/dropdown-status/styles.css.js +2 -2
  274. package/internal/components/dropdown-status/styles.scoped.css +5 -5
  275. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  276. package/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  277. package/internal/components/expand-toggle-button/index.js +1 -1
  278. package/internal/components/expand-toggle-button/index.js.map +1 -1
  279. package/internal/components/expand-toggle-button/styles.css.js +4 -4
  280. package/internal/components/expand-toggle-button/styles.scoped.css +21 -21
  281. package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  282. package/internal/components/menu-dropdown/index.d.ts.map +1 -1
  283. package/internal/components/menu-dropdown/index.js +1 -1
  284. package/internal/components/menu-dropdown/index.js.map +1 -1
  285. package/internal/components/menu-dropdown/styles.css.js +7 -7
  286. package/internal/components/menu-dropdown/styles.scoped.css +18 -18
  287. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  288. package/internal/components/option/styles.css.js +17 -17
  289. package/internal/components/option/styles.scoped.css +34 -34
  290. package/internal/components/option/styles.selectors.js +17 -17
  291. package/internal/components/radio-button/styles.css.js +7 -7
  292. package/internal/components/radio-button/styles.scoped.css +24 -24
  293. package/internal/components/radio-button/styles.selectors.js +7 -7
  294. package/internal/components/selectable-item/styles.css.js +22 -22
  295. package/internal/components/selectable-item/styles.scoped.css +66 -66
  296. package/internal/components/selectable-item/styles.selectors.js +22 -22
  297. package/internal/components/sortable-area/styles.css.js +8 -8
  298. package/internal/components/sortable-area/styles.scoped.css +17 -17
  299. package/internal/components/sortable-area/styles.selectors.js +8 -8
  300. package/internal/components/structured-item/styles.css.js +7 -7
  301. package/internal/components/structured-item/styles.scoped.css +11 -11
  302. package/internal/components/structured-item/styles.selectors.js +7 -7
  303. package/internal/components/token-list/styles.css.js +10 -10
  304. package/internal/components/token-list/styles.scoped.css +33 -33
  305. package/internal/components/token-list/styles.selectors.js +10 -10
  306. package/internal/components/token-list/token-limit-toggle.d.ts.map +1 -1
  307. package/internal/components/token-list/token-limit-toggle.js +2 -2
  308. package/internal/components/token-list/token-limit-toggle.js.map +1 -1
  309. package/internal/environment.js +2 -2
  310. package/internal/environment.json +2 -2
  311. package/internal/generated/custom-css-properties/index.d.ts +1 -0
  312. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  313. package/internal/generated/custom-css-properties/index.js +174 -173
  314. package/internal/generated/custom-css-properties/index.js.map +1 -1
  315. package/internal/generated/styles/tokens.js +200 -200
  316. package/internal/generated/theming/index.cjs +200 -200
  317. package/internal/generated/theming/index.js +200 -200
  318. package/internal/manifest.json +1 -1
  319. package/internal/utils/focus-visible.d.ts +14 -0
  320. package/internal/utils/focus-visible.d.ts.map +1 -0
  321. package/internal/utils/focus-visible.js +21 -0
  322. package/internal/utils/focus-visible.js.map +1 -0
  323. package/item-card/styles.css.js +14 -14
  324. package/item-card/styles.scoped.css +94 -94
  325. package/item-card/styles.selectors.js +14 -14
  326. package/key-value-pairs/styles.css.js +8 -8
  327. package/key-value-pairs/styles.scoped.css +14 -14
  328. package/key-value-pairs/styles.selectors.js +8 -8
  329. package/link/internal.d.ts.map +1 -1
  330. package/link/internal.js +2 -0
  331. package/link/internal.js.map +1 -1
  332. package/link/styles.css.js +21 -21
  333. package/link/styles.scoped.css +112 -112
  334. package/link/styles.selectors.js +21 -21
  335. package/list/styles.css.js +5 -5
  336. package/list/styles.scoped.css +9 -9
  337. package/list/styles.selectors.js +5 -5
  338. package/manifest.json +2 -2
  339. package/mixed-line-bar-chart/styles.css.js +11 -11
  340. package/mixed-line-bar-chart/styles.scoped.css +18 -18
  341. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  342. package/modal/styles.css.js +31 -31
  343. package/modal/styles.scoped.css +65 -65
  344. package/modal/styles.selectors.js +31 -31
  345. package/multiselect/styles.css.js +5 -5
  346. package/multiselect/styles.scoped.css +6 -6
  347. package/multiselect/styles.selectors.js +5 -5
  348. package/package.json +1 -1
  349. package/pagination/internal.d.ts.map +1 -1
  350. package/pagination/internal.js +4 -4
  351. package/pagination/internal.js.map +1 -1
  352. package/pagination/styles.css.js +12 -12
  353. package/pagination/styles.scoped.css +36 -36
  354. package/pagination/styles.selectors.js +12 -12
  355. package/pie-chart/styles.css.js +27 -27
  356. package/pie-chart/styles.scoped.css +58 -58
  357. package/pie-chart/styles.selectors.js +27 -27
  358. package/popover/styles.css.js +58 -58
  359. package/popover/styles.scoped.css +102 -102
  360. package/popover/styles.selectors.js +58 -58
  361. package/progress-bar/styles.css.js +19 -19
  362. package/progress-bar/styles.scoped.css +64 -64
  363. package/progress-bar/styles.selectors.js +19 -19
  364. package/prompt-input/styles.css.js +26 -26
  365. package/prompt-input/styles.scoped.css +127 -127
  366. package/prompt-input/styles.selectors.js +26 -26
  367. package/property-filter/filtering-token/index.js +4 -4
  368. package/property-filter/filtering-token/index.js.map +1 -1
  369. package/property-filter/filtering-token/styles.css.js +18 -18
  370. package/property-filter/filtering-token/styles.scoped.css +54 -54
  371. package/property-filter/filtering-token/styles.selectors.js +18 -18
  372. package/property-filter/styles.css.js +39 -39
  373. package/property-filter/styles.scoped.css +75 -75
  374. package/property-filter/styles.selectors.js +39 -39
  375. package/radio-group/styles.css.js +5 -5
  376. package/radio-group/styles.scoped.css +10 -10
  377. package/radio-group/styles.selectors.js +5 -5
  378. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  379. package/s3-resource-selector/s3-in-context/styles.scoped.css +13 -13
  380. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  381. package/segmented-control/segment.d.ts.map +1 -1
  382. package/segmented-control/segment.js +1 -1
  383. package/segmented-control/segment.js.map +1 -1
  384. package/segmented-control/styles.css.js +16 -16
  385. package/segmented-control/styles.scoped.css +67 -67
  386. package/segmented-control/styles.selectors.js +16 -16
  387. package/select/parts/filter.d.ts +1 -1
  388. package/select/parts/filter.d.ts.map +1 -1
  389. package/select/parts/styles.css.js +21 -21
  390. package/select/parts/styles.scoped.css +38 -38
  391. package/select/parts/styles.selectors.js +21 -21
  392. package/side-navigation/parts.js +3 -3
  393. package/side-navigation/parts.js.map +1 -1
  394. package/side-navigation/styles.css.js +64 -64
  395. package/side-navigation/styles.scoped.css +162 -162
  396. package/side-navigation/styles.selectors.js +64 -64
  397. package/slider/styles.css.js +26 -26
  398. package/slider/styles.scoped.css +205 -205
  399. package/slider/styles.selectors.js +26 -26
  400. package/space-between/styles.css.js +23 -23
  401. package/space-between/styles.scoped.css +40 -40
  402. package/space-between/styles.selectors.js +23 -23
  403. package/spinner/styles.css.js +14 -14
  404. package/spinner/styles.scoped.css +55 -55
  405. package/spinner/styles.selectors.js +14 -14
  406. package/split-panel/styles.css.js +38 -38
  407. package/split-panel/styles.scoped.css +84 -84
  408. package/split-panel/styles.selectors.js +38 -38
  409. package/status-indicator/styles.css.js +25 -25
  410. package/status-indicator/styles.scoped.css +50 -50
  411. package/status-indicator/styles.selectors.js +25 -25
  412. package/steps/styles.css.js +17 -17
  413. package/steps/styles.scoped.css +51 -51
  414. package/steps/styles.selectors.js +17 -17
  415. package/table/body-cell/styles.css.js +48 -48
  416. package/table/body-cell/styles.scoped.css +816 -816
  417. package/table/body-cell/styles.selectors.js +48 -48
  418. package/table/header-cell/index.d.ts.map +1 -1
  419. package/table/header-cell/index.js +2 -1
  420. package/table/header-cell/index.js.map +1 -1
  421. package/table/header-cell/styles.css.js +38 -38
  422. package/table/header-cell/styles.scoped.css +156 -156
  423. package/table/header-cell/styles.selectors.js +38 -38
  424. package/table/resizer/styles.css.js +17 -17
  425. package/table/resizer/styles.scoped.css +39 -39
  426. package/table/resizer/styles.selectors.js +17 -17
  427. package/table/selection/styles.css.js +4 -4
  428. package/table/selection/styles.scoped.css +6 -6
  429. package/table/selection/styles.selectors.js +4 -4
  430. package/table/styles.css.js +37 -37
  431. package/table/styles.scoped.css +73 -70
  432. package/table/styles.selectors.js +37 -37
  433. package/tabs/styles.css.js +30 -30
  434. package/tabs/styles.scoped.css +105 -105
  435. package/tabs/styles.selectors.js +30 -30
  436. package/tabs/tab-header-bar.d.ts.map +1 -1
  437. package/tabs/tab-header-bar.js +1 -1
  438. package/tabs/tab-header-bar.js.map +1 -1
  439. package/tag-editor/styles.css.js +3 -3
  440. package/tag-editor/styles.scoped.css +14 -14
  441. package/tag-editor/styles.selectors.js +3 -3
  442. package/test-utils/dom/input/index.d.ts +1 -0
  443. package/test-utils/dom/input/index.js +3 -0
  444. package/test-utils/dom/input/index.js.map +1 -1
  445. package/test-utils/selectors/input/index.d.ts +1 -0
  446. package/test-utils/selectors/input/index.js +3 -0
  447. package/test-utils/selectors/input/index.js.map +1 -1
  448. package/text-content/styles.css.js +1 -1
  449. package/text-content/styles.scoped.css +73 -73
  450. package/text-content/styles.selectors.js +1 -1
  451. package/text-filter/styles.css.js +3 -3
  452. package/text-filter/styles.scoped.css +5 -5
  453. package/text-filter/styles.selectors.js +3 -3
  454. package/textarea/styles.css.js +9 -9
  455. package/textarea/styles.scoped.css +55 -55
  456. package/textarea/styles.selectors.js +9 -9
  457. package/tiles/styles.css.js +30 -30
  458. package/tiles/styles.scoped.css +123 -123
  459. package/tiles/styles.selectors.js +30 -30
  460. package/toggle/styles.css.js +10 -10
  461. package/toggle/styles.scoped.css +24 -24
  462. package/toggle/styles.selectors.js +10 -10
  463. package/token/dismiss-button.js +2 -2
  464. package/token/dismiss-button.js.map +1 -1
  465. package/token/styles.css.js +14 -14
  466. package/token/styles.scoped.css +58 -58
  467. package/token/styles.selectors.js +14 -14
  468. package/token-group/styles.css.js +5 -5
  469. package/token-group/styles.scoped.css +5 -5
  470. package/token-group/styles.selectors.js +5 -5
  471. package/tooltip/styles.css.js +2 -2
  472. package/tooltip/styles.scoped.css +5 -5
  473. package/tooltip/styles.selectors.js +2 -2
  474. package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
  475. package/top-navigation/parts/overflow-menu/menu-item.js +5 -5
  476. package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
  477. package/top-navigation/styles.css.js +47 -47
  478. package/top-navigation/styles.scoped.css +97 -97
  479. package/top-navigation/styles.selectors.js +47 -47
  480. package/tree-view/styles.css.js +2 -2
  481. package/tree-view/styles.scoped.css +4 -4
  482. package/tree-view/styles.selectors.js +2 -2
  483. package/tree-view/tree-item/styles.css.js +10 -10
  484. package/tree-view/tree-item/styles.scoped.css +15 -15
  485. package/tree-view/tree-item/styles.selectors.js +10 -10
  486. package/tree-view/vertical-connector/styles.css.js +3 -3
  487. package/tree-view/vertical-connector/styles.scoped.css +4 -4
  488. package/tree-view/vertical-connector/styles.selectors.js +3 -3
  489. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  490. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +26 -26
  491. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  492. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  493. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -33
  494. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  495. package/tutorial-panel/styles.css.js +1 -1
  496. package/tutorial-panel/styles.scoped.css +7 -7
  497. package/tutorial-panel/styles.selectors.js +1 -1
  498. package/wizard/styles.css.js +30 -30
  499. package/wizard/styles.scoped.css +79 -79
  500. package/wizard/styles.selectors.js +30 -30
@@ -6,42 +6,42 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- div.awsui_background_hyvsj_1oesa_9:not(#\9) {
9
+ div.awsui_background_hyvsj_vhpj7_9:not(#\9) {
10
10
  display: contents;
11
11
  }
12
- div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:not(#\9) {
12
+ div.awsui_background_hyvsj_vhpj7_9 > .awsui_scrolling-background_hyvsj_vhpj7_12:not(#\9) {
13
13
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
14
14
  color: var(--color-text-body-default-gtm97i, #0f141a);
15
15
  grid-column: 1/span 5;
16
16
  grid-row: 1/9;
17
17
  }
18
18
 
19
- .awsui_breadcrumbs_hyvsj_1oesa_19:not(#\9) {
19
+ .awsui_breadcrumbs_hyvsj_vhpj7_19:not(#\9) {
20
20
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
21
21
  grid-area: breadcrumbs;
22
22
  }
23
23
 
24
- .awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
24
+ .awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
25
25
  background-color: transparent;
26
26
  display: flex;
27
27
  grid-column: 5;
28
28
  grid-row: 1/span 9;
29
- block-size: var(--awsui-content-height-esndbs);
29
+ block-size: var(--awsui-content-height-66120l);
30
30
  pointer-events: none;
31
31
  position: sticky;
32
- inset-block-start: var(--awsui-offset-top-esndbs);
32
+ inset-block-start: var(--awsui-offset-top-66120l);
33
33
  z-index: 830;
34
34
  }
35
- .awsui_drawers-container_hyvsj_1oesa_24.awsui_has-open-drawer_hyvsj_1oesa_35:not(#\9) {
35
+ .awsui_drawers-container_hyvsj_vhpj7_24.awsui_has-open-drawer_hyvsj_vhpj7_35:not(#\9) {
36
36
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
37
37
  }
38
38
  @media (min-width: 689px) {
39
- .awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
40
- max-inline-size: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
39
+ .awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
40
+ max-inline-size: calc(var(--awsui-layout-width-66120l) - var(--awsui-main-offset-left-66120l) - var(--awsui-default-min-content-width-66120l) - var(--awsui-content-gap-right-66120l));
41
41
  }
42
42
  }
43
43
  @media (max-width: 688px) {
44
- .awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
44
+ .awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
45
45
  position: fixed;
46
46
  inset-inline-end: 0;
47
47
  z-index: 1001;
@@ -53,12 +53,12 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
53
53
  relative to the body.
54
54
  */
55
55
  }
56
- .awsui_drawers-container_hyvsj_1oesa_24.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
57
- inset-block-start: var(--awsui-header-height-esndbs);
56
+ .awsui_drawers-container_hyvsj_vhpj7_24.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
57
+ inset-block-start: var(--awsui-header-height-66120l);
58
58
  }
59
59
  }
60
60
 
61
- .awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9) {
61
+ .awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9) {
62
62
  border-collapse: separate;
63
63
  border-spacing: 0;
64
64
  box-sizing: border-box;
@@ -96,36 +96,36 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
96
96
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
97
97
  overscroll-behavior-y: contain;
98
98
  }
99
- .awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99).awsui_has-open-drawer_hyvsj_1oesa_35 {
99
+ .awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99).awsui_has-open-drawer_hyvsj_vhpj7_35 {
100
100
  inline-size: 0;
101
101
  }
102
- .awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61.awsui_has-multiple-triggers_hyvsj_1oesa_99.awsui_has-open-drawer_hyvsj_1oesa_35:not(#\9) {
102
+ .awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61.awsui_has-multiple-triggers_hyvsj_vhpj7_99.awsui_has-open-drawer_hyvsj_vhpj7_35:not(#\9) {
103
103
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
104
104
  }
105
- .awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
106
- inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
105
+ .awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
106
+ inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
107
107
  }
108
108
 
109
- .awsui_drawers-mobile-triggers-container_hyvsj_1oesa_109:not(#\9) {
109
+ .awsui_drawers-mobile-triggers-container_hyvsj_vhpj7_109:not(#\9) {
110
110
  display: flex;
111
111
  justify-content: flex-end;
112
112
  }
113
113
 
114
- .awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9) {
114
+ .awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9) {
115
115
  align-items: center;
116
116
  display: flex;
117
117
  flex-direction: column;
118
- gap: var(--space-xs-ymlm0b, 8px);
119
- padding-block-start: var(--space-scaled-s-8ozaad, 12px);
120
- inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
118
+ gap: var(--space-xs-m9b7jf, 8px);
119
+ padding-block-start: var(--space-scaled-s-2crg2b, 12px);
120
+ inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
121
121
  }
122
- .awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99).awsui_has-open-drawer_hyvsj_1oesa_35 {
122
+ .awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99).awsui_has-open-drawer_hyvsj_vhpj7_35 {
123
123
  opacity: 0;
124
124
  }
125
- .awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
125
+ .awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
126
126
  opacity: 1;
127
127
  }
128
- .awsui_drawers-trigger-content_hyvsj_1oesa_114 > .awsui_drawers-trigger-overflow_hyvsj_1oesa_128:not(#\9) {
128
+ .awsui_drawers-trigger-content_hyvsj_vhpj7_114 > .awsui_drawers-trigger-overflow_hyvsj_vhpj7_128:not(#\9) {
129
129
  padding-block: 0;
130
130
  padding-inline: 1px;
131
131
  display: flex;
@@ -134,19 +134,19 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
134
134
  }
135
135
 
136
136
  @media (max-width: 688px) {
137
- .awsui_drawers-trigger_hyvsj_1oesa_114:not(#\9) {
137
+ .awsui_drawers-trigger_hyvsj_vhpj7_114:not(#\9) {
138
138
  inline-size: 40px;
139
139
  display: flex;
140
140
  justify-content: center;
141
141
  }
142
142
  }
143
143
 
144
- .awsui_drawer_hyvsj_1oesa_24:not(#\9) {
145
- --awsui-drawer-size-esndbs: 290px;
144
+ .awsui_drawer_hyvsj_vhpj7_24:not(#\9) {
145
+ --awsui-drawer-size-66120l: 290px;
146
146
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
147
147
  border-color: transparent;
148
148
  display: grid;
149
- grid-template-columns: var(--space-m-dsumyt, 16px) 1fr;
149
+ grid-template-columns: var(--space-m-n8iq8o, 16px) 1fr;
150
150
  flex-shrink: 0;
151
151
  block-size: 100%;
152
152
  overflow-y: hidden;
@@ -156,28 +156,28 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
156
156
  pointer-events: auto;
157
157
  word-wrap: break-word;
158
158
  }
159
- .awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159:not(#\9) {
159
+ .awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159:not(#\9) {
160
160
  grid-column: 1/span 2;
161
161
  grid-row: 1;
162
- inline-size: var(--awsui-drawer-size-esndbs);
162
+ inline-size: var(--awsui-drawer-size-66120l);
163
163
  display: grid;
164
- grid-template-columns: var(--space-m-dsumyt, 16px) 1fr auto var(--space-m-dsumyt, 16px);
165
- grid-template-rows: var(--size-vertical-panel-icon-offset-z959cw, 15px) auto 1fr;
164
+ grid-template-columns: var(--space-m-n8iq8o, 16px) 1fr auto var(--space-m-n8iq8o, 16px);
165
+ grid-template-rows: var(--size-vertical-panel-icon-offset-4593ko, 15px) auto 1fr;
166
166
  overflow-y: auto;
167
167
  }
168
- .awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-close-button_hyvsj_1oesa_168:not(#\9) {
168
+ .awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-close-button_hyvsj_vhpj7_168:not(#\9) {
169
169
  grid-column: 3;
170
170
  grid-row: 2;
171
171
  z-index: 1;
172
172
  }
173
- .awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-content_hyvsj_1oesa_159:not(#\9) {
173
+ .awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-content_hyvsj_vhpj7_159:not(#\9) {
174
174
  grid-column: 1/span 4;
175
- block-size: var(--awsui-content-height-esndbs);
175
+ block-size: var(--awsui-content-height-66120l);
176
176
  }
177
- .awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-content_hyvsj_1oesa_159.awsui_drawer-content-hidden_hyvsj_1oesa_177:not(#\9) {
177
+ .awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-content_hyvsj_vhpj7_159.awsui_drawer-content-hidden_hyvsj_vhpj7_177:not(#\9) {
178
178
  display: none;
179
179
  }
180
- .awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-slider_hyvsj_1oesa_180:not(#\9) {
180
+ .awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-slider_hyvsj_vhpj7_180:not(#\9) {
181
181
  grid-column: 1;
182
182
  grid-row: 1;
183
183
  block-size: 100%;
@@ -185,29 +185,29 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
185
185
  align-items: center;
186
186
  z-index: 850;
187
187
  }
188
- .awsui_drawer_hyvsj_1oesa_24:not(#\9):not(.awsui_is-drawer-open_hyvsj_1oesa_188) {
188
+ .awsui_drawer_hyvsj_vhpj7_24:not(#\9):not(.awsui_is-drawer-open_hyvsj_vhpj7_188) {
189
189
  opacity: 0;
190
190
  inline-size: 0;
191
191
  }
192
- .awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
192
+ .awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
193
193
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
194
194
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
195
195
  opacity: 1;
196
- inline-size: var(--awsui-drawer-size-esndbs);
196
+ inline-size: var(--awsui-drawer-size-66120l);
197
197
  }
198
198
  @media (min-width: 2541px) {
199
- .awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
200
- --awsui-drawer-size-esndbs: 320px;
199
+ .awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
200
+ --awsui-drawer-size-66120l: 320px;
201
201
  }
202
202
  }
203
203
  @media (max-width: 688px) {
204
- .awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
205
- --awsui-drawer-size-esndbs: 100vw;
204
+ .awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
205
+ --awsui-drawer-size-66120l: 100vw;
206
206
  inline-size: 100vw;
207
207
  }
208
208
  }
209
209
 
210
- header.awsui_content_hyvsj_1oesa_210:not(#\9) {
210
+ header.awsui_content_hyvsj_vhpj7_210:not(#\9) {
211
211
  grid-area: header;
212
212
  }
213
213
 
@@ -224,35 +224,35 @@ The minimum content width property is set to zero and applied under all
224
224
  circumstances regardless of whether the minContentWidth property is
225
225
  explicitly set in script.
226
226
  */
227
- .awsui_layout_hyvsj_1oesa_227:not(#\9) {
228
- --awsui-breadcrumbs-gap-esndbs: 0px;
229
- --awsui-content-gap-left-esndbs: 0px;
230
- --awsui-content-gap-right-esndbs: 0px;
231
- --awsui-content-height-esndbs: calc(100vh - var(--awsui-header-height-esndbs) - var(--awsui-footer-height-esndbs));
232
- --awsui-default-max-content-width-esndbs: 1280px;
233
- --awsui-default-min-content-width-esndbs: 0px;
234
- --awsui-footer-height-esndbs: 0px;
235
- --awsui-header-gap-esndbs: 0px;
236
- --awsui-header-height-esndbs: 0px;
237
- --awsui-layout-width-esndbs: 0px;
238
- --awsui-main-gap-esndbs: 0px;
239
- --awsui-main-offset-left-esndbs: 0px;
240
- --awsui-main-template-rows-esndbs: 1fr;
241
- --awsui-max-content-width-esndbs: 0px;
242
- --awsui-min-content-width-esndbs: 280px;
243
- --awsui-mobile-bar-height-esndbs: calc(2 * var(--space-m-dsumyt, 16px) + var(--space-scaled-xs-xwoogq, 8px));
244
- --awsui-notifications-height-esndbs: 0px;
245
- --awsui-offset-top-esndbs: var(--awsui-header-height-esndbs);
246
- --awsui-overlap-height-esndbs: var(--space-dark-header-overlap-distance-ld45ap, 36px);
247
- --awsui-toggles-left-width-esndbs: 0px;
248
- --awsui-toggles-right-width-esndbs: 0px;
227
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9) {
228
+ --awsui-breadcrumbs-gap-66120l: 0px;
229
+ --awsui-content-gap-left-66120l: 0px;
230
+ --awsui-content-gap-right-66120l: 0px;
231
+ --awsui-content-height-66120l: calc(100vh - var(--awsui-header-height-66120l) - var(--awsui-footer-height-66120l));
232
+ --awsui-default-max-content-width-66120l: 1280px;
233
+ --awsui-default-min-content-width-66120l: 0px;
234
+ --awsui-footer-height-66120l: 0px;
235
+ --awsui-header-gap-66120l: 0px;
236
+ --awsui-header-height-66120l: 0px;
237
+ --awsui-layout-width-66120l: 0px;
238
+ --awsui-main-gap-66120l: 0px;
239
+ --awsui-main-offset-left-66120l: 0px;
240
+ --awsui-main-template-rows-66120l: 1fr;
241
+ --awsui-max-content-width-66120l: 0px;
242
+ --awsui-min-content-width-66120l: 280px;
243
+ --awsui-mobile-bar-height-66120l: calc(2 * var(--space-m-n8iq8o, 16px) + var(--space-scaled-xs-pajbd1, 8px));
244
+ --awsui-notifications-height-66120l: 0px;
245
+ --awsui-offset-top-66120l: var(--awsui-header-height-66120l);
246
+ --awsui-overlap-height-66120l: var(--space-dark-header-overlap-distance-16rv3i, 36px);
247
+ --awsui-toggles-left-width-66120l: 0px;
248
+ --awsui-toggles-right-width-66120l: 0px;
249
249
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
250
250
  color: var(--color-text-body-default-gtm97i, #0f141a);
251
251
  display: grid;
252
252
  grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
253
- grid-template-columns: min-content minmax(var(--awsui-content-gap-left-esndbs), 1fr) minmax(var(--awsui-default-min-content-width-esndbs), var(--awsui-default-max-content-width-esndbs)) minmax(var(--awsui-content-gap-right-esndbs), 1fr) min-content;
254
- grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-esndbs) auto var(--awsui-header-gap-esndbs) auto var(--awsui-main-gap-esndbs) var(--awsui-overlap-height-esndbs) var(--awsui-main-template-rows-esndbs);
255
- min-block-size: var(--awsui-content-height-esndbs);
253
+ grid-template-columns: min-content minmax(var(--awsui-content-gap-left-66120l), 1fr) minmax(var(--awsui-default-min-content-width-66120l), var(--awsui-default-max-content-width-66120l)) minmax(var(--awsui-content-gap-right-66120l), 1fr) min-content;
254
+ grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-66120l) auto var(--awsui-header-gap-66120l) auto var(--awsui-main-gap-66120l) var(--awsui-overlap-height-66120l) var(--awsui-main-template-rows-66120l);
255
+ min-block-size: var(--awsui-content-height-66120l);
256
256
  position: relative;
257
257
  /*
258
258
  Add unified max-width for AppLayout content based on breakpoints. Only use the max content
@@ -296,114 +296,114 @@ explicitly set in script.
296
296
  */
297
297
  }
298
298
  @media (min-width: 1401px) {
299
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
300
- --awsui-default-max-content-width-esndbs: 1280px;
299
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
300
+ --awsui-default-max-content-width-66120l: 1280px;
301
301
  }
302
302
  }
303
303
  @media (min-width: 1921px) {
304
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
305
- --awsui-default-max-content-width-esndbs: 1440px;
304
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
305
+ --awsui-default-max-content-width-66120l: 1440px;
306
306
  }
307
307
  }
308
308
  @media (min-width: 2541px) {
309
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
310
- --awsui-default-max-content-width-esndbs: 1620px;
309
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
310
+ --awsui-default-max-content-width-66120l: 1620px;
311
311
  }
312
312
  }
313
313
  @media (min-width: 1401px) {
314
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
315
- --awsui-default-max-content-width-esndbs: 1280px;
314
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
315
+ --awsui-default-max-content-width-66120l: 1280px;
316
316
  }
317
317
  }
318
318
  @media (min-width: 1921px) {
319
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
320
- --awsui-default-max-content-width-esndbs: 1620px;
319
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
320
+ --awsui-default-max-content-width-66120l: 1620px;
321
321
  }
322
322
  }
323
323
  @media (min-width: 2541px) {
324
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
325
- --awsui-default-max-content-width-esndbs: 2160px;
324
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
325
+ --awsui-default-max-content-width-66120l: 2160px;
326
326
  }
327
327
  }
328
- .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-table_hyvsj_1oesa_328, .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-cards_hyvsj_1oesa_328 {
329
- --awsui-default-max-content-width-esndbs: 100%;
328
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-table_hyvsj_vhpj7_328, .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-cards_hyvsj_vhpj7_328 {
329
+ --awsui-default-max-content-width-66120l: 100%;
330
330
  }
331
- .awsui_layout_hyvsj_1oesa_227.awsui_has-max-content-width_hyvsj_1oesa_299:not(#\9) {
332
- --awsui-default-max-content-width-esndbs: var(--awsui-max-content-width-esndbs);
331
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-max-content-width_hyvsj_vhpj7_299:not(#\9) {
332
+ --awsui-default-max-content-width-66120l: var(--awsui-max-content-width-66120l);
333
333
  }
334
- .awsui_layout_hyvsj_1oesa_227.awsui_is-overlap-disabled_hyvsj_1oesa_334:not(#\9) {
335
- --awsui-overlap-height-esndbs: 0;
334
+ .awsui_layout_hyvsj_vhpj7_227.awsui_is-overlap-disabled_hyvsj_vhpj7_334:not(#\9) {
335
+ --awsui-overlap-height-66120l: 0;
336
336
  }
337
- .awsui_layout_hyvsj_1oesa_227.awsui_is-hide-mobile-toolbar_hyvsj_1oesa_337:not(#\9) {
338
- --awsui-mobile-bar-height-esndbs: 0px;
337
+ .awsui_layout_hyvsj_vhpj7_227.awsui_is-hide-mobile-toolbar_hyvsj_vhpj7_337:not(#\9) {
338
+ --awsui-mobile-bar-height-66120l: 0px;
339
339
  }
340
340
  @media (min-width: 993px) {
341
- .awsui_layout_hyvsj_1oesa_227:not(#\9) {
342
- --awsui-default-min-content-width-esndbs: var(--awsui-min-content-width-esndbs, 280px);
341
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9) {
342
+ --awsui-default-min-content-width-66120l: var(--awsui-min-content-width-66120l, 280px);
343
343
  }
344
344
  }
345
345
  @media (max-width: 992px) {
346
- .awsui_layout_hyvsj_1oesa_227:not(#\9) {
347
- --awsui-default-min-content-width-esndbs: 0px;
346
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9) {
347
+ --awsui-default-min-content-width-66120l: 0px;
348
348
  }
349
349
  }
350
350
  @media (min-width: 689px) {
351
- .awsui_layout_hyvsj_1oesa_227.awsui_has-content-gap-left_hyvsj_1oesa_351:not(#\9) {
352
- --awsui-content-gap-left-esndbs: var(--space-layout-content-horizontal-buc0zz, 24px);
351
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-content-gap-left_hyvsj_vhpj7_351:not(#\9) {
352
+ --awsui-content-gap-left-66120l: var(--space-layout-content-horizontal-axaoos, 24px);
353
353
  }
354
- .awsui_layout_hyvsj_1oesa_227.awsui_has-content-gap-right_hyvsj_1oesa_354:not(#\9) {
355
- --awsui-content-gap-right-esndbs: var(--space-layout-content-horizontal-buc0zz, 24px);
354
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-content-gap-right_hyvsj_vhpj7_354:not(#\9) {
355
+ --awsui-content-gap-right-66120l: var(--space-layout-content-horizontal-axaoos, 24px);
356
356
  }
357
357
  }
358
358
  @media (max-width: 688px) {
359
- .awsui_layout_hyvsj_1oesa_227:not(#\9) {
360
- --awsui-content-gap-left-esndbs: var(--space-l-2ud1p3, 20px);
361
- --awsui-content-gap-right-esndbs: var(--space-l-2ud1p3, 20px);
359
+ .awsui_layout_hyvsj_vhpj7_227:not(#\9) {
360
+ --awsui-content-gap-left-66120l: var(--space-l-dpyxli, 20px);
361
+ --awsui-content-gap-right-66120l: var(--space-l-dpyxli, 20px);
362
362
  }
363
363
  }
364
- .awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364:not(#\9) {
365
- --awsui-breadcrumbs-gap-esndbs: var(--space-scaled-m-m892r9, 16px);
364
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364:not(#\9) {
365
+ --awsui-breadcrumbs-gap-66120l: var(--space-scaled-m-lfeh3i, 16px);
366
366
  }
367
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-header_hyvsj_1oesa_367:not(#\9), .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364).awsui_has-header_hyvsj_1oesa_367 {
368
- --awsui-header-gap-esndbs: var(--space-scaled-xs-xwoogq, 8px);
367
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-header_hyvsj_vhpj7_367:not(#\9), .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364).awsui_has-header_hyvsj_vhpj7_367 {
368
+ --awsui-header-gap-66120l: var(--space-scaled-xs-pajbd1, 8px);
369
369
  }
370
- .awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364.awsui_has-header_hyvsj_1oesa_367:not(#\9) {
371
- --awsui-header-gap-esndbs: var(--space-scaled-xs-xwoogq, 8px);
370
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364.awsui_has-header_hyvsj_vhpj7_367:not(#\9) {
371
+ --awsui-header-gap-66120l: var(--space-scaled-xs-pajbd1, 8px);
372
372
  }
373
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364):not(.awsui_has-header_hyvsj_1oesa_367) {
374
- --awsui-main-gap-esndbs: var(--space-xs-ymlm0b, 8px);
373
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364):not(.awsui_has-header_hyvsj_vhpj7_367) {
374
+ --awsui-main-gap-66120l: var(--space-xs-m9b7jf, 8px);
375
375
  }
376
- .awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364:not(#\9):not(.awsui_has-header_hyvsj_1oesa_367) {
377
- --awsui-main-gap-esndbs: var(--space-scaled-xxs-pfm1nx, 4px);
376
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364:not(#\9):not(.awsui_has-header_hyvsj_vhpj7_367) {
377
+ --awsui-main-gap-66120l: var(--space-scaled-xxs-j00t0m, 4px);
378
378
  }
379
- .awsui_layout_hyvsj_1oesa_227.awsui_has-header_hyvsj_1oesa_367:not(#\9) {
380
- --awsui-main-gap-esndbs: var(--space-content-header-padding-bottom-rvy5xz, 16px);
379
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-header_hyvsj_vhpj7_367:not(#\9) {
380
+ --awsui-main-gap-66120l: var(--space-content-header-padding-bottom-yv2yex, 16px);
381
381
  }
382
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1oesa_382) {
383
- --awsui-main-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
382
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_vhpj7_382) {
383
+ --awsui-main-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
384
384
  }
385
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
386
- --awsui-main-gap-esndbs: 0px;
385
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
386
+ --awsui-main-gap-66120l: 0px;
387
387
  }
388
388
  @media (max-width: 688px) {
389
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-header_hyvsj_1oesa_367:not(#\9) {
390
- --awsui-header-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
389
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-header_hyvsj_vhpj7_367:not(#\9) {
390
+ --awsui-header-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
391
391
  }
392
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364).awsui_has-header_hyvsj_1oesa_367 {
393
- --awsui-header-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
392
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364).awsui_has-header_hyvsj_vhpj7_367 {
393
+ --awsui-header-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
394
394
  }
395
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364):not(.awsui_has-header_hyvsj_1oesa_367), .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1oesa_382) {
396
- --awsui-main-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
395
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364):not(.awsui_has-header_hyvsj_vhpj7_367), .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_vhpj7_382) {
396
+ --awsui-main-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
397
397
  }
398
- .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
399
- --awsui-main-gap-esndbs: 0px;
398
+ .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
399
+ --awsui-main-gap-66120l: 0px;
400
400
  }
401
401
  }
402
- .awsui_layout_hyvsj_1oesa_227.awsui_has-left-toggles-gutter_hyvsj_1oesa_402:not(#\9) {
403
- --awsui-toggles-left-width-esndbs: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
402
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-left-toggles-gutter_hyvsj_vhpj7_402:not(#\9) {
403
+ --awsui-toggles-left-width-66120l: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
404
404
  }
405
- .awsui_layout_hyvsj_1oesa_227.awsui_has-right-toggles-gutter_hyvsj_1oesa_405:not(#\9) {
406
- --awsui-toggles-right-width-esndbs: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
405
+ .awsui_layout_hyvsj_vhpj7_227.awsui_has-right-toggles-gutter_hyvsj_vhpj7_405:not(#\9) {
406
+ --awsui-toggles-right-width-66120l: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
407
407
  }
408
408
 
409
409
  /*
@@ -416,34 +416,34 @@ not matter. The offset top value for AppLayout contentMain children with
416
416
  position: sticky will be the value of the notifications height in addition to the
417
417
  notifications top margin and some additional vertical space for aesthetics.
418
418
  */
419
- .awsui_layout_hyvsj_1oesa_227.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
420
- --awsui-main-template-rows-esndbs: 1fr auto;
421
- --awsui-offset-top-esndbs: 0px;
422
- block-size: var(--awsui-content-height-esndbs);
419
+ .awsui_layout_hyvsj_vhpj7_227.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
420
+ --awsui-main-template-rows-66120l: 1fr auto;
421
+ --awsui-offset-top-66120l: 0px;
422
+ block-size: var(--awsui-content-height-66120l);
423
423
  overflow-y: scroll;
424
424
  }
425
- .awsui_layout_hyvsj_1oesa_227.awsui_disable-body-scroll_hyvsj_1oesa_56.awsui_has-split-panel_hyvsj_1oesa_425.awsui_split-panel-position-bottom_hyvsj_1oesa_425:not(#\9) {
426
- --awsui-main-template-rows-esndbs: repeat(2, auto);
425
+ .awsui_layout_hyvsj_vhpj7_227.awsui_disable-body-scroll_hyvsj_vhpj7_56.awsui_has-split-panel_hyvsj_vhpj7_425.awsui_split-panel-position-bottom_hyvsj_vhpj7_425:not(#\9) {
426
+ --awsui-main-template-rows-66120l: repeat(2, auto);
427
427
  }
428
428
 
429
429
  /*
430
430
  This CSS class is applied to the document body to prevent overflow scrolling
431
431
  when the navigation or tools drawers are open in responsive viewports.
432
432
  */
433
- .awsui_block-body-scroll_hyvsj_1oesa_433:not(#\9) {
433
+ .awsui_block-body-scroll_hyvsj_vhpj7_433:not(#\9) {
434
434
  overflow: hidden;
435
435
  }
436
436
 
437
437
  /* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
438
- .awsui_unfocusable_hyvsj_1oesa_438:not(#\9),
439
- .awsui_unfocusable_hyvsj_1oesa_438 *:not(#\9) {
438
+ .awsui_unfocusable_hyvsj_vhpj7_438:not(#\9),
439
+ .awsui_unfocusable_hyvsj_vhpj7_438 *:not(#\9) {
440
440
  visibility: hidden !important;
441
441
  }
442
442
 
443
443
  /* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */
444
- .awsui_container_hyvsj_1oesa_444:not(#\9) {
444
+ .awsui_container_hyvsj_vhpj7_444:not(#\9) {
445
445
  grid-area: main;
446
- padding-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
446
+ padding-block-end: var(--space-layout-content-bottom-adv8e9, 40px);
447
447
  /*
448
448
  If the split panel is in the bottom position additional padding will need to be
449
449
  added to the content area. This is to ensure that the user is able to scroll
@@ -458,64 +458,64 @@ when the navigation or tools drawers are open in responsive viewports.
458
458
  on the right, we decrement the column end by one.
459
459
  */
460
460
  }
461
- .awsui_container_hyvsj_1oesa_444.awsui_has-split-panel_hyvsj_1oesa_425.awsui_split-panel-position-bottom_hyvsj_1oesa_425:not(#\9) {
462
- padding-block-end: calc(var(--awsui-split-panel-height-esndbs) + var(--space-layout-content-bottom-zeb1g9, 40px));
461
+ .awsui_container_hyvsj_vhpj7_444.awsui_has-split-panel_hyvsj_vhpj7_425.awsui_split-panel-position-bottom_hyvsj_vhpj7_425:not(#\9) {
462
+ padding-block-end: calc(var(--awsui-split-panel-height-66120l) + var(--space-layout-content-bottom-adv8e9, 40px));
463
463
  }
464
- .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
464
+ .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
465
465
  grid-column: 1/6;
466
466
  padding-block: 0;
467
467
  padding-inline: 0;
468
468
  }
469
469
  @media (min-width: 689px) {
470
- .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-navigation-open_hyvsj_1oesa_470:not(#\9) {
470
+ .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-navigation-open_hyvsj_vhpj7_470:not(#\9) {
471
471
  grid-column-start: 2;
472
472
  }
473
- .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-tools-open_hyvsj_1oesa_473:not(#\9), .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_split-panel-position-side_hyvsj_1oesa_473:not(#\9), .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_has-active-drawer_hyvsj_1oesa_473:not(#\9) {
473
+ .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-tools-open_hyvsj_vhpj7_473:not(#\9), .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_split-panel-position-side_hyvsj_vhpj7_473:not(#\9), .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_has-active-drawer_hyvsj_vhpj7_473:not(#\9) {
474
474
  grid-column-end: 5;
475
475
  }
476
476
  }
477
477
 
478
- section.awsui_mobile-toolbar_hyvsj_1oesa_478:not(#\9) {
478
+ section.awsui_mobile-toolbar_hyvsj_vhpj7_478:not(#\9) {
479
479
  align-items: center;
480
480
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
481
481
  border-block-end: 1px solid var(--color-border-divider-default-0de9c8, #c6c6cd);
482
- box-shadow: var(--shadow-sticky-lolw8j, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
482
+ box-shadow: var(--shadow-sticky-ukzbip, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
483
483
  box-sizing: border-box;
484
- block-size: var(--awsui-mobile-bar-height-esndbs);
484
+ block-size: var(--awsui-mobile-bar-height-66120l);
485
485
  display: grid;
486
486
  grid-area: mobileToolbar;
487
487
  grid-column: 1/span 5;
488
488
  grid-template-columns: auto minmax(0, 1fr) auto;
489
489
  padding-block: 0;
490
- padding-inline: var(--space-m-dsumyt, 16px);
490
+ padding-inline: var(--space-m-n8iq8o, 16px);
491
491
  position: sticky;
492
- inset-block-start: var(--awsui-offset-top-esndbs);
492
+ inset-block-start: var(--awsui-offset-top-66120l);
493
493
  z-index: 1000;
494
494
  }
495
- section.awsui_mobile-toolbar_hyvsj_1oesa_478:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1oesa_495) {
495
+ section.awsui_mobile-toolbar_hyvsj_vhpj7_478:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_vhpj7_495) {
496
496
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
497
- box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
497
+ box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
498
498
  }
499
- section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-nav_hyvsj_1oesa_499:not(#\9) {
499
+ section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-nav_hyvsj_vhpj7_499:not(#\9) {
500
500
  grid-column: 1;
501
- margin-inline-end: var(--space-m-dsumyt, 16px);
501
+ margin-inline-end: var(--space-m-n8iq8o, 16px);
502
502
  }
503
- section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1oesa_503:not(#\9) {
503
+ section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_vhpj7_503:not(#\9) {
504
504
  grid-column: 2;
505
505
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
506
506
  }
507
- section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj_1oesa_507:not(#\9) {
507
+ section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-tools_hyvsj_vhpj7_507:not(#\9) {
508
508
  grid-column: 3;
509
- margin-inline-start: var(--space-m-dsumyt, 16px);
509
+ margin-inline-start: var(--space-m-n8iq8o, 16px);
510
510
  }
511
511
 
512
- .awsui_navigation-container_hyvsj_1oesa_512:not(#\9) {
512
+ .awsui_navigation-container_hyvsj_vhpj7_512:not(#\9) {
513
513
  display: flex;
514
514
  grid-column: 1;
515
515
  grid-row: 1/span 9;
516
- block-size: var(--awsui-content-height-esndbs);
516
+ block-size: var(--awsui-content-height-66120l);
517
517
  position: sticky;
518
- inset-block-start: var(--awsui-offset-top-esndbs);
518
+ inset-block-start: var(--awsui-offset-top-66120l);
519
519
  z-index: 830;
520
520
  /*
521
521
  The navigation and tools containers (that contain the toggle buttons)
@@ -530,7 +530,7 @@ section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj
530
530
  pointer-events: none;
531
531
  }
532
532
  @media (max-width: 688px) {
533
- .awsui_navigation-container_hyvsj_1oesa_512:not(#\9) {
533
+ .awsui_navigation-container_hyvsj_vhpj7_512:not(#\9) {
534
534
  inset-inline-start: 0;
535
535
  position: fixed;
536
536
  z-index: 1001;
@@ -542,20 +542,20 @@ section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj
542
542
  relative to the body.
543
543
  */
544
544
  }
545
- .awsui_navigation-container_hyvsj_1oesa_512.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
546
- inset-block-start: var(--awsui-header-height-esndbs);
545
+ .awsui_navigation-container_hyvsj_vhpj7_512.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
546
+ inset-block-start: var(--awsui-header-height-66120l);
547
547
  }
548
548
  }
549
549
 
550
- nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9) {
551
- padding-block: var(--space-scaled-s-8ozaad, 12px);
552
- padding-inline: var(--space-layout-toggle-padding-chwlhz, 12px);
550
+ nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9) {
551
+ padding-block: var(--space-scaled-s-2crg2b, 12px);
552
+ padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
553
553
  /*
554
554
  Apply the animation only in desktop viewports because the MobileToolbar will
555
555
  take control in responsive viewports.
556
556
  */
557
557
  }
558
- @keyframes awsui_showButtons_hyvsj_1oesa_1 {
558
+ @keyframes awsui_showButtons_hyvsj_vhpj7_1 {
559
559
  0% {
560
560
  opacity: 0;
561
561
  }
@@ -563,31 +563,31 @@ nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9) {
563
563
  opacity: 1;
564
564
  }
565
565
  }
566
- nav.awsui_show-navigation_hyvsj_1oesa_550.awsui_is-navigation-open_hyvsj_1oesa_470:not(#\9) {
566
+ nav.awsui_show-navigation_hyvsj_vhpj7_550.awsui_is-navigation-open_hyvsj_vhpj7_470:not(#\9) {
567
567
  display: none;
568
568
  }
569
569
  @media (min-width: 689px) {
570
- nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470) {
570
+ nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470) {
571
571
  display: block;
572
572
  }
573
- nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
574
- animation: awsui_showButtons_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
573
+ nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
574
+ animation: awsui_showButtons_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
575
575
  }
576
576
  }
577
577
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
578
- nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
578
+ nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
579
579
  animation: none;
580
580
  transition: none;
581
581
  }
582
582
  }
583
583
  @media (min-width: 689px) {
584
- .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
584
+ .awsui-motion-disabled nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
585
585
  animation: none;
586
586
  transition: none;
587
587
  }
588
588
  }
589
589
 
590
- nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
590
+ nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9) {
591
591
  background-color: var(--color-background-layout-panel-content-89bszq, #ffffff);
592
592
  inset-block-end: 0;
593
593
  block-size: 100%;
@@ -607,70 +607,70 @@ nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
607
607
  prevent unwanted text wrapping.
608
608
  */
609
609
  }
610
- @keyframes awsui_openNavigation_hyvsj_1oesa_1 {
610
+ @keyframes awsui_openNavigation_hyvsj_vhpj7_1 {
611
611
  from {
612
612
  opacity: 0;
613
- inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
613
+ inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
614
614
  }
615
615
  to {
616
616
  opacity: 1;
617
- inline-size: var(--awsui-navigation-width-esndbs);
617
+ inline-size: var(--awsui-navigation-width-66120l);
618
618
  }
619
619
  }
620
- nav.awsui_navigation_hyvsj_1oesa_512:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470) {
620
+ nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470) {
621
621
  inline-size: 0;
622
622
  display: none;
623
623
  }
624
- nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
625
- animation: awsui_openNavigation_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
624
+ nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
625
+ animation: awsui_openNavigation_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
626
626
  }
627
627
  @media (prefers-reduced-motion: reduce) {
628
- nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
628
+ nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
629
629
  animation: none;
630
630
  transition: none;
631
631
  }
632
632
  }
633
- .awsui-motion-disabled nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
633
+ .awsui-motion-disabled nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
634
634
  animation: none;
635
635
  transition: none;
636
636
  }
637
- nav.awsui_navigation_hyvsj_1oesa_512 > .awsui_animated-content_hyvsj_1oesa_637:not(#\9) {
638
- inline-size: var(--awsui-navigation-width-esndbs);
637
+ nav.awsui_navigation_hyvsj_vhpj7_512 > .awsui_animated-content_hyvsj_vhpj7_637:not(#\9) {
638
+ inline-size: var(--awsui-navigation-width-66120l);
639
639
  }
640
- nav.awsui_navigation_hyvsj_1oesa_512 > .awsui_content-container_hyvsj_1oesa_640:not(#\9) {
640
+ nav.awsui_navigation_hyvsj_vhpj7_512 > .awsui_content-container_hyvsj_vhpj7_640:not(#\9) {
641
641
  flex-grow: 1;
642
642
  }
643
643
  @media (max-width: 688px) {
644
- nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
645
- --awsui-navigation-width-esndbs: 100vw;
644
+ nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9) {
645
+ --awsui-navigation-width-66120l: 100vw;
646
646
  }
647
647
  }
648
648
 
649
- .awsui_hide-navigation_hyvsj_1oesa_649:not(#\9) {
649
+ .awsui_hide-navigation_hyvsj_vhpj7_649:not(#\9) {
650
650
  position: absolute;
651
- inset-inline-end: var(--space-m-dsumyt, 16px);
652
- inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
651
+ inset-inline-end: var(--space-m-n8iq8o, 16px);
652
+ inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
653
653
  }
654
654
 
655
- .awsui_notifications_hyvsj_1oesa_655:not(#\9) {
655
+ .awsui_notifications_hyvsj_vhpj7_655:not(#\9) {
656
656
  color: var(--color-text-body-default-gtm97i, #0f141a);
657
657
  grid-area: notifications;
658
658
  z-index: 850;
659
659
  }
660
- .awsui_notifications_hyvsj_1oesa_655.awsui_has-notification-content_hyvsj_1oesa_660:not(#\9) {
661
- padding-block-start: var(--space-scaled-s-8ozaad, 12px);
660
+ .awsui_notifications_hyvsj_vhpj7_655.awsui_has-notification-content_hyvsj_vhpj7_660:not(#\9) {
661
+ padding-block-start: var(--space-scaled-s-2crg2b, 12px);
662
662
  }
663
663
  @media (min-width: 689px) {
664
- .awsui_notifications_hyvsj_1oesa_655.awsui_sticky-notifications_hyvsj_1oesa_664:not(#\9) {
665
- --awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-32srm4, 32px);
664
+ .awsui_notifications_hyvsj_vhpj7_655.awsui_sticky-notifications_hyvsj_vhpj7_664:not(#\9) {
665
+ --awsui-flashbar-sticky-bottom-margin-66120l: var(--space-xxl-xj5vu7, 32px);
666
666
  position: sticky;
667
- inset-block-start: var(--awsui-offset-top-esndbs);
667
+ inset-block-start: var(--awsui-offset-top-66120l);
668
668
  }
669
- .awsui_notifications_hyvsj_1oesa_655.awsui_sticky-notifications_hyvsj_1oesa_664:not(#\9):not(.awsui_high-contrast_hyvsj_1oesa_669) {
669
+ .awsui_notifications_hyvsj_vhpj7_655.awsui_sticky-notifications_hyvsj_vhpj7_664:not(#\9):not(.awsui_high-contrast_hyvsj_vhpj7_669) {
670
670
  background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
671
671
  }
672
- .awsui_notifications_hyvsj_1oesa_655.awsui_has-notification-content_hyvsj_1oesa_660:not(#\9) {
673
- padding-block-start: var(--space-xs-ymlm0b, 8px);
672
+ .awsui_notifications_hyvsj_vhpj7_655.awsui_has-notification-content_hyvsj_vhpj7_660:not(#\9) {
673
+ padding-block-start: var(--space-xs-m9b7jf, 8px);
674
674
  }
675
675
  }
676
676
 
@@ -680,13 +680,13 @@ as the content area. This row is defined as 1 fractional unit which will
680
680
  consume the remaining vertical space in the grid after the notifications
681
681
  and breadcrumbs.
682
682
  */
683
- section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9) {
683
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683:not(#\9) {
684
684
  /*
685
685
  The align self property will position the split panel at the bottom of the grid row.
686
686
  This could be off the viewport if the content area has enough content to be scrollable.
687
687
  */
688
688
  align-self: end;
689
- inset-block-end: var(--awsui-footer-height-esndbs);
689
+ inset-block-end: var(--awsui-footer-height-66120l);
690
690
  display: none;
691
691
  grid-column: 1/6;
692
692
  grid-row: 9;
@@ -716,47 +716,47 @@ section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9) {
716
716
  apply the animation to the height property.
717
717
  */
718
718
  }
719
- @keyframes awsui_openSplitPanelBottom_hyvsj_1oesa_1 {
719
+ @keyframes awsui_openSplitPanelBottom_hyvsj_vhpj7_1 {
720
720
  from {
721
- block-size: var(--awsui-split-panel-reported-header-size-esndbs, 0);
721
+ block-size: var(--awsui-split-panel-reported-header-size-66120l, 0);
722
722
  }
723
723
  to {
724
- block-size: var(--awsui-split-panel-reported-size-esndbs);
724
+ block-size: var(--awsui-split-panel-reported-size-66120l);
725
725
  }
726
726
  }
727
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
727
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
728
728
  inset-block-end: 0;
729
729
  }
730
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
730
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
731
731
  grid-column-start: 2;
732
732
  }
733
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_has-open-drawer_hyvsj_1oesa_35.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
733
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_has-open-drawer_hyvsj_vhpj7_35.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
734
734
  grid-column-end: 5;
735
735
  }
736
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
736
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
737
737
  display: block;
738
738
  }
739
- section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1oesa_473).awsui_position-bottom_hyvsj_1oesa_730 {
739
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683:not(#\9):not(.awsui_is-split-panel-open_hyvsj_vhpj7_473).awsui_position-bottom_hyvsj_vhpj7_730 {
740
740
  box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
741
741
  }
742
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
743
- box-shadow: var(--shadow-split-bottom-vlyulf, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
742
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
743
+ box-shadow: var(--shadow-split-bottom-p8ki2v, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
744
744
  }
745
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
746
- animation: awsui_openSplitPanelBottom_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
745
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
746
+ animation: awsui_openSplitPanelBottom_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
747
747
  }
748
748
  @media (prefers-reduced-motion: reduce) {
749
- section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
749
+ section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
750
750
  animation: none;
751
751
  transition: none;
752
752
  }
753
753
  }
754
- .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
754
+ .awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
755
755
  animation: none;
756
756
  transition: none;
757
757
  }
758
758
 
759
- section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9) {
759
+ section.awsui_split-panel-side_hyvsj_vhpj7_759:not(#\9) {
760
760
  block-size: 100%;
761
761
  overflow-x: hidden;
762
762
  pointer-events: auto;
@@ -766,15 +766,15 @@ section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9) {
766
766
  be persistent in the DOM when closed.
767
767
  */
768
768
  }
769
- section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1oesa_473), section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
769
+ section.awsui_split-panel-side_hyvsj_vhpj7_759:not(#\9):not(.awsui_is-split-panel-open_hyvsj_vhpj7_473), section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
770
770
  inline-size: 0;
771
771
  }
772
- section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-side_hyvsj_1oesa_772:not(#\9) {
773
- max-inline-size: var(--awsui-split-panel-max-width-esndbs, 280px);
774
- min-inline-size: var(--awsui-split-panel-min-width-esndbs, 280px);
772
+ section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-side_hyvsj_vhpj7_772:not(#\9) {
773
+ max-inline-size: var(--awsui-split-panel-max-width-66120l, 280px);
774
+ min-inline-size: var(--awsui-split-panel-min-width-66120l, 280px);
775
775
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
776
776
  }
777
- section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-side_hyvsj_1oesa_772:not(#\9):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
777
+ section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-side_hyvsj_vhpj7_772:not(#\9):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
778
778
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-9oapph, #c6c6cd);
779
779
  }
780
780
 
@@ -787,22 +787,22 @@ content width has a default value that can be set directly with the minContentWi
787
787
  property. The content gap right is computed in the Layout styles based on the
788
788
  viewport size and state of the Tools drawer.
789
789
  */
790
- .awsui_tools-container_hyvsj_1oesa_790:not(#\9) {
791
- --awsui-tools-max-width-esndbs: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
790
+ .awsui_tools-container_hyvsj_vhpj7_790:not(#\9) {
791
+ --awsui-tools-max-width-66120l: calc(var(--awsui-layout-width-66120l) - var(--awsui-main-offset-left-66120l) - var(--awsui-default-min-content-width-66120l) - var(--awsui-content-gap-right-66120l));
792
792
  display: flex;
793
793
  grid-column: 5;
794
794
  grid-row: 1/span 9;
795
- block-size: var(--awsui-content-height-esndbs);
796
- max-inline-size: var(--awsui-tools-max-width-esndbs);
795
+ block-size: var(--awsui-content-height-66120l);
796
+ max-inline-size: var(--awsui-tools-max-width-66120l);
797
797
  position: sticky;
798
- inset-block-start: var(--awsui-offset-top-esndbs);
798
+ inset-block-start: var(--awsui-offset-top-66120l);
799
799
  z-index: 830;
800
800
  pointer-events: none;
801
801
  }
802
802
  @media (max-width: 688px) {
803
- .awsui_tools-container_hyvsj_1oesa_790:not(#\9) {
804
- --awsui-tools-max-width-esndbs: none;
805
- --awsui-tools-width-esndbs: auto;
803
+ .awsui_tools-container_hyvsj_vhpj7_790:not(#\9) {
804
+ --awsui-tools-max-width-66120l: none;
805
+ --awsui-tools-width-66120l: auto;
806
806
  position: fixed;
807
807
  inset-inline-end: 0;
808
808
  z-index: 1001;
@@ -814,12 +814,12 @@ viewport size and state of the Tools drawer.
814
814
  relative to the body.
815
815
  */
816
816
  }
817
- .awsui_tools-container_hyvsj_1oesa_790.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
818
- inset-block-start: var(--awsui-header-height-esndbs);
817
+ .awsui_tools-container_hyvsj_vhpj7_790.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
818
+ inset-block-start: var(--awsui-header-height-66120l);
819
819
  }
820
820
  }
821
821
 
822
- .awsui_tools_hyvsj_1oesa_790:not(#\9) {
822
+ .awsui_tools_hyvsj_vhpj7_790:not(#\9) {
823
823
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
824
824
  flex-shrink: 0;
825
825
  block-size: 100%;
@@ -842,54 +842,54 @@ viewport size and state of the Tools drawer.
842
842
  in the side position.
843
843
  */
844
844
  }
845
- @keyframes awsui_openTools_hyvsj_1oesa_1 {
845
+ @keyframes awsui_openTools_hyvsj_vhpj7_1 {
846
846
  from {
847
- opacity: var(--awsui-tools-animation-starting-opacity-esndbs, 0);
848
- inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
847
+ opacity: var(--awsui-tools-animation-starting-opacity-66120l, 0);
848
+ inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
849
849
  }
850
850
  to {
851
851
  opacity: 1;
852
- inline-size: var(--awsui-tools-width-esndbs);
852
+ inline-size: var(--awsui-tools-width-66120l);
853
853
  }
854
854
  }
855
- .awsui_tools_hyvsj_1oesa_790:not(#\9):not(.awsui_is-tools-open_hyvsj_1oesa_473) {
855
+ .awsui_tools_hyvsj_vhpj7_790:not(#\9):not(.awsui_is-tools-open_hyvsj_vhpj7_473) {
856
856
  inline-size: 0;
857
857
  display: none;
858
858
  }
859
- .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473:not(#\9) {
859
+ .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473:not(#\9) {
860
860
  border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
861
861
  }
862
- .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
863
- animation: awsui_openTools_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
862
+ .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
863
+ animation: awsui_openTools_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
864
864
  }
865
865
  @media (prefers-reduced-motion: reduce) {
866
- .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
866
+ .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
867
867
  animation: none;
868
868
  transition: none;
869
869
  }
870
870
  }
871
- .awsui-motion-disabled .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
871
+ .awsui-motion-disabled .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
872
872
  animation: none;
873
873
  transition: none;
874
874
  }
875
- .awsui_tools_hyvsj_1oesa_790 > .awsui_animated-content_hyvsj_1oesa_637:not(#\9) {
876
- inline-size: var(--awsui-tools-width-esndbs);
875
+ .awsui_tools_hyvsj_vhpj7_790 > .awsui_animated-content_hyvsj_vhpj7_637:not(#\9) {
876
+ inline-size: var(--awsui-tools-width-66120l);
877
877
  }
878
878
  @media (min-width: 689px) {
879
- .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_has-tools-form-persistence_hyvsj_1oesa_879:not(#\9) {
879
+ .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_has-tools-form-persistence_hyvsj_vhpj7_879:not(#\9) {
880
880
  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
881
881
  }
882
882
  }
883
883
  @media (max-width: 688px) {
884
- .awsui_tools_hyvsj_1oesa_790:not(#\9) {
885
- --awsui-tools-width-esndbs: 100vw;
884
+ .awsui_tools_hyvsj_vhpj7_790:not(#\9) {
885
+ --awsui-tools-width-66120l: 100vw;
886
886
  }
887
887
  }
888
888
 
889
- .awsui_hide-tools_hyvsj_1oesa_889:not(#\9) {
889
+ .awsui_hide-tools_hyvsj_vhpj7_889:not(#\9) {
890
890
  position: absolute;
891
- inset-inline-end: var(--space-m-dsumyt, 16px);
892
- inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
891
+ inset-inline-end: var(--space-m-n8iq8o, 16px);
892
+ inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
893
893
  z-index: 1;
894
894
  }
895
895
 
@@ -898,7 +898,7 @@ Warning! If these design tokens for padding change it will adversely impact
898
898
  the calculation used to determine the Split Panel maximum width in the
899
899
  handleSplitPanelMaxWidth function in the context.
900
900
  */
901
- .awsui_show-tools_hyvsj_1oesa_901:not(#\9) {
901
+ .awsui_show-tools_hyvsj_vhpj7_901:not(#\9) {
902
902
  border-collapse: separate;
903
903
  border-spacing: 0;
904
904
  box-sizing: border-box;
@@ -929,14 +929,14 @@ handleSplitPanelMaxWidth function in the context.
929
929
  -webkit-font-smoothing: auto;
930
930
  -moz-osx-font-smoothing: auto;
931
931
  box-sizing: border-box;
932
- padding-block: var(--space-scaled-s-8ozaad, 12px);
933
- padding-inline: var(--space-layout-toggle-padding-chwlhz, 12px);
932
+ padding-block: var(--space-scaled-s-2crg2b, 12px);
933
+ padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
934
934
  /*
935
935
  Apply the animation only in desktop viewports because the MobileToolbar will
936
936
  take control in responsive viewports.
937
937
  */
938
938
  }
939
- @keyframes awsui_showButtons_hyvsj_1oesa_1 {
939
+ @keyframes awsui_showButtons_hyvsj_vhpj7_1 {
940
940
  0% {
941
941
  opacity: 0;
942
942
  }
@@ -944,53 +944,53 @@ handleSplitPanelMaxWidth function in the context.
944
944
  opacity: 1;
945
945
  }
946
946
  }
947
- .awsui_show-tools_hyvsj_1oesa_901:not(#\9):not(.awsui_has-tools-form_hyvsj_1oesa_879) {
947
+ .awsui_show-tools_hyvsj_vhpj7_901:not(#\9):not(.awsui_has-tools-form_hyvsj_vhpj7_879) {
948
948
  display: none;
949
949
  }
950
950
  @media (min-width: 689px) {
951
- .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879:not(#\9) {
951
+ .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879:not(#\9) {
952
952
  display: flex;
953
953
  flex-direction: column;
954
- gap: var(--space-xs-ymlm0b, 8px);
954
+ gap: var(--space-xs-m9b7jf, 8px);
955
955
  }
956
- .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
957
- animation: awsui_showButtons_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
956
+ .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
957
+ animation: awsui_showButtons_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
958
958
  }
959
959
  }
960
960
  @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
961
- .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
961
+ .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
962
962
  animation: none;
963
963
  transition: none;
964
964
  }
965
965
  }
966
966
  @media (min-width: 689px) {
967
- .awsui-motion-disabled .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
967
+ .awsui-motion-disabled .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
968
968
  animation: none;
969
969
  transition: none;
970
970
  }
971
- .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form-persistence_hyvsj_1oesa_879:not(#\9) {
971
+ .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form-persistence_hyvsj_vhpj7_879:not(#\9) {
972
972
  background-color: var(--color-background-container-content-78ljyf, #ffffff);
973
973
  z-index: 1;
974
974
  }
975
975
  }
976
976
 
977
- .awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9) {
977
+ .awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9) {
978
978
  background: var(--color-background-layout-toggle-default-2hgjdu, #424650);
979
979
  border-start-start-radius: 50%;
980
980
  border-start-end-radius: 50%;
981
981
  border-end-start-radius: 50%;
982
982
  border-end-end-radius: 50%;
983
- block-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
984
- inline-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
983
+ block-size: var(--space-layout-toggle-diameter-qufod6, 36px);
984
+ inline-size: var(--space-layout-toggle-diameter-qufod6, 36px);
985
985
  }
986
- .awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9):hover {
986
+ .awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9):hover {
987
987
  background: var(--color-background-layout-toggle-hover-0cpm7g, #656871);
988
988
  }
989
- .awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9):active {
989
+ .awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9):active {
990
990
  background: var(--color-background-layout-toggle-active-ap91vm, #424650);
991
991
  }
992
992
 
993
- .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9) {
993
+ .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9) {
994
994
  position: absolute;
995
995
  inset-block-start: 0;
996
996
  inset-inline-start: 0;
@@ -1000,7 +1000,7 @@ handleSplitPanelMaxWidth function in the context.
1000
1000
  clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
1001
1001
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
1002
1002
  }
1003
- .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):dir(rtl) {
1003
+ .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):dir(rtl) {
1004
1004
  clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
1005
1005
  }
1006
1006
 
@@ -1009,7 +1009,7 @@ Warning! If these design tokens for width change it will adversely impact
1009
1009
  the calculation used to determine the Split Panel maximum width in the
1010
1010
  handleSplitPanelMaxWidth function in the context.
1011
1011
  */
1012
- .awsui_trigger_hyvsj_1oesa_977:not(#\9) {
1012
+ .awsui_trigger_hyvsj_vhpj7_977:not(#\9) {
1013
1013
  border-block: none;
1014
1014
  border-inline: none;
1015
1015
  padding-inline: 0;
@@ -1018,14 +1018,14 @@ handleSplitPanelMaxWidth function in the context.
1018
1018
  pointer-events: auto;
1019
1019
  position: relative;
1020
1020
  }
1021
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
1021
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
1022
1022
  position: relative;
1023
1023
  }
1024
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
1024
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
1025
1025
  outline: 2px dotted transparent;
1026
1026
  outline-offset: calc(3px - 1px);
1027
1027
  }
1028
- body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus::before {
1028
+ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus::before {
1029
1029
  content: " ";
1030
1030
  display: block;
1031
1031
  position: absolute;
@@ -1039,49 +1039,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focu
1039
1039
  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
1040
1040
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
1041
1041
  }
1042
- .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
1042
+ .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
1043
1043
  outline: none;
1044
1044
  }
1045
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9) {
1045
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9) {
1046
1046
  background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
1047
1047
  color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
1048
1048
  }
1049
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9):hover {
1049
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9):hover {
1050
1050
  background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
1051
1051
  }
1052
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9):active {
1052
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9):active {
1053
1053
  background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
1054
1054
  }
1055
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9) {
1055
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9) {
1056
1056
  background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
1057
1057
  color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
1058
1058
  }
1059
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):hover {
1059
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):hover {
1060
1060
  background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
1061
1061
  }
1062
- .awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):active {
1062
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):active {
1063
1063
  background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
1064
1064
  }
1065
- .awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9), .awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9):hover, .awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9):active {
1065
+ .awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9), .awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9):hover, .awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9):active {
1066
1066
  background: transparent;
1067
1067
  }
1068
1068
 
1069
- .awsui_trigger-wrapper_hyvsj_1oesa_1069:not(#\9) {
1069
+ .awsui_trigger-wrapper_hyvsj_vhpj7_1069:not(#\9) {
1070
1070
  position: relative;
1071
1071
  border-start-start-radius: 50%;
1072
1072
  border-start-end-radius: 50%;
1073
1073
  border-end-start-radius: 50%;
1074
1074
  border-end-end-radius: 50%;
1075
1075
  }
1076
- .awsui_trigger-wrapper_hyvsj_1oesa_1069:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1oesa_495) {
1077
- box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1076
+ .awsui_trigger-wrapper_hyvsj_vhpj7_1069:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_vhpj7_495) {
1077
+ box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
1078
1078
  }
1079
1079
 
1080
- .awsui_trigger-wrapper-tooltip-visible_hyvsj_1oesa_1080:not(#\9) {
1080
+ .awsui_trigger-wrapper-tooltip-visible_hyvsj_vhpj7_1080:not(#\9) {
1081
1081
  /* used in test-utils*/
1082
1082
  }
1083
1083
 
1084
- .awsui_dot_hyvsj_1oesa_1084:not(#\9) {
1084
+ .awsui_dot_hyvsj_vhpj7_1084:not(#\9) {
1085
1085
  position: absolute;
1086
1086
  inline-size: 9px;
1087
1087
  block-size: 9px;
@@ -1094,6 +1094,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focu
1094
1094
  inset-inline-end: 0;
1095
1095
  }
1096
1096
 
1097
- .awsui_trigger-tooltip_hyvsj_1oesa_1097:not(#\9) {
1097
+ .awsui_trigger-tooltip_hyvsj_vhpj7_1097:not(#\9) {
1098
1098
  /* used in test-utils */
1099
1099
  }