@aws-amplify/ui 5.8.0 → 6.0.0

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 (344) hide show
  1. package/dist/esm/helpers/accountSettings/utils.mjs +33 -1
  2. package/dist/esm/helpers/accountSettings/validator.mjs +120 -1
  3. package/dist/esm/helpers/authenticator/actor.mjs +20 -1
  4. package/dist/esm/helpers/authenticator/constants.mjs +144 -1
  5. package/dist/esm/helpers/authenticator/defaultAuthHubHandler.mjs +52 -0
  6. package/dist/esm/helpers/authenticator/facade.mjs +137 -1
  7. package/dist/esm/helpers/authenticator/form.mjs +43 -1
  8. package/dist/esm/helpers/authenticator/formFields/defaults.mjs +132 -1
  9. package/dist/esm/helpers/authenticator/formFields/formFields.mjs +62 -1
  10. package/dist/esm/helpers/authenticator/formFields/utils.mjs +35 -0
  11. package/dist/esm/helpers/authenticator/getRoute.mjs +47 -0
  12. package/dist/esm/helpers/authenticator/textUtil.mjs +112 -1
  13. package/dist/esm/helpers/authenticator/utils.mjs +38 -1
  14. package/dist/esm/helpers/utils.mjs +5 -1
  15. package/dist/esm/i18n/country-dial-codes.mjs +210 -1
  16. package/dist/esm/i18n/dictionaries/authenticator/de.mjs +87 -1
  17. package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs +83 -1
  18. package/dist/esm/i18n/dictionaries/authenticator/en.mjs +74 -1
  19. package/dist/esm/i18n/dictionaries/authenticator/es.mjs +83 -1
  20. package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +92 -1
  21. package/dist/esm/i18n/dictionaries/authenticator/he.mjs +54 -1
  22. package/dist/esm/i18n/dictionaries/authenticator/id.mjs +96 -1
  23. package/dist/esm/i18n/dictionaries/authenticator/it.mjs +82 -1
  24. package/dist/esm/i18n/dictionaries/authenticator/ja.mjs +86 -1
  25. package/dist/esm/i18n/dictionaries/authenticator/kr.mjs +71 -1
  26. package/dist/esm/i18n/dictionaries/authenticator/nb.mjs +95 -1
  27. package/dist/esm/i18n/dictionaries/authenticator/nl.mjs +67 -1
  28. package/dist/esm/i18n/dictionaries/authenticator/pl.mjs +71 -1
  29. package/dist/esm/i18n/dictionaries/authenticator/pt.mjs +61 -1
  30. package/dist/esm/i18n/dictionaries/authenticator/ru.mjs +61 -1
  31. package/dist/esm/i18n/dictionaries/authenticator/sv.mjs +82 -1
  32. package/dist/esm/i18n/dictionaries/authenticator/tr.mjs +76 -1
  33. package/dist/esm/i18n/dictionaries/authenticator/ua.mjs +84 -1
  34. package/dist/esm/i18n/dictionaries/authenticator/zh.mjs +74 -1
  35. package/dist/esm/i18n/dictionaries/index.mjs +47 -1
  36. package/dist/esm/i18n/translations.mjs +67 -1
  37. package/dist/esm/index.mjs +28 -1
  38. package/dist/esm/machines/authenticator/actions.mjs +188 -1
  39. package/dist/esm/machines/authenticator/actors/forgotPassword.mjs +184 -0
  40. package/dist/esm/machines/authenticator/actors/signIn.mjs +328 -1
  41. package/dist/esm/machines/authenticator/actors/signOut.mjs +28 -1
  42. package/dist/esm/machines/authenticator/actors/signUp.mjs +295 -0
  43. package/dist/esm/machines/authenticator/actors/verifyUserAttributes.mjs +106 -0
  44. package/dist/esm/machines/authenticator/defaultServices.mjs +102 -1
  45. package/dist/esm/machines/authenticator/guards.mjs +70 -0
  46. package/dist/esm/machines/authenticator/index.mjs +368 -1
  47. package/dist/esm/machines/authenticator/utils.mjs +71 -0
  48. package/dist/esm/theme/breakpoints.mjs +14 -1
  49. package/dist/esm/theme/createTheme.mjs +156 -1
  50. package/dist/esm/theme/defaultDarkModeOverride.mjs +128 -1
  51. package/dist/esm/theme/defaultTheme.mjs +10 -1
  52. package/dist/esm/theme/tokens/borderWidths.mjs +7 -1
  53. package/dist/esm/theme/tokens/colors.mjs +166 -1
  54. package/dist/esm/theme/tokens/components/accordion.mjs +47 -0
  55. package/dist/esm/theme/tokens/components/alert.mjs +35 -1
  56. package/dist/esm/theme/tokens/components/authenticator.mjs +39 -1
  57. package/dist/esm/theme/tokens/components/autocomplete.mjs +42 -1
  58. package/dist/esm/theme/tokens/components/badge.mjs +44 -1
  59. package/dist/esm/theme/tokens/components/breadcrumbs.mjs +34 -1
  60. package/dist/esm/theme/tokens/components/button.mjs +685 -1
  61. package/dist/esm/theme/tokens/components/card.mjs +27 -1
  62. package/dist/esm/theme/tokens/components/checkbox.mjs +87 -1
  63. package/dist/esm/theme/tokens/components/checkboxField.mjs +8 -1
  64. package/dist/esm/theme/tokens/components/collection.mjs +72 -1
  65. package/dist/esm/theme/tokens/components/copy.mjs +18 -1
  66. package/dist/esm/theme/tokens/components/dialCodeSelect.mjs +7 -1
  67. package/dist/esm/theme/tokens/components/divider.mjs +22 -1
  68. package/dist/esm/theme/tokens/components/dropZone.mjs +46 -1
  69. package/dist/esm/theme/tokens/components/field.mjs +20 -1
  70. package/dist/esm/theme/tokens/components/fieldControl.mjs +131 -1
  71. package/dist/esm/theme/tokens/components/fieldGroup.mjs +11 -1
  72. package/dist/esm/theme/tokens/components/fieldMessages.mjs +13 -1
  73. package/dist/esm/theme/tokens/components/fieldset.mjs +40 -1
  74. package/dist/esm/theme/tokens/components/flex.mjs +9 -1
  75. package/dist/esm/theme/tokens/components/heading.mjs +30 -1
  76. package/dist/esm/theme/tokens/components/highlightMatch.mjs +7 -1
  77. package/dist/esm/theme/tokens/components/icon.mjs +6 -1
  78. package/dist/esm/theme/tokens/components/image.mjs +8 -1
  79. package/dist/esm/theme/tokens/components/inAppMessaging.mjs +23 -1
  80. package/dist/esm/theme/tokens/components/index.mjs +111 -1
  81. package/dist/esm/theme/tokens/components/input.mjs +12 -1
  82. package/dist/esm/theme/tokens/components/link.mjs +9 -1
  83. package/dist/esm/theme/tokens/components/liveness.mjs +7 -1
  84. package/dist/esm/theme/tokens/components/loader.mjs +42 -1
  85. package/dist/esm/theme/tokens/components/menu.mjs +27 -1
  86. package/dist/esm/theme/tokens/components/message.mjs +102 -1
  87. package/dist/esm/theme/tokens/components/pagination.mjs +40 -1
  88. package/dist/esm/theme/tokens/components/passwordField.mjs +38 -1
  89. package/dist/esm/theme/tokens/components/phoneNumberField.mjs +10 -1
  90. package/dist/esm/theme/tokens/components/placeholder.mjs +18 -1
  91. package/dist/esm/theme/tokens/components/radio.mjs +67 -1
  92. package/dist/esm/theme/tokens/components/radioGroup.mjs +19 -1
  93. package/dist/esm/theme/tokens/components/rating.mjs +9 -1
  94. package/dist/esm/theme/tokens/components/searchField.mjs +39 -1
  95. package/dist/esm/theme/tokens/components/select.mjs +63 -1
  96. package/dist/esm/theme/tokens/components/selectField.mjs +16 -1
  97. package/dist/esm/theme/tokens/components/sliderField.mjs +70 -1
  98. package/dist/esm/theme/tokens/components/stepperField.mjs +33 -1
  99. package/dist/esm/theme/tokens/components/storagemanager.mjs +97 -1
  100. package/dist/esm/theme/tokens/components/switchField.mjs +61 -1
  101. package/dist/esm/theme/tokens/components/table.mjs +105 -1
  102. package/dist/esm/theme/tokens/components/tabs.mjs +59 -1
  103. package/dist/esm/theme/tokens/components/text.mjs +28 -1
  104. package/dist/esm/theme/tokens/components/textAreaField.mjs +11 -1
  105. package/dist/esm/theme/tokens/components/textField.mjs +12 -1
  106. package/dist/esm/theme/tokens/components/toggleButton.mjs +96 -1
  107. package/dist/esm/theme/tokens/components/toggleButtonGroup.mjs +7 -1
  108. package/dist/esm/theme/tokens/fontSizes.mjs +14 -1
  109. package/dist/esm/theme/tokens/fontWeights.mjs +13 -1
  110. package/dist/esm/theme/tokens/fonts.mjs +19 -1
  111. package/dist/esm/theme/tokens/index.mjs +65 -1
  112. package/dist/esm/theme/tokens/lineHeights.mjs +7 -1
  113. package/dist/esm/theme/tokens/opacities.mjs +15 -1
  114. package/dist/esm/theme/tokens/outlineOffsets.mjs +7 -1
  115. package/dist/esm/theme/tokens/outlineWidths.mjs +7 -1
  116. package/dist/esm/theme/tokens/radii.mjs +11 -1
  117. package/dist/esm/theme/tokens/shadows.mjs +28 -1
  118. package/dist/esm/theme/tokens/space.mjs +29 -1
  119. package/dist/esm/theme/tokens/time.mjs +7 -1
  120. package/dist/esm/theme/tokens/transforms.mjs +10 -1
  121. package/dist/esm/theme/utils.mjs +81 -1
  122. package/dist/esm/types/authenticator/attributes.mjs +41 -1
  123. package/dist/esm/types/authenticator/user.mjs +18 -1
  124. package/dist/esm/types/authenticator/utils.mjs +5 -1
  125. package/dist/esm/types/primitives/componentClassName.mjs +164 -1
  126. package/dist/esm/utils/classNames.mjs +39 -0
  127. package/dist/esm/utils/setUserAgent/constants.mjs +43 -0
  128. package/dist/esm/utils/setUserAgent/setUserAgent.mjs +65 -0
  129. package/dist/esm/utils/utils.mjs +227 -0
  130. package/dist/esm/validators/index.mjs +19 -1
  131. package/dist/index.js +8396 -1
  132. package/dist/styles/StorageManager.css +138 -0
  133. package/dist/styles/StorageManager.layer.css +140 -0
  134. package/dist/styles/_fieldControl.css +0 -0
  135. package/dist/styles/_fieldControl.layer.css +3 -0
  136. package/dist/styles/accordion.css +64 -0
  137. package/dist/styles/accordion.layer.css +66 -0
  138. package/dist/styles/alert.css +44 -0
  139. package/dist/styles/alert.layer.css +46 -0
  140. package/dist/styles/authenticator.css +72 -0
  141. package/dist/styles/authenticator.layer.css +74 -0
  142. package/dist/styles/autocomplete.css +48 -0
  143. package/dist/styles/autocomplete.layer.css +50 -0
  144. package/dist/styles/badge.css +35 -0
  145. package/dist/styles/badge.layer.css +37 -0
  146. package/dist/styles/base.css +1491 -0
  147. package/dist/styles/base.layer.css +1493 -0
  148. package/dist/styles/breadcrumbs.css +40 -0
  149. package/dist/styles/breadcrumbs.layer.css +42 -0
  150. package/dist/styles/button.css +1122 -0
  151. package/dist/styles/button.layer.css +1124 -0
  152. package/dist/styles/card.css +26 -0
  153. package/dist/styles/card.layer.css +28 -0
  154. package/dist/styles/checkbox.css +95 -0
  155. package/dist/styles/checkbox.layer.css +97 -0
  156. package/dist/styles/checkboxField.css +6 -0
  157. package/dist/styles/checkboxField.layer.css +8 -0
  158. package/dist/styles/collection.css +70 -0
  159. package/dist/styles/collection.layer.css +72 -0
  160. package/dist/styles/copy.css +27 -0
  161. package/dist/styles/copy.layer.css +29 -0
  162. package/dist/styles/dialCodeSelect.css +3 -0
  163. package/dist/styles/dialCodeSelect.layer.css +5 -0
  164. package/dist/styles/divider.css +47 -0
  165. package/dist/styles/divider.layer.css +49 -0
  166. package/dist/styles/dropZone.css +45 -0
  167. package/dist/styles/dropZone.layer.css +47 -0
  168. package/dist/styles/field.css +17 -0
  169. package/dist/styles/field.layer.css +19 -0
  170. package/dist/styles/fieldGroup.css +130 -0
  171. package/dist/styles/fieldGroup.layer.css +132 -0
  172. package/dist/styles/fieldMessages.css +10 -0
  173. package/dist/styles/fieldMessages.layer.css +12 -0
  174. package/dist/styles/fieldModifiers.css +15 -0
  175. package/dist/styles/fieldModifiers.layer.css +17 -0
  176. package/dist/styles/fieldset.css +37 -0
  177. package/dist/styles/fieldset.layer.css +39 -0
  178. package/dist/styles/flex.css +8 -0
  179. package/dist/styles/flex.layer.css +10 -0
  180. package/dist/styles/grid.css +3 -0
  181. package/dist/styles/grid.layer.css +5 -0
  182. package/dist/styles/heading.css +40 -0
  183. package/dist/styles/heading.layer.css +42 -0
  184. package/dist/styles/highlightMatch.css +3 -0
  185. package/dist/styles/highlightMatch.layer.css +5 -0
  186. package/dist/styles/icon.css +14 -0
  187. package/dist/styles/icon.layer.css +16 -0
  188. package/dist/styles/image.css +9 -0
  189. package/dist/styles/image.layer.css +11 -0
  190. package/dist/styles/inAppMessaging.css +179 -0
  191. package/dist/styles/inAppMessaging.layer.css +181 -0
  192. package/dist/styles/input.css +83 -0
  193. package/dist/styles/input.layer.css +85 -0
  194. package/dist/styles/link.css +26 -0
  195. package/dist/styles/link.layer.css +28 -0
  196. package/dist/styles/liveness.css +374 -0
  197. package/dist/styles/liveness.layer.css +376 -0
  198. package/dist/styles/loader.css +108 -0
  199. package/dist/styles/loader.layer.css +110 -0
  200. package/dist/styles/menu.css +54 -0
  201. package/dist/styles/menu.layer.css +56 -0
  202. package/dist/styles/message.css +111 -0
  203. package/dist/styles/message.layer.css +113 -0
  204. package/dist/styles/pagination.css +41 -0
  205. package/dist/styles/pagination.layer.css +43 -0
  206. package/dist/styles/passwordField.css +49 -0
  207. package/dist/styles/passwordField.layer.css +51 -0
  208. package/dist/styles/phoneNumberField.css +30 -0
  209. package/dist/styles/phoneNumberField.layer.css +32 -0
  210. package/dist/styles/placeholder.css +31 -0
  211. package/dist/styles/placeholder.layer.css +33 -0
  212. package/dist/styles/radio.css +82 -0
  213. package/dist/styles/radio.layer.css +84 -0
  214. package/dist/styles/radioGroupField.css +25 -0
  215. package/dist/styles/radioGroupField.layer.css +27 -0
  216. package/dist/styles/radiogroup.css +5 -0
  217. package/dist/styles/radiogroup.layer.css +7 -0
  218. package/dist/styles/rating.css +33 -0
  219. package/dist/styles/rating.layer.css +35 -0
  220. package/dist/styles/reset.css +76 -0
  221. package/dist/styles/reset.layer.css +78 -0
  222. package/dist/styles/scrollView.css +4 -0
  223. package/dist/styles/scrollView.layer.css +6 -0
  224. package/dist/styles/searchField.css +29 -0
  225. package/dist/styles/searchField.layer.css +31 -0
  226. package/dist/styles/select.css +128 -0
  227. package/dist/styles/select.layer.css +130 -0
  228. package/dist/styles/selectField.css +18 -0
  229. package/dist/styles/selectField.layer.css +20 -0
  230. package/dist/styles/sliderField.css +143 -0
  231. package/dist/styles/sliderField.layer.css +145 -0
  232. package/dist/styles/stepperField.css +77 -0
  233. package/dist/styles/stepperField.layer.css +79 -0
  234. package/dist/styles/switchField.css +76 -0
  235. package/dist/styles/switchField.layer.css +78 -0
  236. package/dist/styles/table.css +146 -0
  237. package/dist/styles/table.layer.css +148 -0
  238. package/dist/styles/tabs.css +87 -0
  239. package/dist/styles/tabs.layer.css +89 -0
  240. package/dist/styles/text.css +40 -0
  241. package/dist/styles/text.layer.css +42 -0
  242. package/dist/styles/textArea.css +71 -0
  243. package/dist/styles/textArea.layer.css +73 -0
  244. package/dist/styles/textAreaField.css +12 -0
  245. package/dist/styles/textAreaField.layer.css +14 -0
  246. package/dist/styles/textField.css +14 -0
  247. package/dist/styles/textField.layer.css +16 -0
  248. package/dist/styles/toggleButton.css +280 -0
  249. package/dist/styles/toggleButton.layer.css +282 -0
  250. package/dist/styles/toggleButtonGroup.css +31 -0
  251. package/dist/styles/toggleButtonGroup.layer.css +33 -0
  252. package/dist/styles/visuallyHidden.css +12 -0
  253. package/dist/styles/visuallyHidden.layer.css +14 -0
  254. package/dist/styles.css +423 -869
  255. package/dist/styles.layer.css +6115 -0
  256. package/dist/theme.css +103 -157
  257. package/dist/types/helpers/accountSettings/utils.d.ts +1 -3
  258. package/dist/types/helpers/authenticator/actor.d.ts +1 -1
  259. package/dist/types/helpers/authenticator/constants.d.ts +5 -0
  260. package/dist/types/helpers/authenticator/defaultAuthHubHandler.d.ts +15 -0
  261. package/dist/types/helpers/authenticator/facade.d.ts +35 -6
  262. package/dist/types/helpers/authenticator/formFields/defaults.d.ts +3 -1
  263. package/dist/types/helpers/authenticator/formFields/formFields.d.ts +2 -1
  264. package/dist/types/helpers/authenticator/formFields/index.d.ts +1 -1
  265. package/dist/types/helpers/authenticator/formFields/{util.d.ts → utils.d.ts} +2 -0
  266. package/dist/types/helpers/authenticator/getRoute.d.ts +2 -0
  267. package/dist/types/helpers/authenticator/index.d.ts +2 -1
  268. package/dist/types/helpers/authenticator/textUtil.d.ts +8 -7
  269. package/dist/types/{types/authenticator/stateMachine/authMachine.d.ts → helpers/authenticator/types.d.ts} +5 -5
  270. package/dist/types/helpers/authenticator/utils.d.ts +0 -25
  271. package/dist/types/helpers/index.d.ts +0 -1
  272. package/dist/types/helpers/utils.d.ts +2 -2
  273. package/dist/types/i18n/translations.d.ts +2 -3
  274. package/dist/types/machines/authenticator/actions.d.ts +4 -62
  275. package/dist/types/machines/authenticator/actors/{resetPassword.d.ts → forgotPassword.d.ts} +3 -3
  276. package/dist/types/machines/authenticator/actors/index.d.ts +3 -1
  277. package/dist/types/machines/authenticator/actors/signIn.d.ts +3 -3
  278. package/dist/types/machines/authenticator/actors/signOut.d.ts +2 -2
  279. package/dist/types/machines/authenticator/{signUp.d.ts → actors/signUp.d.ts} +3 -3
  280. package/dist/types/machines/authenticator/actors/verifyUserAttributes.d.ts +5 -0
  281. package/dist/types/machines/authenticator/defaultServices.d.ts +208 -28
  282. package/dist/types/machines/authenticator/getAuthenticatorConfig.d.ts +14 -0
  283. package/dist/types/machines/authenticator/guards.d.ts +4 -0
  284. package/dist/types/machines/authenticator/index.d.ts +4 -2
  285. package/dist/types/machines/authenticator/types.d.ts +125 -0
  286. package/dist/types/machines/authenticator/utils.d.ts +7 -0
  287. package/dist/types/machines/index.d.ts +1 -0
  288. package/dist/types/theme/tokens/borderWidths.d.ts +2 -2
  289. package/dist/types/theme/tokens/colors.d.ts +7 -9
  290. package/dist/types/theme/tokens/components/accordion.d.ts +12 -0
  291. package/dist/types/theme/tokens/components/index.d.ts +2 -4
  292. package/dist/types/theme/tokens/components/radioGroup.d.ts +1 -1
  293. package/dist/types/theme/tokens/components/select.d.ts +6 -2
  294. package/dist/types/theme/tokens/components/storagemanager.d.ts +18 -3
  295. package/dist/types/theme/tokens/components/tabs.d.ts +4 -3
  296. package/dist/types/theme/tokens/fontSizes.d.ts +2 -2
  297. package/dist/types/theme/tokens/fontWeights.d.ts +2 -2
  298. package/dist/types/theme/tokens/fonts.d.ts +2 -2
  299. package/dist/types/theme/tokens/lineHeights.d.ts +2 -2
  300. package/dist/types/theme/tokens/opacities.d.ts +2 -2
  301. package/dist/types/theme/tokens/outlineOffsets.d.ts +2 -2
  302. package/dist/types/theme/tokens/outlineWidths.d.ts +2 -2
  303. package/dist/types/theme/tokens/radii.d.ts +2 -2
  304. package/dist/types/theme/tokens/shadows.d.ts +2 -2
  305. package/dist/types/theme/tokens/space.d.ts +2 -2
  306. package/dist/types/theme/tokens/time.d.ts +2 -2
  307. package/dist/types/theme/tokens/types/designToken.d.ts +12 -6
  308. package/dist/types/theme/types.d.ts +5 -1
  309. package/dist/types/types/authenticator/attributes.d.ts +10 -4
  310. package/dist/types/types/authenticator/form.d.ts +7 -6
  311. package/dist/types/types/authenticator/index.d.ts +0 -1
  312. package/dist/types/types/authenticator/user.d.ts +3 -29
  313. package/dist/types/types/authenticator/validator.d.ts +2 -2
  314. package/dist/types/types/displayText.d.ts +84 -0
  315. package/dist/types/types/index.d.ts +1 -0
  316. package/dist/types/types/primitives/componentClassName.d.ts +162 -180
  317. package/dist/types/types/util.d.ts +0 -5
  318. package/dist/types/utils/classNames.d.ts +4 -0
  319. package/dist/types/utils/index.d.ts +3 -135
  320. package/dist/types/utils/setUserAgent/constants.d.ts +7 -0
  321. package/dist/types/utils/setUserAgent/index.d.ts +1 -0
  322. package/dist/types/utils/setUserAgent/setUserAgent.d.ts +19 -0
  323. package/dist/types/utils/utils.d.ts +147 -0
  324. package/dist/types/validators/index.d.ts +2 -2
  325. package/package.json +5 -19
  326. package/dist/esm/helpers/authenticator/context.mjs +0 -1
  327. package/dist/esm/helpers/authenticator/formFields/util.mjs +0 -1
  328. package/dist/esm/helpers/storage/fileUploader/utils/uploader.mjs +0 -1
  329. package/dist/esm/machines/authenticator/actors/resetPassword.mjs +0 -1
  330. package/dist/esm/machines/authenticator/signUp.mjs +0 -1
  331. package/dist/esm/theme/tokens/components/expander.mjs +0 -1
  332. package/dist/esm/theme/tokens/components/fileUploader.mjs +0 -1
  333. package/dist/esm/utils/index.mjs +0 -1
  334. package/dist/types/helpers/authenticator/context.d.ts +0 -13
  335. package/dist/types/helpers/storage/fileUploader/index.d.ts +0 -1
  336. package/dist/types/helpers/storage/fileUploader/utils/index.d.ts +0 -1
  337. package/dist/types/helpers/storage/fileUploader/utils/uploader.d.ts +0 -28
  338. package/dist/types/helpers/storage/index.d.ts +0 -1
  339. package/dist/types/theme/tokens/components/expander.d.ts +0 -22
  340. package/dist/types/theme/tokens/components/fileUploader.d.ts +0 -23
  341. package/dist/types/types/authenticator/stateMachine/context.d.ts +0 -109
  342. package/dist/types/types/authenticator/stateMachine/event.d.ts +0 -17
  343. package/dist/types/types/authenticator/stateMachine/index.d.ts +0 -4
  344. package/dist/types/types/authenticator/stateMachine/state.d.ts +0 -10
package/dist/styles.css CHANGED
@@ -2,6 +2,29 @@
2
2
  * Amplify UI Basic Theme
3
3
  */
4
4
  :root, [data-amplify-theme] {
5
+ --amplify-components-accordion-background-color: var(--amplify-colors-background-primary);
6
+ --amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);
7
+ --amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);
8
+ --amplify-components-accordion-item-border-style: solid;
9
+ --amplify-components-accordion-item-border-radius: var(--amplify-radii-small);
10
+ --amplify-components-accordion-item-trigger-align-items: center;
11
+ --amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);
12
+ --amplify-components-accordion-item-trigger-color: inherit;
13
+ --amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);
14
+ --amplify-components-accordion-item-trigger-justify-content: space-between;
15
+ --amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);
16
+ --amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);
17
+ --amplify-components-accordion-item-trigger-hover-color: inherit;
18
+ --amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);
19
+ --amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);
20
+ --amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
21
+ --amplify-components-accordion-item-content-color: inherit;
22
+ --amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);
23
+ --amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);
24
+ --amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);
25
+ --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
26
+ --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
27
+ --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
5
28
  --amplify-components-alert-align-items: center;
6
29
  --amplify-components-alert-justify-content: space-between;
7
30
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
@@ -52,7 +75,7 @@
52
75
  --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
53
76
  --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
54
77
  --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
55
- --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
78
+ --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);
56
79
  --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
57
80
  --amplify-components-autocomplete-menu-empty-display: flex;
58
81
  --amplify-components-autocomplete-menu-loading-align-items: center;
@@ -120,15 +143,15 @@
120
143
  --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
121
144
  --amplify-components-button-color: var(--amplify-colors-font-primary);
122
145
  --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
123
- --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
124
- --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
146
+ --amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);
147
+ --amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);
125
148
  --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
126
- --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
149
+ --amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);
127
150
  --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
128
151
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
129
152
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
130
- --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
131
- --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
153
+ --amplify-components-button-active-background-color: var(--amplify-colors-primary-20);
154
+ --amplify-components-button-active-border-color: var(--amplify-colors-primary-100);
132
155
  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
133
156
  --amplify-components-button-loading-background-color: transparent;
134
157
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
@@ -203,7 +226,7 @@
203
226
  --amplify-components-button-primary-border-color: transparent;
204
227
  --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
205
228
  --amplify-components-button-primary-border-style: solid;
206
- --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
229
+ --amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);
207
230
  --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
208
231
  --amplify-components-button-primary-disabled-border-color: transparent;
209
232
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
@@ -212,14 +235,14 @@
212
235
  --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
213
236
  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
214
237
  --amplify-components-button-primary-hover-border-color: transparent;
215
- --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
238
+ --amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);
216
239
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
217
240
  --amplify-components-button-primary-focus-border-color: transparent;
218
- --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
241
+ --amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);
219
242
  --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
220
243
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
221
244
  --amplify-components-button-primary-active-border-color: transparent;
222
- --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
245
+ --amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);
223
246
  --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
224
247
  --amplify-components-button-primary-info-border-color: transparent;
225
248
  --amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);
@@ -290,25 +313,25 @@
290
313
  --amplify-components-button-menu-background-color: transparent;
291
314
  --amplify-components-button-menu-justify-content: start;
292
315
  --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
293
- --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
316
+ --amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);
294
317
  --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
295
- --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
318
+ --amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);
296
319
  --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
297
- --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
320
+ --amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);
298
321
  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
299
322
  --amplify-components-button-link-background-color: transparent;
300
323
  --amplify-components-button-link-border-color: transparent;
301
324
  --amplify-components-button-link-border-width: var(--amplify-border-widths-small);
302
325
  --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
303
326
  --amplify-components-button-link-hover-border-color: transparent;
304
- --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
327
+ --amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);
305
328
  --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
306
329
  --amplify-components-button-link-focus-border-color: transparent;
307
- --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
330
+ --amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);
308
331
  --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
309
332
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
310
333
  --amplify-components-button-link-active-border-color: transparent;
311
- --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
334
+ --amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);
312
335
  --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
313
336
  --amplify-components-button-link-disabled-border-color: transparent;
314
337
  --amplify-components-button-link-disabled-background-color: transparent;
@@ -476,7 +499,7 @@
476
499
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
477
500
  --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
478
501
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
479
- --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
502
+ --amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);
480
503
  --amplify-components-checkbox-icon-border-radius: 20%;
481
504
  --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
482
505
  --amplify-components-checkbox-icon-transform: scale(0);
@@ -541,7 +564,7 @@
541
564
  --amplify-components-dropzone-padding-block: var(--amplify-space-xl);
542
565
  --amplify-components-dropzone-padding-inline: var(--amplify-space-large);
543
566
  --amplify-components-dropzone-text-align: center;
544
- --amplify-components-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
567
+ --amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);
545
568
  --amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);
546
569
  --amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);
547
570
  --amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);
@@ -565,40 +588,6 @@
565
588
  --amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);
566
589
  --amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);
567
590
  --amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);
568
- --amplify-components-expander-display: block;
569
- --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
570
- --amplify-components-expander-border-radius: var(--amplify-radii-medium);
571
- --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
572
- --amplify-components-expander-width: 100%;
573
- --amplify-components-expander-item-margin-top: 1px;
574
- --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
575
- --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
576
- --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
577
- --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
578
- --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
579
- --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
580
- --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
581
- --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
582
- --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
583
- --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
584
- --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
585
- --amplify-components-expander-trigger-min-height: 3rem;
586
- --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
587
- --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
588
- --amplify-components-expander-trigger-align-items: center;
589
- --amplify-components-expander-trigger-justify-content: space-between;
590
- --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
591
- --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
592
- --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
593
- --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
594
- --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
595
- --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
596
- --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
597
- --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
598
- --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
599
- --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
600
- --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
601
- --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
602
591
  --amplify-components-field-gap: var(--amplify-space-xs);
603
592
  --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
604
593
  --amplify-components-field-flex-direction: column;
@@ -677,70 +666,6 @@
677
666
  --amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
678
667
  --amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
679
668
  --amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
680
- --amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
681
- --amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
682
- --amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
683
- --amplify-components-fileuploader-dropzone-border-style: dashed;
684
- --amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
685
- --amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
686
- --amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
687
- --amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
688
- --amplify-components-fileuploader-dropzone-text-align: center;
689
- --amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
690
- --amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
691
- --amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
692
- --amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
693
- --amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
694
- --amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
695
- --amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
696
- --amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
697
- --amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
698
- --amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
699
- --amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
700
- --amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
701
- --amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
702
- --amplify-components-fileuploader-file-border-style: solid;
703
- --amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
704
- --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
705
- --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
706
- --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
707
- --amplify-components-fileuploader-file-align-items: baseline;
708
- --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
709
- --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
710
- --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
711
- --amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
712
- --amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
713
- --amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
714
- --amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
715
- --amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
716
- --amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
717
- --amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
718
- --amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
719
- --amplify-components-fileuploader-loader-stroke-linecap: round;
720
- --amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
721
- --amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
722
- --amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
723
- --amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
724
- --amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
725
- --amplify-components-fileuploader-previewer-border-style: solid;
726
- --amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
727
- --amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
728
- --amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
729
- --amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
730
- --amplify-components-fileuploader-previewer-max-height: 40rem;
731
- --amplify-components-fileuploader-previewer-max-width: auto;
732
- --amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
733
- --amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
734
- --amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
735
- --amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
736
- --amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
737
- --amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
738
- --amplify-components-fileuploader-previewer-footer-border-color: var(--amplify-colors-border-secondary);
739
- --amplify-components-fileuploader-previewer-footer-border-style: solid;
740
- --amplify-components-fileuploader-previewer-footer-border-width: var(--amplify-border-widths-small);
741
- --amplify-components-fileuploader-previewer-footer-padding-block: var(--amplify-space-medium);
742
- --amplify-components-fileuploader-previewer-footer-padding-inline: var(--amplify-space-medium);
743
- --amplify-components-fileuploader-previewer-footer-justify-content: space-between;
744
669
  --amplify-components-flex-gap: var(--amplify-space-medium);
745
670
  --amplify-components-flex-justify-content: normal;
746
671
  --amplify-components-flex-align-items: stretch;
@@ -792,7 +717,7 @@
792
717
  --amplify-components-loader-height: var(--amplify-font-sizes-medium);
793
718
  --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
794
719
  --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
795
- --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
720
+ --amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);
796
721
  --amplify-components-loader-stroke-linecap: round;
797
722
  --amplify-components-loader-animation-duration: 1s;
798
723
  --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
@@ -805,7 +730,7 @@
805
730
  --amplify-components-loader-linear-min-width: 5rem;
806
731
  --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);
807
732
  --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);
808
- --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
733
+ --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);
809
734
  --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
810
735
  --amplify-components-loader-linear-stroke-linecap: round;
811
736
  --amplify-components-loader-linear-animation-duration: 1s;
@@ -964,7 +889,7 @@
964
889
  --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
965
890
  --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
966
891
  --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
967
- --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
892
+ --amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);
968
893
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
969
894
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
970
895
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
@@ -979,11 +904,12 @@
979
904
  --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
980
905
  --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
981
906
  --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
982
- --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
907
+ --amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);
908
+ --amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);
983
909
  --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
984
910
  --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
985
911
  --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
986
- --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
912
+ --amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);
987
913
  --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
988
914
  --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
989
915
  --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
@@ -1000,7 +926,11 @@
1000
926
  --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
1001
927
  --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
1002
928
  --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
929
+ --amplify-components-select-color: var(--amplify-components-fieldcontrol-color);
930
+ --amplify-components-select-background-color: var(--amplify-colors-background-primary);
1003
931
  --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
932
+ --amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);
933
+ --amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);
1004
934
  --amplify-components-select-wrapper-flex: 1;
1005
935
  --amplify-components-select-wrapper-display: block;
1006
936
  --amplify-components-select-wrapper-position: relative;
@@ -1013,15 +943,20 @@
1013
943
  --amplify-components-select-icon-wrapper-pointer-events: none;
1014
944
  --amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);
1015
945
  --amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);
1016
- --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
946
+ --amplify-components-select-option-background-color: transparent;
1017
947
  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
1018
948
  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
949
+ --amplify-components-select-option-disabled-background-color: transparent;
1019
950
  --amplify-components-select-white-space: nowrap;
1020
951
  --amplify-components-select-min-width: 6.5rem;
1021
952
  --amplify-components-select-small-min-width: 5.5rem;
1022
953
  --amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);
1023
954
  --amplify-components-select-large-min-width: 7.5rem;
1024
955
  --amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);
956
+ --amplify-components-select-expanded-padding-block: var(--amplify-space-xs);
957
+ --amplify-components-select-expanded-padding-inline: var(--amplify-space-small);
958
+ --amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);
959
+ --amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);
1025
960
  --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
1026
961
  --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
1027
962
  --amplify-components-selectfield-flex-direction: column;
@@ -1033,7 +968,7 @@
1033
968
  --amplify-components-sliderfield-track-border-radius: 9999px;
1034
969
  --amplify-components-sliderfield-track-height: 0.375rem;
1035
970
  --amplify-components-sliderfield-track-min-width: 10rem;
1036
- --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
971
+ --amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);
1037
972
  --amplify-components-sliderfield-range-border-radius: 9999px;
1038
973
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
1039
974
  --amplify-components-sliderfield-thumb-width: 1.25rem;
@@ -1081,10 +1016,10 @@
1081
1016
  --amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);
1082
1017
  --amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);
1083
1018
  --amplify-components-storagemanager-dropzone-text-align: center;
1084
- --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-brand-primary-10);
1085
- --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
1019
+ --amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);
1020
+ --amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);
1086
1021
  --amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);
1087
- --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
1022
+ --amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);
1088
1023
  --amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);
1089
1024
  --amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);
1090
1025
  --amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
@@ -1111,6 +1046,8 @@
1111
1046
  --amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);
1112
1047
  --amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);
1113
1048
  --amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);
1049
+ --amplify-components-storagemanager-filelist-flex-direction: column;
1050
+ --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
1114
1051
  --amplify-components-storagemanager-loader-stroke-linecap: round;
1115
1052
  --amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);
1116
1053
  --amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
@@ -1131,8 +1068,6 @@
1131
1068
  --amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);
1132
1069
  --amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);
1133
1070
  --amplify-components-storagemanager-previewer-footer-justify-content: flex-end;
1134
- --amplify-components-storagemanager-filelist-flex-direction: column;
1135
- --amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);
1136
1071
  --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
1137
1072
  --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
1138
1073
  --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
@@ -1149,7 +1084,7 @@
1149
1084
  --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
1150
1085
  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
1151
1086
  --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
1152
- --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
1087
+ --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);
1153
1088
  --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
1154
1089
  --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
1155
1090
  --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
@@ -1218,14 +1153,25 @@
1218
1153
  --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
1219
1154
  --amplify-components-tabs-item-text-align: center;
1220
1155
  --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
1156
+ --amplify-components-tabs-item-hover-background-color: transparent;
1157
+ --amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);
1158
+ --amplify-components-tabs-item-hover-box-shadow: none;
1221
1159
  --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
1160
+ --amplify-components-tabs-item-focus-background-color: transparent;
1161
+ --amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);
1162
+ --amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);
1222
1163
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
1223
- --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
1224
- --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
1225
1164
  --amplify-components-tabs-item-active-background-color: transparent;
1226
- --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
1165
+ --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
1166
+ --amplify-components-tabs-item-active-box-shadow: none;
1167
+ --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
1227
1168
  --amplify-components-tabs-item-disabled-background-color: transparent;
1228
1169
  --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
1170
+ --amplify-components-tabs-item-disabled-box-shadow: none;
1171
+ --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
1172
+ --amplify-components-tabs-panel-background-color: transparent;
1173
+ --amplify-components-tabs-panel-padding-inline: 0;
1174
+ --amplify-components-tabs-panel-padding-block: var(--amplify-space-small);
1229
1175
  --amplify-components-text-color: var(--amplify-colors-font-primary);
1230
1176
  --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
1231
1177
  --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
@@ -1265,15 +1211,15 @@
1265
1211
  --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
1266
1212
  --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
1267
1213
  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
1268
- --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
1269
- --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
1214
+ --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);
1215
+ --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);
1270
1216
  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
1271
1217
  --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
1272
1218
  --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
1273
1219
  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
1274
- --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
1275
- --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
1276
- --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
1220
+ --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);
1221
+ --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);
1222
+ --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);
1277
1223
  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
1278
1224
  --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
1279
1225
  --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
@@ -1358,29 +1304,29 @@
1358
1304
  --amplify-colors-neutral-80: hsl(210, 10%, 40%);
1359
1305
  --amplify-colors-neutral-90: hsl(210, 25%, 25%);
1360
1306
  --amplify-colors-neutral-100: hsl(210, 50%, 10%);
1361
- --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
1362
- --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
1363
- --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
1364
- --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
1365
- --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
1366
- --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
1367
- --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
1368
- --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
1369
- --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
1370
- --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
1371
- --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
1372
- --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
1373
- --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
1374
- --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
1307
+ --amplify-colors-primary-10: var(--amplify-colors-teal-10);
1308
+ --amplify-colors-primary-20: var(--amplify-colors-teal-20);
1309
+ --amplify-colors-primary-40: var(--amplify-colors-teal-40);
1310
+ --amplify-colors-primary-60: var(--amplify-colors-teal-60);
1311
+ --amplify-colors-primary-80: var(--amplify-colors-teal-80);
1312
+ --amplify-colors-primary-90: var(--amplify-colors-teal-90);
1313
+ --amplify-colors-primary-100: var(--amplify-colors-teal-100);
1314
+ --amplify-colors-secondary-10: var(--amplify-colors-purple-10);
1315
+ --amplify-colors-secondary-20: var(--amplify-colors-purple-20);
1316
+ --amplify-colors-secondary-40: var(--amplify-colors-purple-40);
1317
+ --amplify-colors-secondary-60: var(--amplify-colors-purple-60);
1318
+ --amplify-colors-secondary-80: var(--amplify-colors-purple-80);
1319
+ --amplify-colors-secondary-90: var(--amplify-colors-purple-90);
1320
+ --amplify-colors-secondary-100: var(--amplify-colors-purple-100);
1375
1321
  --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
1376
1322
  --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
1377
1323
  --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
1378
1324
  --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
1379
1325
  --amplify-colors-font-inverse: var(--amplify-colors-white);
1380
- --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
1381
- --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
1382
- --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
1383
- --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
1326
+ --amplify-colors-font-interactive: var(--amplify-colors-primary-80);
1327
+ --amplify-colors-font-hover: var(--amplify-colors-primary-90);
1328
+ --amplify-colors-font-focus: var(--amplify-colors-primary-100);
1329
+ --amplify-colors-font-active: var(--amplify-colors-primary-100);
1384
1330
  --amplify-colors-font-info: var(--amplify-colors-blue-90);
1385
1331
  --amplify-colors-font-warning: var(--amplify-colors-orange-90);
1386
1332
  --amplify-colors-font-error: var(--amplify-colors-red-90);
@@ -1398,8 +1344,8 @@
1398
1344
  --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
1399
1345
  --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
1400
1346
  --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
1401
- --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
1402
- --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
1347
+ --amplify-colors-border-pressed: var(--amplify-colors-primary-100);
1348
+ --amplify-colors-border-focus: var(--amplify-colors-primary-100);
1403
1349
  --amplify-colors-border-error: var(--amplify-colors-red-80);
1404
1350
  --amplify-colors-border-info: var(--amplify-colors-blue-80);
1405
1351
  --amplify-colors-border-success: var(--amplify-colors-green-80);
@@ -1670,14 +1616,10 @@ strong.amplify-text {
1670
1616
  font-weight: var(--amplify-components-button-font-weight);
1671
1617
  justify-content: center;
1672
1618
  line-height: var(--amplify-components-button-line-height);
1673
- -webkit-padding-before: var(--amplify-components-button-padding-block-start);
1674
- padding-block-start: var(--amplify-components-button-padding-block-start);
1675
- -webkit-padding-after: var(--amplify-components-button-padding-block-end);
1676
- padding-block-end: var(--amplify-components-button-padding-block-end);
1677
- -webkit-padding-start: var(--amplify-components-button-padding-inline-start);
1678
- padding-inline-start: var(--amplify-components-button-padding-inline-start);
1679
- -webkit-padding-end: var(--amplify-components-button-padding-inline-end);
1680
- padding-inline-end: var(--amplify-components-button-padding-inline-end);
1619
+ padding-block-start: var(--amplify-components-button-padding-block-start);
1620
+ padding-block-end: var(--amplify-components-button-padding-block-end);
1621
+ padding-inline-start: var(--amplify-components-button-padding-inline-start);
1622
+ padding-inline-end: var(--amplify-components-button-padding-inline-end);
1681
1623
  transition: all var(--amplify-components-button-transition-duration);
1682
1624
  -webkit-user-select: none;
1683
1625
  -moz-user-select: none;
@@ -2686,25 +2628,17 @@ strong.amplify-text {
2686
2628
  }
2687
2629
  .amplify-button--small {
2688
2630
  font-size: var(--amplify-components-button-small-font-size);
2689
- -webkit-padding-before: var(--amplify-components-button-small-padding-block-start);
2690
- padding-block-start: var(--amplify-components-button-small-padding-block-start);
2691
- -webkit-padding-after: var(--amplify-components-button-small-padding-block-end);
2692
- padding-block-end: var(--amplify-components-button-small-padding-block-end);
2693
- -webkit-padding-start: var(--amplify-components-button-small-padding-inline-start);
2694
- padding-inline-start: var(--amplify-components-button-small-padding-inline-start);
2695
- -webkit-padding-end: var(--amplify-components-button-small-padding-inline-end);
2696
- padding-inline-end: var(--amplify-components-button-small-padding-inline-end);
2631
+ padding-block-start: var(--amplify-components-button-small-padding-block-start);
2632
+ padding-block-end: var(--amplify-components-button-small-padding-block-end);
2633
+ padding-inline-start: var(--amplify-components-button-small-padding-inline-start);
2634
+ padding-inline-end: var(--amplify-components-button-small-padding-inline-end);
2697
2635
  }
2698
2636
  .amplify-button--large {
2699
2637
  font-size: var(--amplify-components-button-large-font-size);
2700
- -webkit-padding-before: var(--amplify-components-button-large-padding-block-start);
2701
- padding-block-start: var(--amplify-components-button-large-padding-block-start);
2702
- -webkit-padding-after: var(--amplify-components-button-large-padding-block-end);
2703
- padding-block-end: var(--amplify-components-button-large-padding-block-end);
2704
- -webkit-padding-start: var(--amplify-components-button-large-padding-inline-start);
2705
- padding-inline-start: var(--amplify-components-button-large-padding-inline-start);
2706
- -webkit-padding-end: var(--amplify-components-button-large-padding-inline-end);
2707
- padding-inline-end: var(--amplify-components-button-large-padding-inline-end);
2638
+ padding-block-start: var(--amplify-components-button-large-padding-block-start);
2639
+ padding-block-end: var(--amplify-components-button-large-padding-block-end);
2640
+ padding-inline-start: var(--amplify-components-button-large-padding-inline-start);
2641
+ padding-inline-end: var(--amplify-components-button-large-padding-inline-end);
2708
2642
  }
2709
2643
  .amplify-button--disabled {
2710
2644
  background-color: var(--amplify-internal-button-disabled-background-color);
@@ -2895,14 +2829,10 @@ strong.amplify-text {
2895
2829
  color: var(--amplify-components-fieldcontrol-color);
2896
2830
  font-size: var(--amplify-components-fieldcontrol-font-size);
2897
2831
  line-height: var(--amplify-components-fieldcontrol-line-height);
2898
- -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
2899
- padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
2900
- -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
2901
- padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
2902
- -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2903
- padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2904
- -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
2905
- padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
2832
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
2833
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
2834
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2835
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
2906
2836
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
2907
2837
  width: 100%;
2908
2838
  border-color: var(--amplify-components-fieldcontrol-border-color);
@@ -2936,25 +2866,17 @@ strong.amplify-text {
2936
2866
  }
2937
2867
  .amplify-input--small {
2938
2868
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
2939
- -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
2940
- padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
2941
- -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
2942
- padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
2943
- -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
2944
- padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
2945
- -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
2946
- padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
2869
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
2870
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
2871
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
2872
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
2947
2873
  }
2948
2874
  .amplify-input--large {
2949
2875
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
2950
- -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
2951
- padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
2952
- -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
2953
- padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
2954
- -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
2955
- padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
2956
- -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
2957
- padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
2876
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
2877
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
2878
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
2879
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
2958
2880
  }
2959
2881
  .amplify-input--error {
2960
2882
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
@@ -2963,19 +2885,10 @@ strong.amplify-text {
2963
2885
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
2964
2886
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
2965
2887
  }
2966
- .amplify-input[disabled] {
2967
- color: var(--amplify-components-fieldcontrol-disabled-color);
2968
- cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
2969
- border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
2970
- background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
2971
- }
2972
2888
  .amplify-input--quiet {
2973
- -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
2974
- border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
2975
- -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
2976
- border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
2977
- -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
2978
- border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
2889
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
2890
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
2891
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
2979
2892
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
2980
2893
  }
2981
2894
  .amplify-input--quiet:focus {
@@ -2988,20 +2901,22 @@ strong.amplify-text {
2988
2901
  .amplify-input--quiet[aria-invalid=true]:focus {
2989
2902
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
2990
2903
  }
2904
+ .amplify-input[disabled] {
2905
+ color: var(--amplify-components-fieldcontrol-disabled-color);
2906
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
2907
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
2908
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
2909
+ }
2991
2910
 
2992
2911
  .amplify-textarea {
2993
2912
  box-sizing: border-box;
2994
2913
  color: var(--amplify-components-fieldcontrol-color);
2995
2914
  font-size: var(--amplify-components-fieldcontrol-font-size);
2996
2915
  line-height: var(--amplify-components-fieldcontrol-line-height);
2997
- -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
2998
- padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
2999
- -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
3000
- padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
3001
- -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3002
- padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3003
- -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
3004
- padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
2916
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
2917
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
2918
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
2919
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
3005
2920
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
3006
2921
  width: 100%;
3007
2922
  border-color: var(--amplify-components-fieldcontrol-border-color);
@@ -3023,25 +2938,17 @@ strong.amplify-text {
3023
2938
  }
3024
2939
  .amplify-textarea--small {
3025
2940
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
3026
- -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
3027
- padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
3028
- -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
3029
- padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
3030
- -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
3031
- padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
3032
- -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
3033
- padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
2941
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
2942
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
2943
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
2944
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
3034
2945
  }
3035
2946
  .amplify-textarea--large {
3036
2947
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
3037
- -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
3038
- padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
3039
- -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
3040
- padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
3041
- -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
3042
- padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
3043
- -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
3044
- padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
2948
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
2949
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
2950
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
2951
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
3045
2952
  }
3046
2953
  .amplify-textarea--error {
3047
2954
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
@@ -3050,19 +2957,10 @@ strong.amplify-text {
3050
2957
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
3051
2958
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
3052
2959
  }
3053
- .amplify-textarea[disabled] {
3054
- color: var(--amplify-components-fieldcontrol-disabled-color);
3055
- cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
3056
- border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
3057
- background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
3058
- }
3059
2960
  .amplify-textarea--quiet {
3060
- -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
3061
- border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
3062
- -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
3063
- border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
3064
- -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
3065
- border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
2961
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
2962
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
2963
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
3066
2964
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
3067
2965
  }
3068
2966
  .amplify-textarea--quiet:focus {
@@ -3075,6 +2973,12 @@ strong.amplify-text {
3075
2973
  .amplify-textarea--quiet[aria-invalid=true]:focus {
3076
2974
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
3077
2975
  }
2976
+ .amplify-textarea[disabled] {
2977
+ color: var(--amplify-components-fieldcontrol-disabled-color);
2978
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
2979
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
2980
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
2981
+ }
3078
2982
 
3079
2983
  .amplify-image {
3080
2984
  height: var(--amplify-components-image-height);
@@ -3195,7 +3099,7 @@ strong.amplify-text {
3195
3099
  stroke-dashoffset: 0%;
3196
3100
  stroke-dasharray: none;
3197
3101
  }
3198
- .amplify-loader__percentage-text {
3102
+ .amplify-loader__label {
3199
3103
  fill: var(--amplify-components-loader-text-fill);
3200
3104
  stroke: none;
3201
3105
  }
@@ -3280,6 +3184,71 @@ strong.amplify-text {
3280
3184
  color: var(--amplify-components-copy-tool-tip-color);
3281
3185
  }
3282
3186
 
3187
+ .amplify-accordion {
3188
+ display: block;
3189
+ background-color: var(--amplify-components-accordion-background-color);
3190
+ border-radius: var(--amplify-components-accordion-item-border-radius);
3191
+ }
3192
+
3193
+ .amplify-accordion__item {
3194
+ display: block;
3195
+ position: relative;
3196
+ border-width: var(--amplify-components-accordion-item-border-width);
3197
+ border-style: var(--amplify-components-accordion-item-border-style);
3198
+ border-color: var(--amplify-components-accordion-item-border-color);
3199
+ }
3200
+ .amplify-accordion__item + .amplify-accordion__item {
3201
+ margin-block-start: calc(-1 * var(--amplify-components-accordion-item-border-width));
3202
+ }
3203
+ .amplify-accordion__item:where(:first-of-type) {
3204
+ border-start-end-radius: var(--amplify-components-accordion-item-border-radius);
3205
+ border-start-start-radius: var(--amplify-components-accordion-item-border-radius);
3206
+ }
3207
+ .amplify-accordion__item:where(:last-of-type) {
3208
+ border-end-end-radius: var(--amplify-components-accordion-item-border-radius);
3209
+ border-end-start-radius: var(--amplify-components-accordion-item-border-radius);
3210
+ }
3211
+ .amplify-accordion__item__trigger {
3212
+ cursor: pointer;
3213
+ display: flex;
3214
+ position: relative;
3215
+ color: var(--amplify-components-accordion-item-trigger-color);
3216
+ border-radius: var(--amplify-components-accordion-item-border-radius);
3217
+ padding-inline: var(--amplify-components-accordion-item-trigger-padding-inline);
3218
+ padding-block: var(--amplify-components-accordion-item-trigger-padding-block);
3219
+ gap: var(--amplify-components-accordion-item-trigger-gap);
3220
+ align-items: var(--amplify-components-accordion-item-trigger-align-items);
3221
+ justify-content: var(--amplify-components-accordion-item-trigger-justify-content);
3222
+ }
3223
+ .amplify-accordion__item__trigger:hover {
3224
+ background-color: var(--amplify-components-accordion-item-trigger-hover-background-color);
3225
+ color: var(--amplify-components-accordion-item-trigger-hover-color);
3226
+ }
3227
+ .amplify-accordion__item__trigger:focus {
3228
+ box-shadow: var(--amplify-components-accordion-item-trigger-focus-box-shadow);
3229
+ border-color: var(--amplify-components-accordion-item-trigger-focus-border-color);
3230
+ z-index: 2;
3231
+ }
3232
+ .amplify-accordion__item__trigger::-webkit-details-marker {
3233
+ display: none;
3234
+ }
3235
+ .amplify-accordion__item__content {
3236
+ display: block;
3237
+ color: var(--amplify-components-accordion-item-content-color);
3238
+ padding-block-end: var(--amplify-components-accordion-item-content-padding-block-end);
3239
+ padding-block-start: var(--amplify-components-accordion-item-content-padding-block-start);
3240
+ padding-inline: var(--amplify-components-accordion-item-content-padding-inline);
3241
+ }
3242
+ .amplify-accordion__item__icon {
3243
+ color: var(--amplify-components-accordion-item-icon-color);
3244
+ transition-property: transform;
3245
+ transition-duration: var(--amplify-components-accordion-item-icon-transition-duration);
3246
+ transition-timing-function: var(--amplify-components-accordion-item-icon-transition-timing-function);
3247
+ }
3248
+ [open] .amplify-accordion__item__icon {
3249
+ transform: rotate(180deg);
3250
+ }
3251
+
3283
3252
  .amplify-alert {
3284
3253
  align-items: var(--amplify-components-alert-align-items);
3285
3254
  background-color: var(--amplify-components-alert-background-color);
@@ -3339,8 +3308,7 @@ strong.amplify-text {
3339
3308
  position: absolute;
3340
3309
  z-index: 999999;
3341
3310
  width: var(--amplify-components-autocomplete-menu-width);
3342
- -webkit-margin-before: var(--amplify-components-autocomplete-menu-margin-block-start);
3343
- margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
3311
+ margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
3344
3312
  background-color: var(--amplify-components-autocomplete-menu-background-color);
3345
3313
  border-color: var(--amplify-components-autocomplete-menu-border-color);
3346
3314
  border-width: var(--amplify-components-autocomplete-menu-border-width);
@@ -3438,6 +3406,16 @@ strong.amplify-text {
3438
3406
  align-self: center;
3439
3407
  }
3440
3408
 
3409
+ .amplify-authenticator__federated-buttons {
3410
+ flex-direction: column;
3411
+ padding-block-end: var(--amplify-space-medium);
3412
+ }
3413
+
3414
+ .amplify-authenticator__federated-button {
3415
+ font-weight: normal;
3416
+ gap: var(--amplify-space-medium);
3417
+ }
3418
+
3441
3419
  .amplify-breadcrumbs__list {
3442
3420
  display: flex;
3443
3421
  flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
@@ -3509,7 +3487,7 @@ strong.amplify-text {
3509
3487
  .amplify-collection {
3510
3488
  flex-direction: column;
3511
3489
  }
3512
- .amplify-collection-pagination {
3490
+ .amplify-collection__pagination {
3513
3491
  justify-content: center;
3514
3492
  --amplify-components-pagination-current-color: var(
3515
3493
  --amplify-components-collection-pagination-current-color
@@ -3530,7 +3508,7 @@ strong.amplify-text {
3530
3508
  --amplify-components-collection-pagination-button-disabled-color
3531
3509
  );
3532
3510
  }
3533
- .amplify-collection-search {
3511
+ .amplify-collection__search {
3534
3512
  flex-direction: row;
3535
3513
  justify-content: center;
3536
3514
  --amplify-components-searchfield-input-color: var(
@@ -3586,6 +3564,7 @@ strong.amplify-text {
3586
3564
  }
3587
3565
  .amplify-checkbox--disabled {
3588
3566
  cursor: var(--amplify-components-checkbox-disabled-cursor);
3567
+ color: var(--amplify-components-checkbox-label-disabled-color);
3589
3568
  }
3590
3569
 
3591
3570
  .amplify-checkbox__button {
@@ -3668,8 +3647,8 @@ strong.amplify-text {
3668
3647
  background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
3669
3648
  }
3670
3649
 
3671
- .amplify-checkbox__label[data-disabled=true] {
3672
- color: var(--amplify-components-checkbox-label-disabled-color);
3650
+ .amplify-checkbox__label {
3651
+ color: inherit;
3673
3652
  }
3674
3653
 
3675
3654
  .amplify-checkboxfield {
@@ -3684,17 +3663,27 @@ strong.amplify-text {
3684
3663
  }
3685
3664
 
3686
3665
  .amplify-divider {
3666
+ --amplify-internal-divider-size: var(
3667
+ --amplify-components-divider-border-width
3668
+ );
3687
3669
  border-color: var(--amplify-components-divider-border-color);
3688
3670
  border-style: var(--amplify-components-divider-border-style);
3689
3671
  border-width: 0;
3690
3672
  opacity: var(--amplify-components-divider-opacity);
3691
3673
  padding: 0;
3692
- display: block;
3693
- --amplify-internal-divider-size: var(
3694
- --amplify-components-divider-border-width
3695
- );
3674
+ display: flex;
3696
3675
  position: relative;
3697
3676
  text-align: center;
3677
+ justify-content: center;
3678
+ }
3679
+ .amplify-divider::after {
3680
+ content: attr(data-label);
3681
+ position: absolute;
3682
+ transform: translateY(-50%);
3683
+ font-size: var(--amplify-components-divider-label-font-size);
3684
+ padding-inline: var(--amplify-components-divider-label-padding-inline);
3685
+ background-color: var(--amplify-components-divider-label-background-color);
3686
+ color: var(--amplify-components-divider-label-color);
3698
3687
  }
3699
3688
  .amplify-divider--small {
3700
3689
  --amplify-internal-divider-size: var(
@@ -3712,140 +3701,15 @@ strong.amplify-text {
3712
3701
  }
3713
3702
  .amplify-divider--vertical {
3714
3703
  border-left-width: var(--amplify-internal-divider-size);
3715
- }
3716
- .amplify-divider--label {
3717
- display: flex;
3718
- justify-content: center;
3719
- }
3720
- .amplify-divider--label::after {
3721
- content: attr(data-label);
3722
- position: absolute;
3723
- transform: translateY(-50%);
3724
- font-size: var(--amplify-components-divider-label-font-size);
3725
- padding-inline: var(--amplify-components-divider-label-padding-inline);
3726
- background-color: var(--amplify-components-divider-label-background-color);
3727
- color: var(--amplify-components-divider-label-color);
3728
- }
3729
- .amplify-divider--label[aria-orientation=vertical] {
3730
3704
  flex-direction: column;
3731
3705
  }
3732
- .amplify-divider--label[aria-orientation=vertical]::after {
3706
+ .amplify-divider--vertical::after {
3733
3707
  top: auto;
3734
3708
  transform: translateX(-50%);
3735
3709
  padding-block: 0;
3736
3710
  padding-inline: 0;
3737
3711
  }
3738
3712
 
3739
- .amplify-expander {
3740
- display: block;
3741
- background-color: var(--amplify-components-expander-background-color);
3742
- border-radius: var(--amplify-components-expander-border-radius);
3743
- box-shadow: var(--amplify-components-expander-box-shadow);
3744
- width: var(--amplify-components-expander-width);
3745
- }
3746
-
3747
- .amplify-expander__item {
3748
- display: block;
3749
- overflow: hidden;
3750
- box-shadow: var(--amplify-components-expander-item-box-shadow);
3751
- }
3752
- .amplify-expander__item:first-of-type {
3753
- border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
3754
- border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius);
3755
- }
3756
- @supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) {
3757
- .amplify-expander__item:first-of-type {
3758
- border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
3759
- border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius);
3760
- }
3761
- }
3762
- .amplify-expander__item:last-of-type {
3763
- box-shadow: none;
3764
- border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
3765
- border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius);
3766
- }
3767
- @supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) {
3768
- .amplify-expander__item:last-of-type {
3769
- border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
3770
- border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius);
3771
- }
3772
- }
3773
- .amplify-expander__item:focus-within {
3774
- box-shadow: var(--amplify-components-expander-item-focus-box-shadow);
3775
- }
3776
-
3777
- .amplify-expander__header {
3778
- display: flex;
3779
- box-shadow: var(--amplify-components-expander-header-box-shadow);
3780
- }
3781
-
3782
- .amplify-expander__trigger {
3783
- flex: 1;
3784
- display: flex;
3785
- min-height: var(--amplify-components-expander-trigger-min-height);
3786
- -webkit-padding-start: var(--amplify-components-expander-trigger-padding-inline-start);
3787
- padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
3788
- -webkit-padding-end: var(--amplify-components-expander-trigger-padding-inline-end);
3789
- padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
3790
- align-items: var(--amplify-components-expander-trigger-align-items);
3791
- justify-content: var(--amplify-components-expander-trigger-justify-content);
3792
- }
3793
- .amplify-expander__trigger:hover {
3794
- background-color: var(--amplify-components-expander-trigger-hover-background-color);
3795
- }
3796
-
3797
- .amplify-expander__content {
3798
- display: block;
3799
- -webkit-padding-start: var(--amplify-components-expander-content-padding-inline-start);
3800
- padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
3801
- -webkit-padding-end: var(--amplify-components-expander-content-padding-inline-end);
3802
- padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
3803
- }
3804
- .amplify-expander__content[data-state=open] {
3805
- animation-name: amplify-expander-slide-down;
3806
- animation-duration: var(--amplify-components-expander-content-open-animation-duration);
3807
- animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
3808
- }
3809
- .amplify-expander__content[data-state=closed] {
3810
- animation-name: amplify-expander-slide-up;
3811
- animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
3812
- animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
3813
- }
3814
-
3815
- .amplify-expander__content__text {
3816
- display: block;
3817
- color: var(--amplify-components-expander-content-text-color);
3818
- -webkit-padding-before: var(--amplify-components-expander-content-text-padding-block-start);
3819
- padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
3820
- -webkit-padding-after: var(--amplify-components-expander-content-text-padding-block-end);
3821
- padding-block-end: var(--amplify-components-expander-content-text-padding-block-end);
3822
- }
3823
-
3824
- .amplify-expander__icon {
3825
- transition-property: transform;
3826
- transition-duration: var(--amplify-components-expander-icon-transition-duration);
3827
- transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function);
3828
- }
3829
- [data-state=open] .amplify-expander__icon {
3830
- transform: rotate(180deg);
3831
- }
3832
-
3833
- @keyframes amplify-expander-slide-down {
3834
- from {
3835
- height: 0;
3836
- }
3837
- to {
3838
- height: auto;
3839
- }
3840
- }
3841
- @keyframes amplify-expander-slide-up {
3842
- from {
3843
- height: auto;
3844
- }
3845
- to {
3846
- height: 0;
3847
- }
3848
- }
3849
3713
  .amplify-field {
3850
3714
  font-size: var(--amplify-components-field-font-size);
3851
3715
  gap: var(--amplify-components-field-gap);
@@ -3976,13 +3840,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
3976
3840
  }
3977
3841
 
3978
3842
  .amplify-field-group--has-inner-end .amplify-input {
3979
- -webkit-padding-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
3980
- padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
3843
+ padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
3981
3844
  }
3982
3845
 
3983
3846
  .amplify-field-group--has-inner-start .amplify-input {
3984
- -webkit-padding-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
3985
- padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
3847
+ padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
3986
3848
  }
3987
3849
 
3988
3850
  /**
@@ -3990,10 +3852,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
3990
3852
  */
3991
3853
  .amplify-field-group__icon:not(.amplify-field-group__icon-button) {
3992
3854
  display: flex;
3993
- -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3994
- padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3995
- -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-start);
3996
- padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
3855
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
3856
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
3997
3857
  flex-direction: column;
3998
3858
  justify-content: center;
3999
3859
  height: 100%;
@@ -4174,7 +4034,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4174
4034
  }
4175
4035
 
4176
4036
  .amplify-liveness-toast--primary {
4177
- background-color: var(--amplify-colors-brand-primary-80);
4037
+ background-color: var(--amplify-colors-primary-80);
4178
4038
  }
4179
4039
  .amplify-liveness-toast--primary .amplify-liveness-toast__message {
4180
4040
  color: var(--amplify-colors-font-inverse);
@@ -4234,7 +4094,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4234
4094
  content: "";
4235
4095
  width: 100%;
4236
4096
  height: 100%;
4237
- background: var(--amplify-colors-brand-primary-40);
4097
+ background: var(--amplify-colors-primary-40);
4238
4098
  left: -100%;
4239
4099
  transform: translate(var(--percentage), 0);
4240
4100
  transition: var(--amplify-liveness-match-indicator-transition);
@@ -4247,7 +4107,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
4247
4107
  width: var(--amplify-space-small);
4248
4108
  height: var(--height);
4249
4109
  border-radius: var(--amplify-radii-medium);
4250
- background: var(--amplify-colors-brand-primary-80);
4110
+ background: var(--amplify-colors-primary-80);
4251
4111
  left: 0;
4252
4112
  top: 0;
4253
4113
  transform: translate(-50%, calc(var(--height) / 2 * -1));
@@ -4412,164 +4272,17 @@ html[dir=rtl] .amplify-field-group__inner-start {
4412
4272
  border-radius: 2px;
4413
4273
  }
4414
4274
 
4415
- .amplify-fileuploader__dropzone {
4416
- background-color: var(--amplify-components-fileuploader-dropzone-background-color);
4417
- border-color: var(--amplify-components-fileuploader-dropzone-border-color);
4418
- border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
4419
- border-style: var(--amplify-components-fileuploader-dropzone-border-style);
4420
- border-width: var(--amplify-components-fileuploader-dropzone-border-width);
4421
- text-align: var(--amplify-components-fileuploader-dropzone-text-align);
4422
- padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
4423
- padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
4424
- display: flex;
4425
- flex-direction: column;
4426
- align-items: center;
4427
- gap: var(--amplify-components-fileuploader-dropzone-gap);
4428
- }
4429
- .amplify-fileuploader__dropzone--small {
4430
- flex-direction: row;
4431
- justify-content: center;
4432
- }
4433
- .amplify-fileuploader__dropzone--active {
4434
- border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
4435
- border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
4436
- background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
4437
- }
4438
- .amplify-fileuploader__dropzone__icon {
4439
- font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
4440
- color: var(--amplify-components-fileuploader-dropzone-icon-color);
4441
- }
4442
- .amplify-fileuploader__dropzone__text {
4443
- color: var(--amplify-components-fileuploader-dropzone-text-color);
4444
- font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
4445
- font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
4446
- }
4447
- .amplify-fileuploader__file {
4448
- position: relative;
4449
- border-width: var(--amplify-components-fileuploader-file-border-width);
4450
- border-style: var(--amplify-components-fileuploader-file-border-style);
4451
- border-color: var(--amplify-components-fileuploader-file-border-color);
4452
- border-radius: var(--amplify-components-fileuploader-file-border-radius);
4453
- display: flex;
4454
- flex-direction: column;
4455
- padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
4456
- padding-block: var(--amplify-components-fileuploader-file-padding-block);
4457
- align-items: var(--amplify-components-fileuploader-file-align-items);
4458
- }
4459
- .amplify-fileuploader__file__wrapper {
4460
- width: 100%;
4461
- display: flex;
4462
- flex-direction: row;
4463
- align-items: center;
4464
- gap: var(--amplify-components-fileuploader-file-gap);
4465
- }
4466
- .amplify-fileuploader__file__name {
4467
- text-overflow: ellipsis;
4468
- overflow: hidden;
4469
- font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
4470
- font-size: var(--amplify-components-fileuploader-file-name-font-size);
4471
- color: var(--amplify-components-fileuploader-file-name-color);
4472
- }
4473
- .amplify-fileuploader__file__size {
4474
- font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
4475
- font-size: var(--amplify-components-fileuploader-file-size-font-size);
4476
- color: var(--amplify-components-fileuploader-file-size-color);
4477
- }
4478
- .amplify-fileuploader__file__main {
4479
- flex: 1;
4480
- white-space: nowrap;
4481
- overflow: hidden;
4482
- }
4483
- .amplify-fileuploader__file__image {
4484
- position: relative;
4485
- display: flex;
4486
- align-items: center;
4487
- justify-content: center;
4488
- width: var(--amplify-components-fileuploader-file-image-width);
4489
- height: var(--amplify-components-fileuploader-file-image-height);
4490
- background-color: var(--amplify-components-fileuploader-file-image-background-color);
4491
- border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
4492
- color: var(--amplify-components-fileuploader-file-image-color);
4493
- }
4494
- .amplify-fileuploader__file__image img {
4495
- max-height: 100%;
4496
- }
4497
- .amplify-fileuploader__file__status--error {
4498
- color: var(--amplify-colors-font-error);
4499
- font-size: var(--amplify-components-fileuploader-file-size-font-size);
4500
- }
4501
- .amplify-fileuploader__file__status--success {
4502
- color: var(--amplify-colors-font-success);
4503
- }
4504
- .amplify-fileuploader__loader {
4505
- stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
4506
- stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
4507
- stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
4508
- height: var(--amplify-components-fileuploader-loader-stroke-width);
4509
- --amplify-components-loader-linear-stroke-filled: var(
4510
- --amplify-components-fileuploader-loader-stroke-filled
4511
- );
4512
- overflow: hidden;
4513
- position: absolute;
4514
- bottom: 0;
4515
- left: 0;
4516
- width: 100%;
4517
- }
4518
- .amplify-fileuploader__previewer {
4519
- display: block;
4520
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
4521
- background-color: var(--amplify-components-fileuploader-previewer-background-color);
4522
- border-width: var(--amplify-components-fileuploader-previewer-border-width);
4523
- border-style: var(--amplify-components-fileuploader-previewer-border-style);
4524
- border-color: var(--amplify-components-fileuploader-previewer-border-color);
4525
- border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
4526
- padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
4527
- padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
4528
- }
4529
- .amplify-fileuploader__previewer__text {
4530
- font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
4531
- font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
4532
- color: var(--amplify-components-fileuploader-previewer-text-color);
4533
- }
4534
- .amplify-fileuploader__previewer__body {
4535
- display: flex;
4536
- flex-direction: column;
4537
- max-height: var(--amplify-components-fileuploader-previewer-max-height);
4538
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
4539
- overflow: auto;
4540
- gap: var(--amplify-components-fileuploader-previewer-body-gap);
4541
- padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
4542
- padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
4543
- }
4544
- .amplify-fileuploader__previewer__footer {
4545
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
4546
- border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
4547
- border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
4548
- border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
4549
- padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
4550
- padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
4551
- position: relative;
4552
- display: flex;
4553
- flex-direction: row;
4554
- justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
4555
- }
4556
- .amplify-fileuploader__previewer__footer__actions {
4557
- display: flex;
4558
- flex-direction: row;
4559
- gap: var(--amplify-space-small);
4560
- }
4561
-
4562
- .amplify-menu-content-wrapper {
4275
+ .amplify-menu__wrapper {
4563
4276
  z-index: 999999;
4564
4277
  }
4565
4278
 
4566
- .amplify-menu-trigger {
4279
+ .amplify-menu__trigger {
4567
4280
  display: flex;
4568
4281
  justify-content: center;
4569
4282
  align-items: center;
4570
4283
  }
4571
4284
 
4572
- .amplify-menu-content {
4285
+ .amplify-menu__content {
4573
4286
  background-color: var(--amplify-components-menu-background-color);
4574
4287
  border-radius: var(--amplify-components-menu-border-radius);
4575
4288
  box-shadow: var(--amplify-components-menu-box-shadow);
@@ -4582,35 +4295,33 @@ html[dir=rtl] .amplify-field-group__inner-start {
4582
4295
  border-style: var(--amplify-components-menu-border-style);
4583
4296
  }
4584
4297
 
4585
- .amplify-menu-content__item {
4298
+ .amplify-menu__content__item {
4586
4299
  min-height: var(--amplify-components-menu-item-min-height);
4587
- -webkit-padding-start: var(--amplify-components-menu-item-padding-inline-start);
4588
- padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
4589
- -webkit-padding-end: var(--amplify-components-menu-item-padding-inline-end);
4590
- padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
4300
+ padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
4301
+ padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
4591
4302
  }
4592
4303
 
4593
- .amplify-menu-content__item:not(:first-child):not(:last-child) {
4304
+ .amplify-menu__content__item:not(:first-child):not(:last-child) {
4594
4305
  border-radius: 0;
4595
4306
  }
4596
4307
 
4597
- .amplify-menu-content__item:first-child {
4308
+ .amplify-menu__content__item:first-child {
4598
4309
  border-end-end-radius: 0;
4599
4310
  border-end-start-radius: 0;
4600
4311
  }
4601
4312
  @supports not (border-end-end-radius: 0) {
4602
- .amplify-menu-content__item:first-child {
4313
+ .amplify-menu__content__item:first-child {
4603
4314
  border-bottom-right-radius: 0;
4604
4315
  border-bottom-left-radius: 0;
4605
4316
  }
4606
4317
  }
4607
4318
 
4608
- .amplify-menu-content__item:last-child {
4319
+ .amplify-menu__content__item:last-child {
4609
4320
  border-start-end-radius: 0;
4610
4321
  border-start-start-radius: 0;
4611
4322
  }
4612
4323
  @supports not (border-end-end-radius: 0) {
4613
- .amplify-menu-content__item:last-child {
4324
+ .amplify-menu__content__item:last-child {
4614
4325
  border-top-right-radius: 0;
4615
4326
  border-top-left-radius: 0;
4616
4327
  }
@@ -4724,60 +4435,50 @@ html[dir=rtl] .amplify-field-group__inner-start {
4724
4435
  }
4725
4436
 
4726
4437
  .amplify-message__dismiss {
4727
- -webkit-margin-start: auto;
4728
- margin-inline-start: auto;
4438
+ margin-inline-start: auto;
4729
4439
  gap: var(--amplify-components-message-dismiss-gap);
4730
4440
  }
4731
4441
 
4732
- .amplify-pagination__item-current, .amplify-pagination__item-button {
4733
- height: var(--amplify-components-pagination-item-shared-height);
4734
- min-width: var(--amplify-components-pagination-item-shared-min-width);
4735
- border-radius: var(--amplify-components-pagination-item-shared-border-radius);
4736
- }
4737
-
4738
4442
  .amplify-pagination {
4739
4443
  list-style-type: none;
4740
4444
  }
4741
- .amplify-pagination li {
4742
- margin-left: var(--amplify-components-pagination-item-container-margin-left);
4743
- margin-right: var(--amplify-components-pagination-item-container-margin-right);
4744
- }
4745
- .amplify-pagination__item-button {
4445
+ .amplify-pagination__item {
4446
+ height: var(--amplify-components-pagination-item-shared-height);
4447
+ min-width: var(--amplify-components-pagination-item-shared-min-width);
4448
+ border-radius: var(--amplify-components-pagination-item-shared-border-radius);
4746
4449
  display: flex;
4747
4450
  align-items: center;
4748
4451
  justify-content: center;
4749
4452
  font-weight: initial;
4750
4453
  color: var(--amplify-components-pagination-button-color);
4751
- -webkit-padding-start: var(--amplify-components-pagination-button-padding-inline-start);
4752
- padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
4753
- -webkit-padding-end: var(--amplify-components-pagination-button-padding-inline-end);
4754
- padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
4454
+ margin-inline-start: var(--amplify-components-pagination-item-container-margin-left);
4455
+ margin-inline-end: var(--amplify-components-pagination-item-container-margin-right);
4456
+ padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
4457
+ padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
4755
4458
  transition-property: var(--amplify-components-pagination-button-transition-property);
4756
4459
  transition-duration: var(--amplify-components-pagination-button-transition-duration);
4757
4460
  }
4758
- .amplify-pagination__item-button:hover {
4461
+ .amplify-pagination__item:hover {
4759
4462
  text-decoration: none;
4760
4463
  color: var(--amplify-components-pagination-button-hover-color);
4761
4464
  background-color: var(--amplify-components-pagination-button-hover-background-color);
4762
4465
  }
4763
- .amplify-pagination__item-button--disabled {
4466
+ .amplify-pagination__item--disabled {
4764
4467
  color: var(--amplify-components-pagination-button-disabled-color);
4765
4468
  pointer-events: none;
4766
4469
  }
4767
- .amplify-pagination__item-current {
4470
+ .amplify-pagination__item--current {
4768
4471
  align-items: var(--amplify-components-pagination-current-align-items);
4769
4472
  justify-content: var(--amplify-components-pagination-current-justify-content);
4770
4473
  color: var(--amplify-components-pagination-current-color);
4771
4474
  font-size: var(--amplify-components-pagination-current-font-size);
4772
4475
  background-color: var(--amplify-components-pagination-current-background-color);
4773
4476
  }
4774
- .amplify-pagination__item-ellipsis {
4477
+ .amplify-pagination__item--ellipsis {
4775
4478
  align-items: var(--amplify-components-pagination-ellipsis-align-items);
4776
4479
  justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
4777
- -webkit-padding-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
4778
- padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
4779
- -webkit-padding-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
4780
- padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
4480
+ padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
4481
+ padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
4781
4482
  }
4782
4483
 
4783
4484
  .amplify-passwordfield {
@@ -4868,11 +4569,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
4868
4569
  font-size: var(--amplify-components-rating-default-size);
4869
4570
  line-height: var(--amplify-components-rating-default-size);
4870
4571
  }
4871
- .amplify-rating .amplify-icon {
4872
- font-size: unset;
4873
- line-height: unset;
4874
- height: 1em;
4875
- }
4876
4572
  .amplify-rating--small {
4877
4573
  font-size: var(--amplify-components-rating-small-size);
4878
4574
  line-height: var(--amplify-components-rating-small-size);
@@ -4881,39 +4577,22 @@ html[dir=rtl] .amplify-field-group__inner-start {
4881
4577
  font-size: var(--amplify-components-rating-large-size);
4882
4578
  line-height: var(--amplify-components-rating-large-size);
4883
4579
  }
4884
-
4885
- .amplify-rating-filled {
4886
- fill: currentColor;
4887
- display: inline-block;
4888
- flex-shrink: 0;
4889
- width: 1em;
4890
- height: 1em;
4891
- }
4892
-
4893
- .amplify-rating-icon-container {
4580
+ .amplify-rating__item {
4894
4581
  position: relative;
4895
4582
  height: 1em;
4896
4583
  width: 1em;
4897
4584
  }
4898
-
4899
- .amplify-rating-label {
4900
- position: absolute;
4901
- overflow: hidden;
4902
- height: 1em;
4903
- width: 1em;
4904
- }
4905
-
4906
- .amplify-rating-icon {
4585
+ .amplify-rating__icon {
4907
4586
  width: 1em;
4908
4587
  height: 1em;
4909
4588
  display: block;
4589
+ position: absolute;
4590
+ overflow: hidden;
4910
4591
  }
4911
-
4912
- .amplify-rating-icon-filled {
4592
+ .amplify-rating__icon--filled {
4913
4593
  color: var(--amplify-components-rating-filled-color);
4914
4594
  }
4915
-
4916
- .amplify-rating-icon-empty {
4595
+ .amplify-rating__icon--empty {
4917
4596
  color: var(--amplify-components-rating-empty-color);
4918
4597
  }
4919
4598
 
@@ -4923,7 +4602,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
4923
4602
  gap: inherit;
4924
4603
  flex-direction: row-reverse;
4925
4604
  position: relative;
4926
- --amplify-components-text-color: var(--amplify-components-radio-label-color);
4927
4605
  }
4928
4606
  .amplify-radio--disabled {
4929
4607
  cursor: var(--amplify-components-radio-disabled-cursor);
@@ -4994,7 +4672,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
4994
4672
  background-color: var(--amplify-components-radio-button-disabled-background-color);
4995
4673
  }
4996
4674
 
4997
- .amplify-radio__label[data-disabled=true] {
4675
+ .amplify-radio__label {
4676
+ color: var(--amplify-components-radio-label-color);
4677
+ }
4678
+ .amplify-radio__label--disabled {
4998
4679
  color: var(--amplify-components-radio-label-disabled-color);
4999
4680
  }
5000
4681
 
@@ -5007,8 +4688,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
5007
4688
  .amplify-radiogroupfield {
5008
4689
  flex-direction: column;
5009
4690
  align-items: flex-start;
5010
- --amplify-components-field-label-color: var(
5011
- --amplify-components-radiogroup-label-color
4691
+ --amplify-components-fieldset-legend-color: var(
4692
+ --amplify-components-radiogroup-legend-color
4693
+ );
4694
+ --amplify-components-fieldset-legend-font-weight: var(
4695
+ --amplify-components-radiogroup-legend-font-weight
5012
4696
  );
5013
4697
  --amplify-components-radio-button-border-width: var(
5014
4698
  --amplify-components-radiogroup-radio-border-width
@@ -5065,7 +4749,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
5065
4749
  align-self: stretch;
5066
4750
  }
5067
4751
 
5068
- .amplify-select__icon-wrapper {
4752
+ .amplify-select__icon {
5069
4753
  color: var(--amplify-components-fieldcontrol-color);
5070
4754
  align-items: var(--amplify-components-select-icon-wrapper-align-items);
5071
4755
  position: var(--amplify-components-select-icon-wrapper-position);
@@ -5074,10 +4758,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
5074
4758
  transform: var(--amplify-components-select-icon-wrapper-transform);
5075
4759
  pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
5076
4760
  }
5077
- .amplify-select__icon-wrapper--small {
4761
+ .amplify-select__icon--small {
5078
4762
  right: var(--amplify-components-select-icon-wrapper-small-right);
5079
4763
  }
5080
- .amplify-select__icon-wrapper--large {
4764
+ .amplify-select__icon--large {
5081
4765
  right: var(--amplify-components-select-icon-wrapper-large-right);
5082
4766
  }
5083
4767
 
@@ -5086,14 +4770,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
5086
4770
  color: var(--amplify-components-fieldcontrol-color);
5087
4771
  font-size: var(--amplify-components-fieldcontrol-font-size);
5088
4772
  line-height: var(--amplify-components-fieldcontrol-line-height);
5089
- -webkit-padding-before: var(--amplify-components-fieldcontrol-padding-block-start);
5090
- padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
5091
- -webkit-padding-after: var(--amplify-components-fieldcontrol-padding-block-end);
5092
- padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
5093
- -webkit-padding-start: var(--amplify-components-fieldcontrol-padding-inline-start);
5094
- padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
5095
- -webkit-padding-end: var(--amplify-components-fieldcontrol-padding-inline-end);
5096
- padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
4773
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
4774
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
4775
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
4776
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
5097
4777
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
5098
4778
  width: 100%;
5099
4779
  border-color: var(--amplify-components-fieldcontrol-border-color);
@@ -5104,9 +4784,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
5104
4784
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
5105
4785
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
5106
4786
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
4787
+ background-color: var(--amplify-components-select-background-color);
4788
+ color: var(--amplify-components-select-color);
5107
4789
  min-width: var(--amplify-components-select-min-width);
5108
- -webkit-padding-end: var(--amplify-components-select-padding-inline-end);
5109
- padding-inline-end: var(--amplify-components-select-padding-inline-end);
4790
+ padding-inline-end: var(--amplify-components-select-padding-inline-end);
5110
4791
  white-space: var(--amplify-components-select-white-space);
5111
4792
  }
5112
4793
  .amplify-select:focus {
@@ -5115,25 +4796,17 @@ html[dir=rtl] .amplify-field-group__inner-start {
5115
4796
  }
5116
4797
  .amplify-select--small {
5117
4798
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
5118
- -webkit-padding-before: var(--amplify-components-fieldcontrol-small-padding-block-start);
5119
- padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
5120
- -webkit-padding-after: var(--amplify-components-fieldcontrol-small-padding-block-end);
5121
- padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
5122
- -webkit-padding-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
5123
- padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
5124
- -webkit-padding-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
5125
- padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
4799
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
4800
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
4801
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
4802
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
5126
4803
  }
5127
4804
  .amplify-select--large {
5128
4805
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
5129
- -webkit-padding-before: var(--amplify-components-fieldcontrol-large-padding-block-start);
5130
- padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
5131
- -webkit-padding-after: var(--amplify-components-fieldcontrol-large-padding-block-end);
5132
- padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
5133
- -webkit-padding-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
5134
- padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
5135
- -webkit-padding-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
5136
- padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
4806
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
4807
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
4808
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
4809
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
5137
4810
  }
5138
4811
  .amplify-select--error {
5139
4812
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
@@ -5142,19 +4815,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
5142
4815
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
5143
4816
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
5144
4817
  }
5145
- .amplify-select[disabled] {
5146
- color: var(--amplify-components-fieldcontrol-disabled-color);
5147
- cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
5148
- border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
5149
- background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
5150
- }
5151
4818
  .amplify-select--quiet {
5152
- -webkit-border-before: var(--amplify-components-fieldcontrol-quiet-border-block-start);
5153
- border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
5154
- -webkit-border-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
5155
- border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
5156
- -webkit-border-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
5157
- border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
4819
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
4820
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
4821
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
5158
4822
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
5159
4823
  }
5160
4824
  .amplify-select--quiet:focus {
@@ -5167,27 +4831,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
5167
4831
  .amplify-select--quiet[aria-invalid=true]:focus {
5168
4832
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
5169
4833
  }
4834
+ .amplify-select[disabled] {
4835
+ color: var(--amplify-components-fieldcontrol-disabled-color);
4836
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
4837
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
4838
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
4839
+ }
5170
4840
  .amplify-select option {
5171
- color: initial;
4841
+ background-color: var(--amplify-components-select-option-background-color);
4842
+ color: var(--amplify-components-select-option-color);
5172
4843
  }
5173
4844
  .amplify-select option[disabled=""] {
4845
+ background-color: var(--amplify-components-select-option-disabled-background-color);
5174
4846
  color: var(--amplify-components-select-option-disabled-color);
4847
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
5175
4848
  }
5176
- @-moz-document url-prefix() {
5177
- .amplify-select option {
5178
- background-color: var(--amplify-components-select-option-background-color);
5179
- color: var(--amplify-components-select-option-color);
5180
- }
4849
+ .amplify-select[disabled] {
4850
+ background-color: var(--amplify-components-select-disabled-background-color);
4851
+ color: var(--amplify-components-select-disabled-color);
4852
+ }
4853
+ .amplify-select[disabled] option {
4854
+ color: inherit;
4855
+ background-color: inherit;
5181
4856
  }
5182
4857
  .amplify-select--small {
5183
4858
  min-width: var(--amplify-components-select-small-min-width);
5184
- -webkit-padding-end: var(--amplify-components-select-small-padding-inline-end);
5185
- padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
4859
+ padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
5186
4860
  }
5187
4861
  .amplify-select--large {
5188
4862
  min-width: var(--amplify-components-select-large-min-width);
5189
- -webkit-padding-end: var(--amplify-components-select-large-padding-inline-end);
5190
- padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
4863
+ padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
4864
+ }
4865
+ .amplify-select--expanded {
4866
+ overflow: auto;
4867
+ padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline);
4868
+ }
4869
+ .amplify-select--expanded option {
4870
+ padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline);
5191
4871
  }
5192
4872
 
5193
4873
  .amplify-selectfield {
@@ -5235,7 +4915,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
5235
4915
  --amplify-components-sliderfield-thumb-height
5236
4916
  );
5237
4917
  }
5238
- .amplify-sliderfield__root[data-disabled] {
4918
+ .amplify-sliderfield__root--disabled {
5239
4919
  cursor: not-allowed;
5240
4920
  }
5241
4921
  .amplify-sliderfield__root--horizontal {
@@ -5310,7 +4990,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
5310
4990
  border-radius: var(--amplify-components-sliderfield-range-border-radius);
5311
4991
  background-color: var(--amplify-components-sliderfield-range-background-color);
5312
4992
  }
5313
- .amplify-sliderfield__range[data-disabled] {
4993
+ .amplify-sliderfield__range--disabled {
5314
4994
  background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
5315
4995
  }
5316
4996
  .amplify-sliderfield__range--horizontal {
@@ -5339,7 +5019,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
5339
5019
  border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
5340
5020
  box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
5341
5021
  }
5342
- .amplify-sliderfield__thumb[data-disabled] {
5022
+ .amplify-sliderfield__thumb--disabled {
5343
5023
  background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
5344
5024
  border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
5345
5025
  box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
@@ -5411,13 +5091,11 @@ html[dir=rtl] .amplify-field-group__inner-start {
5411
5091
  }
5412
5092
 
5413
5093
  .amplify-stepperfield__button--decrease[data-invalid=true] {
5414
- -webkit-border-end: none;
5415
- border-inline-end: none;
5094
+ border-inline-end: none;
5416
5095
  }
5417
5096
 
5418
5097
  .amplify-stepperfield__button--increase[data-invalid=true] {
5419
- -webkit-border-start: none;
5420
- border-inline-start: none;
5098
+ border-inline-start: none;
5421
5099
  }
5422
5100
 
5423
5101
  .amplify-stepperfield__input {
@@ -5429,10 +5107,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
5429
5107
  margin: 0;
5430
5108
  }
5431
5109
  .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) {
5432
- -webkit-border-start: none;
5433
- border-inline-start: none;
5434
- -webkit-border-end: none;
5435
- border-inline-end: none;
5110
+ border-inline-start: none;
5111
+ border-inline-end: none;
5436
5112
  }
5437
5113
 
5438
5114
  .amplify-switchfield {
@@ -5464,7 +5140,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
5464
5140
  flex-direction: column-reverse;
5465
5141
  }
5466
5142
 
5467
- .amplify-switch-track {
5143
+ .amplify-switch__track {
5468
5144
  display: inline-flex;
5469
5145
  justify-content: flex-start;
5470
5146
  box-sizing: content-box;
@@ -5475,21 +5151,21 @@ html[dir=rtl] .amplify-field-group__inner-start {
5475
5151
  transition-duration: var(--amplify-components-switchfield-track-transition-duration);
5476
5152
  background-color: var(--amplify-components-switchfield-track-background-color);
5477
5153
  }
5478
- .amplify-switch-track--checked {
5154
+ .amplify-switch__track--checked {
5479
5155
  background-color: var(--amplify-components-switchfield-track-checked-background-color);
5480
5156
  }
5481
- .amplify-switch-track--disabled {
5157
+ .amplify-switch__track--disabled {
5482
5158
  opacity: var(--amplify-components-switchfield-disabled-opacity);
5483
5159
  cursor: not-allowed;
5484
5160
  }
5485
- .amplify-switch-track--focused {
5161
+ .amplify-switch__track--focused {
5486
5162
  box-shadow: var(--amplify-components-switchfield-focused-shadow);
5487
5163
  }
5488
- .amplify-switch-track--error {
5164
+ .amplify-switch__track--error {
5489
5165
  background-color: var(--amplify-components-switchfield-track-error-background-color);
5490
5166
  }
5491
5167
 
5492
- .amplify-switch-thumb {
5168
+ .amplify-switch__thumb {
5493
5169
  background-color: var(--amplify-components-switchfield-thumb-background-color);
5494
5170
  transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
5495
5171
  border-radius: var(--amplify-components-switchfield-thumb-border-radius);
@@ -5500,14 +5176,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
5500
5176
  border-color: var(--amplify-components-switchfield-thumb-border-color);
5501
5177
  overflow-wrap: break-word;
5502
5178
  }
5503
- .amplify-switch-thumb--checked {
5179
+ .amplify-switch__thumb--checked {
5504
5180
  transform: var(--amplify-components-switchfield-thumb-checked-transform);
5505
5181
  }
5506
- .amplify-switch-thumb--disabled {
5182
+ .amplify-switch__thumb--disabled {
5507
5183
  cursor: not-allowed;
5508
5184
  }
5509
5185
 
5510
- .amplify-switch-label {
5186
+ .amplify-switch__label {
5511
5187
  padding: var(--amplify-components-switchfield-label-padding);
5512
5188
  cursor: pointer;
5513
5189
  }
@@ -5659,19 +5335,48 @@ html[dir=rtl] .amplify-field-group__inner-start {
5659
5335
  background-color: var(--amplify-components-table-row-hover-background-color);
5660
5336
  }
5661
5337
 
5662
- .amplify-tabs {
5338
+ .amplify-tabs__list {
5339
+ --internal-item-margin-start: 0;
5340
+ --internal-item-margin-end: calc(
5341
+ -1 * var(--amplify-components-tabs-item-border-width)
5342
+ );
5343
+ --internal-item-border-width: 0 0
5344
+ var(--amplify-components-tabs-border-width) 0;
5345
+ --internal-item-flex: initial;
5346
+ display: flex;
5347
+ flex-direction: row;
5663
5348
  background-color: var(--amplify-components-tabs-background-color);
5664
5349
  box-shadow: var(--amplify-components-tabs-box-shadow);
5665
- border-width: 0 0 var(--amplify-components-tabs-border-width) 0;
5350
+ border-width: var(--internal-item-border-width);
5666
5351
  border-style: var(--amplify-components-tabs-border-style);
5667
5352
  border-color: var(--amplify-components-tabs-border-color);
5668
5353
  gap: var(--amplify-components-tabs-gap);
5669
5354
  }
5670
- .amplify-tabs[data-indicator-position=top] {
5671
- border-width: var(--amplify-components-tabs-border-width) 0 0 0;
5355
+ .amplify-tabs__list--top {
5356
+ --internal-item-border-width: var(--amplify-components-tabs-border-width)
5357
+ 0 0 0;
5358
+ --internal-item-margin-start: calc(
5359
+ -1 * var(--amplify-components-tabs-item-border-width)
5360
+ );
5361
+ --internal-item-margin-end: 0;
5672
5362
  }
5673
-
5674
- .amplify-tabs-item {
5363
+ .amplify-tabs__list--equal {
5364
+ --internal-item-flex: 1 1 0;
5365
+ }
5366
+ .amplify-tabs__list--relative {
5367
+ --internal-item-flex: 1 1 auto;
5368
+ }
5369
+ .amplify-tabs__panel {
5370
+ display: none;
5371
+ background-color: var(--amplify-components-tabs-panel-background-color);
5372
+ padding-inline: var(--amplify-components-tabs-panel-padding-inline);
5373
+ padding-block: var(--amplify-components-tabs-panel-padding-block);
5374
+ }
5375
+ .amplify-tabs__panel--active {
5376
+ display: block;
5377
+ }
5378
+ .amplify-tabs__item {
5379
+ position: relative;
5675
5380
  background-color: var(--amplify-components-tabs-item-background-color);
5676
5381
  box-sizing: border-box;
5677
5382
  color: var(--amplify-components-tabs-item-color);
@@ -5680,46 +5385,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
5680
5385
  padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
5681
5386
  text-align: var(--amplify-components-tabs-item-text-align);
5682
5387
  transition: all var(--amplify-components-tabs-item-transition-duration);
5683
- border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0;
5388
+ border-width: var(--internal-item-border-width);
5684
5389
  border-style: var(--amplify-components-tabs-item-border-style);
5685
5390
  border-color: var(--amplify-components-tabs-item-border-color);
5686
- margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width));
5687
- }
5688
- [data-indicator-position=top] > .amplify-tabs-item {
5689
- border-width: var(--amplify-components-tabs-border-width) 0 0 0;
5690
- margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
5691
- margin-bottom: 0;
5391
+ flex: var(--internal-item-flex);
5392
+ margin-block-start: var(--internal-item-margin-start);
5393
+ margin-block-end: var(--internal-item-margin-end);
5692
5394
  }
5693
- .amplify-tabs-item[data-state=active] {
5395
+ .amplify-tabs__item--active {
5694
5396
  color: var(--amplify-components-tabs-item-active-color);
5695
5397
  border-color: var(--amplify-components-tabs-item-active-border-color);
5696
5398
  background-color: var(--amplify-components-tabs-item-active-background-color);
5697
5399
  transition-property: none;
5698
5400
  }
5699
- .amplify-tabs-item:hover {
5401
+ .amplify-tabs__item:hover {
5700
5402
  color: var(--amplify-components-tabs-item-hover-color);
5701
5403
  cursor: pointer;
5702
5404
  }
5703
- .amplify-tabs-item:focus {
5405
+ .amplify-tabs__item:focus-visible {
5406
+ z-index: 2;
5704
5407
  color: var(--amplify-components-tabs-item-focus-color);
5408
+ background-color: var(--amplify-components-tabs-item-focus-background-color);
5409
+ border-color: var(--amplify-components-tabs-item-focus-border-color);
5410
+ box-shadow: var(--amplify-components-tabs-item-focus-box-shadow);
5705
5411
  }
5706
- .amplify-tabs-item:focus-visible {
5707
- outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color);
5708
- }
5709
- .amplify-tabs-item:active {
5412
+ .amplify-tabs__item:active {
5413
+ background-color: var(--amplify-components-tabs-item-active-background-color);
5414
+ border-color: var(--amplify-components-tabs-item-active-border-color);
5415
+ box-shadow: var(--amplify-components-tabs-item-active-box-shadow);
5710
5416
  color: var(--amplify-components-tabs-item-active-color);
5711
5417
  }
5712
- .amplify-tabs-item[data-disabled] {
5418
+ .amplify-tabs__item[disabled] {
5713
5419
  background-color: var(--amplify-components-tabs-item-disabled-background-color);
5420
+ border-color: var(--amplify-components-tabs-item-disabled-border-color);
5421
+ box-shadow: var(--amplify-components-tabs-item-disabled-box-shadow);
5714
5422
  color: var(--amplify-components-tabs-item-disabled-color);
5715
5423
  cursor: not-allowed;
5716
5424
  }
5717
- .amplify-tabs-item[data-spacing=equal] {
5718
- flex: 1 1 0;
5719
- }
5720
- .amplify-tabs-item[data-spacing=relative] {
5721
- flex-grow: 1;
5722
- }
5723
5425
 
5724
5426
  .amplify-textareafield {
5725
5427
  flex-direction: column;
@@ -6041,8 +5743,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
6041
5743
  z-index: 2;
6042
5744
  }
6043
5745
  .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
6044
- -webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
6045
- margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
5746
+ margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
6046
5747
  border-start-start-radius: 0;
6047
5748
  border-end-start-radius: 0;
6048
5749
  }
@@ -6243,153 +5944,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
6243
5944
  margin: var(--amplify-space-small);
6244
5945
  }
6245
5946
 
6246
- .amplify-fileuploader__dropzone {
6247
- background-color: var(--amplify-components-fileuploader-dropzone-background-color);
6248
- border-color: var(--amplify-components-fileuploader-dropzone-border-color);
6249
- border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
6250
- border-style: var(--amplify-components-fileuploader-dropzone-border-style);
6251
- border-width: var(--amplify-components-fileuploader-dropzone-border-width);
6252
- text-align: var(--amplify-components-fileuploader-dropzone-text-align);
6253
- padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
6254
- padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
6255
- display: flex;
6256
- flex-direction: column;
6257
- align-items: center;
6258
- gap: var(--amplify-components-fileuploader-dropzone-gap);
6259
- }
6260
- .amplify-fileuploader__dropzone--small {
6261
- flex-direction: row;
6262
- justify-content: center;
6263
- }
6264
- .amplify-fileuploader__dropzone--active {
6265
- border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
6266
- border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
6267
- background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
6268
- }
6269
- .amplify-fileuploader__dropzone__icon {
6270
- font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
6271
- color: var(--amplify-components-fileuploader-dropzone-icon-color);
6272
- }
6273
- .amplify-fileuploader__dropzone__text {
6274
- color: var(--amplify-components-fileuploader-dropzone-text-color);
6275
- font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
6276
- font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
6277
- }
6278
- .amplify-fileuploader__file {
6279
- position: relative;
6280
- border-width: var(--amplify-components-fileuploader-file-border-width);
6281
- border-style: var(--amplify-components-fileuploader-file-border-style);
6282
- border-color: var(--amplify-components-fileuploader-file-border-color);
6283
- border-radius: var(--amplify-components-fileuploader-file-border-radius);
6284
- display: flex;
6285
- flex-direction: column;
6286
- padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
6287
- padding-block: var(--amplify-components-fileuploader-file-padding-block);
6288
- align-items: var(--amplify-components-fileuploader-file-align-items);
6289
- }
6290
- .amplify-fileuploader__file__wrapper {
6291
- width: 100%;
6292
- display: flex;
6293
- flex-direction: row;
6294
- align-items: center;
6295
- gap: var(--amplify-components-fileuploader-file-gap);
6296
- }
6297
- .amplify-fileuploader__file__name {
6298
- text-overflow: ellipsis;
6299
- overflow: hidden;
6300
- font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
6301
- font-size: var(--amplify-components-fileuploader-file-name-font-size);
6302
- color: var(--amplify-components-fileuploader-file-name-color);
6303
- }
6304
- .amplify-fileuploader__file__size {
6305
- font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
6306
- font-size: var(--amplify-components-fileuploader-file-size-font-size);
6307
- color: var(--amplify-components-fileuploader-file-size-color);
6308
- }
6309
- .amplify-fileuploader__file__main {
6310
- flex: 1;
6311
- white-space: nowrap;
6312
- overflow: hidden;
6313
- }
6314
- .amplify-fileuploader__file__image {
6315
- position: relative;
6316
- display: flex;
6317
- align-items: center;
6318
- justify-content: center;
6319
- width: var(--amplify-components-fileuploader-file-image-width);
6320
- height: var(--amplify-components-fileuploader-file-image-height);
6321
- background-color: var(--amplify-components-fileuploader-file-image-background-color);
6322
- border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
6323
- color: var(--amplify-components-fileuploader-file-image-color);
6324
- }
6325
- .amplify-fileuploader__file__image img {
6326
- max-height: 100%;
6327
- }
6328
- .amplify-fileuploader__file__status--error {
6329
- color: var(--amplify-colors-font-error);
6330
- font-size: var(--amplify-components-fileuploader-file-size-font-size);
6331
- }
6332
- .amplify-fileuploader__file__status--success {
6333
- color: var(--amplify-colors-font-success);
6334
- }
6335
- .amplify-fileuploader__loader {
6336
- stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
6337
- stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
6338
- stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
6339
- height: var(--amplify-components-fileuploader-loader-stroke-width);
6340
- --amplify-components-loader-linear-stroke-filled: var(
6341
- --amplify-components-fileuploader-loader-stroke-filled
6342
- );
6343
- overflow: hidden;
6344
- position: absolute;
6345
- bottom: 0;
6346
- left: 0;
6347
- width: 100%;
6348
- }
6349
- .amplify-fileuploader__previewer {
6350
- display: block;
6351
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
6352
- background-color: var(--amplify-components-fileuploader-previewer-background-color);
6353
- border-width: var(--amplify-components-fileuploader-previewer-border-width);
6354
- border-style: var(--amplify-components-fileuploader-previewer-border-style);
6355
- border-color: var(--amplify-components-fileuploader-previewer-border-color);
6356
- border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
6357
- padding-inline: var(--amplify-components-fileuploader-previewer-padding-inline);
6358
- padding-block: var(--amplify-components-fileuploader-previewer-padding-block);
6359
- }
6360
- .amplify-fileuploader__previewer__text {
6361
- font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
6362
- font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
6363
- color: var(--amplify-components-fileuploader-previewer-text-color);
6364
- }
6365
- .amplify-fileuploader__previewer__body {
6366
- display: flex;
6367
- flex-direction: column;
6368
- max-height: var(--amplify-components-fileuploader-previewer-max-height);
6369
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
6370
- overflow: auto;
6371
- gap: var(--amplify-components-fileuploader-previewer-body-gap);
6372
- padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
6373
- padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
6374
- }
6375
- .amplify-fileuploader__previewer__footer {
6376
- max-width: var(--amplify-components-fileuploader-previewer-max-width);
6377
- border-top-width: var(--amplify-components-fileuploader-previewer-footer-border-width);
6378
- border-top-style: var(--amplify-components-fileuploader-previewer-footer-border-style);
6379
- border-top-color: var(--amplify-components-fileuploader-previewer-footer-border-color);
6380
- padding-inline: var(--amplify-components-fileuploader-previewer-footer-padding-inline);
6381
- padding-block: var(--amplify-components-fileuploader-previewer-footer-padding-block);
6382
- position: relative;
6383
- display: flex;
6384
- flex-direction: row;
6385
- justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
6386
- }
6387
- .amplify-fileuploader__previewer__footer__actions {
6388
- display: flex;
6389
- flex-direction: row;
6390
- gap: var(--amplify-space-small);
6391
- }
6392
-
6393
5947
  .amplify-storagemanager__dropzone {
6394
5948
  background-color: var(--amplify-components-storagemanager-dropzone-background-color);
6395
5949
  border-color: var(--amplify-components-storagemanager-dropzone-border-color);
@@ -6529,19 +6083,19 @@ html[dir=rtl] .amplify-field-group__inner-start {
6529
6083
  gap: var(--amplify-space-small);
6530
6084
  }
6531
6085
 
6532
- [data-label-position=start] {
6086
+ .amplify-label-start {
6533
6087
  flex-direction: row;
6534
6088
  }
6535
6089
 
6536
- [data-label-position=end] {
6090
+ .amplify-label-end {
6537
6091
  flex-direction: row-reverse;
6538
6092
  }
6539
6093
 
6540
- [data-label-position=top] {
6094
+ .amplify-label-top {
6541
6095
  flex-direction: column;
6542
6096
  }
6543
6097
 
6544
- [data-label-position=bottom] {
6098
+ .amplify-label-bottom {
6545
6099
  flex-direction: column-reverse;
6546
6100
  }
6547
6101