@cloudscape-design/components-themeable 3.0.534 → 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
@@ -90,7 +90,7 @@ 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_selectable-item_15o6u_16c0g_93:not(#\9) {
93
+ .awsui_selectable-item_15o6u_ujaui_93:not(#\9) {
94
94
  font-size: var(--font-size-body-m-pa3mqb, 14px);
95
95
  line-height: var(--line-height-body-m-2zx78l, 22px);
96
96
  color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -101,133 +101,142 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
101
101
  position: relative;
102
102
  list-style: none;
103
103
  z-index: 1;
104
- border: var(--border-divider-list-width-471u6a, 1px) solid transparent;
105
- border-top-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
106
- border-bottom-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
104
+ border-block: var(--border-divider-list-width-471u6a, 1px) solid transparent;
105
+ border-inline: var(--border-divider-list-width-471u6a, 1px) solid transparent;
106
+ border-block-start-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
107
+ border-block-end-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
107
108
  background-color: var(--color-background-dropdown-item-default-s7k0er, #ffffff);
108
109
  color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
109
- border-left-width: 0;
110
- border-right-width: 0;
111
- padding: calc(
110
+ border-inline-start-width: 0;
111
+ border-inline-end-width: 0;
112
+ padding-block: calc(
112
113
  var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
113
- ) calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
114
+ );
115
+ padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
114
116
  }
115
- .awsui_selectable-item_15o6u_16c0g_93.awsui_pad-bottom_15o6u_16c0g_115:not(#\9) {
116
- padding-bottom: calc(calc(
117
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_pad-bottom_15o6u_ujaui_117:not(#\9) {
118
+ padding-block-end: calc(calc(
117
119
  var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
118
120
  ) + var(--space-xxxs-z28114, 2px));
119
- border-bottom-color: transparent;
121
+ border-block-end-color: transparent;
120
122
  }
121
- .awsui_selectable-item_15o6u_16c0g_93:not(#\9):not(:first-child) {
122
- margin-top: calc(-1 * var(--border-item-width-0zxiwv, 1px));
123
+ .awsui_selectable-item_15o6u_ujaui_93:not(#\9):not(:first-child) {
124
+ margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
123
125
  }
124
- .awsui_selectable-item_15o6u_16c0g_93.awsui_has-background_15o6u_16c0g_124:not(#\9) {
126
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_has-background_15o6u_ujaui_126:not(#\9) {
125
127
  background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
126
128
  }
127
- .awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
129
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
128
130
  color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
129
131
  border-width: var(--border-item-width-0zxiwv, 1px);
130
- border-radius: var(--border-radius-item-jsz3j8, 0px);
131
- padding: var(--space-xxs-9rrxti, 4px) var(--space-field-horizontal-cy5q05, 8px);
132
+ border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
133
+ border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
134
+ border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
135
+ border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
136
+ padding-block: var(--space-xxs-9rrxti, 4px);
137
+ padding-inline: var(--space-field-horizontal-cy5q05, 8px);
132
138
  }
133
- .awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_pad-bottom_15o6u_16c0g_115:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_pad-bottom_15o6u_16c0g_115:not(#\9) {
134
- padding-bottom: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
139
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_pad-bottom_15o6u_ujaui_117:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_pad-bottom_15o6u_ujaui_117:not(#\9) {
140
+ padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
135
141
  }
136
- .awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
142
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
137
143
  z-index: 3;
138
144
  background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
139
145
  border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
140
146
  }
141
- .awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_disabled_15o6u_16c0g_141:not(#\9) {
147
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_disabled_15o6u_ujaui_147:not(#\9) {
142
148
  color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
143
149
  border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
144
150
  background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
145
151
  }
146
- .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
152
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
147
153
  z-index: 2;
148
154
  background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
149
155
  border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
150
156
  }
151
- .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_next-item-selected_15o6u_16c0g_151:not(#\9) {
152
- border-bottom-left-radius: 0;
153
- border-bottom-right-radius: 0;
157
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_next-item-selected_15o6u_ujaui_157:not(#\9) {
158
+ border-end-start-radius: 0;
159
+ border-end-end-radius: 0;
154
160
  }
155
- .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
161
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
156
162
  border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
157
163
  z-index: 3;
158
164
  }
159
- .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127 + .awsui_selectable-item_15o6u_16c0g_93.awsui_selected_15o6u_16c0g_127:not(#\9) {
160
- border-top-left-radius: 0;
161
- border-top-right-radius: 0;
165
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129 + .awsui_selectable-item_15o6u_ujaui_93.awsui_selected_15o6u_ujaui_129:not(#\9) {
166
+ border-start-start-radius: 0;
167
+ border-start-end-radius: 0;
162
168
  }
163
- .awsui_selectable-item_15o6u_16c0g_93.awsui_highlighted_15o6u_16c0g_127.awsui_is-keyboard_15o6u_16c0g_163:not(#\9) {
169
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_highlighted_15o6u_ujaui_129.awsui_is-keyboard_15o6u_ujaui_169:not(#\9) {
164
170
  border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
165
171
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
166
172
  }
167
- .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167:not(#\9) {
173
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173:not(#\9) {
168
174
  font-weight: bold;
169
175
  color: var(--color-text-dropdown-group-label-sizd89, #545b64);
170
176
  }
171
- .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167:not(#\9):not(.awsui_interactiveGroups_15o6u_16c0g_171) {
172
- border-top-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
173
- padding: var(--space-xs-xf5ch3, 8px);
177
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173:not(#\9):not(.awsui_interactiveGroups_15o6u_ujaui_177) {
178
+ border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
179
+ padding-block: var(--space-xs-xf5ch3, 8px);
180
+ padding-inline: var(--space-xs-xf5ch3, 8px);
174
181
  }
175
- .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171:not(#\9) {
176
- padding: calc(
182
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177:not(#\9) {
183
+ padding-block: calc(
177
184
  var(--space-xs-xf5ch3, 8px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
178
- ) calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
185
+ );
186
+ padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
179
187
  }
180
- .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_highlighted_15o6u_16c0g_127:not(#\9) {
188
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_highlighted_15o6u_ujaui_129:not(#\9) {
181
189
  color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
182
190
  }
183
- .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_parent_15o6u_16c0g_167.awsui_interactiveGroups_15o6u_16c0g_171.awsui_selected_15o6u_16c0g_127:not(#\9) {
184
- padding: var(--space-xs-xf5ch3, 8px) var(--space-field-horizontal-cy5q05, 8px);
191
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_parent_15o6u_ujaui_173.awsui_interactiveGroups_15o6u_ujaui_177.awsui_selected_15o6u_ujaui_129:not(#\9) {
192
+ padding-block: var(--space-xs-xf5ch3, 8px);
193
+ padding-inline: var(--space-field-horizontal-cy5q05, 8px);
185
194
  }
186
- .awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186:not(#\9) {
187
- padding-left: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
195
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195:not(#\9) {
196
+ padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
188
197
  }
189
- .awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186.awsui_highlighted_15o6u_16c0g_127:not(#\9), .awsui_selectable-item_15o6u_16c0g_93.awsui_child_15o6u_16c0g_186.awsui_selected_15o6u_16c0g_127:not(#\9) {
190
- padding-left: var(--space-xxl-pd3205, 32px);
198
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195.awsui_highlighted_15o6u_ujaui_129:not(#\9), .awsui_selectable-item_15o6u_ujaui_93.awsui_child_15o6u_ujaui_195.awsui_selected_15o6u_ujaui_129:not(#\9) {
199
+ padding-inline-start: var(--space-xxl-pd3205, 32px);
191
200
  }
192
- .awsui_selectable-item_15o6u_16c0g_93.awsui_disabled_15o6u_16c0g_141:not(#\9) {
201
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_disabled_15o6u_ujaui_147:not(#\9) {
193
202
  color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
194
203
  }
195
- .awsui_selectable-item_15o6u_16c0g_93:not(#\9):not(.awsui_disabled_15o6u_16c0g_141):not(.awsui_parent_15o6u_16c0g_167) {
204
+ .awsui_selectable-item_15o6u_ujaui_93:not(#\9):not(.awsui_disabled_15o6u_ujaui_147):not(.awsui_parent_15o6u_ujaui_173) {
196
205
  cursor: pointer;
197
206
  }
198
- .awsui_selectable-item_15o6u_16c0g_93.awsui_interactiveGroups_15o6u_16c0g_171:not(#\9):not(.awsui_disabled_15o6u_16c0g_141) {
207
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_interactiveGroups_15o6u_ujaui_177:not(#\9):not(.awsui_disabled_15o6u_ujaui_147) {
199
208
  cursor: pointer;
200
209
  }
201
- .awsui_selectable-item_15o6u_16c0g_93.awsui_virtual_15o6u_16c0g_201:not(#\9) {
210
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_virtual_15o6u_ujaui_210:not(#\9) {
202
211
  position: absolute;
203
- top: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
204
- left: 0;
205
- width: 100%;
212
+ inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
213
+ inset-inline-start: 0;
214
+ inline-size: 100%;
206
215
  box-sizing: border-box;
207
216
  }
208
- .awsui_selectable-item_15o6u_16c0g_93.awsui_virtual_15o6u_16c0g_201:not(#\9):first-of-type:not(.awsui_selected_15o6u_16c0g_127, .awsui_highlighted_15o6u_16c0g_127) {
209
- border-top-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
217
+ .awsui_selectable-item_15o6u_ujaui_93.awsui_virtual_15o6u_ujaui_210:not(#\9):first-of-type:not(.awsui_selected_15o6u_ujaui_129, .awsui_highlighted_15o6u_ujaui_129) {
218
+ border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
210
219
  }
211
220
 
212
- .awsui_measure-strut_15o6u_16c0g_212:not(#\9) {
221
+ .awsui_measure-strut_15o6u_ujaui_221:not(#\9) {
213
222
  position: absolute;
214
223
  pointer-events: none;
215
- height: 100%;
216
- width: 100%;
217
- top: 0;
218
- left: 0;
219
- padding-top: var(--border-divider-list-width-471u6a, 1px);
224
+ block-size: 100%;
225
+ inline-size: 100%;
226
+ inset-block-start: 0;
227
+ inset-inline-start: 0;
228
+ padding-block-start: var(--border-divider-list-width-471u6a, 1px);
220
229
  }
221
- .awsui_measure-strut-first_15o6u_16c0g_221:not(#\9) {
222
- padding-bottom: var(--border-divider-list-width-471u6a, 1px);
230
+ .awsui_measure-strut-first_15o6u_ujaui_230:not(#\9) {
231
+ padding-block-end: var(--border-divider-list-width-471u6a, 1px);
223
232
  }
224
233
 
225
- .awsui_screenreader-content_15o6u_16c0g_225:not(#\9) {
234
+ .awsui_screenreader-content_15o6u_ujaui_234:not(#\9) {
226
235
  position: absolute !important;
227
- top: -9999px !important;
228
- left: -9999px !important;
236
+ inset-block-start: -9999px !important;
237
+ inset-inline-start: -9999px !important;
229
238
  }
230
239
 
231
- .awsui_option-content_15o6u_16c0g_231:not(#\9) {
240
+ .awsui_option-content_15o6u_ujaui_240:not(#\9) {
232
241
  /* used in test-utils */
233
242
  }
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "selectable-item": "awsui_selectable-item_15o6u_16c0g_93",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_16c0g_115",
7
- "has-background": "awsui_has-background_15o6u_16c0g_124",
8
- "highlighted": "awsui_highlighted_15o6u_16c0g_127",
9
- "selected": "awsui_selected_15o6u_16c0g_127",
10
- "disabled": "awsui_disabled_15o6u_16c0g_141",
11
- "next-item-selected": "awsui_next-item-selected_15o6u_16c0g_151",
12
- "is-keyboard": "awsui_is-keyboard_15o6u_16c0g_163",
13
- "parent": "awsui_parent_15o6u_16c0g_167",
14
- "interactiveGroups": "awsui_interactiveGroups_15o6u_16c0g_171",
15
- "child": "awsui_child_15o6u_16c0g_186",
16
- "virtual": "awsui_virtual_15o6u_16c0g_201",
17
- "measure-strut": "awsui_measure-strut_15o6u_16c0g_212",
18
- "measure-strut-first": "awsui_measure-strut-first_15o6u_16c0g_221",
19
- "screenreader-content": "awsui_screenreader-content_15o6u_16c0g_225",
20
- "option-content": "awsui_option-content_15o6u_16c0g_231"
5
+ "selectable-item": "awsui_selectable-item_15o6u_ujaui_93",
6
+ "pad-bottom": "awsui_pad-bottom_15o6u_ujaui_117",
7
+ "has-background": "awsui_has-background_15o6u_ujaui_126",
8
+ "highlighted": "awsui_highlighted_15o6u_ujaui_129",
9
+ "selected": "awsui_selected_15o6u_ujaui_129",
10
+ "disabled": "awsui_disabled_15o6u_ujaui_147",
11
+ "next-item-selected": "awsui_next-item-selected_15o6u_ujaui_157",
12
+ "is-keyboard": "awsui_is-keyboard_15o6u_ujaui_169",
13
+ "parent": "awsui_parent_15o6u_ujaui_173",
14
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_ujaui_177",
15
+ "child": "awsui_child_15o6u_ujaui_195",
16
+ "virtual": "awsui_virtual_15o6u_ujaui_210",
17
+ "measure-strut": "awsui_measure-strut_15o6u_ujaui_221",
18
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_ujaui_230",
19
+ "screenreader-content": "awsui_screenreader-content_15o6u_ujaui_234",
20
+ "option-content": "awsui_option-content_15o6u_ujaui_240"
21
21
  };
22
22
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_gfwv3_zlont_93",
5
- "horizontal": "awsui_horizontal_gfwv3_zlont_98",
6
- "vertical": "awsui_vertical_gfwv3_zlont_102",
7
- "list": "awsui_list_gfwv3_zlont_106",
8
- "list-item": "awsui_list-item_gfwv3_zlont_124",
9
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zlont_129",
10
- "toggle": "awsui_toggle_gfwv3_zlont_129",
11
- "description": "awsui_description_gfwv3_zlont_219",
12
- "separator": "awsui_separator_gfwv3_zlont_223"
4
+ "root": "awsui_root_gfwv3_19wq0_93",
5
+ "horizontal": "awsui_horizontal_gfwv3_19wq0_98",
6
+ "vertical": "awsui_vertical_gfwv3_19wq0_102",
7
+ "list": "awsui_list_gfwv3_19wq0_106",
8
+ "list-item": "awsui_list-item_gfwv3_19wq0_126",
9
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19wq0_133",
10
+ "toggle": "awsui_toggle_gfwv3_19wq0_133",
11
+ "description": "awsui_description_gfwv3_19wq0_229",
12
+ "separator": "awsui_separator_gfwv3_19wq0_233"
13
13
  };
14
14
 
@@ -90,49 +90,53 @@ 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_root_gfwv3_zlont_93:not(#\9) {
93
+ .awsui_root_gfwv3_19wq0_93:not(#\9) {
94
94
  display: flex;
95
95
  flex-wrap: wrap;
96
96
  gap: var(--space-scaled-xs-x91h81, 8px);
97
97
  }
98
- .awsui_root_gfwv3_zlont_93.awsui_horizontal_gfwv3_zlont_98:not(#\9) {
98
+ .awsui_root_gfwv3_19wq0_93.awsui_horizontal_gfwv3_19wq0_98:not(#\9) {
99
99
  gap: var(--space-xs-xf5ch3, 8px);
100
100
  flex-direction: row;
101
101
  }
102
- .awsui_root_gfwv3_zlont_93.awsui_vertical_gfwv3_zlont_102:not(#\9) {
102
+ .awsui_root_gfwv3_19wq0_93.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
103
103
  flex-direction: column;
104
104
  }
105
105
 
106
- .awsui_list_gfwv3_zlont_106:not(#\9) {
106
+ .awsui_list_gfwv3_19wq0_106:not(#\9) {
107
107
  display: contents;
108
108
  list-style: none;
109
- padding: 0;
110
- margin: 0;
109
+ padding-block: 0;
110
+ padding-inline: 0;
111
+ margin-block: 0;
112
+ margin-inline: 0;
111
113
  }
112
- .awsui_list_gfwv3_zlont_106.awsui_horizontal_gfwv3_zlont_98:not(#\9), .awsui_list_gfwv3_zlont_106.awsui_vertical_gfwv3_zlont_102:not(#\9) {
114
+ .awsui_list_gfwv3_19wq0_106.awsui_horizontal_gfwv3_19wq0_98:not(#\9), .awsui_list_gfwv3_19wq0_106.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
113
115
  display: flex;
114
116
  flex-wrap: wrap;
115
117
  gap: var(--space-xs-xf5ch3, 8px);
116
118
  }
117
- .awsui_list_gfwv3_zlont_106.awsui_horizontal_gfwv3_zlont_98:not(#\9) {
119
+ .awsui_list_gfwv3_19wq0_106.awsui_horizontal_gfwv3_19wq0_98:not(#\9) {
118
120
  flex-direction: row;
119
121
  }
120
- .awsui_list_gfwv3_zlont_106.awsui_vertical_gfwv3_zlont_102:not(#\9) {
122
+ .awsui_list_gfwv3_19wq0_106.awsui_vertical_gfwv3_19wq0_102:not(#\9) {
121
123
  flex-direction: column;
122
124
  }
123
125
 
124
- .awsui_list-item_gfwv3_zlont_124:not(#\9) {
125
- padding: 0;
126
- margin: 0;
126
+ .awsui_list-item_gfwv3_19wq0_126:not(#\9) {
127
+ padding-block: 0;
128
+ padding-inline: 0;
129
+ margin-block: 0;
130
+ margin-inline: 0;
127
131
  }
128
132
 
129
- .awsui_toggle-container-inline_gfwv3_zlont_129:not(#\9) {
130
- padding-left: var(--space-xs-xf5ch3, 8px);
133
+ .awsui_toggle-container-inline_gfwv3_19wq0_133:not(#\9) {
134
+ padding-inline-start: var(--space-xs-xf5ch3, 8px);
131
135
  display: flex;
132
136
  align-items: center;
133
137
  }
134
138
 
135
- .awsui_toggle_gfwv3_zlont_129:not(#\9) {
139
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9) {
136
140
  border-collapse: separate;
137
141
  border-spacing: 0;
138
142
  box-sizing: border-box;
@@ -180,51 +184,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
184
  display: flex;
181
185
  align-items: center;
182
186
  background-color: transparent;
183
- border: var(--border-field-width-yoy972, 1px) solid transparent;
184
- padding: 0;
185
- margin-left: -1px;
187
+ border-block: var(--border-field-width-yoy972, 1px) solid transparent;
188
+ border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
189
+ padding-block: 0;
190
+ padding-inline: 0;
191
+ margin-inline-start: -1px;
186
192
  }
187
193
  @media (prefers-reduced-motion: reduce) {
188
- .awsui_toggle_gfwv3_zlont_129:not(#\9) {
194
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9) {
189
195
  animation: none;
190
196
  transition: none;
191
197
  }
192
198
  }
193
- .awsui-motion-disabled .awsui_toggle_gfwv3_zlont_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_zlont_129:not(#\9) {
199
+ .awsui-motion-disabled .awsui_toggle_gfwv3_19wq0_133:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_19wq0_133:not(#\9) {
194
200
  animation: none;
195
201
  transition: none;
196
202
  }
197
- .awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
203
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
198
204
  cursor: pointer;
199
205
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
200
206
  }
201
- .awsui_toggle_gfwv3_zlont_129:not(#\9):focus {
207
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus {
202
208
  outline: none;
203
209
  }
204
- .awsui_toggle_gfwv3_zlont_129:not(#\9):active {
210
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9):active {
205
211
  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
206
212
  }
207
- .awsui_toggle_gfwv3_zlont_129:not(#\9):active, .awsui_toggle_gfwv3_zlont_129:not(#\9):focus, .awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
213
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9):active, .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus, .awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
208
214
  text-decoration-line: underline;
209
215
  text-decoration-color: currentColor;
210
216
  }
211
- .awsui_toggle_gfwv3_zlont_129:not(#\9):active, .awsui_toggle_gfwv3_zlont_129:not(#\9):focus, .awsui_toggle_gfwv3_zlont_129:not(#\9):hover {
217
+ .awsui_toggle_gfwv3_19wq0_133:not(#\9):active, .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus, .awsui_toggle_gfwv3_19wq0_133:not(#\9):hover {
212
218
  text-decoration: none;
213
219
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
214
220
  text-decoration-color: transparent;
215
221
  }
216
- body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_zlont_129:not(#\9):focus {
222
+ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_19wq0_133:not(#\9):focus {
217
223
  outline: 2px dotted transparent;
218
- border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
219
- border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
224
+ border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
225
+ border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
226
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
227
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
228
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
229
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
220
230
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
221
231
  }
222
- .awsui_toggle_gfwv3_zlont_129 > .awsui_description_gfwv3_zlont_219:not(#\9) {
223
- margin-left: var(--space-xxs-9rrxti, 4px);
232
+ .awsui_toggle_gfwv3_19wq0_133 > .awsui_description_gfwv3_19wq0_229:not(#\9) {
233
+ margin-inline-start: var(--space-xxs-9rrxti, 4px);
224
234
  }
225
235
 
226
- .awsui_separator_gfwv3_zlont_223:not(#\9) {
227
- margin: 0px var(--space-scaled-m-er48cl, 16px);
228
- width: var(--border-divider-section-width-wl9k66, 1px);
236
+ .awsui_separator_gfwv3_19wq0_233:not(#\9) {
237
+ margin-block: 0;
238
+ margin-inline: var(--space-scaled-m-er48cl, 16px);
239
+ inline-size: var(--border-divider-section-width-wl9k66, 1px);
229
240
  background-color: var(--color-border-divider-default-in8dkg, #eaeded);
230
241
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_gfwv3_zlont_93",
6
- "horizontal": "awsui_horizontal_gfwv3_zlont_98",
7
- "vertical": "awsui_vertical_gfwv3_zlont_102",
8
- "list": "awsui_list_gfwv3_zlont_106",
9
- "list-item": "awsui_list-item_gfwv3_zlont_124",
10
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zlont_129",
11
- "toggle": "awsui_toggle_gfwv3_zlont_129",
12
- "description": "awsui_description_gfwv3_zlont_219",
13
- "separator": "awsui_separator_gfwv3_zlont_223"
5
+ "root": "awsui_root_gfwv3_19wq0_93",
6
+ "horizontal": "awsui_horizontal_gfwv3_19wq0_98",
7
+ "vertical": "awsui_vertical_gfwv3_19wq0_102",
8
+ "list": "awsui_list_gfwv3_19wq0_106",
9
+ "list-item": "awsui_list-item_gfwv3_19wq0_126",
10
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_19wq0_133",
11
+ "toggle": "awsui_toggle_gfwv3_19wq0_133",
12
+ "description": "awsui_description_gfwv3_19wq0_229",
13
+ "separator": "awsui_separator_gfwv3_19wq0_233"
14
14
  };
15
15
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (41a2e0e1)";
2
+ export var PACKAGE_VERSION = "3.0.0 (108c3901)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (41a2e0e1)",
3
+ "PACKAGE_VERSION": "3.0.0 (108c3901)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_4c84z_1s1f3_93",
5
- "variant-secondary": "awsui_variant-secondary_4c84z_1s1f3_162",
6
- "variant-primary": "awsui_variant-primary_4c84z_1s1f3_197",
7
- "variant-info": "awsui_variant-info_4c84z_1s1f3_230",
8
- "variant-value-large": "awsui_variant-value-large_4c84z_1s1f3_265",
9
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1s1f3_297",
10
- "variant-recovery": "awsui_variant-recovery_4c84z_1s1f3_330",
11
- "button": "awsui_button_4c84z_1s1f3_363",
12
- "color-inverted": "awsui_color-inverted_4c84z_1s1f3_398",
13
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1s1f3_416",
14
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1s1f3_423",
15
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1s1f3_429",
16
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1s1f3_435",
17
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1s1f3_442",
18
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1s1f3_449",
19
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1s1f3_456",
20
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1s1f3_463",
21
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1s1f3_470",
22
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1s1f3_478",
23
- "icon": "awsui_icon_4c84z_1s1f3_478"
4
+ "link": "awsui_link_4c84z_1p6h2_93",
5
+ "variant-secondary": "awsui_variant-secondary_4c84z_1p6h2_162",
6
+ "variant-primary": "awsui_variant-primary_4c84z_1p6h2_197",
7
+ "variant-info": "awsui_variant-info_4c84z_1p6h2_230",
8
+ "variant-value-large": "awsui_variant-value-large_4c84z_1p6h2_265",
9
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1p6h2_297",
10
+ "variant-recovery": "awsui_variant-recovery_4c84z_1p6h2_330",
11
+ "button": "awsui_button_4c84z_1p6h2_363",
12
+ "color-inverted": "awsui_color-inverted_4c84z_1p6h2_398",
13
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1p6h2_419",
14
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1p6h2_426",
15
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1p6h2_432",
16
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1p6h2_438",
17
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1p6h2_445",
18
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1p6h2_452",
19
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1p6h2_459",
20
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1p6h2_466",
21
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1p6h2_473",
22
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1p6h2_481",
23
+ "icon": "awsui_icon_4c84z_1p6h2_481"
24
24
  };
25
25