@cloudscape-design/components 3.0.347 → 3.0.349

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (427) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +64 -64
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +46 -46
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +10 -10
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/drawer/styles.css.js +10 -10
  11. package/app-layout/drawer/styles.scoped.css +28 -28
  12. package/app-layout/drawer/styles.selectors.js +10 -10
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  15. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  16. package/app-layout/notifications/styles.css.js +3 -3
  17. package/app-layout/notifications/styles.scoped.css +7 -7
  18. package/app-layout/notifications/styles.selectors.js +3 -3
  19. package/app-layout/styles.css.js +17 -17
  20. package/app-layout/styles.scoped.css +30 -30
  21. package/app-layout/styles.selectors.js +17 -17
  22. package/app-layout/toggles/styles.css.js +2 -2
  23. package/app-layout/toggles/styles.scoped.css +16 -16
  24. package/app-layout/toggles/styles.selectors.js +2 -2
  25. package/app-layout/visual-refresh/styles.css.js +69 -69
  26. package/app-layout/visual-refresh/styles.scoped.css +267 -267
  27. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  28. package/area-chart/styles.css.js +6 -6
  29. package/area-chart/styles.scoped.css +16 -16
  30. package/area-chart/styles.selectors.js +6 -6
  31. package/attribute-editor/styles.css.js +14 -14
  32. package/attribute-editor/styles.scoped.css +48 -48
  33. package/attribute-editor/styles.selectors.js +14 -14
  34. package/badge/styles.css.js +5 -5
  35. package/badge/styles.scoped.css +20 -20
  36. package/badge/styles.selectors.js +5 -5
  37. package/box/styles.css.js +189 -189
  38. package/box/styles.scoped.css +418 -418
  39. package/box/styles.selectors.js +189 -189
  40. package/breadcrumb-group/item/styles.css.js +9 -9
  41. package/breadcrumb-group/item/styles.scoped.css +28 -28
  42. package/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/breadcrumb-group/styles.css.js +7 -7
  44. package/breadcrumb-group/styles.scoped.css +22 -22
  45. package/breadcrumb-group/styles.selectors.js +7 -7
  46. package/button/styles.css.js +20 -20
  47. package/button/styles.scoped.css +472 -472
  48. package/button/styles.selectors.js +20 -20
  49. package/button-dropdown/category-elements/styles.css.js +13 -13
  50. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  51. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  52. package/button-dropdown/interfaces.d.ts +2 -15
  53. package/button-dropdown/interfaces.d.ts.map +1 -1
  54. package/button-dropdown/interfaces.js.map +1 -1
  55. package/button-dropdown/item-element/styles.css.js +14 -14
  56. package/button-dropdown/item-element/styles.scoped.css +42 -42
  57. package/button-dropdown/item-element/styles.selectors.js +14 -14
  58. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  60. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/button-dropdown/styles.css.js +14 -14
  62. package/button-dropdown/styles.scoped.css +32 -32
  63. package/button-dropdown/styles.selectors.js +14 -14
  64. package/calendar/styles.css.js +18 -18
  65. package/calendar/styles.scoped.css +89 -89
  66. package/calendar/styles.selectors.js +18 -18
  67. package/cards/styles.css.js +38 -38
  68. package/cards/styles.scoped.css +99 -99
  69. package/cards/styles.selectors.js +38 -38
  70. package/checkbox/styles.css.js +3 -3
  71. package/checkbox/styles.scoped.css +16 -16
  72. package/checkbox/styles.selectors.js +3 -3
  73. package/code-editor/resizable-box/styles.css.js +3 -3
  74. package/code-editor/resizable-box/styles.scoped.css +8 -8
  75. package/code-editor/resizable-box/styles.selectors.js +3 -3
  76. package/code-editor/styles.css.js +32 -32
  77. package/code-editor/styles.scoped.css +228 -219
  78. package/code-editor/styles.selectors.js +32 -32
  79. package/collection-preferences/content-display/styles.css.js +11 -11
  80. package/collection-preferences/content-display/styles.scoped.css +42 -42
  81. package/collection-preferences/content-display/styles.selectors.js +11 -11
  82. package/collection-preferences/styles.css.js +37 -37
  83. package/collection-preferences/styles.scoped.css +81 -81
  84. package/collection-preferences/styles.selectors.js +37 -37
  85. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  86. package/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  87. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  88. package/column-layout/styles.css.js +13 -13
  89. package/column-layout/styles.scoped.css +55 -55
  90. package/column-layout/styles.selectors.js +13 -13
  91. package/container/styles.css.js +28 -28
  92. package/container/styles.scoped.css +94 -94
  93. package/container/styles.selectors.js +28 -28
  94. package/content-layout/styles.css.js +7 -7
  95. package/content-layout/styles.scoped.css +17 -17
  96. package/content-layout/styles.selectors.js +7 -7
  97. package/date-picker/styles.css.js +7 -7
  98. package/date-picker/styles.scoped.css +16 -16
  99. package/date-picker/styles.selectors.js +7 -7
  100. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  101. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  102. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  103. package/date-range-picker/relative-range/styles.css.js +9 -9
  104. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  105. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  106. package/date-range-picker/styles.css.js +38 -38
  107. package/date-range-picker/styles.scoped.css +76 -76
  108. package/date-range-picker/styles.selectors.js +38 -38
  109. package/expandable-section/styles.css.js +29 -29
  110. package/expandable-section/styles.scoped.css +106 -106
  111. package/expandable-section/styles.selectors.js +29 -29
  112. package/file-upload/dropzone/styles.css.js +2 -2
  113. package/file-upload/dropzone/styles.scoped.css +9 -9
  114. package/file-upload/dropzone/styles.selectors.js +2 -2
  115. package/file-upload/file-input/styles.css.js +4 -4
  116. package/file-upload/file-input/styles.scoped.css +14 -14
  117. package/file-upload/file-input/styles.selectors.js +4 -4
  118. package/file-upload/file-option/styles.css.js +7 -7
  119. package/file-upload/file-option/styles.scoped.css +10 -10
  120. package/file-upload/file-option/styles.selectors.js +7 -7
  121. package/file-upload/styles.css.js +2 -2
  122. package/file-upload/styles.scoped.css +4 -4
  123. package/file-upload/styles.selectors.js +2 -2
  124. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  125. package/flashbar/collapsible-flashbar.js +8 -5
  126. package/flashbar/collapsible-flashbar.js.map +1 -1
  127. package/flashbar/flash.d.ts.map +1 -1
  128. package/flashbar/flash.js +2 -1
  129. package/flashbar/flash.js.map +1 -1
  130. package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
  131. package/flashbar/non-collapsible-flashbar.js +1 -2
  132. package/flashbar/non-collapsible-flashbar.js.map +1 -1
  133. package/flashbar/styles.css.js +46 -46
  134. package/flashbar/styles.scoped.css +250 -246
  135. package/flashbar/styles.selectors.js +46 -46
  136. package/flashbar/utils.js +1 -1
  137. package/flashbar/utils.js.map +1 -1
  138. package/form/styles.css.js +9 -9
  139. package/form/styles.scoped.css +20 -20
  140. package/form/styles.selectors.js +9 -9
  141. package/form-field/styles.css.js +19 -19
  142. package/form-field/styles.scoped.css +52 -52
  143. package/form-field/styles.selectors.js +19 -19
  144. package/grid/styles.css.js +53 -53
  145. package/grid/styles.scoped.css +60 -60
  146. package/grid/styles.selectors.js +53 -53
  147. package/header/styles.css.js +33 -33
  148. package/header/styles.scoped.css +114 -114
  149. package/header/styles.selectors.js +33 -33
  150. package/help-panel/styles.css.js +4 -4
  151. package/help-panel/styles.scoped.css +172 -172
  152. package/help-panel/styles.selectors.js +4 -4
  153. package/hotspot/styles.css.js +7 -7
  154. package/hotspot/styles.scoped.css +10 -10
  155. package/hotspot/styles.selectors.js +7 -7
  156. package/i18n/index.d.ts +1 -1
  157. package/i18n/index.d.ts.map +1 -1
  158. package/i18n/index.js +1 -1
  159. package/i18n/index.js.map +1 -1
  160. package/i18n/provider.d.ts.map +1 -1
  161. package/i18n/provider.js +4 -2
  162. package/i18n/provider.js.map +1 -1
  163. package/i18n/testing.d.ts.map +1 -1
  164. package/i18n/testing.js +2 -0
  165. package/i18n/testing.js.map +1 -1
  166. package/icon/styles.css.js +21 -21
  167. package/icon/styles.scoped.css +81 -81
  168. package/icon/styles.selectors.js +21 -21
  169. package/input/styles.css.js +12 -12
  170. package/input/styles.scoped.css +73 -73
  171. package/input/styles.selectors.js +12 -12
  172. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  173. package/internal/analytics/components/analytics-funnel.js +50 -1
  174. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  175. package/internal/analytics/context/analytics-context.d.ts +13 -0
  176. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  177. package/internal/analytics/context/analytics-context.js +4 -0
  178. package/internal/analytics/context/analytics-context.js.map +1 -1
  179. package/internal/analytics/hooks/use-funnel.d.ts +4 -0
  180. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  181. package/internal/analytics/hooks/use-funnel.js +73 -20
  182. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  183. package/internal/base-component/styles.scoped.css +1696 -1635
  184. package/internal/components/abstract-switch/styles.css.js +13 -13
  185. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  186. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  187. package/internal/components/button-trigger/styles.css.js +9 -9
  188. package/internal/components/button-trigger/styles.scoped.css +63 -63
  189. package/internal/components/button-trigger/styles.selectors.js +9 -9
  190. package/internal/components/cartesian-chart/styles.css.js +27 -27
  191. package/internal/components/cartesian-chart/styles.scoped.css +41 -41
  192. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  193. package/internal/components/chart-filter/styles.css.js +3 -3
  194. package/internal/components/chart-filter/styles.scoped.css +7 -7
  195. package/internal/components/chart-filter/styles.selectors.js +3 -3
  196. package/internal/components/chart-legend/styles.css.js +6 -6
  197. package/internal/components/chart-legend/styles.scoped.css +23 -23
  198. package/internal/components/chart-legend/styles.selectors.js +6 -6
  199. package/internal/components/chart-plot/styles.css.js +5 -5
  200. package/internal/components/chart-plot/styles.scoped.css +6 -6
  201. package/internal/components/chart-plot/styles.selectors.js +5 -5
  202. package/internal/components/chart-popover/index.js +1 -1
  203. package/internal/components/chart-popover/index.js.map +1 -1
  204. package/internal/components/chart-popover/styles.css.js +3 -3
  205. package/internal/components/chart-popover/styles.scoped.css +9 -9
  206. package/internal/components/chart-popover/styles.selectors.js +3 -3
  207. package/internal/components/chart-series-details/styles.css.js +5 -5
  208. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  209. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  210. package/internal/components/chart-series-marker/styles.css.js +5 -5
  211. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  212. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  213. package/internal/components/chart-status-container/styles.css.js +2 -2
  214. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  215. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  216. package/internal/components/chart-wrapper/styles.css.js +9 -9
  217. package/internal/components/chart-wrapper/styles.scoped.css +15 -15
  218. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  219. package/internal/components/checkbox-icon/styles.css.js +7 -7
  220. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  221. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  222. package/internal/components/dark-ribbon/styles.css.js +2 -2
  223. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  224. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  225. package/internal/components/dropdown/interfaces.d.ts +8 -5
  226. package/internal/components/dropdown/interfaces.d.ts.map +1 -1
  227. package/internal/components/dropdown/interfaces.js.map +1 -1
  228. package/internal/components/dropdown/styles.css.js +20 -20
  229. package/internal/components/dropdown/styles.scoped.css +51 -51
  230. package/internal/components/dropdown/styles.selectors.js +20 -20
  231. package/internal/components/dropdown-footer/styles.css.js +3 -3
  232. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  233. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  234. package/internal/components/dropdown-status/styles.css.js +2 -2
  235. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  236. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  237. package/internal/components/filtering-token/styles.css.js +7 -7
  238. package/internal/components/filtering-token/styles.scoped.css +34 -34
  239. package/internal/components/filtering-token/styles.selectors.js +7 -7
  240. package/internal/components/handle/styles.css.js +2 -2
  241. package/internal/components/handle/styles.scoped.css +12 -12
  242. package/internal/components/handle/styles.selectors.js +2 -2
  243. package/internal/components/menu-dropdown/styles.css.js +7 -7
  244. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  245. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  246. package/internal/components/option/styles.css.js +17 -17
  247. package/internal/components/option/styles.scoped.css +47 -47
  248. package/internal/components/option/styles.selectors.js +17 -17
  249. package/internal/components/options-list/styles.css.js +2 -2
  250. package/internal/components/options-list/styles.scoped.css +7 -7
  251. package/internal/components/options-list/styles.selectors.js +2 -2
  252. package/internal/components/selectable-item/styles.css.js +16 -16
  253. package/internal/components/selectable-item/styles.scoped.css +70 -70
  254. package/internal/components/selectable-item/styles.selectors.js +16 -16
  255. package/internal/components/token-list/styles.css.js +9 -9
  256. package/internal/components/token-list/styles.scoped.css +40 -40
  257. package/internal/components/token-list/styles.selectors.js +9 -9
  258. package/internal/environment.js +1 -1
  259. package/internal/environment.json +1 -1
  260. package/internal/generated/styles/tokens.d.ts +1 -0
  261. package/internal/generated/styles/tokens.js +306 -305
  262. package/internal/generated/theming/index.cjs +1830 -821
  263. package/internal/generated/theming/index.cjs.d.ts +192 -0
  264. package/internal/generated/theming/index.d.ts +192 -0
  265. package/internal/generated/theming/index.js +1830 -821
  266. package/internal/manifest.json +1 -1
  267. package/internal/utils/dom.d.ts +1 -1
  268. package/internal/utils/dom.d.ts.map +1 -1
  269. package/internal/utils/dom.js +1 -1
  270. package/internal/utils/dom.js.map +1 -1
  271. package/link/styles.css.js +20 -20
  272. package/link/styles.scoped.css +163 -163
  273. package/link/styles.selectors.js +20 -20
  274. package/mixed-line-bar-chart/styles.css.js +11 -11
  275. package/mixed-line-bar-chart/styles.scoped.css +24 -24
  276. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  277. package/modal/styles.css.js +23 -23
  278. package/modal/styles.scoped.css +67 -67
  279. package/modal/styles.selectors.js +23 -23
  280. package/multiselect/styles.css.js +1 -1
  281. package/multiselect/styles.scoped.css +5 -5
  282. package/multiselect/styles.selectors.js +1 -1
  283. package/package.json +1 -1
  284. package/pagination/styles.css.js +9 -9
  285. package/pagination/styles.scoped.css +47 -47
  286. package/pagination/styles.selectors.js +9 -9
  287. package/pie-chart/index.d.ts.map +1 -1
  288. package/pie-chart/index.js +1 -2
  289. package/pie-chart/index.js.map +1 -1
  290. package/pie-chart/pie-chart.d.ts +1 -3
  291. package/pie-chart/pie-chart.d.ts.map +1 -1
  292. package/pie-chart/pie-chart.js +16 -17
  293. package/pie-chart/pie-chart.js.map +1 -1
  294. package/pie-chart/segments.d.ts +1 -2
  295. package/pie-chart/segments.d.ts.map +1 -1
  296. package/pie-chart/segments.js +2 -2
  297. package/pie-chart/segments.js.map +1 -1
  298. package/pie-chart/styles.css.js +27 -27
  299. package/pie-chart/styles.scoped.css +63 -63
  300. package/pie-chart/styles.selectors.js +27 -27
  301. package/popover/styles.css.js +50 -50
  302. package/popover/styles.scoped.css +104 -104
  303. package/popover/styles.selectors.js +50 -50
  304. package/progress-bar/styles.css.js +18 -18
  305. package/progress-bar/styles.scoped.css +58 -58
  306. package/progress-bar/styles.selectors.js +18 -18
  307. package/property-filter/styles.css.js +29 -29
  308. package/property-filter/styles.scoped.css +52 -52
  309. package/property-filter/styles.selectors.js +29 -29
  310. package/radio-group/styles.css.js +9 -9
  311. package/radio-group/styles.scoped.css +37 -37
  312. package/radio-group/styles.selectors.js +9 -9
  313. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  314. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  315. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  316. package/segmented-control/styles.css.js +14 -14
  317. package/segmented-control/styles.scoped.css +78 -78
  318. package/segmented-control/styles.selectors.js +14 -14
  319. package/select/parts/styles.css.js +9 -9
  320. package/select/parts/styles.scoped.css +17 -17
  321. package/select/parts/styles.selectors.js +9 -9
  322. package/select/styles.css.js +1 -1
  323. package/select/styles.scoped.css +5 -5
  324. package/select/styles.selectors.js +1 -1
  325. package/side-navigation/styles.css.js +28 -28
  326. package/side-navigation/styles.scoped.css +92 -92
  327. package/side-navigation/styles.selectors.js +28 -28
  328. package/space-between/styles.css.js +23 -23
  329. package/space-between/styles.scoped.css +40 -40
  330. package/space-between/styles.selectors.js +23 -23
  331. package/spinner/styles.css.js +13 -13
  332. package/spinner/styles.scoped.css +35 -35
  333. package/spinner/styles.selectors.js +13 -13
  334. package/split-panel/styles.css.js +56 -56
  335. package/split-panel/styles.scoped.css +146 -146
  336. package/split-panel/styles.selectors.js +56 -56
  337. package/status-indicator/styles.css.js +22 -22
  338. package/status-indicator/styles.scoped.css +46 -46
  339. package/status-indicator/styles.selectors.js +22 -22
  340. package/table/body-cell/styles.css.js +28 -28
  341. package/table/body-cell/styles.scoped.css +155 -155
  342. package/table/body-cell/styles.selectors.js +28 -28
  343. package/table/body-cell/td-element.d.ts +3 -1
  344. package/table/body-cell/td-element.d.ts.map +1 -1
  345. package/table/body-cell/td-element.js +5 -7
  346. package/table/body-cell/td-element.js.map +1 -1
  347. package/table/header-cell/index.d.ts +2 -0
  348. package/table/header-cell/index.d.ts.map +1 -1
  349. package/table/header-cell/index.js +4 -3
  350. package/table/header-cell/index.js.map +1 -1
  351. package/table/header-cell/styles.css.js +24 -24
  352. package/table/header-cell/styles.scoped.css +93 -93
  353. package/table/header-cell/styles.selectors.js +24 -24
  354. package/table/header-cell/utils.d.ts +0 -1
  355. package/table/header-cell/utils.d.ts.map +1 -1
  356. package/table/header-cell/utils.js +0 -6
  357. package/table/header-cell/utils.js.map +1 -1
  358. package/table/internal.d.ts.map +1 -1
  359. package/table/internal.js +9 -8
  360. package/table/internal.js.map +1 -1
  361. package/table/resizer/styles.css.js +6 -6
  362. package/table/resizer/styles.scoped.css +27 -27
  363. package/table/resizer/styles.selectors.js +6 -6
  364. package/table/selection-control/styles.css.js +3 -3
  365. package/table/selection-control/styles.scoped.css +4 -4
  366. package/table/selection-control/styles.selectors.js +3 -3
  367. package/table/sticky-header.d.ts +2 -0
  368. package/table/sticky-header.d.ts.map +1 -1
  369. package/table/sticky-header.js +3 -2
  370. package/table/sticky-header.js.map +1 -1
  371. package/table/styles.css.js +34 -34
  372. package/table/styles.scoped.css +84 -84
  373. package/table/styles.selectors.js +34 -34
  374. package/table/table-role/index.d.ts +2 -0
  375. package/table/table-role/index.d.ts.map +1 -0
  376. package/table/table-role/index.js +4 -0
  377. package/table/table-role/index.js.map +1 -0
  378. package/table/table-role/table-role-helper.d.ts +22 -0
  379. package/table/table-role/table-role-helper.d.ts.map +1 -0
  380. package/table/table-role/table-role-helper.js +47 -0
  381. package/table/table-role/table-role-helper.js.map +1 -0
  382. package/table/thead.d.ts +2 -0
  383. package/table/thead.d.ts.map +1 -1
  384. package/table/thead.js +4 -3
  385. package/table/thead.js.map +1 -1
  386. package/tabs/styles.css.js +21 -21
  387. package/tabs/styles.scoped.css +86 -86
  388. package/tabs/styles.selectors.js +21 -21
  389. package/tag-editor/styles.css.js +3 -3
  390. package/tag-editor/styles.scoped.css +24 -24
  391. package/tag-editor/styles.selectors.js +3 -3
  392. package/text-content/styles.css.js +1 -1
  393. package/text-content/styles.scoped.css +130 -130
  394. package/text-content/styles.selectors.js +1 -1
  395. package/text-filter/styles.css.js +3 -3
  396. package/text-filter/styles.scoped.css +10 -10
  397. package/text-filter/styles.selectors.js +3 -3
  398. package/textarea/styles.css.js +4 -4
  399. package/textarea/styles.scoped.css +40 -40
  400. package/textarea/styles.selectors.js +4 -4
  401. package/tiles/styles.css.js +29 -29
  402. package/tiles/styles.scoped.css +128 -128
  403. package/tiles/styles.selectors.js +29 -29
  404. package/toggle/styles.css.js +8 -8
  405. package/toggle/styles.scoped.css +27 -27
  406. package/toggle/styles.selectors.js +8 -8
  407. package/token-group/styles.css.js +7 -7
  408. package/token-group/styles.scoped.css +42 -42
  409. package/token-group/styles.selectors.js +7 -7
  410. package/top-navigation/1.0-beta/styles.css.js +25 -25
  411. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  412. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  413. package/top-navigation/styles.css.js +47 -47
  414. package/top-navigation/styles.scoped.css +148 -148
  415. package/top-navigation/styles.selectors.js +47 -47
  416. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  417. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  418. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  419. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  420. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  421. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  422. package/tutorial-panel/styles.css.js +1 -1
  423. package/tutorial-panel/styles.scoped.css +6 -6
  424. package/tutorial-panel/styles.selectors.js +1 -1
  425. package/wizard/styles.css.js +31 -31
  426. package/wizard/styles.scoped.css +124 -124
  427. package/wizard/styles.selectors.js +31 -31
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_content-enter_gwq0h_1t6ov_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in_gwq0h_1t6ov_1 var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
97
+ .awsui_content-enter_gwq0h_18mml_97:not(#\9) {
98
+ animation: awsui_awsui-motion-fade-in_gwq0h_18mml_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
99
99
  }
100
- @keyframes awsui_awsui-motion-fade-in_gwq0h_1t6ov_1 {
100
+ @keyframes awsui_awsui-motion-fade-in_gwq0h_18mml_1 {
101
101
  from {
102
102
  opacity: 0.2;
103
103
  }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
106
106
  }
107
107
  }
108
108
  @media (prefers-reduced-motion: reduce) {
109
- .awsui_content-enter_gwq0h_1t6ov_97:not(#\9) {
109
+ .awsui_content-enter_gwq0h_18mml_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
  }
114
- .awsui-motion-disabled .awsui_content-enter_gwq0h_1t6ov_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1t6ov_97:not(#\9) {
114
+ .awsui-motion-disabled .awsui_content-enter_gwq0h_18mml_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_18mml_97:not(#\9) {
115
115
  animation: none;
116
116
  transition: none;
117
117
  }
118
118
 
119
- .awsui_trigger-expanded_gwq0h_1t6ov_119:not(#\9) {
120
- transition: border-bottom-color var(--motion-duration-show-paced-uryptc, 180ms) var(--motion-easing-show-paced-tbgeqx, ease-out);
119
+ .awsui_trigger-expanded_gwq0h_18mml_119:not(#\9) {
120
+ transition: border-bottom-color var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
121
121
  }
122
122
  @media (prefers-reduced-motion: reduce) {
123
- .awsui_trigger-expanded_gwq0h_1t6ov_119:not(#\9) {
123
+ .awsui_trigger-expanded_gwq0h_18mml_119:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
127
  }
128
- .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1t6ov_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1t6ov_119:not(#\9) {
128
+ .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_18mml_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_18mml_119:not(#\9) {
129
129
  animation: none;
130
130
  transition: none;
131
131
  }
132
132
 
133
- .awsui_icon_gwq0h_1t6ov_133:not(#\9) {
134
- transition: transform var(--motion-duration-rotate-90-jfxxiy, 135ms) var(--motion-easing-rotate-90-ax5lt7, cubic-bezier(0.165, 0.84, 0.44, 1));
133
+ .awsui_icon_gwq0h_18mml_133:not(#\9) {
134
+ transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
135
135
  }
136
136
  @media (prefers-reduced-motion: reduce) {
137
- .awsui_icon_gwq0h_1t6ov_133:not(#\9) {
137
+ .awsui_icon_gwq0h_18mml_133:not(#\9) {
138
138
  animation: none;
139
139
  transition: none;
140
140
  }
141
141
  }
142
- .awsui-motion-disabled .awsui_icon_gwq0h_1t6ov_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1t6ov_133:not(#\9) {
142
+ .awsui-motion-disabled .awsui_icon_gwq0h_18mml_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_18mml_133:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
148
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
149
  SPDX-License-Identifier: Apache-2.0
150
150
  */
151
- .awsui_root_gwq0h_1t6ov_151:not(#\9) {
151
+ .awsui_root_gwq0h_18mml_151:not(#\9) {
152
152
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
153
153
  border-collapse: separate;
154
154
  border-spacing: 0;
@@ -178,11 +178,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
178
178
  widows: 2;
179
179
  word-spacing: normal;
180
180
  box-sizing: border-box;
181
- font-size: var(--font-body-m-size-7dign1, 14px);
182
- line-height: var(--font-body-m-line-height-ghizru, 20px);
183
- color: var(--color-text-body-default-su7kuo, #000716);
181
+ font-size: var(--font-body-m-size-dhtyxm, 14px);
182
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
183
+ color: var(--color-text-body-default-2sxhhn, #000716);
184
184
  font-weight: 400;
185
- font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
185
+ font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
186
186
  -webkit-font-smoothing: auto;
187
187
  -moz-osx-font-smoothing: auto;
188
188
  min-width: 0;
@@ -191,111 +191,111 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  display: block;
192
192
  }
193
193
 
194
- .awsui_expand-button_gwq0h_1t6ov_168:not(#\9) {
194
+ .awsui_expand-button_gwq0h_18mml_168:not(#\9) {
195
195
  /* used in test-utils */
196
196
  }
197
197
 
198
- .awsui_icon_gwq0h_1t6ov_133:not(#\9) {
198
+ .awsui_icon_gwq0h_18mml_133:not(#\9) {
199
199
  transform: rotate(-90deg);
200
200
  }
201
- .awsui_icon_gwq0h_1t6ov_133.awsui_expanded_gwq0h_1t6ov_175:not(#\9) {
201
+ .awsui_icon_gwq0h_18mml_133.awsui_expanded_gwq0h_18mml_175:not(#\9) {
202
202
  transform: rotate(0deg);
203
203
  }
204
204
 
205
- .awsui_icon-container_gwq0h_1t6ov_179:not(#\9) {
205
+ .awsui_icon-container_gwq0h_18mml_179:not(#\9) {
206
206
  position: relative;
207
- margin-left: calc((var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2);
208
- margin-right: calc(var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
207
+ margin-left: calc((var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2);
208
+ margin-right: calc(var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
209
209
  }
210
- .awsui_icon-container-container_gwq0h_1t6ov_184:not(#\9) {
211
- margin-right: var(--space-xs-edba2s, 8px);
210
+ .awsui_icon-container-container_gwq0h_18mml_184:not(#\9) {
211
+ margin-right: var(--space-xs-zb16t3, 8px);
212
212
  }
213
213
 
214
- .awsui_wrapper_gwq0h_1t6ov_188:not(#\9) {
214
+ .awsui_wrapper_gwq0h_18mml_188:not(#\9) {
215
215
  box-sizing: border-box;
216
216
  border: none;
217
217
  width: 100%;
218
- line-height: var(--font-body-m-line-height-ghizru, 20px);
218
+ line-height: var(--font-body-m-line-height-5wv9x1, 20px);
219
219
  text-align: left;
220
220
  }
221
- .awsui_wrapper-default_gwq0h_1t6ov_195:not(#\9), .awsui_wrapper-footer_gwq0h_1t6ov_195:not(#\9) {
222
- border: var(--border-divider-section-width-orq175, 2px) solid transparent;
221
+ .awsui_wrapper-default_gwq0h_18mml_195:not(#\9), .awsui_wrapper-footer_gwq0h_18mml_195:not(#\9) {
222
+ border: var(--border-divider-section-width-4ax5o2, 2px) solid transparent;
223
223
  }
224
- .awsui_wrapper-navigation_gwq0h_1t6ov_198:not(#\9) {
225
- border-left: var(--border-divider-section-width-orq175, 2px) solid transparent;
224
+ .awsui_wrapper-navigation_gwq0h_18mml_198:not(#\9) {
225
+ border-left: var(--border-divider-section-width-4ax5o2, 2px) solid transparent;
226
226
  }
227
- .awsui_wrapper-navigation_gwq0h_1t6ov_198:not(#\9), .awsui_wrapper-container_gwq0h_1t6ov_201:not(#\9) {
227
+ .awsui_wrapper-navigation_gwq0h_18mml_198:not(#\9), .awsui_wrapper-container_gwq0h_18mml_201:not(#\9) {
228
228
  display: flex;
229
- font-weight: var(--font-heading-s-weight-fzc30w, 700);
229
+ font-weight: var(--font-heading-s-weight-02hnau, 700);
230
230
  }
231
- .awsui_wrapper-default_gwq0h_1t6ov_195:not(#\9), .awsui_wrapper-navigation_gwq0h_1t6ov_198:not(#\9), .awsui_wrapper-footer_gwq0h_1t6ov_195:not(#\9) {
232
- color: var(--color-text-expandable-section-default-m3lg7r, #000716);
233
- -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
234
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
235
- font-size: var(--font-expandable-heading-size-mkp9vq, 16px);
236
- letter-spacing: var(--font-heading-s-letter-spacing-j4vcrt, -0.005em);
231
+ .awsui_wrapper-default_gwq0h_18mml_195:not(#\9), .awsui_wrapper-navigation_gwq0h_18mml_198:not(#\9), .awsui_wrapper-footer_gwq0h_18mml_195:not(#\9) {
232
+ color: var(--color-text-expandable-section-default-jh4jdf, #000716);
233
+ -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
234
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
235
+ font-size: var(--font-expandable-heading-size-93i095, 16px);
236
+ letter-spacing: var(--font-heading-s-letter-spacing-ebpsb6, -0.005em);
237
237
  }
238
- .awsui_wrapper-default_gwq0h_1t6ov_195:not(#\9) {
239
- padding-top: var(--space-scaled-xxs-t2t62i, 4px);
240
- padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
241
- padding-right: var(--space-xxs-ja5cp8, 4px);
238
+ .awsui_wrapper-default_gwq0h_18mml_195:not(#\9) {
239
+ padding-top: var(--space-scaled-xxs-7597g1, 4px);
240
+ padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
241
+ padding-right: var(--space-xxs-p8yyaw, 4px);
242
242
  }
243
- .awsui_wrapper-default_gwq0h_1t6ov_195.awsui_header-deprecated_gwq0h_1t6ov_217:not(#\9) {
244
- padding-left: var(--space-xxs-ja5cp8, 4px);
243
+ .awsui_wrapper-default_gwq0h_18mml_195.awsui_header-deprecated_gwq0h_18mml_217:not(#\9) {
244
+ padding-left: var(--space-xxs-p8yyaw, 4px);
245
245
  }
246
- .awsui_wrapper-default_gwq0h_1t6ov_195:not(#\9):not(.awsui_header-deprecated_gwq0h_1t6ov_217) {
247
- padding-left: calc(var(--space-xxs-ja5cp8, 4px) + calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
246
+ .awsui_wrapper-default_gwq0h_18mml_195:not(#\9):not(.awsui_header-deprecated_gwq0h_18mml_217) {
247
+ padding-left: calc(var(--space-xxs-p8yyaw, 4px) + calc(var(--size-icon-normal-0m1722, 16px) + (var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px)));
248
248
  }
249
- .awsui_wrapper-footer_gwq0h_1t6ov_195:not(#\9) {
250
- padding-top: var(--space-scaled-xxs-t2t62i, 4px);
251
- padding-bottom: var(--space-scaled-xxs-t2t62i, 4px);
249
+ .awsui_wrapper-footer_gwq0h_18mml_195:not(#\9) {
250
+ padding-top: var(--space-scaled-xxs-7597g1, 4px);
251
+ padding-bottom: var(--space-scaled-xxs-7597g1, 4px);
252
252
  padding-right: 0;
253
253
  }
254
- .awsui_wrapper-footer_gwq0h_1t6ov_195.awsui_header-deprecated_gwq0h_1t6ov_217:not(#\9) {
254
+ .awsui_wrapper-footer_gwq0h_18mml_195.awsui_header-deprecated_gwq0h_18mml_217:not(#\9) {
255
255
  padding-left: 0;
256
256
  }
257
- .awsui_wrapper-footer_gwq0h_1t6ov_195:not(#\9):not(.awsui_header-deprecated_gwq0h_1t6ov_217) {
258
- padding-left: calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px));
257
+ .awsui_wrapper-footer_gwq0h_18mml_195:not(#\9):not(.awsui_header-deprecated_gwq0h_18mml_217) {
258
+ padding-left: calc(var(--size-icon-normal-0m1722, 16px) + (var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px));
259
259
  }
260
- .awsui_wrapper-container_gwq0h_1t6ov_201:not(#\9) {
261
- padding-top: var(--space-container-header-top-a9tz2a, 12px);
262
- padding-bottom: var(--space-container-header-bottom-f79ib3, 8px);
263
- padding-right: var(--space-container-horizontal-jxdgil, 20px);
260
+ .awsui_wrapper-container_gwq0h_18mml_201:not(#\9) {
261
+ padding-top: var(--space-container-header-top-5qav00, 12px);
262
+ padding-bottom: var(--space-container-header-bottom-vj01hn, 8px);
263
+ padding-right: var(--space-container-horizontal-wfukh3, 20px);
264
264
  }
265
- .awsui_wrapper-container_gwq0h_1t6ov_201.awsui_header-deprecated_gwq0h_1t6ov_217:not(#\9) {
266
- padding-left: var(--space-container-horizontal-jxdgil, 20px);
265
+ .awsui_wrapper-container_gwq0h_18mml_201.awsui_header-deprecated_gwq0h_18mml_217:not(#\9) {
266
+ padding-left: var(--space-container-horizontal-wfukh3, 20px);
267
267
  }
268
- .awsui_wrapper-container_gwq0h_1t6ov_201:not(#\9):not(.awsui_header-deprecated_gwq0h_1t6ov_217) {
269
- padding-left: calc(var(--space-container-horizontal-jxdgil, 20px) + calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
268
+ .awsui_wrapper-container_gwq0h_18mml_201:not(#\9):not(.awsui_header-deprecated_gwq0h_18mml_217) {
269
+ padding-left: calc(var(--space-container-horizontal-wfukh3, 20px) + calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
270
270
  }
271
- body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_1t6ov_201:not(#\9):focus {
272
- padding: calc(var(--space-scaled-s-913kwi, 12px) - var(--border-divider-section-width-orq175, 2px)) calc(var(--space-l-f4l5gr, 20px) - var(--border-divider-section-width-orq175, 2px));
271
+ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_18mml_201:not(#\9):focus {
272
+ padding: calc(var(--space-scaled-s-aqzyko, 12px) - var(--border-divider-section-width-4ax5o2, 2px)) calc(var(--space-l-t419sm, 20px) - var(--border-divider-section-width-4ax5o2, 2px));
273
273
  }
274
- .awsui_wrapper-default_gwq0h_1t6ov_195.awsui_wrapper-expanded_gwq0h_1t6ov_248:not(#\9) {
275
- border-bottom-color: var(--color-border-divider-default-9o8zql, #e9ebed);
274
+ .awsui_wrapper-default_gwq0h_18mml_195.awsui_wrapper-expanded_gwq0h_18mml_248:not(#\9) {
275
+ border-bottom-color: var(--color-border-divider-default-d3adp9, #e9ebed);
276
276
  }
277
277
 
278
- .awsui_header_gwq0h_1t6ov_217:not(#\9) {
278
+ .awsui_header_gwq0h_18mml_217:not(#\9) {
279
279
  /* used in test-utils */
280
280
  }
281
- .awsui_header-wrapper_gwq0h_1t6ov_255:not(#\9), .awsui_header-deprecated_gwq0h_1t6ov_217:not(#\9) {
281
+ .awsui_header-wrapper_gwq0h_18mml_255:not(#\9), .awsui_header-deprecated_gwq0h_18mml_217:not(#\9) {
282
282
  display: flex;
283
- font-weight: var(--font-heading-s-weight-fzc30w, 700);
283
+ font-weight: var(--font-heading-s-weight-02hnau, 700);
284
284
  }
285
- .awsui_header-wrapper_gwq0h_1t6ov_255:not(#\9) {
285
+ .awsui_header-wrapper_gwq0h_18mml_255:not(#\9) {
286
286
  font-size: inherit;
287
287
  letter-spacing: inherit;
288
288
  margin: 0;
289
289
  padding: 0;
290
290
  }
291
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1t6ov_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1t6ov_265:not(#\9):focus {
291
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_18mml_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_18mml_265:not(#\9):focus {
292
292
  position: relative;
293
293
  }
294
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1t6ov_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1t6ov_265:not(#\9):focus {
294
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_18mml_265:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_18mml_265:not(#\9):focus {
295
295
  outline: 2px dotted transparent;
296
296
  outline-offset: calc(0px - 1px);
297
297
  }
298
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1t6ov_265:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_1t6ov_265:not(#\9):focus::before {
298
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_18mml_265:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_18mml_265:not(#\9):focus::before {
299
299
  content: " ";
300
300
  display: block;
301
301
  position: absolute;
@@ -303,27 +303,27 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1t6ov_265:not(#\9
303
303
  top: calc(-1 * 0px);
304
304
  width: calc(100% + 2 * 0px);
305
305
  height: calc(100% + 2 * 0px);
306
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
307
- box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
306
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
307
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
308
308
  }
309
- .awsui_header-button_gwq0h_1t6ov_265:not(#\9) {
309
+ .awsui_header-button_gwq0h_18mml_265:not(#\9) {
310
310
  box-sizing: border-box;
311
311
  display: flex;
312
- margin-left: calc(-1 * calc(var(--size-icon-normal-jq6jat, 16px) + (var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xxs-ja5cp8, 4px) + var(--border-divider-list-width-um3zli, 1px)));
312
+ margin-left: calc(-1 * calc(var(--size-icon-normal-0m1722, 16px) + (var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xxs-p8yyaw, 4px) + var(--border-divider-list-width-27y3k5, 1px)));
313
313
  }
314
- .awsui_header-container-button_gwq0h_1t6ov_265:not(#\9) {
315
- margin-left: calc(-1 * calc(var(--size-icon-medium-x0iee8, 20px) + (var(--font-body-m-line-height-ghizru, 20px) - var(--size-icon-normal-jq6jat, 16px)) / -2 + var(--space-xs-edba2s, 8px)));
314
+ .awsui_header-container-button_gwq0h_18mml_265:not(#\9) {
315
+ margin-left: calc(-1 * calc(var(--size-icon-medium-y9xuoq, 20px) + (var(--font-body-m-line-height-5wv9x1, 20px) - var(--size-icon-normal-0m1722, 16px)) / -2 + var(--space-xs-zb16t3, 8px)));
316
316
  }
317
- .awsui_header-container_gwq0h_1t6ov_265:not(#\9) {
317
+ .awsui_header-container_gwq0h_18mml_265:not(#\9) {
318
318
  width: 100%;
319
319
  }
320
- .awsui_header-container_gwq0h_1t6ov_265 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9) {
321
- margin-top: var(--space-expandable-section-icon-offset-top-qfofw6, 4px);
320
+ .awsui_header-container_gwq0h_18mml_265 > .awsui_icon-container_gwq0h_18mml_179:not(#\9) {
321
+ margin-top: var(--space-expandable-section-icon-offset-top-ekk5vc, 4px);
322
322
  }
323
- .awsui_header-navigation_gwq0h_1t6ov_297 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9) {
323
+ .awsui_header-navigation_gwq0h_18mml_297 > .awsui_icon-container_gwq0h_18mml_179:not(#\9) {
324
324
  display: inline-flex;
325
325
  cursor: pointer;
326
- color: var(--color-text-expandable-section-navigation-icon-default-lzmj1u, #414d5c);
326
+ color: var(--color-text-expandable-section-navigation-icon-default-htcovl, #414d5c);
327
327
  border: 0;
328
328
  padding: 0;
329
329
  background: transparent;
@@ -331,17 +331,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_1t6ov_265:not(#\9
331
331
  text-decoration: none;
332
332
  flex-direction: column;
333
333
  }
334
- .awsui_header-navigation_gwq0h_1t6ov_297 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9):hover {
335
- color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
334
+ .awsui_header-navigation_gwq0h_18mml_297 > .awsui_icon-container_gwq0h_18mml_179:not(#\9):hover {
335
+ color: var(--color-text-expandable-section-hover-pfe4fw, #0972d3);
336
336
  }
337
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1t6ov_297 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9):focus {
337
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_18mml_297 > .awsui_icon-container_gwq0h_18mml_179:not(#\9):focus {
338
338
  position: relative;
339
339
  }
340
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1t6ov_297 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9):focus {
340
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_18mml_297 > .awsui_icon-container_gwq0h_18mml_179:not(#\9):focus {
341
341
  outline: 2px dotted transparent;
342
342
  outline-offset: calc(2px - 1px);
343
343
  }
344
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1t6ov_297 > .awsui_icon-container_gwq0h_1t6ov_179:not(#\9):focus::before {
344
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_18mml_297 > .awsui_icon-container_gwq0h_18mml_179:not(#\9):focus::before {
345
345
  content: " ";
346
346
  display: block;
347
347
  position: absolute;
@@ -349,40 +349,40 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_1t6ov_297 > .
349
349
  top: calc(-1 * 2px);
350
350
  width: calc(100% + 2 * 2px);
351
351
  height: calc(100% + 2 * 2px);
352
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
353
- box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
352
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
353
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
354
354
  }
355
- .awsui_header-text_gwq0h_1t6ov_329:not(#\9) {
355
+ .awsui_header-text_gwq0h_18mml_329:not(#\9) {
356
356
  /* used in test-utils */
357
357
  }
358
358
 
359
- .awsui_content_gwq0h_1t6ov_97:not(#\9) {
359
+ .awsui_content_gwq0h_18mml_97:not(#\9) {
360
360
  display: none;
361
361
  }
362
- .awsui_content-default_gwq0h_1t6ov_336:not(#\9) {
363
- padding: var(--space-scaled-xs-wbfgrv, 8px) 0;
362
+ .awsui_content-default_gwq0h_18mml_336:not(#\9) {
363
+ padding: var(--space-scaled-xs-26e2du, 8px) 0;
364
364
  }
365
- .awsui_content-footer_gwq0h_1t6ov_339:not(#\9) {
366
- padding: var(--space-xs-edba2s, 8px) 0;
365
+ .awsui_content-footer_gwq0h_18mml_339:not(#\9) {
366
+ padding: var(--space-xs-zb16t3, 8px) 0;
367
367
  }
368
- .awsui_content-expanded_gwq0h_1t6ov_342:not(#\9) {
368
+ .awsui_content-expanded_gwq0h_18mml_342:not(#\9) {
369
369
  display: block;
370
370
  }
371
371
 
372
- .awsui_focusable_gwq0h_1t6ov_346:not(#\9):focus {
372
+ .awsui_focusable_gwq0h_18mml_346:not(#\9):focus {
373
373
  outline: none;
374
374
  text-decoration: none;
375
375
  }
376
- body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_1t6ov_346:not(#\9):focus {
376
+ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_18mml_346:not(#\9):focus {
377
377
  outline: 2px dotted transparent;
378
- border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
379
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
380
- box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
378
+ border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
379
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
380
+ box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
381
381
  }
382
382
 
383
- .awsui_click-target_gwq0h_1t6ov_357:not(#\9) {
383
+ .awsui_click-target_gwq0h_18mml_357:not(#\9) {
384
384
  cursor: pointer;
385
385
  }
386
- .awsui_click-target_gwq0h_1t6ov_357:not(#\9):not(.awsui_wrapper-container_gwq0h_1t6ov_201):not(.awsui_header-container-button_gwq0h_1t6ov_265):hover {
387
- color: var(--color-text-expandable-section-hover-pux1oy, #0972d3);
386
+ .awsui_click-target_gwq0h_18mml_357:not(#\9):not(.awsui_wrapper-container_gwq0h_18mml_201):not(.awsui_header-container-button_gwq0h_18mml_265):hover {
387
+ color: var(--color-text-expandable-section-hover-pfe4fw, #0972d3);
388
388
  }
@@ -2,34 +2,34 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-enter": "awsui_content-enter_gwq0h_1t6ov_97",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1t6ov_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_1t6ov_119",
8
- "icon": "awsui_icon_gwq0h_1t6ov_133",
9
- "root": "awsui_root_gwq0h_1t6ov_151",
10
- "expand-button": "awsui_expand-button_gwq0h_1t6ov_168",
11
- "expanded": "awsui_expanded_gwq0h_1t6ov_175",
12
- "icon-container": "awsui_icon-container_gwq0h_1t6ov_179",
13
- "icon-container-container": "awsui_icon-container-container_gwq0h_1t6ov_184",
14
- "wrapper": "awsui_wrapper_gwq0h_1t6ov_188",
15
- "wrapper-default": "awsui_wrapper-default_gwq0h_1t6ov_195",
16
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_1t6ov_195",
17
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1t6ov_198",
18
- "wrapper-container": "awsui_wrapper-container_gwq0h_1t6ov_201",
19
- "header-deprecated": "awsui_header-deprecated_gwq0h_1t6ov_217",
20
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1t6ov_248",
21
- "header": "awsui_header_gwq0h_1t6ov_217",
22
- "header-wrapper": "awsui_header-wrapper_gwq0h_1t6ov_255",
23
- "header-button": "awsui_header-button_gwq0h_1t6ov_265",
24
- "header-container-button": "awsui_header-container-button_gwq0h_1t6ov_265",
25
- "header-container": "awsui_header-container_gwq0h_1t6ov_265",
26
- "header-navigation": "awsui_header-navigation_gwq0h_1t6ov_297",
27
- "header-text": "awsui_header-text_gwq0h_1t6ov_329",
28
- "content": "awsui_content_gwq0h_1t6ov_97",
29
- "content-default": "awsui_content-default_gwq0h_1t6ov_336",
30
- "content-footer": "awsui_content-footer_gwq0h_1t6ov_339",
31
- "content-expanded": "awsui_content-expanded_gwq0h_1t6ov_342",
32
- "focusable": "awsui_focusable_gwq0h_1t6ov_346",
33
- "click-target": "awsui_click-target_gwq0h_1t6ov_357"
5
+ "content-enter": "awsui_content-enter_gwq0h_18mml_97",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_18mml_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_18mml_119",
8
+ "icon": "awsui_icon_gwq0h_18mml_133",
9
+ "root": "awsui_root_gwq0h_18mml_151",
10
+ "expand-button": "awsui_expand-button_gwq0h_18mml_168",
11
+ "expanded": "awsui_expanded_gwq0h_18mml_175",
12
+ "icon-container": "awsui_icon-container_gwq0h_18mml_179",
13
+ "icon-container-container": "awsui_icon-container-container_gwq0h_18mml_184",
14
+ "wrapper": "awsui_wrapper_gwq0h_18mml_188",
15
+ "wrapper-default": "awsui_wrapper-default_gwq0h_18mml_195",
16
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_18mml_195",
17
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_18mml_198",
18
+ "wrapper-container": "awsui_wrapper-container_gwq0h_18mml_201",
19
+ "header-deprecated": "awsui_header-deprecated_gwq0h_18mml_217",
20
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_18mml_248",
21
+ "header": "awsui_header_gwq0h_18mml_217",
22
+ "header-wrapper": "awsui_header-wrapper_gwq0h_18mml_255",
23
+ "header-button": "awsui_header-button_gwq0h_18mml_265",
24
+ "header-container-button": "awsui_header-container-button_gwq0h_18mml_265",
25
+ "header-container": "awsui_header-container_gwq0h_18mml_265",
26
+ "header-navigation": "awsui_header-navigation_gwq0h_18mml_297",
27
+ "header-text": "awsui_header-text_gwq0h_18mml_329",
28
+ "content": "awsui_content_gwq0h_18mml_97",
29
+ "content-default": "awsui_content-default_gwq0h_18mml_336",
30
+ "content-footer": "awsui_content-footer_gwq0h_18mml_339",
31
+ "content-expanded": "awsui_content-expanded_gwq0h_18mml_342",
32
+ "focusable": "awsui_focusable_gwq0h_18mml_346",
33
+ "click-target": "awsui_click-target_gwq0h_18mml_357"
34
34
  };
35
35
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "dropzone": "awsui_dropzone_1fham_uelh3_93",
5
- "dropzone-hovered": "awsui_dropzone-hovered_1fham_uelh3_105"
4
+ "dropzone": "awsui_dropzone_1fham_9mlpm_93",
5
+ "dropzone-hovered": "awsui_dropzone-hovered_1fham_9mlpm_105"
6
6
  };
7
7
 
@@ -90,19 +90,19 @@ 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_dropzone_1fham_uelh3_93:not(#\9) {
93
+ .awsui_dropzone_1fham_9mlpm_93:not(#\9) {
94
94
  display: flex;
95
95
  flex-direction: column;
96
96
  align-items: center;
97
97
  justify-content: center;
98
- gap: var(--space-static-xxs-jqh73n, 4px);
99
- padding: var(--space-static-l-hozrvc, 20px);
100
- border-radius: var(--border-radius-dropzone-txaqiw, 12px);
101
- color: var(--color-dropzone-text-active-ixkxdz, #5f6b7a);
102
- background-color: var(--color-dropzone-background-active-odklkz, #e9ebed);
98
+ gap: var(--space-static-xxs-82cdfi, 4px);
99
+ padding: var(--space-static-l-0xsx8r, 20px);
100
+ border-radius: var(--border-radius-dropzone-4sx861, 12px);
101
+ color: var(--color-dropzone-text-active-8e1lcf, #5f6b7a);
102
+ background-color: var(--color-dropzone-background-active-g7hjqs, #e9ebed);
103
103
  font-weight: 700;
104
104
  }
105
- .awsui_dropzone-hovered_1fham_uelh3_105:not(#\9) {
106
- color: var(--color-dropzone-text-hover-iptg3q, #033160);
107
- background-color: var(--color-dropzone-background-hover-tz97i0, #d3e7f9);
105
+ .awsui_dropzone-hovered_1fham_9mlpm_105:not(#\9) {
106
+ color: var(--color-dropzone-text-hover-4qxymq, #033160);
107
+ background-color: var(--color-dropzone-background-hover-42q8nb, #d3e7f9);
108
108
  }
@@ -2,7 +2,7 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropzone": "awsui_dropzone_1fham_uelh3_93",
6
- "dropzone-hovered": "awsui_dropzone-hovered_1fham_uelh3_105"
5
+ "dropzone": "awsui_dropzone_1fham_9mlpm_93",
6
+ "dropzone-hovered": "awsui_dropzone-hovered_1fham_9mlpm_105"
7
7
  };
8
8
 
@@ -1,9 +1,9 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "upload-button": "awsui_upload-button_4xu1k_1q7mi_93",
5
- "upload-input": "awsui_upload-input_4xu1k_1q7mi_94",
6
- "file-input-container": "awsui_file-input-container_4xu1k_1q7mi_98",
7
- "force-focus-outline": "awsui_force-focus-outline_4xu1k_1q7mi_107"
4
+ "upload-button": "awsui_upload-button_4xu1k_x6e3o_93",
5
+ "upload-input": "awsui_upload-input_4xu1k_x6e3o_94",
6
+ "file-input-container": "awsui_file-input-container_4xu1k_x6e3o_98",
7
+ "force-focus-outline": "awsui_force-focus-outline_4xu1k_x6e3o_107"
8
8
  };
9
9
 
@@ -90,35 +90,35 @@ 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_upload-button_4xu1k_1q7mi_93:not(#\9),
94
- .awsui_upload-input_4xu1k_1q7mi_94:not(#\9) {
93
+ .awsui_upload-button_4xu1k_x6e3o_93:not(#\9),
94
+ .awsui_upload-input_4xu1k_x6e3o_94:not(#\9) {
95
95
  /* used in test-utils */
96
96
  }
97
97
 
98
- .awsui_file-input-container_4xu1k_1q7mi_98:not(#\9) {
98
+ .awsui_file-input-container_4xu1k_x6e3o_98:not(#\9) {
99
99
  position: relative;
100
100
  }
101
101
 
102
- .awsui_upload-input_4xu1k_1q7mi_94:not(#\9) {
102
+ .awsui_upload-input_4xu1k_x6e3o_94:not(#\9) {
103
103
  position: absolute;
104
104
  clip: rect(0, 0, 0, 0);
105
105
  }
106
106
 
107
- body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_1q7mi_93.awsui_force-focus-outline_4xu1k_1q7mi_107:not(#\9) {
107
+ body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_x6e3o_93.awsui_force-focus-outline_4xu1k_x6e3o_107:not(#\9) {
108
108
  position: relative;
109
109
  }
110
- body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_1q7mi_93.awsui_force-focus-outline_4xu1k_1q7mi_107:not(#\9) {
110
+ body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_x6e3o_93.awsui_force-focus-outline_4xu1k_x6e3o_107:not(#\9) {
111
111
  outline: 2px dotted transparent;
112
- outline-offset: calc(var(--space-button-focus-outline-gutter-txnpcq, 4px) - 1px);
112
+ outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
113
113
  }
114
- body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_1q7mi_93.awsui_force-focus-outline_4xu1k_1q7mi_107:not(#\9)::before {
114
+ body[data-awsui-focus-visible=true] .awsui_upload-button_4xu1k_x6e3o_93.awsui_force-focus-outline_4xu1k_x6e3o_107:not(#\9)::before {
115
115
  content: " ";
116
116
  display: block;
117
117
  position: absolute;
118
- left: calc(-1 * var(--space-button-focus-outline-gutter-txnpcq, 4px));
119
- top: calc(-1 * var(--space-button-focus-outline-gutter-txnpcq, 4px));
120
- width: calc(100% + 2 * var(--space-button-focus-outline-gutter-txnpcq, 4px));
121
- height: calc(100% + 2 * var(--space-button-focus-outline-gutter-txnpcq, 4px));
122
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
123
- box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
118
+ left: calc(-1 * var(--space-button-focus-outline-gutter-cqfd0c, 4px));
119
+ top: calc(-1 * var(--space-button-focus-outline-gutter-cqfd0c, 4px));
120
+ width: calc(100% + 2 * var(--space-button-focus-outline-gutter-cqfd0c, 4px));
121
+ height: calc(100% + 2 * var(--space-button-focus-outline-gutter-cqfd0c, 4px));
122
+ border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
123
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
124
124
  }
@@ -2,9 +2,9 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "upload-button": "awsui_upload-button_4xu1k_1q7mi_93",
6
- "upload-input": "awsui_upload-input_4xu1k_1q7mi_94",
7
- "file-input-container": "awsui_file-input-container_4xu1k_1q7mi_98",
8
- "force-focus-outline": "awsui_force-focus-outline_4xu1k_1q7mi_107"
5
+ "upload-button": "awsui_upload-button_4xu1k_x6e3o_93",
6
+ "upload-input": "awsui_upload-input_4xu1k_x6e3o_94",
7
+ "file-input-container": "awsui_file-input-container_4xu1k_x6e3o_98",
8
+ "force-focus-outline": "awsui_force-focus-outline_4xu1k_x6e3o_107"
9
9
  };
10
10
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "file-option-name": "awsui_file-option-name_ezgb4_ql5bn_9",
5
- "file-option-size": "awsui_file-option-size_ezgb4_ql5bn_10",
6
- "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_ql5bn_11",
7
- "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_ql5bn_12",
8
- "file-option": "awsui_file-option_ezgb4_ql5bn_9",
9
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_ql5bn_28",
10
- "file-option-metadata": "awsui_file-option-metadata_ezgb4_ql5bn_33"
4
+ "file-option-name": "awsui_file-option-name_ezgb4_1ersw_9",
5
+ "file-option-size": "awsui_file-option-size_ezgb4_1ersw_10",
6
+ "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_1ersw_11",
7
+ "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_1ersw_12",
8
+ "file-option": "awsui_file-option_ezgb4_1ersw_9",
9
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_1ersw_28",
10
+ "file-option-metadata": "awsui_file-option-metadata_ezgb4_1ersw_33"
11
11
  };
12
12