@cloudscape-design/components-themeable 3.0.533 → 3.0.535

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 (310) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/grid/styles.scss +15 -12
  3. package/lib/internal/scss/header/styles.scss +36 -28
  4. package/lib/internal/scss/help-panel/styles.scss +50 -36
  5. package/lib/internal/scss/hotspot/styles.scss +6 -6
  6. package/lib/internal/scss/icon/mixins.scss +6 -5
  7. package/lib/internal/scss/icon/styles.scss +8 -5
  8. package/lib/internal/scss/input/styles.scss +21 -13
  9. package/lib/internal/scss/internal/components/abstract-switch/styles.scss +9 -8
  10. package/lib/internal/scss/internal/components/button-trigger/styles.scss +17 -13
  11. package/lib/internal/scss/internal/components/cartesian-chart/styles.scss +7 -10
  12. package/lib/internal/scss/internal/components/chart-legend/styles.scss +10 -6
  13. package/lib/internal/scss/internal/components/chart-plot/styles.scss +2 -2
  14. package/lib/internal/scss/internal/components/chart-popover/styles.scss +4 -2
  15. package/lib/internal/scss/internal/components/chart-popover-footer/styles.scss +6 -4
  16. package/lib/internal/scss/internal/components/chart-series-details/styles.scss +8 -6
  17. package/lib/internal/scss/internal/components/chart-series-marker/styles.scss +33 -20
  18. package/lib/internal/scss/internal/components/chart-wrapper/styles.scss +4 -4
  19. package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +4 -4
  20. package/lib/internal/scss/internal/components/dropdown/styles.scss +14 -13
  21. package/lib/internal/scss/internal/components/dropdown-footer/styles.scss +2 -2
  22. package/lib/internal/scss/internal/components/dropdown-status/styles.scss +3 -2
  23. package/lib/internal/scss/internal/components/filtering-token/styles.scss +20 -12
  24. package/lib/internal/scss/internal/components/handle/styles.scss +6 -3
  25. package/lib/internal/scss/internal/components/menu-dropdown/styles.scss +9 -9
  26. package/lib/internal/scss/internal/components/option/styles.scss +9 -9
  27. package/lib/internal/scss/internal/components/options-list/styles.scss +12 -6
  28. package/lib/internal/scss/internal/components/selectable-item/styles.scss +42 -34
  29. package/lib/internal/scss/internal/components/token-list/styles.scss +18 -11
  30. package/lib/internal/scss/internal/styles/forms/mixins.scss +74 -38
  31. package/lib/internal/scss/internal/styles/utils/mixins.scss +10 -9
  32. package/lib/internal/scss/modal/styles.scss +39 -24
  33. package/lib/internal/scss/multiselect/styles.scss +1 -1
  34. package/lib/internal/scss/table/body-cell/styles.scss +75 -65
  35. package/lib/internal/scss/table/header-cell/styles.scss +24 -22
  36. package/lib/internal/scss/table/resizer/styles.scss +21 -21
  37. package/lib/internal/scss/table/selection/styles.scss +6 -6
  38. package/lib/internal/scss/table/sticky-scrollbar/styles.scss +9 -9
  39. package/lib/internal/scss/table/styles.scss +51 -46
  40. package/lib/internal/scss/tabs/styles.scss +6 -3
  41. package/lib/internal/scss/tabs/tab-header-bar.scss +46 -31
  42. package/lib/internal/scss/text-content/styles.scss +10 -6
  43. package/lib/internal/scss/text-filter/styles.scss +2 -2
  44. package/lib/internal/scss/textarea/styles.scss +11 -5
  45. package/lib/internal/scss/tiles/styles.scss +25 -14
  46. package/lib/internal/scss/toggle/styles.scss +12 -7
  47. package/lib/internal/scss/token-group/styles.scss +23 -11
  48. package/lib/internal/scss/top-navigation/1.0-beta/styles.scss +42 -38
  49. package/lib/internal/scss/top-navigation/styles.scss +69 -56
  50. package/lib/internal/scss/tutorial-panel/components/tutorial-detail-view/styles.scss +15 -11
  51. package/lib/internal/scss/tutorial-panel/components/tutorial-list/styles.scss +16 -8
  52. package/lib/internal/scss/tutorial-panel/styles.scss +3 -1
  53. package/lib/internal/scss/wizard/styles.scss +45 -33
  54. package/lib/internal/template/alert/styles.css.js +25 -25
  55. package/lib/internal/template/alert/styles.scoped.css +48 -45
  56. package/lib/internal/template/alert/styles.selectors.js +25 -25
  57. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  58. package/lib/internal/template/anchor-navigation/styles.scoped.css +22 -19
  59. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  60. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  61. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +37 -34
  62. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  63. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  64. package/lib/internal/template/app-layout/toggles/styles.scoped.css +14 -11
  65. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  66. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +81 -81
  67. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +179 -176
  68. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +81 -81
  69. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  70. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +23 -20
  71. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  72. package/lib/internal/template/button/styles.css.js +20 -20
  73. package/lib/internal/template/button/styles.scoped.css +392 -302
  74. package/lib/internal/template/button/styles.selectors.js +20 -20
  75. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  76. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +19 -19
  77. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  78. package/lib/internal/template/calendar/styles.css.js +18 -18
  79. package/lib/internal/template/calendar/styles.scoped.css +54 -48
  80. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  81. package/lib/internal/template/cards/styles.css.js +40 -40
  82. package/lib/internal/template/cards/styles.scoped.css +58 -58
  83. package/lib/internal/template/cards/styles.selectors.js +40 -40
  84. package/lib/internal/template/checkbox/styles.css.js +3 -3
  85. package/lib/internal/template/checkbox/styles.scoped.css +18 -15
  86. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  87. package/lib/internal/template/code-editor/styles.css.js +32 -32
  88. package/lib/internal/template/code-editor/styles.scoped.css +213 -201
  89. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  90. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  91. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +26 -23
  92. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  93. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  94. package/lib/internal/template/collection-preferences/styles.scoped.css +53 -50
  95. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  96. package/lib/internal/template/container/styles.css.js +30 -30
  97. package/lib/internal/template/container/styles.scoped.css +100 -80
  98. package/lib/internal/template/container/styles.selectors.js +30 -30
  99. package/lib/internal/template/date-picker/styles.css.js +7 -7
  100. package/lib/internal/template/date-picker/styles.scoped.css +13 -10
  101. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  102. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  103. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +58 -52
  104. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  105. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  106. package/lib/internal/template/date-range-picker/styles.scoped.css +50 -47
  107. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  108. package/lib/internal/template/expandable-section/interfaces.d.ts +3 -2
  109. package/lib/internal/template/expandable-section/interfaces.d.ts.map +1 -1
  110. package/lib/internal/template/expandable-section/interfaces.js.map +1 -1
  111. package/lib/internal/template/expandable-section/styles.css.js +32 -32
  112. package/lib/internal/template/expandable-section/styles.scoped.css +85 -75
  113. package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
  114. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  115. package/lib/internal/template/file-upload/file-input/styles.scoped.css +15 -12
  116. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  117. package/lib/internal/template/flashbar/styles.css.js +47 -47
  118. package/lib/internal/template/flashbar/styles.scoped.css +168 -162
  119. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  120. package/lib/internal/template/form-field/styles.css.js +19 -19
  121. package/lib/internal/template/form-field/styles.scoped.css +35 -34
  122. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  123. package/lib/internal/template/grid/styles.css.js +53 -53
  124. package/lib/internal/template/grid/styles.scoped.css +112 -108
  125. package/lib/internal/template/grid/styles.selectors.js +53 -53
  126. package/lib/internal/template/header/interfaces.d.ts +1 -1
  127. package/lib/internal/template/header/interfaces.js.map +1 -1
  128. package/lib/internal/template/header/styles.css.js +34 -34
  129. package/lib/internal/template/header/styles.scoped.css +92 -83
  130. package/lib/internal/template/header/styles.selectors.js +34 -34
  131. package/lib/internal/template/help-panel/styles.css.js +4 -4
  132. package/lib/internal/template/help-panel/styles.scoped.css +127 -108
  133. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  134. package/lib/internal/template/hotspot/styles.css.js +7 -7
  135. package/lib/internal/template/hotspot/styles.scoped.css +13 -13
  136. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  137. package/lib/internal/template/icon/styles.css.js +21 -21
  138. package/lib/internal/template/icon/styles.scoped.css +86 -78
  139. package/lib/internal/template/icon/styles.selectors.js +21 -21
  140. package/lib/internal/template/input/styles.css.js +12 -12
  141. package/lib/internal/template/input/styles.scoped.css +63 -49
  142. package/lib/internal/template/input/styles.selectors.js +12 -12
  143. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  144. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +31 -30
  145. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  146. package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
  147. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +61 -48
  148. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
  149. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
  150. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +38 -41
  151. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
  152. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  153. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +33 -26
  154. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  155. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  156. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +7 -7
  157. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  158. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  159. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +7 -5
  160. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  161. package/lib/internal/template/internal/components/chart-popover-footer/styles.css.js +1 -1
  162. package/lib/internal/template/internal/components/chart-popover-footer/styles.scoped.css +8 -6
  163. package/lib/internal/template/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  164. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +20 -20
  165. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +74 -59
  166. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +20 -20
  167. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  168. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +40 -27
  169. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  170. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  171. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +13 -13
  172. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  173. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  174. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +12 -12
  175. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  176. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  177. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +64 -56
  178. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  179. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  180. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +5 -5
  181. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  182. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  183. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +5 -3
  184. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  185. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  186. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +41 -30
  187. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  188. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  189. package/lib/internal/template/internal/components/handle/styles.scoped.css +20 -14
  190. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  191. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  192. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +31 -28
  193. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  194. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  195. package/lib/internal/template/internal/components/option/styles.scoped.css +39 -39
  196. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  197. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  198. package/lib/internal/template/internal/components/options-list/styles.scoped.css +14 -8
  199. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  200. package/lib/internal/template/internal/components/screenreader-only/styles.css.js +1 -1
  201. package/lib/internal/template/internal/components/screenreader-only/styles.scoped.css +3 -3
  202. package/lib/internal/template/internal/components/screenreader-only/styles.selectors.js +1 -1
  203. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  204. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +74 -65
  205. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  206. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  207. package/lib/internal/template/internal/components/token-list/styles.scoped.css +44 -33
  208. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  209. package/lib/internal/template/internal/environment.js +1 -1
  210. package/lib/internal/template/internal/environment.json +1 -1
  211. package/lib/internal/template/link/styles.css.js +20 -20
  212. package/lib/internal/template/link/styles.scoped.css +75 -72
  213. package/lib/internal/template/link/styles.selectors.js +20 -20
  214. package/lib/internal/template/modal/styles.css.js +23 -23
  215. package/lib/internal/template/modal/styles.scoped.css +76 -61
  216. package/lib/internal/template/modal/styles.selectors.js +23 -23
  217. package/lib/internal/template/multiselect/styles.css.js +2 -2
  218. package/lib/internal/template/multiselect/styles.scoped.css +3 -3
  219. package/lib/internal/template/multiselect/styles.selectors.js +2 -2
  220. package/lib/internal/template/pagination/styles.css.js +9 -9
  221. package/lib/internal/template/pagination/styles.scoped.css +29 -25
  222. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  223. package/lib/internal/template/popover/styles.css.js +50 -50
  224. package/lib/internal/template/popover/styles.scoped.css +75 -72
  225. package/lib/internal/template/popover/styles.selectors.js +50 -50
  226. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  227. package/lib/internal/template/progress-bar/styles.scoped.css +33 -33
  228. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  229. package/lib/internal/template/property-filter/styles.css.js +31 -31
  230. package/lib/internal/template/property-filter/styles.scoped.css +34 -34
  231. package/lib/internal/template/property-filter/styles.selectors.js +31 -31
  232. package/lib/internal/template/radio-group/styles.css.js +9 -9
  233. package/lib/internal/template/radio-group/styles.scoped.css +28 -25
  234. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  235. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  236. package/lib/internal/template/segmented-control/styles.scoped.css +42 -39
  237. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  238. package/lib/internal/template/select/parts/styles.css.js +16 -16
  239. package/lib/internal/template/select/parts/styles.scoped.css +18 -18
  240. package/lib/internal/template/select/parts/styles.selectors.js +16 -16
  241. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  242. package/lib/internal/template/side-navigation/styles.scoped.css +43 -40
  243. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  244. package/lib/internal/template/split-panel/styles.css.js +55 -55
  245. package/lib/internal/template/split-panel/styles.scoped.css +84 -81
  246. package/lib/internal/template/split-panel/styles.selectors.js +55 -55
  247. package/lib/internal/template/status-indicator/styles.css.js +23 -23
  248. package/lib/internal/template/status-indicator/styles.scoped.css +30 -30
  249. package/lib/internal/template/status-indicator/styles.selectors.js +23 -23
  250. package/lib/internal/template/table/body-cell/styles.css.js +30 -30
  251. package/lib/internal/template/table/body-cell/styles.scoped.css +166 -153
  252. package/lib/internal/template/table/body-cell/styles.selectors.js +30 -30
  253. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  254. package/lib/internal/template/table/header-cell/styles.scoped.css +77 -70
  255. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  256. package/lib/internal/template/table/resizer/styles.css.js +8 -8
  257. package/lib/internal/template/table/resizer/styles.scoped.css +43 -40
  258. package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
  259. package/lib/internal/template/table/selection/styles.css.js +3 -3
  260. package/lib/internal/template/table/selection/styles.scoped.css +9 -9
  261. package/lib/internal/template/table/selection/styles.selectors.js +3 -3
  262. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  263. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +16 -16
  264. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  265. package/lib/internal/template/table/styles.css.js +35 -35
  266. package/lib/internal/template/table/styles.scoped.css +94 -87
  267. package/lib/internal/template/table/styles.selectors.js +35 -35
  268. package/lib/internal/template/tabs/styles.css.js +21 -21
  269. package/lib/internal/template/tabs/styles.scoped.css +104 -79
  270. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  271. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  272. package/lib/internal/template/tag-editor/styles.scoped.css +14 -11
  273. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  274. package/lib/internal/template/text-content/styles.css.js +1 -1
  275. package/lib/internal/template/text-content/styles.scoped.css +74 -67
  276. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  277. package/lib/internal/template/text-filter/styles.css.js +3 -3
  278. package/lib/internal/template/text-filter/styles.scoped.css +5 -5
  279. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  280. package/lib/internal/template/textarea/styles.css.js +4 -4
  281. package/lib/internal/template/textarea/styles.scoped.css +34 -23
  282. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  283. package/lib/internal/template/tiles/styles.css.js +29 -29
  284. package/lib/internal/template/tiles/styles.scoped.css +112 -99
  285. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  286. package/lib/internal/template/toggle/styles.css.js +8 -8
  287. package/lib/internal/template/toggle/styles.scoped.css +38 -29
  288. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  289. package/lib/internal/template/token-group/styles.css.js +8 -8
  290. package/lib/internal/template/token-group/styles.scoped.css +46 -31
  291. package/lib/internal/template/token-group/styles.selectors.js +8 -8
  292. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  293. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +90 -83
  294. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  295. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  296. package/lib/internal/template/top-navigation/styles.scoped.css +149 -130
  297. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  298. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  299. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +36 -32
  300. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  301. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  302. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +47 -36
  303. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  304. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  305. package/lib/internal/template/tutorial-panel/styles.scoped.css +4 -2
  306. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  307. package/lib/internal/template/wizard/styles.css.js +32 -32
  308. package/lib/internal/template/wizard/styles.scoped.css +145 -117
  309. package/lib/internal/template/wizard/styles.selectors.js +32 -32
  310. package/package.json +1 -1
@@ -1,52 +1,52 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "icon": "awsui_icon_k5dlb_pr1cs_93",
5
- "top-navigation": "awsui_top-navigation_k5dlb_pr1cs_111",
6
- "padding-box": "awsui_padding-box_k5dlb_pr1cs_146",
7
- "medium": "awsui_medium_k5dlb_pr1cs_156",
8
- "narrow": "awsui_narrow_k5dlb_pr1cs_156",
9
- "virtual": "awsui_virtual_k5dlb_pr1cs_167",
10
- "hidden": "awsui_hidden_k5dlb_pr1cs_171",
11
- "\t": "awsui_\t_k5dlb_pr1cs_1",
12
- "identity": "awsui_identity_k5dlb_pr1cs_183",
13
- "identity-link": "awsui_identity-link_k5dlb_pr1cs_186",
14
- "no-logo": "awsui_no-logo_k5dlb_pr1cs_203",
15
- "logo": "awsui_logo_k5dlb_pr1cs_207",
16
- "title": "awsui_title_k5dlb_pr1cs_219",
17
- "inputs": "awsui_inputs_k5dlb_pr1cs_234",
18
- "search": "awsui_search_k5dlb_pr1cs_241",
19
- "search-expanded": "awsui_search-expanded_k5dlb_pr1cs_245",
20
- "utilities": "awsui_utilities_k5dlb_pr1cs_249",
21
- "utility-wrapper": "awsui_utility-wrapper_k5dlb_pr1cs_260",
22
- "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_pr1cs_281",
23
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_pr1cs_285",
24
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_pr1cs_293",
25
- "utility-link-icon": "awsui_utility-link-icon_k5dlb_pr1cs_301",
26
- "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_pr1cs_305",
27
- "offset-right-none": "awsui_offset-right-none_k5dlb_pr1cs_309",
28
- "offset-right-l": "awsui_offset-right-l_k5dlb_pr1cs_313",
29
- "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_pr1cs_317",
30
- "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_pr1cs_322",
31
- "overflow-menu": "awsui_overflow-menu_k5dlb_pr1cs_322",
32
- "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_pr1cs_366",
33
- "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_pr1cs_373",
34
- "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_pr1cs_384",
35
- "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_pr1cs_390",
36
- "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_pr1cs_394",
37
- "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_pr1cs_398",
38
- "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_pr1cs_402",
39
- "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_pr1cs_441",
40
- "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_pr1cs_448",
41
- "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pr1cs_451",
42
- "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_pr1cs_441",
43
- "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_pr1cs_482",
44
- "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_pr1cs_441",
45
- "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_pr1cs_490",
46
- "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_pr1cs_493",
47
- "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_pr1cs_502",
48
- "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pr1cs_507",
49
- "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_pr1cs_510",
50
- "expanded": "awsui_expanded_k5dlb_pr1cs_518"
4
+ "icon": "awsui_icon_k5dlb_16yz6_93",
5
+ "top-navigation": "awsui_top-navigation_k5dlb_16yz6_111",
6
+ "padding-box": "awsui_padding-box_k5dlb_16yz6_146",
7
+ "medium": "awsui_medium_k5dlb_16yz6_156",
8
+ "narrow": "awsui_narrow_k5dlb_16yz6_156",
9
+ "virtual": "awsui_virtual_k5dlb_16yz6_167",
10
+ "hidden": "awsui_hidden_k5dlb_16yz6_171",
11
+ "\t": "awsui_\t_k5dlb_16yz6_1",
12
+ "identity": "awsui_identity_k5dlb_16yz6_183",
13
+ "identity-link": "awsui_identity-link_k5dlb_16yz6_186",
14
+ "no-logo": "awsui_no-logo_k5dlb_16yz6_206",
15
+ "logo": "awsui_logo_k5dlb_16yz6_210",
16
+ "title": "awsui_title_k5dlb_16yz6_222",
17
+ "inputs": "awsui_inputs_k5dlb_16yz6_237",
18
+ "search": "awsui_search_k5dlb_16yz6_245",
19
+ "search-expanded": "awsui_search-expanded_k5dlb_16yz6_249",
20
+ "utilities": "awsui_utilities_k5dlb_16yz6_253",
21
+ "utility-wrapper": "awsui_utility-wrapper_k5dlb_16yz6_264",
22
+ "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_16yz6_285",
23
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_16yz6_290",
24
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_16yz6_299",
25
+ "utility-link-icon": "awsui_utility-link-icon_k5dlb_16yz6_307",
26
+ "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_16yz6_311",
27
+ "offset-right-none": "awsui_offset-right-none_k5dlb_16yz6_315",
28
+ "offset-right-l": "awsui_offset-right-l_k5dlb_16yz6_319",
29
+ "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_16yz6_323",
30
+ "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_16yz6_328",
31
+ "overflow-menu": "awsui_overflow-menu_k5dlb_16yz6_328",
32
+ "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_16yz6_372",
33
+ "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_16yz6_380",
34
+ "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_16yz6_392",
35
+ "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_16yz6_398",
36
+ "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_16yz6_402",
37
+ "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_16yz6_406",
38
+ "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_16yz6_410",
39
+ "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_16yz6_451",
40
+ "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_16yz6_459",
41
+ "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_16yz6_462",
42
+ "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_16yz6_451",
43
+ "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_16yz6_498",
44
+ "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_16yz6_451",
45
+ "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_16yz6_507",
46
+ "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_16yz6_510",
47
+ "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_16yz6_519",
48
+ "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_16yz6_525",
49
+ "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_16yz6_529",
50
+ "expanded": "awsui_expanded_k5dlb_16yz6_537"
51
51
  };
52
52
 
@@ -90,16 +90,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_icon_k5dlb_pr1cs_93:not(#\9) {
93
+ .awsui_icon_k5dlb_16yz6_93:not(#\9) {
94
94
  transition: transform var(--motion-duration-rotate-90-f4h6jw, 135ms) var(--motion-easing-rotate-90-ncjpnu, cubic-bezier(0.165, 0.84, 0.44, 1));
95
95
  }
96
96
  @media (prefers-reduced-motion: reduce) {
97
- .awsui_icon_k5dlb_pr1cs_93:not(#\9) {
97
+ .awsui_icon_k5dlb_16yz6_93:not(#\9) {
98
98
  animation: none;
99
99
  transition: none;
100
100
  }
101
101
  }
102
- .awsui-motion-disabled .awsui_icon_k5dlb_pr1cs_93:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_pr1cs_93:not(#\9) {
102
+ .awsui-motion-disabled .awsui_icon_k5dlb_16yz6_93:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_16yz6_93:not(#\9) {
103
103
  animation: none;
104
104
  transition: none;
105
105
  }
@@ -108,7 +108,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
109
109
  SPDX-License-Identifier: Apache-2.0
110
110
  */
111
- .awsui_top-navigation_k5dlb_pr1cs_111:not(#\9) {
111
+ .awsui_top-navigation_k5dlb_16yz6_111:not(#\9) {
112
112
  border-collapse: separate;
113
113
  border-spacing: 0;
114
114
  box-sizing: border-box;
@@ -144,80 +144,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
144
144
  -moz-osx-font-smoothing: auto;
145
145
  background: var(--color-background-container-content-il2pe5, #ffffff);
146
146
  }
147
- .awsui_top-navigation_k5dlb_pr1cs_111 > .awsui_padding-box_k5dlb_pr1cs_146:not(#\9) {
147
+ .awsui_top-navigation_k5dlb_16yz6_111 > .awsui_padding-box_k5dlb_16yz6_146:not(#\9) {
148
148
  display: flex;
149
149
  flex-direction: row;
150
150
  flex-wrap: nowrap;
151
151
  justify-content: space-between;
152
152
  align-items: center;
153
153
  box-sizing: border-box;
154
- height: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-m-er48cl, 16px));
155
- padding-left: var(--space-xxl-pd3205, 32px);
154
+ block-size: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-m-er48cl, 16px));
155
+ padding-inline-start: var(--space-xxl-pd3205, 32px);
156
156
  }
157
- .awsui_top-navigation_k5dlb_pr1cs_111.awsui_medium_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146:not(#\9), .awsui_top-navigation_k5dlb_pr1cs_111.awsui_narrow_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146:not(#\9) {
158
- padding-left: var(--space-l-xu1x80, 20px);
157
+ .awsui_top-navigation_k5dlb_16yz6_111.awsui_medium_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146:not(#\9), .awsui_top-navigation_k5dlb_16yz6_111.awsui_narrow_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146:not(#\9) {
158
+ padding-inline-start: var(--space-l-xu1x80, 20px);
159
159
  }
160
- .awsui_top-navigation_k5dlb_pr1cs_111.awsui_medium_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146:not(#\9) {
161
- height: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-xs-x91h81, 8px));
162
- padding-right: 0;
160
+ .awsui_top-navigation_k5dlb_16yz6_111.awsui_medium_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146:not(#\9) {
161
+ block-size: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-xs-x91h81, 8px));
162
+ padding-inline-end: 0;
163
163
  }
164
- .awsui_top-navigation_k5dlb_pr1cs_111.awsui_narrow_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146:not(#\9) {
165
- height: var(--space-xxxl-gvq98t, 40px);
164
+ .awsui_top-navigation_k5dlb_16yz6_111.awsui_narrow_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146:not(#\9) {
165
+ block-size: var(--space-xxxl-gvq98t, 40px);
166
166
  }
167
167
 
168
- .awsui_virtual_k5dlb_pr1cs_167:not(#\9) {
169
- width: 9000px;
168
+ .awsui_virtual_k5dlb_16yz6_167:not(#\9) {
169
+ inline-size: 9000px;
170
170
  }
171
171
 
172
- .awsui_hidden_k5dlb_pr1cs_171:not(#\9) {
172
+ .awsui_hidden_k5dlb_16yz6_171:not(#\9) {
173
173
  position: absolute !important;
174
- top: -9999px !important;
175
- left: -9999px !important;
174
+ inset-block-start: -9999px !important;
175
+ inset-inline-start: -9999px !important;
176
176
  visibility: hidden;
177
177
  }
178
178
 
179
179
  /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
180
- .awsui_hidden_k5dlb_pr1cs_171 *:not(#\9):not(#awsui_\9 _k5dlb_pr1cs_1) {
180
+ .awsui_hidden_k5dlb_16yz6_171 *:not(#\9):not(#awsui_\9 _k5dlb_16yz6_1) {
181
181
  visibility: hidden;
182
182
  }
183
183
 
184
- .awsui_identity_k5dlb_pr1cs_183:not(#\9) {
185
- min-width: 0;
184
+ .awsui_identity_k5dlb_16yz6_183:not(#\9) {
185
+ min-inline-size: 0;
186
186
  }
187
- .awsui_identity_k5dlb_pr1cs_183 > .awsui_identity-link_k5dlb_pr1cs_186:not(#\9) {
187
+ .awsui_identity_k5dlb_16yz6_183 > .awsui_identity-link_k5dlb_16yz6_186:not(#\9) {
188
188
  display: flex;
189
189
  align-items: center;
190
190
  text-decoration: none;
191
191
  color: var(--color-text-top-navigation-title-ow31ne, #16191f);
192
192
  }
193
- .awsui_identity_k5dlb_pr1cs_183 > .awsui_identity-link_k5dlb_pr1cs_186:not(#\9):hover {
193
+ .awsui_identity_k5dlb_16yz6_183 > .awsui_identity-link_k5dlb_16yz6_186:not(#\9):hover {
194
194
  color: var(--color-text-accent-yy9054, #0073bb);
195
195
  }
196
- body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pr1cs_183 > .awsui_identity-link_k5dlb_pr1cs_186:not(#\9):focus {
196
+ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_16yz6_183 > .awsui_identity-link_k5dlb_16yz6_186:not(#\9):focus {
197
197
  outline: thin dotted;
198
198
  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
199
199
  outline-offset: 2px;
200
200
  outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
201
- border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
201
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
202
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
203
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
204
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
202
205
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
203
206
  }
204
- .awsui_identity_k5dlb_pr1cs_183.awsui_no-logo_k5dlb_pr1cs_203:not(#\9) {
205
- min-width: 100px;
207
+ .awsui_identity_k5dlb_16yz6_183.awsui_no-logo_k5dlb_16yz6_206:not(#\9) {
208
+ min-inline-size: 100px;
206
209
  }
207
210
 
208
- .awsui_logo_k5dlb_pr1cs_207:not(#\9) {
211
+ .awsui_logo_k5dlb_16yz6_210:not(#\9) {
209
212
  display: block;
210
- max-height: var(--space-xxl-pd3205, 32px);
211
- margin-right: var(--space-s-2025hl, 12px);
212
- width: auto;
213
+ max-block-size: var(--space-xxl-pd3205, 32px);
214
+ margin-inline-end: var(--space-s-2025hl, 12px);
215
+ inline-size: auto;
213
216
  flex-shrink: 0;
214
- min-width: 10px;
217
+ min-inline-size: 10px;
215
218
  }
216
- .awsui_logo_k5dlb_pr1cs_207.awsui_narrow_k5dlb_pr1cs_156:not(#\9) {
217
- max-height: var(--space-xl-5fdwzu, 24px);
219
+ .awsui_logo_k5dlb_16yz6_210.awsui_narrow_k5dlb_16yz6_156:not(#\9) {
220
+ max-block-size: var(--space-xl-5fdwzu, 24px);
218
221
  }
219
222
 
220
- .awsui_title_k5dlb_pr1cs_219:not(#\9) {
223
+ .awsui_title_k5dlb_16yz6_222:not(#\9) {
221
224
  font-size: var(--font-size-heading-m-io97me, 18px);
222
225
  line-height: var(--line-height-heading-m-6mmwjh, 22px);
223
226
  letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
@@ -228,106 +231,109 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pr1cs_183 > .awsui_ide
228
231
  overflow: hidden;
229
232
  text-overflow: ellipsis;
230
233
  }
231
- .awsui_no-logo_k5dlb_pr1cs_203 > .awsui_identity-link_k5dlb_pr1cs_186 > .awsui_title_k5dlb_pr1cs_219:not(#\9) {
234
+ .awsui_no-logo_k5dlb_16yz6_206 > .awsui_identity-link_k5dlb_16yz6_186 > .awsui_title_k5dlb_16yz6_222:not(#\9) {
232
235
  font-weight: 700;
233
236
  }
234
237
 
235
- .awsui_inputs_k5dlb_pr1cs_234:not(#\9) {
238
+ .awsui_inputs_k5dlb_16yz6_237:not(#\9) {
236
239
  display: flex;
237
240
  flex: 1;
238
- padding: 0 var(--space-m-kpg8id, 16px);
241
+ padding-block: 0;
242
+ padding-inline: var(--space-m-kpg8id, 16px);
239
243
  justify-content: center;
240
244
  }
241
245
 
242
- .awsui_search_k5dlb_pr1cs_241:not(#\9) {
243
- width: 100%;
244
- max-width: 340px;
246
+ .awsui_search_k5dlb_16yz6_245:not(#\9) {
247
+ inline-size: 100%;
248
+ max-inline-size: 340px;
245
249
  }
246
- .awsui_search-expanded_k5dlb_pr1cs_245:not(#\9) {
247
- max-width: none;
250
+ .awsui_search-expanded_k5dlb_16yz6_249:not(#\9) {
251
+ max-inline-size: none;
248
252
  }
249
253
 
250
- .awsui_utilities_k5dlb_pr1cs_249:not(#\9) {
254
+ .awsui_utilities_k5dlb_16yz6_253:not(#\9) {
251
255
  display: flex;
252
256
  flex-shrink: 0;
253
257
  flex-direction: row;
254
258
  align-items: stretch;
255
- height: 100%;
259
+ block-size: 100%;
256
260
  }
257
- .awsui_medium_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146 > .awsui_utilities_k5dlb_pr1cs_249:not(#\9), .awsui_narrow_k5dlb_pr1cs_156 > .awsui_padding-box_k5dlb_pr1cs_146 > .awsui_utilities_k5dlb_pr1cs_249:not(#\9) {
258
- padding-left: 0;
261
+ .awsui_medium_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146 > .awsui_utilities_k5dlb_16yz6_253:not(#\9), .awsui_narrow_k5dlb_16yz6_156 > .awsui_padding-box_k5dlb_16yz6_146 > .awsui_utilities_k5dlb_16yz6_253:not(#\9) {
262
+ padding-inline-start: 0;
259
263
  }
260
264
 
261
- .awsui_utility-wrapper_k5dlb_pr1cs_260:not(#\9) {
265
+ .awsui_utility-wrapper_k5dlb_16yz6_264:not(#\9) {
262
266
  display: flex;
263
267
  position: relative;
264
268
  flex-shrink: 0;
265
269
  align-items: center;
266
- padding: 0 var(--space-m-kpg8id, 16px);
270
+ padding-block: 0;
271
+ padding-inline: var(--space-m-kpg8id, 16px);
267
272
  }
268
- .awsui_utility-wrapper_k5dlb_pr1cs_260:not(#\9)::after {
273
+ .awsui_utility-wrapper_k5dlb_16yz6_264:not(#\9)::after {
269
274
  display: block;
270
275
  position: absolute;
271
276
  content: "";
272
- width: 1px;
273
- right: 0;
274
- top: var(--space-s-2025hl, 12px);
275
- bottom: var(--space-s-2025hl, 12px);
277
+ inline-size: 1px;
278
+ inset-inline-end: 0;
279
+ inset-block: var(--space-s-2025hl, 12px);
276
280
  background: var(--color-border-divider-default-in8dkg, #eaeded);
277
281
  }
278
- .awsui_utility-wrapper_k5dlb_pr1cs_260:not(#\9):last-of-type::after {
282
+ .awsui_utility-wrapper_k5dlb_16yz6_264:not(#\9):last-of-type::after {
279
283
  display: none;
280
284
  }
281
285
 
282
- .awsui_utility-type-button-link_k5dlb_pr1cs_281:not(#\9) {
283
- padding: 0 var(--space-l-xu1x80, 20px);
286
+ .awsui_utility-type-button-link_k5dlb_16yz6_285:not(#\9) {
287
+ padding-block: 0;
288
+ padding-inline: var(--space-l-xu1x80, 20px);
284
289
  }
285
290
 
286
- .awsui_utility-type-menu-dropdown_k5dlb_pr1cs_285:not(#\9) {
287
- padding: 0 var(--space-s-2025hl, 12px);
291
+ .awsui_utility-type-menu-dropdown_k5dlb_16yz6_290:not(#\9) {
292
+ padding-block: 0;
293
+ padding-inline: var(--space-s-2025hl, 12px);
288
294
  align-items: stretch;
289
295
  }
290
- .awsui_utility-type-menu-dropdown_k5dlb_pr1cs_285:not(#\9):not(.awsui_narrow_k5dlb_pr1cs_156):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_pr1cs_285:not(#\9):not(.awsui_medium_k5dlb_pr1cs_156):last-of-type {
291
- padding-right: 0;
296
+ .awsui_utility-type-menu-dropdown_k5dlb_16yz6_290:not(#\9):not(.awsui_narrow_k5dlb_16yz6_156):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_16yz6_290:not(#\9):not(.awsui_medium_k5dlb_16yz6_156):last-of-type {
297
+ padding-inline-end: 0;
292
298
  }
293
299
 
294
- .awsui_utility-type-button-primary-button_k5dlb_pr1cs_293:not(#\9) {
295
- left: -1px;
296
- border-left: 1px solid var(--color-background-container-content-il2pe5, #ffffff);
300
+ .awsui_utility-type-button-primary-button_k5dlb_16yz6_299:not(#\9) {
301
+ inset-inline-start: -1px;
302
+ border-inline-start: 1px solid var(--color-background-container-content-il2pe5, #ffffff);
297
303
  }
298
- .awsui_utility-type-button-primary-button_k5dlb_pr1cs_293:not(#\9)::after {
304
+ .awsui_utility-type-button-primary-button_k5dlb_16yz6_299:not(#\9)::after {
299
305
  display: none;
300
306
  }
301
307
 
302
- .awsui_utility-link-icon_k5dlb_pr1cs_301:not(#\9) {
303
- margin-left: var(--space-xxs-9rrxti, 4px);
308
+ .awsui_utility-link-icon_k5dlb_16yz6_307:not(#\9) {
309
+ margin-inline-start: var(--space-xxs-9rrxti, 4px);
304
310
  }
305
311
 
306
- .awsui_utility-button-external-icon_k5dlb_pr1cs_305:not(#\9) {
312
+ .awsui_utility-button-external-icon_k5dlb_16yz6_311:not(#\9) {
307
313
  display: inline-block;
308
314
  }
309
315
 
310
- .awsui_offset-right-none_k5dlb_pr1cs_309:not(#\9) {
311
- margin-right: 0;
316
+ .awsui_offset-right-none_k5dlb_16yz6_315:not(#\9) {
317
+ margin-inline-end: 0;
312
318
  }
313
319
 
314
- .awsui_offset-right-l_k5dlb_pr1cs_313:not(#\9) {
315
- margin-right: var(--space-xxs-9rrxti, 4px);
320
+ .awsui_offset-right-l_k5dlb_16yz6_319:not(#\9) {
321
+ margin-inline-end: var(--space-xxs-9rrxti, 4px);
316
322
  }
317
323
 
318
- .awsui_offset-right-xxl_k5dlb_pr1cs_317:not(#\9) {
319
- margin-right: var(--space-m-kpg8id, 16px);
324
+ .awsui_offset-right-xxl_k5dlb_16yz6_323:not(#\9) {
325
+ margin-inline-end: var(--space-m-kpg8id, 16px);
320
326
  }
321
327
 
322
328
  /* Overflow Menu */
323
- .awsui_overflow-menu-drawer_k5dlb_pr1cs_322:not(#\9) {
329
+ .awsui_overflow-menu-drawer_k5dlb_16yz6_328:not(#\9) {
324
330
  position: fixed;
325
- height: 100%;
326
- width: 100%;
331
+ block-size: 100%;
332
+ inline-size: 100%;
327
333
  z-index: 1001;
328
334
  }
329
335
 
330
- .awsui_overflow-menu_k5dlb_pr1cs_322:not(#\9) {
336
+ .awsui_overflow-menu_k5dlb_16yz6_328:not(#\9) {
331
337
  border-collapse: separate;
332
338
  border-spacing: 0;
333
339
  box-sizing: border-box;
@@ -362,17 +368,18 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pr1cs_183 > .awsui_ide
362
368
  -webkit-font-smoothing: auto;
363
369
  -moz-osx-font-smoothing: auto;
364
370
  background: var(--color-background-container-content-il2pe5, #ffffff);
365
- height: 100%;
371
+ block-size: 100%;
366
372
  }
367
373
 
368
- .awsui_overflow-menu-header_k5dlb_pr1cs_366:not(#\9) {
374
+ .awsui_overflow-menu-header_k5dlb_16yz6_372:not(#\9) {
369
375
  display: flex;
370
376
  align-items: center;
371
- min-height: var(--font-panel-header-line-height-leujyg, 22px);
372
- padding: var(--space-scaled-m-er48cl, 16px);
373
- border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
377
+ min-block-size: var(--font-panel-header-line-height-leujyg, 22px);
378
+ padding-block: var(--space-scaled-m-er48cl, 16px);
379
+ padding-inline: var(--space-scaled-m-er48cl, 16px);
380
+ border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
374
381
  }
375
- .awsui_overflow-menu-header-text_k5dlb_pr1cs_373:not(#\9) {
382
+ .awsui_overflow-menu-header-text_k5dlb_16yz6_380:not(#\9) {
376
383
  font-size: var(--font-panel-header-size-tbwmfr, 18px);
377
384
  line-height: var(--font-panel-header-line-height-leujyg, 22px);
378
385
  font-weight: var(--font-weight-heading-l-1hf845, 700);
@@ -380,28 +387,29 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pr1cs_183 > .awsui_ide
380
387
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
381
388
  color: var(--color-text-heading-default-tsgvby, #16191f);
382
389
  flex: 1;
383
- margin: 0;
390
+ margin-block: 0;
391
+ margin-inline: 0;
384
392
  text-align: center;
385
393
  }
386
- .awsui_overflow-menu-header-text--secondary_k5dlb_pr1cs_384:not(#\9) {
394
+ .awsui_overflow-menu-header-text--secondary_k5dlb_16yz6_392:not(#\9) {
387
395
  font-size: var(--font-header-h2-description-size-zfw7u2, 12px);
388
396
  line-height: var(--font-header-h2-description-line-height-trwmd4, 16px);
389
397
  font-weight: 400;
390
398
  }
391
399
 
392
- .awsui_overflow-menu-header-text--title_k5dlb_pr1cs_390:not(#\9) {
400
+ .awsui_overflow-menu-header-text--title_k5dlb_16yz6_398:not(#\9) {
393
401
  /* used in test-utils */
394
402
  }
395
403
 
396
- .awsui_overflow-menu-back-button_k5dlb_pr1cs_394:not(#\9) {
404
+ .awsui_overflow-menu-back-button_k5dlb_16yz6_402:not(#\9) {
397
405
  /* used in test-utils */
398
406
  }
399
407
 
400
- .awsui_overflow-menu-dismiss-button_k5dlb_pr1cs_398:not(#\9) {
408
+ .awsui_overflow-menu-dismiss-button_k5dlb_16yz6_406:not(#\9) {
401
409
  /* used in test-utils */
402
410
  }
403
411
 
404
- .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9) {
412
+ .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9) {
405
413
  border-collapse: separate;
406
414
  border-spacing: 0;
407
415
  box-sizing: border-box;
@@ -436,88 +444,99 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pr1cs_183 > .awsui_ide
436
444
  -webkit-font-smoothing: auto;
437
445
  -moz-osx-font-smoothing: auto;
438
446
  display: flex;
439
- width: 100%;
440
- padding: 0;
447
+ inline-size: 100%;
448
+ padding-block: 0;
449
+ padding-inline: 0;
441
450
  background: none;
442
- border: none;
451
+ border-block: none;
452
+ border-inline: none;
443
453
  }
444
- .awsui_overflow-menu-list-item-utility_k5dlb_pr1cs_441 > .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9) {
445
- padding: var(--space-scaled-m-er48cl, 16px);
454
+ .awsui_overflow-menu-list-item-utility_k5dlb_16yz6_451 > .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9) {
455
+ padding-block: var(--space-scaled-m-er48cl, 16px);
456
+ padding-inline: var(--space-scaled-m-er48cl, 16px);
446
457
  }
447
- .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9):hover {
458
+ .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9):hover {
448
459
  color: var(--color-text-accent-yy9054, #0073bb);
449
460
  cursor: pointer;
450
461
  }
451
- .awsui_overflow-menu-control-link_k5dlb_pr1cs_448:not(#\9) {
462
+ .awsui_overflow-menu-control-link_k5dlb_16yz6_459:not(#\9) {
452
463
  text-decoration: none;
453
464
  }
454
- .awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pr1cs_451:not(#\9) {
465
+ .awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_16yz6_462:not(#\9) {
455
466
  color: var(--color-text-dropdown-group-label-sizd89, #545b64);
456
467
  font-weight: bold;
457
468
  }
458
- .awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pr1cs_451:not(#\9):hover {
469
+ .awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_16yz6_462:not(#\9):hover {
459
470
  color: var(--color-text-accent-yy9054, #0073bb);
460
471
  }
461
- body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9):focus {
472
+ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9):focus {
462
473
  position: relative;
463
474
  }
464
- body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9):focus {
475
+ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9):focus {
465
476
  outline: 2px dotted transparent;
466
477
  outline-offset: calc(var(--space-button-focus-outline-gutter-s68ny8, 3px) - 1px);
467
478
  }
468
- body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pr1cs_402:not(#\9):focus::before {
479
+ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_16yz6_410:not(#\9):focus::before {
469
480
  content: " ";
470
481
  display: block;
471
482
  position: absolute;
472
- left: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
473
- top: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
474
- width: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
475
- height: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
476
- border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
483
+ inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
484
+ inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
485
+ inline-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
486
+ block-size: calc(100% + 2 * var(--space-button-focus-outline-gutter-s68ny8, 3px));
487
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
488
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
489
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
490
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
477
491
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
478
492
  }
479
493
 
480
- .awsui_overflow-menu-list_k5dlb_pr1cs_441:not(#\9) {
494
+ .awsui_overflow-menu-list_k5dlb_16yz6_451:not(#\9) {
481
495
  list-style: none;
482
- margin: 0;
483
- padding: 0;
496
+ margin-block: 0;
497
+ margin-inline: 0;
498
+ padding-block: 0;
499
+ padding-inline: 0;
484
500
  }
485
- .awsui_overflow-menu-list-submenu_k5dlb_pr1cs_482:not(#\9) {
486
- margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
501
+ .awsui_overflow-menu-list-submenu_k5dlb_16yz6_498:not(#\9) {
502
+ margin-block: var(--space-scaled-xxs-t7ij38, 4px);
503
+ margin-inline: 0;
487
504
  }
488
505
 
489
- .awsui_overflow-menu-list-item_k5dlb_pr1cs_441:not(#\9) {
506
+ .awsui_overflow-menu-list-item_k5dlb_16yz6_451:not(#\9) {
490
507
  box-sizing: border-box;
491
508
  letter-spacing: var(--font-button-letter-spacing-kukfsk, 0.25px);
492
509
  }
493
- .awsui_overflow-menu-list-item-icon_k5dlb_pr1cs_490:not(#\9) {
494
- margin-right: var(--space-xxs-9rrxti, 4px);
510
+ .awsui_overflow-menu-list-item-icon_k5dlb_16yz6_507:not(#\9) {
511
+ margin-inline-end: var(--space-xxs-9rrxti, 4px);
495
512
  }
496
- .awsui_overflow-menu-list-item-text_k5dlb_pr1cs_493:not(#\9) {
513
+ .awsui_overflow-menu-list-item-text_k5dlb_16yz6_510:not(#\9) {
497
514
  flex: 1;
498
515
  }
499
- .awsui_overflow-menu-list-item-utility_k5dlb_pr1cs_441:not(#\9) {
516
+ .awsui_overflow-menu-list-item-utility_k5dlb_16yz6_451:not(#\9) {
500
517
  font-weight: var(--font-button-weight-s67y37, 700);
501
518
  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
502
519
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
503
- border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
520
+ border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
504
521
  }
505
- .awsui_overflow-menu-list-item-submenu_k5dlb_pr1cs_502:not(#\9) {
506
- border-top: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
507
- border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
508
- padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-scaled-l-08jb88, 20px);
522
+ .awsui_overflow-menu-list-item-submenu_k5dlb_16yz6_519:not(#\9) {
523
+ border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
524
+ border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
525
+ padding-block: var(--space-scaled-xxs-t7ij38, 4px);
526
+ padding-inline: var(--space-scaled-l-08jb88, 20px);
509
527
  }
510
- .awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pr1cs_507:not(#\9) {
511
- padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-scaled-s-9q8n2q, 12px);
528
+ .awsui_overflow-menu-list-item-dropdown-menu_k5dlb_16yz6_525:not(#\9) {
529
+ padding-block: var(--space-scaled-xxs-t7ij38, 4px);
530
+ padding-inline: var(--space-scaled-s-9q8n2q, 12px);
512
531
  }
513
- .awsui_overflow-menu-list-item-expandable_k5dlb_pr1cs_510:not(#\9) {
514
- border-top-color: var(--color-border-divider-default-in8dkg, #eaeded);
515
- border-bottom-color: var(--color-border-divider-default-in8dkg, #eaeded);
532
+ .awsui_overflow-menu-list-item-expandable_k5dlb_16yz6_529:not(#\9) {
533
+ border-block-start-color: var(--color-border-divider-default-in8dkg, #eaeded);
534
+ border-block-end-color: var(--color-border-divider-default-in8dkg, #eaeded);
516
535
  }
517
536
 
518
- .awsui_icon_k5dlb_pr1cs_93:not(#\9) {
537
+ .awsui_icon_k5dlb_16yz6_93:not(#\9) {
519
538
  transform: rotate(-180deg);
520
539
  }
521
- .awsui_icon_k5dlb_pr1cs_93.awsui_expanded_k5dlb_pr1cs_518:not(#\9) {
540
+ .awsui_icon_k5dlb_16yz6_93.awsui_expanded_k5dlb_16yz6_537:not(#\9) {
522
541
  transform: rotate(0deg);
523
542
  }