@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/select.layer.css ADDED
@@ -0,0 +1,130 @@
1
+ @layer amplify.components {
2
+ .amplify-select__wrapper {
3
+ flex: var(--amplify-components-select-wrapper-flex);
4
+ display: var(--amplify-components-select-wrapper-display);
5
+ position: var(--amplify-components-select-wrapper-position);
6
+ cursor: var(--amplify-components-select-wrapper-cursor);
7
+ align-self: stretch;
8
+ }
9
+
10
+ .amplify-select__icon {
11
+ color: var(--amplify-components-fieldcontrol-color);
12
+ align-items: var(--amplify-components-select-icon-wrapper-align-items);
13
+ position: var(--amplify-components-select-icon-wrapper-position);
14
+ top: var(--amplify-components-select-icon-wrapper-top);
15
+ right: var(--amplify-components-select-icon-wrapper-right);
16
+ transform: var(--amplify-components-select-icon-wrapper-transform);
17
+ pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
18
+ }
19
+ .amplify-select__icon--small {
20
+ right: var(--amplify-components-select-icon-wrapper-small-right);
21
+ }
22
+ .amplify-select__icon--large {
23
+ right: var(--amplify-components-select-icon-wrapper-large-right);
24
+ }
25
+
26
+ .amplify-select {
27
+ box-sizing: border-box;
28
+ color: var(--amplify-components-fieldcontrol-color);
29
+ font-size: var(--amplify-components-fieldcontrol-font-size);
30
+ line-height: var(--amplify-components-fieldcontrol-line-height);
31
+ padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
32
+ padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
33
+ padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
34
+ padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
35
+ transition: all var(--amplify-components-fieldcontrol-transition-duration);
36
+ width: 100%;
37
+ border-color: var(--amplify-components-fieldcontrol-border-color);
38
+ border-radius: var(--amplify-components-fieldcontrol-border-radius);
39
+ border-style: var(--amplify-components-fieldcontrol-border-style);
40
+ border-width: var(--amplify-components-fieldcontrol-border-width);
41
+ outline-color: var(--amplify-components-fieldcontrol-outline-color);
42
+ outline-style: var(--amplify-components-fieldcontrol-outline-style);
43
+ outline-width: var(--amplify-components-fieldcontrol-outline-width);
44
+ outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
45
+ background-color: var(--amplify-components-select-background-color);
46
+ color: var(--amplify-components-select-color);
47
+ min-width: var(--amplify-components-select-min-width);
48
+ padding-inline-end: var(--amplify-components-select-padding-inline-end);
49
+ white-space: var(--amplify-components-select-white-space);
50
+ }
51
+ .amplify-select:focus {
52
+ border-color: var(--amplify-components-fieldcontrol-focus-border-color);
53
+ box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
54
+ }
55
+ .amplify-select--small {
56
+ font-size: var(--amplify-components-fieldcontrol-small-font-size);
57
+ padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
58
+ padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
59
+ padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
60
+ padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
61
+ }
62
+ .amplify-select--large {
63
+ font-size: var(--amplify-components-fieldcontrol-large-font-size);
64
+ padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
65
+ padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
66
+ padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
67
+ padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
68
+ }
69
+ .amplify-select--error {
70
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
71
+ }
72
+ .amplify-select--error:focus {
73
+ border-color: var(--amplify-components-fieldcontrol-error-border-color);
74
+ box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
75
+ }
76
+ .amplify-select--quiet {
77
+ border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
78
+ border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
79
+ border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
80
+ border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
81
+ }
82
+ .amplify-select--quiet:focus {
83
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
84
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
85
+ }
86
+ .amplify-select--quiet[aria-invalid=true] {
87
+ border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
88
+ }
89
+ .amplify-select--quiet[aria-invalid=true]:focus {
90
+ box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
91
+ }
92
+ .amplify-select[disabled] {
93
+ color: var(--amplify-components-fieldcontrol-disabled-color);
94
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
95
+ border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
96
+ background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
97
+ }
98
+ .amplify-select option {
99
+ background-color: var(--amplify-components-select-option-background-color);
100
+ color: var(--amplify-components-select-option-color);
101
+ }
102
+ .amplify-select option[disabled=""] {
103
+ background-color: var(--amplify-components-select-option-disabled-background-color);
104
+ color: var(--amplify-components-select-option-disabled-color);
105
+ cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
106
+ }
107
+ .amplify-select[disabled] {
108
+ background-color: var(--amplify-components-select-disabled-background-color);
109
+ color: var(--amplify-components-select-disabled-color);
110
+ }
111
+ .amplify-select[disabled] option {
112
+ color: inherit;
113
+ background-color: inherit;
114
+ }
115
+ .amplify-select--small {
116
+ min-width: var(--amplify-components-select-small-min-width);
117
+ padding-inline-end: var(--amplify-components-select-small-padding-inline-end);
118
+ }
119
+ .amplify-select--large {
120
+ min-width: var(--amplify-components-select-large-min-width);
121
+ padding-inline-end: var(--amplify-components-select-large-padding-inline-end);
122
+ }
123
+ .amplify-select--expanded {
124
+ overflow: auto;
125
+ padding: var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline);
126
+ }
127
+ .amplify-select--expanded option {
128
+ padding: var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline);
129
+ }
130
+ }
package/dist/styles/selectField.css ADDED
@@ -0,0 +1,18 @@
1
+ .amplify-selectfield {
2
+ flex-direction: var(--amplify-components-selectfield-flex-direction);
3
+ --amplify-components-fieldcontrol-border-color: var(
4
+ --amplify-components-selectfield-border-color
5
+ );
6
+ --amplify-components-fieldcontrol-color: var(
7
+ --amplify-components-selectfield-color
8
+ );
9
+ --amplify-components-fieldcontrol-font-size: var(
10
+ --amplify-components-selectfield-font-size
11
+ );
12
+ --amplify-components-fieldcontrol-focus-border-color: var(
13
+ --amplify-components-selectfield-focus-border-color
14
+ );
15
+ --amplify-components-field-label-color: var(
16
+ --amplify-components-selectfield-label-color
17
+ );
18
+ }
package/dist/styles/selectField.layer.css ADDED
@@ -0,0 +1,20 @@
1
+ @layer amplify.components {
2
+ .amplify-selectfield {
3
+ flex-direction: var(--amplify-components-selectfield-flex-direction);
4
+ --amplify-components-fieldcontrol-border-color: var(
5
+ --amplify-components-selectfield-border-color
6
+ );
7
+ --amplify-components-fieldcontrol-color: var(
8
+ --amplify-components-selectfield-color
9
+ );
10
+ --amplify-components-fieldcontrol-font-size: var(
11
+ --amplify-components-selectfield-font-size
12
+ );
13
+ --amplify-components-fieldcontrol-focus-border-color: var(
14
+ --amplify-components-selectfield-focus-border-color
15
+ );
16
+ --amplify-components-field-label-color: var(
17
+ --amplify-components-selectfield-label-color
18
+ );
19
+ }
20
+ }
package/dist/styles/sliderField.css ADDED
@@ -0,0 +1,143 @@
1
+ .amplify-sliderfield {
2
+ flex-direction: column;
3
+ }
4
+
5
+ .amplify-sliderfield__label {
6
+ display: flex;
7
+ justify-content: space-between;
8
+ }
9
+
10
+ .amplify-sliderfield__root {
11
+ align-items: center;
12
+ box-sizing: content-box;
13
+ display: flex;
14
+ padding-block: var(--amplify-components-sliderfield-padding-block);
15
+ position: relative;
16
+ touch-action: none;
17
+ -webkit-user-select: none;
18
+ -moz-user-select: none;
19
+ user-select: none;
20
+ --amplify-internal-sliderfield-root-height: var(
21
+ --amplify-components-sliderfield-thumb-height
22
+ );
23
+ --amplify-internal-sliderfield-root-width: var(
24
+ --amplify-components-sliderfield-thumb-height
25
+ );
26
+ }
27
+ .amplify-sliderfield__root--disabled {
28
+ cursor: not-allowed;
29
+ }
30
+ .amplify-sliderfield__root--horizontal {
31
+ height: var(--amplify-internal-sliderfield-root-height);
32
+ }
33
+ .amplify-sliderfield__root--vertical {
34
+ flex-direction: column;
35
+ width: var(--amplify-internal-sliderfield-root-width);
36
+ }
37
+ .amplify-sliderfield__root--large {
38
+ --amplify-internal-sliderfield-root-height: var(
39
+ --amplify-components-sliderfield-large-thumb-height
40
+ );
41
+ --amplify-internal-sliderfield-root-width: var(
42
+ --amplify-components-sliderfield-large-thumb-height
43
+ );
44
+ }
45
+ .amplify-sliderfield__root--small {
46
+ --amplify-internal-sliderfield-root-height: var(
47
+ --amplify-components-sliderfield-small-thumb-height
48
+ );
49
+ --amplify-internal-sliderfield-root-width: var(
50
+ --amplify-components-sliderfield-small-thumb-height
51
+ );
52
+ }
53
+
54
+ .amplify-sliderfield__track {
55
+ position: relative;
56
+ flex-grow: 1;
57
+ border-radius: var(--amplify-components-sliderfield-track-border-radius);
58
+ background-color: var(--amplify-components-sliderfield-track-background-color);
59
+ --amplify-internal-sliderfield-track-height: var(
60
+ --amplify-components-sliderfield-track-height
61
+ );
62
+ --amplify-internal-sliderfield-track-min-width: var(
63
+ --amplify-components-sliderfield-track-min-width
64
+ );
65
+ --amplify-internal-sliderfield-track-width: var(
66
+ --amplify-components-sliderfield-track-height
67
+ );
68
+ --amplify-internal-sliderfield-track-min-height: var(
69
+ --amplify-components-sliderfield-track-min-width
70
+ );
71
+ }
72
+ .amplify-sliderfield__track--horizontal {
73
+ height: var(--amplify-internal-sliderfield-track-height);
74
+ min-width: var(--amplify-internal-sliderfield-track-min-width);
75
+ }
76
+ .amplify-sliderfield__track--vertical {
77
+ width: var(--amplify-internal-sliderfield-track-width);
78
+ min-height: var(--amplify-internal-sliderfield-track-min-height);
79
+ }
80
+ .amplify-sliderfield__track--large {
81
+ --amplify-internal-sliderfield-track-height: var(
82
+ --amplify-components-sliderfield-large-track-height
83
+ );
84
+ --amplify-internal-sliderfield-track-width: var(
85
+ --amplify-components-sliderfield-large-track-height
86
+ );
87
+ }
88
+ .amplify-sliderfield__track--small {
89
+ --amplify-internal-sliderfield-track-height: var(
90
+ --amplify-components-sliderfield-small-track-height
91
+ );
92
+ --amplify-internal-sliderfield-track-width: var(
93
+ --amplify-components-sliderfield-small-track-height
94
+ );
95
+ }
96
+
97
+ .amplify-sliderfield__range {
98
+ position: absolute;
99
+ border-radius: var(--amplify-components-sliderfield-range-border-radius);
100
+ background-color: var(--amplify-components-sliderfield-range-background-color);
101
+ }
102
+ .amplify-sliderfield__range--disabled {
103
+ background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
104
+ }
105
+ .amplify-sliderfield__range--horizontal {
106
+ height: 100%;
107
+ }
108
+ .amplify-sliderfield__range--vertical {
109
+ width: 100%;
110
+ }
111
+
112
+ .amplify-sliderfield__thumb {
113
+ display: block;
114
+ width: var(--amplify-components-sliderfield-thumb-width);
115
+ height: var(--amplify-components-sliderfield-thumb-height);
116
+ background-color: var(--amplify-components-sliderfield-thumb-background-color);
117
+ box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow);
118
+ border-radius: var(--amplify-components-sliderfield-thumb-border-radius);
119
+ border-width: var(--amplify-components-sliderfield-thumb-border-width);
120
+ border-color: var(--amplify-components-sliderfield-thumb-border-color);
121
+ border-style: var(--amplify-components-sliderfield-thumb-border-style);
122
+ }
123
+ .amplify-sliderfield__thumb:hover {
124
+ background-color: var(--amplify-components-sliderfield-thumb-hover-background-color);
125
+ border-color: var(--amplify-components-sliderfield-thumb-hover-border-color);
126
+ }
127
+ .amplify-sliderfield__thumb:focus {
128
+ border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
129
+ box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
130
+ }
131
+ .amplify-sliderfield__thumb--disabled {
132
+ background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
133
+ border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
134
+ box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
135
+ }
136
+ .amplify-sliderfield__thumb--large {
137
+ width: var(--amplify-components-sliderfield-large-thumb-width);
138
+ height: var(--amplify-components-sliderfield-large-thumb-height);
139
+ }
140
+ .amplify-sliderfield__thumb--small {
141
+ width: var(--amplify-components-sliderfield-small-thumb-width);
142
+ height: var(--amplify-components-sliderfield-small-thumb-height);
143
+ }
package/dist/styles/sliderField.layer.css ADDED
@@ -0,0 +1,145 @@
1
+ @layer amplify.components {
2
+ .amplify-sliderfield {
3
+ flex-direction: column;
4
+ }
5
+
6
+ .amplify-sliderfield__label {
7
+ display: flex;
8
+ justify-content: space-between;
9
+ }
10
+
11
+ .amplify-sliderfield__root {
12
+ align-items: center;
13
+ box-sizing: content-box;
14
+ display: flex;
15
+ padding-block: var(--amplify-components-sliderfield-padding-block);
16
+ position: relative;
17
+ touch-action: none;
18
+ -webkit-user-select: none;
19
+ -moz-user-select: none;
20
+ user-select: none;
21
+ --amplify-internal-sliderfield-root-height: var(
22
+ --amplify-components-sliderfield-thumb-height
23
+ );
24
+ --amplify-internal-sliderfield-root-width: var(
25
+ --amplify-components-sliderfield-thumb-height
26
+ );
27
+ }
28
+ .amplify-sliderfield__root--disabled {
29
+ cursor: not-allowed;
30
+ }
31
+ .amplify-sliderfield__root--horizontal {
32
+ height: var(--amplify-internal-sliderfield-root-height);
33
+ }
34
+ .amplify-sliderfield__root--vertical {
35
+ flex-direction: column;
36
+ width: var(--amplify-internal-sliderfield-root-width);
37
+ }
38
+ .amplify-sliderfield__root--large {
39
+ --amplify-internal-sliderfield-root-height: var(
40
+ --amplify-components-sliderfield-large-thumb-height
41
+ );
42
+ --amplify-internal-sliderfield-root-width: var(
43
+ --amplify-components-sliderfield-large-thumb-height
44
+ );
45
+ }
46
+ .amplify-sliderfield__root--small {
47
+ --amplify-internal-sliderfield-root-height: var(
48
+ --amplify-components-sliderfield-small-thumb-height
49
+ );
50
+ --amplify-internal-sliderfield-root-width: var(
51
+ --amplify-components-sliderfield-small-thumb-height
52
+ );
53
+ }
54
+
55
+ .amplify-sliderfield__track {
56
+ position: relative;
57
+ flex-grow: 1;
58
+ border-radius: var(--amplify-components-sliderfield-track-border-radius);
59
+ background-color: var(--amplify-components-sliderfield-track-background-color);
60
+ --amplify-internal-sliderfield-track-height: var(
61
+ --amplify-components-sliderfield-track-height
62
+ );
63
+ --amplify-internal-sliderfield-track-min-width: var(
64
+ --amplify-components-sliderfield-track-min-width
65
+ );
66
+ --amplify-internal-sliderfield-track-width: var(
67
+ --amplify-components-sliderfield-track-height
68
+ );
69
+ --amplify-internal-sliderfield-track-min-height: var(
70
+ --amplify-components-sliderfield-track-min-width
71
+ );
72
+ }
73
+ .amplify-sliderfield__track--horizontal {
74
+ height: var(--amplify-internal-sliderfield-track-height);
75
+ min-width: var(--amplify-internal-sliderfield-track-min-width);
76
+ }
77
+ .amplify-sliderfield__track--vertical {
78
+ width: var(--amplify-internal-sliderfield-track-width);
79
+ min-height: var(--amplify-internal-sliderfield-track-min-height);
80
+ }
81
+ .amplify-sliderfield__track--large {
82
+ --amplify-internal-sliderfield-track-height: var(
83
+ --amplify-components-sliderfield-large-track-height
84
+ );
85
+ --amplify-internal-sliderfield-track-width: var(
86
+ --amplify-components-sliderfield-large-track-height
87
+ );
88
+ }
89
+ .amplify-sliderfield__track--small {
90
+ --amplify-internal-sliderfield-track-height: var(
91
+ --amplify-components-sliderfield-small-track-height
92
+ );
93
+ --amplify-internal-sliderfield-track-width: var(
94
+ --amplify-components-sliderfield-small-track-height
95
+ );
96
+ }
97
+
98
+ .amplify-sliderfield__range {
99
+ position: absolute;
100
+ border-radius: var(--amplify-components-sliderfield-range-border-radius);
101
+ background-color: var(--amplify-components-sliderfield-range-background-color);
102
+ }
103
+ .amplify-sliderfield__range--disabled {
104
+ background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
105
+ }
106
+ .amplify-sliderfield__range--horizontal {
107
+ height: 100%;
108
+ }
109
+ .amplify-sliderfield__range--vertical {
110
+ width: 100%;
111
+ }
112
+
113
+ .amplify-sliderfield__thumb {
114
+ display: block;
115
+ width: var(--amplify-components-sliderfield-thumb-width);
116
+ height: var(--amplify-components-sliderfield-thumb-height);
117
+ background-color: var(--amplify-components-sliderfield-thumb-background-color);
118
+ box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow);
119
+ border-radius: var(--amplify-components-sliderfield-thumb-border-radius);
120
+ border-width: var(--amplify-components-sliderfield-thumb-border-width);
121
+ border-color: var(--amplify-components-sliderfield-thumb-border-color);
122
+ border-style: var(--amplify-components-sliderfield-thumb-border-style);
123
+ }
124
+ .amplify-sliderfield__thumb:hover {
125
+ background-color: var(--amplify-components-sliderfield-thumb-hover-background-color);
126
+ border-color: var(--amplify-components-sliderfield-thumb-hover-border-color);
127
+ }
128
+ .amplify-sliderfield__thumb:focus {
129
+ border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
130
+ box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
131
+ }
132
+ .amplify-sliderfield__thumb--disabled {
133
+ background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
134
+ border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
135
+ box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
136
+ }
137
+ .amplify-sliderfield__thumb--large {
138
+ width: var(--amplify-components-sliderfield-large-thumb-width);
139
+ height: var(--amplify-components-sliderfield-large-thumb-height);
140
+ }
141
+ .amplify-sliderfield__thumb--small {
142
+ width: var(--amplify-components-sliderfield-small-thumb-width);
143
+ height: var(--amplify-components-sliderfield-small-thumb-height);
144
+ }
145
+ }
package/dist/styles/stepperField.css ADDED
@@ -0,0 +1,77 @@
1
+ .amplify-stepperfield {
2
+ flex-direction: var(--amplify-components-stepperfield-flex-direction);
3
+ --amplify-components-fieldcontrol-border-color: var(
4
+ --amplify-components-stepperfield-border-color
5
+ );
6
+ --amplify-components-button-border-color: var(
7
+ --amplify-components-stepperfield-border-color
8
+ );
9
+ --amplify-components-fieldcontrol-color: var(
10
+ --amplify-components-stepperfield-input-color
11
+ );
12
+ --amplify-components-fieldcontrol-font-size: var(
13
+ --amplify-components-stepperfield-input-font-size
14
+ );
15
+ --amplify-components-button-color: var(
16
+ --amplify-components-stepperfield-button-color
17
+ );
18
+ --amplify-components-button-active-color: var(
19
+ --amplify-components-stepperfield-button-active-color
20
+ );
21
+ --amplify-components-button-active-background-color: var(
22
+ --amplify-components-stepperfield-button-active-background-color
23
+ );
24
+ --amplify-components-button-focus-color: var(
25
+ --amplify-components-stepperfield-button-focus-color
26
+ );
27
+ --amplify-components-button-focus-background-color: var(
28
+ --amplify-components-stepperfield-button-focus-background-color
29
+ );
30
+ --amplify-components-button-disabled-color: var(
31
+ --amplify-components-stepperfield-button-disabled-color
32
+ );
33
+ --amplify-components-button-disabled-background-color: var(
34
+ --amplify-components-stepperfield-button-disabled-background-color
35
+ );
36
+ --amplify-components-button-hover-color: var(
37
+ --amplify-components-stepperfield-button-hover-color
38
+ );
39
+ --amplify-components-button-hover-background-color: var(
40
+ --amplify-components-stepperfield-button-hover-background-color
41
+ );
42
+ }
43
+
44
+ .amplify-stepperfield__button--decrease,
45
+ .amplify-stepperfield__button--increase {
46
+ background-color: var(--amplify-components-stepperfield-button-background-color);
47
+ }
48
+ .amplify-stepperfield__button--decrease--disabled,
49
+ .amplify-stepperfield__button--increase--disabled {
50
+ background-color: var(--amplify-components-stepperfield-button-disabled-background-color);
51
+ }
52
+ .amplify-stepperfield__button--decrease--quiet,
53
+ .amplify-stepperfield__button--increase--quiet {
54
+ border-width: 0 0 var(--amplify-components-button-border-width) 0;
55
+ border-radius: 0;
56
+ }
57
+
58
+ .amplify-stepperfield__button--decrease[data-invalid=true] {
59
+ border-inline-end: none;
60
+ }
61
+
62
+ .amplify-stepperfield__button--increase[data-invalid=true] {
63
+ border-inline-start: none;
64
+ }
65
+
66
+ .amplify-stepperfield__input {
67
+ -moz-appearance: textfield;
68
+ text-align: var(--amplify-components-stepperfield-input-text-align);
69
+ }
70
+ .amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button {
71
+ -webkit-appearance: none;
72
+ margin: 0;
73
+ }
74
+ .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) {
75
+ border-inline-start: none;
76
+ border-inline-end: none;
77
+ }
package/dist/styles/stepperField.layer.css ADDED
@@ -0,0 +1,79 @@
1
+ @layer amplify.components {
2
+ .amplify-stepperfield {
3
+ flex-direction: var(--amplify-components-stepperfield-flex-direction);
4
+ --amplify-components-fieldcontrol-border-color: var(
5
+ --amplify-components-stepperfield-border-color
6
+ );
7
+ --amplify-components-button-border-color: var(
8
+ --amplify-components-stepperfield-border-color
9
+ );
10
+ --amplify-components-fieldcontrol-color: var(
11
+ --amplify-components-stepperfield-input-color
12
+ );
13
+ --amplify-components-fieldcontrol-font-size: var(
14
+ --amplify-components-stepperfield-input-font-size
15
+ );
16
+ --amplify-components-button-color: var(
17
+ --amplify-components-stepperfield-button-color
18
+ );
19
+ --amplify-components-button-active-color: var(
20
+ --amplify-components-stepperfield-button-active-color
21
+ );
22
+ --amplify-components-button-active-background-color: var(
23
+ --amplify-components-stepperfield-button-active-background-color
24
+ );
25
+ --amplify-components-button-focus-color: var(
26
+ --amplify-components-stepperfield-button-focus-color
27
+ );
28
+ --amplify-components-button-focus-background-color: var(
29
+ --amplify-components-stepperfield-button-focus-background-color
30
+ );
31
+ --amplify-components-button-disabled-color: var(
32
+ --amplify-components-stepperfield-button-disabled-color
33
+ );
34
+ --amplify-components-button-disabled-background-color: var(
35
+ --amplify-components-stepperfield-button-disabled-background-color
36
+ );
37
+ --amplify-components-button-hover-color: var(
38
+ --amplify-components-stepperfield-button-hover-color
39
+ );
40
+ --amplify-components-button-hover-background-color: var(
41
+ --amplify-components-stepperfield-button-hover-background-color
42
+ );
43
+ }
44
+
45
+ .amplify-stepperfield__button--decrease,
46
+ .amplify-stepperfield__button--increase {
47
+ background-color: var(--amplify-components-stepperfield-button-background-color);
48
+ }
49
+ .amplify-stepperfield__button--decrease--disabled,
50
+ .amplify-stepperfield__button--increase--disabled {
51
+ background-color: var(--amplify-components-stepperfield-button-disabled-background-color);
52
+ }
53
+ .amplify-stepperfield__button--decrease--quiet,
54
+ .amplify-stepperfield__button--increase--quiet {
55
+ border-width: 0 0 var(--amplify-components-button-border-width) 0;
56
+ border-radius: 0;
57
+ }
58
+
59
+ .amplify-stepperfield__button--decrease[data-invalid=true] {
60
+ border-inline-end: none;
61
+ }
62
+
63
+ .amplify-stepperfield__button--increase[data-invalid=true] {
64
+ border-inline-start: none;
65
+ }
66
+
67
+ .amplify-stepperfield__input {
68
+ -moz-appearance: textfield;
69
+ text-align: var(--amplify-components-stepperfield-input-text-align);
70
+ }
71
+ .amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button {
72
+ -webkit-appearance: none;
73
+ margin: 0;
74
+ }
75
+ .amplify-stepperfield__input:not(:focus, [aria-invalid=true]) {
76
+ border-inline-start: none;
77
+ border-inline-end: none;
78
+ }
79
+ }
package/dist/styles/switchField.css ADDED
@@ -0,0 +1,76 @@
1
+ .amplify-switchfield {
2
+ display: inline-block;
3
+ font-size: var(--amplify-components-switchfield-font-size);
4
+ cursor: pointer;
5
+ }
6
+ .amplify-switchfield--small {
7
+ font-size: var(--amplify-components-switchfield-small-font-size);
8
+ }
9
+ .amplify-switchfield--large {
10
+ font-size: var(--amplify-components-switchfield-large-font-size);
11
+ }
12
+
13
+ .amplify-switch__wrapper {
14
+ display: inline-flex;
15
+ align-items: center;
16
+ }
17
+ .amplify-switch__wrapper--start {
18
+ flex-direction: row;
19
+ }
20
+ .amplify-switch__wrapper--end {
21
+ flex-direction: row-reverse;
22
+ }
23
+ .amplify-switch__wrapper--top {
24
+ flex-direction: column;
25
+ }
26
+ .amplify-switch__wrapper--bottom {
27
+ flex-direction: column-reverse;
28
+ }
29
+
30
+ .amplify-switch__track {
31
+ display: inline-flex;
32
+ justify-content: flex-start;
33
+ box-sizing: content-box;
34
+ border-radius: var(--amplify-components-switchfield-track-border-radius);
35
+ padding: var(--amplify-components-switchfield-track-padding);
36
+ width: var(--amplify-components-switchfield-track-width);
37
+ height: var(--amplify-components-switchfield-track-height);
38
+ transition-duration: var(--amplify-components-switchfield-track-transition-duration);
39
+ background-color: var(--amplify-components-switchfield-track-background-color);
40
+ }
41
+ .amplify-switch__track--checked {
42
+ background-color: var(--amplify-components-switchfield-track-checked-background-color);
43
+ }
44
+ .amplify-switch__track--disabled {
45
+ opacity: var(--amplify-components-switchfield-disabled-opacity);
46
+ cursor: not-allowed;
47
+ }
48
+ .amplify-switch__track--focused {
49
+ box-shadow: var(--amplify-components-switchfield-focused-shadow);
50
+ }
51
+ .amplify-switch__track--error {
52
+ background-color: var(--amplify-components-switchfield-track-error-background-color);
53
+ }
54
+
55
+ .amplify-switch__thumb {
56
+ background-color: var(--amplify-components-switchfield-thumb-background-color);
57
+ transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
58
+ border-radius: var(--amplify-components-switchfield-thumb-border-radius);
59
+ width: var(--amplify-components-switchfield-thumb-width);
60
+ height: var(--amplify-components-switchfield-thumb-width);
61
+ border-width: var(--amplify-components-switchfield-thumb-border-width);
62
+ border-style: var(--amplify-components-switchfield-thumb-border-style);
63
+ border-color: var(--amplify-components-switchfield-thumb-border-color);
64
+ overflow-wrap: break-word;
65
+ }
66
+ .amplify-switch__thumb--checked {
67
+ transform: var(--amplify-components-switchfield-thumb-checked-transform);
68
+ }
69
+ .amplify-switch__thumb--disabled {
70
+ cursor: not-allowed;
71
+ }
72
+
73
+ .amplify-switch__label {
74
+ padding: var(--amplify-components-switchfield-label-padding);
75
+ cursor: pointer;
76
+ }