@aws-amplify/ui-react 5.3.2 → 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 (477) hide show
  1. package/dist/Field-6c0e096a.js +1174 -0
  2. package/dist/esm/PrimitiveCatalog.mjs +16255 -1
  3. package/dist/esm/components/AccountSettings/AccountSettings.mjs +6 -1
  4. package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs +209 -1
  5. package/dist/esm/components/AccountSettings/ChangePassword/defaults.mjs +77 -1
  6. package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs +156 -1
  7. package/dist/esm/components/AccountSettings/DeleteUser/defaults.mjs +85 -1
  8. package/dist/esm/components/AccountSettings/constants.mjs +7 -1
  9. package/dist/esm/components/AccountSettings/shared/Defaults.mjs +66 -1
  10. package/dist/esm/components/AccountSettings/utils/displayText.mjs +14 -0
  11. package/dist/esm/components/Authenticator/Authenticator.mjs +74 -1
  12. package/dist/esm/components/Authenticator/ConfirmSignIn/ConfirmSignIn.mjs +42 -1
  13. package/dist/esm/components/Authenticator/ConfirmSignUp/ConfirmSignUp.mjs +51 -1
  14. package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignIn.mjs +34 -1
  15. package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.mjs +54 -1
  16. package/dist/esm/components/Authenticator/ForceNewPassword/ForceNewPassword.mjs +43 -1
  17. package/dist/esm/components/Authenticator/ForgotPassword/ConfirmResetPassword.mjs +39 -0
  18. package/dist/esm/components/Authenticator/ForgotPassword/ForgotPassword.mjs +40 -0
  19. package/dist/esm/components/Authenticator/RouteContainer/RouteContainer.mjs +26 -1
  20. package/dist/esm/components/Authenticator/Router/Router.mjs +63 -1
  21. package/dist/esm/components/Authenticator/SetupTotp/SetupTotp.mjs +76 -0
  22. package/dist/esm/components/Authenticator/SignIn/SignIn.mjs +47 -1
  23. package/dist/esm/components/Authenticator/SignUp/SignUp.mjs +46 -1
  24. package/dist/esm/components/Authenticator/VerifyUser/ConfirmVerifyUser.mjs +37 -1
  25. package/dist/esm/components/Authenticator/VerifyUser/VerifyUser.mjs +59 -1
  26. package/dist/esm/components/Authenticator/hooks/useCustomComponents/defaultComponents.mjs +62 -1
  27. package/dist/esm/components/Authenticator/hooks/useCustomComponents/useCustomComponents.mjs +14 -1
  28. package/dist/esm/components/Authenticator/hooks/useFormHandlers/useFormHandlers.mjs +30 -1
  29. package/dist/esm/components/Authenticator/shared/ConfirmSignInFooter.mjs +18 -1
  30. package/dist/esm/components/Authenticator/shared/FormField.mjs +35 -1
  31. package/dist/esm/components/Authenticator/shared/FormFields.mjs +15 -1
  32. package/dist/esm/components/Authenticator/shared/RemoteErrorMessage.mjs +11 -1
  33. package/dist/esm/components/Authenticator/shared/SignInSignUpTabs.mjs +27 -1
  34. package/dist/esm/components/Authenticator/shared/TwoButtonSubmitFooter.mjs +35 -1
  35. package/dist/esm/components/Authenticator/utils.mjs +3 -1
  36. package/dist/esm/components/Authenticator/withAuthenticator.mjs +14 -1
  37. package/dist/esm/components/ThemeProvider/ThemeContext.mjs +8 -0
  38. package/dist/esm/components/ThemeProvider/ThemeProvider.mjs +23 -1
  39. package/dist/esm/components/index.mjs +5 -1
  40. package/dist/esm/components/shared/ValidationErrors.mjs +15 -1
  41. package/dist/esm/helpers/utils.mjs +6 -1
  42. package/dist/esm/hooks/useAuth.mjs +73 -1
  43. package/dist/esm/hooks/useBreakpointValue.mjs +29 -1
  44. package/dist/esm/hooks/useComposeRefsCallback.mjs +20 -1
  45. package/dist/esm/hooks/useDeprecationWarning.mjs +15 -1
  46. package/dist/esm/hooks/useStorageURL.mjs +40 -1
  47. package/dist/esm/hooks/useTheme.mjs +23 -1
  48. package/dist/esm/hooks/useThemeBreakpoint.mjs +19 -1
  49. package/dist/esm/index.mjs +71 -1
  50. package/dist/esm/internal.mjs +32 -1
  51. package/dist/esm/primitives/Accordion/Accordion.mjs +28 -0
  52. package/dist/esm/primitives/Accordion/AccordionContainer.mjs +49 -0
  53. package/dist/esm/primitives/Accordion/AccordionContent.mjs +15 -0
  54. package/dist/esm/primitives/Accordion/AccordionContext.mjs +6 -0
  55. package/dist/esm/primitives/Accordion/AccordionIcon.mjs +20 -0
  56. package/dist/esm/primitives/Accordion/AccordionItem.mjs +19 -0
  57. package/dist/esm/primitives/Accordion/AccordionTrigger.mjs +27 -0
  58. package/dist/esm/primitives/Alert/Alert.mjs +36 -1
  59. package/dist/esm/primitives/Alert/AlertIcon.mjs +36 -1
  60. package/dist/esm/primitives/Autocomplete/Autocomplete.mjs +67 -1
  61. package/dist/esm/primitives/Autocomplete/AutocompleteMenu.mjs +36 -1
  62. package/dist/esm/primitives/Autocomplete/AutocompleteOption.mjs +12 -1
  63. package/dist/esm/primitives/Autocomplete/useAutocomplete.mjs +188 -1
  64. package/dist/esm/primitives/Badge/Badge.mjs +16 -1
  65. package/dist/esm/primitives/Breadcrumbs/BreadcrumbContainer.mjs +18 -1
  66. package/dist/esm/primitives/Breadcrumbs/BreadcrumbItem.mjs +16 -1
  67. package/dist/esm/primitives/Breadcrumbs/BreadcrumbLink.mjs +24 -1
  68. package/dist/esm/primitives/Breadcrumbs/BreadcrumbSeparator.mjs +16 -1
  69. package/dist/esm/primitives/Breadcrumbs/Breadcrumbs.mjs +28 -1
  70. package/dist/esm/primitives/Button/Button.mjs +33 -1
  71. package/dist/esm/primitives/ButtonGroup/ButtonGroup.mjs +19 -1
  72. package/dist/esm/primitives/Card/Card.mjs +15 -1
  73. package/dist/esm/primitives/Checkbox/Checkbox.mjs +84 -1
  74. package/dist/esm/primitives/CheckboxField/CheckboxField.mjs +24 -1
  75. package/dist/esm/primitives/Collection/Collection.mjs +58 -1
  76. package/dist/esm/primitives/Collection/utils.mjs +30 -1
  77. package/dist/esm/primitives/Divider/Divider.mjs +16 -1
  78. package/dist/esm/primitives/DropZone/DropZone.mjs +27 -1
  79. package/dist/esm/primitives/DropZone/DropZoneChildren.mjs +39 -1
  80. package/dist/esm/primitives/DropZone/DropZoneContainer.mjs +18 -1
  81. package/dist/esm/primitives/DropZone/DropZoneProvider.mjs +8 -1
  82. package/dist/esm/primitives/DropZone/filterAllowedFiles.mjs +34 -1
  83. package/dist/esm/primitives/DropZone/useDropZone.mjs +65 -1
  84. package/dist/esm/primitives/Field/Field.mjs +20 -1
  85. package/dist/esm/primitives/Field/FieldClearButton.mjs +21 -1
  86. package/dist/esm/primitives/Field/FieldDescription.mjs +11 -1
  87. package/dist/esm/primitives/Field/FieldErrorMessage.mjs +10 -1
  88. package/dist/esm/primitives/FieldGroup/FieldGroup.mjs +29 -1
  89. package/dist/esm/primitives/FieldGroupIcon/FieldGroupIcon.mjs +12 -1
  90. package/dist/esm/primitives/FieldGroupIcon/FieldGroupIconButton.mjs +11 -1
  91. package/dist/esm/primitives/Fieldset/Fieldset.mjs +33 -1
  92. package/dist/esm/primitives/Fieldset/useFieldset.mjs +13 -1
  93. package/dist/esm/primitives/Flex/Flex.mjs +13 -1
  94. package/dist/esm/primitives/Grid/Grid.mjs +13 -1
  95. package/dist/esm/primitives/Heading/Heading.mjs +21 -1
  96. package/dist/esm/primitives/HighlightMatch/HighlightMatch.mjs +28 -1
  97. package/dist/esm/primitives/Icon/Icon.mjs +36 -1
  98. package/dist/esm/primitives/Icon/context/IconsContext.mjs +5 -1
  99. package/dist/esm/primitives/Icon/context/IconsProvider.mjs +8 -1
  100. package/dist/esm/primitives/Icon/context/useIcons.mjs +12 -1
  101. package/dist/esm/primitives/Icon/icons/IconAdd.mjs +15 -1
  102. package/dist/esm/primitives/Icon/icons/IconCheck.mjs +15 -1
  103. package/dist/esm/primitives/Icon/icons/IconCheckCircle.mjs +15 -1
  104. package/dist/esm/primitives/Icon/icons/IconCheckCircleOutline.mjs +13 -1
  105. package/dist/esm/primitives/Icon/icons/IconChevronLeft.mjs +15 -1
  106. package/dist/esm/primitives/Icon/icons/IconChevronRight.mjs +15 -1
  107. package/dist/esm/primitives/Icon/icons/IconClose.mjs +15 -1
  108. package/dist/esm/primitives/Icon/icons/IconEdit.mjs +15 -1
  109. package/dist/esm/primitives/Icon/icons/IconError.mjs +15 -1
  110. package/dist/esm/primitives/Icon/icons/IconExpandMore.mjs +15 -1
  111. package/dist/esm/primitives/Icon/icons/IconFile.mjs +15 -1
  112. package/dist/esm/primitives/Icon/icons/IconIndeterminate.mjs +15 -1
  113. package/dist/esm/primitives/Icon/icons/IconInfo.mjs +15 -1
  114. package/dist/esm/primitives/Icon/icons/IconMenu.mjs +15 -1
  115. package/dist/esm/primitives/Icon/icons/IconRemove.mjs +15 -1
  116. package/dist/esm/primitives/Icon/icons/IconSearch.mjs +15 -1
  117. package/dist/esm/primitives/Icon/icons/IconStar.mjs +15 -1
  118. package/dist/esm/primitives/Icon/icons/IconUpload.mjs +15 -1
  119. package/dist/esm/primitives/Icon/icons/IconVisibility.mjs +15 -1
  120. package/dist/esm/primitives/Icon/icons/IconVisibilityOff.mjs +15 -1
  121. package/dist/esm/primitives/Icon/icons/IconWarning.mjs +15 -1
  122. package/dist/esm/primitives/Image/Image.mjs +13 -1
  123. package/dist/esm/primitives/Input/Input.mjs +15 -1
  124. package/dist/esm/primitives/Label/Label.mjs +14 -1
  125. package/dist/esm/primitives/Link/Link.mjs +15 -1
  126. package/dist/esm/primitives/Loader/Loader.mjs +56 -1
  127. package/dist/esm/primitives/Menu/Menu.mjs +31 -1
  128. package/dist/esm/primitives/Menu/MenuButton.mjs +18 -1
  129. package/dist/esm/primitives/Menu/MenuItem.mjs +22 -1
  130. package/dist/esm/primitives/Message/Message.mjs +23 -1
  131. package/dist/esm/primitives/Message/MessageContainer.mjs +19 -1
  132. package/dist/esm/primitives/Message/MessageContent.mjs +12 -1
  133. package/dist/esm/primitives/Message/MessageDismiss.mjs +28 -1
  134. package/dist/esm/primitives/Message/MessageHeading.mjs +12 -1
  135. package/dist/esm/primitives/Message/MessageIcon.mjs +35 -1
  136. package/dist/esm/primitives/Message/useMessage.mjs +9 -1
  137. package/dist/esm/primitives/Pagination/Pagination.mjs +31 -1
  138. package/dist/esm/primitives/Pagination/PaginationItem.mjs +48 -1
  139. package/dist/esm/primitives/Pagination/usePagination.mjs +41 -1
  140. package/dist/esm/primitives/Pagination/usePaginationItems.mjs +39 -1
  141. package/dist/esm/primitives/Pagination/useRange.mjs +72 -1
  142. package/dist/esm/primitives/PasswordField/PasswordField.mjs +25 -1
  143. package/dist/esm/primitives/PasswordField/ShowPasswordButton.mjs +30 -1
  144. package/dist/esm/primitives/PhoneNumberField/DialCodeSelect.mjs +21 -0
  145. package/dist/esm/primitives/PhoneNumberField/PhoneNumberField.mjs +17 -1
  146. package/dist/esm/primitives/Placeholder/Placeholder.mjs +18 -1
  147. package/dist/esm/primitives/Radio/Radio.mjs +31 -1
  148. package/dist/esm/primitives/RadioGroupField/RadioGroupField.mjs +55 -1
  149. package/dist/esm/primitives/RadioGroupField/context.mjs +9 -1
  150. package/dist/esm/primitives/Rating/Rating.mjs +44 -1
  151. package/dist/esm/primitives/Rating/RatingIcon.mjs +11 -1
  152. package/dist/esm/primitives/Rating/RatingMixedIcon.mjs +13 -1
  153. package/dist/esm/primitives/Rating/utils.mjs +18 -1
  154. package/dist/esm/primitives/ScrollView/ScrollView.mjs +13 -1
  155. package/dist/esm/primitives/SearchField/SearchField.mjs +38 -1
  156. package/dist/esm/primitives/SearchField/SearchFieldButton.mjs +21 -1
  157. package/dist/esm/primitives/SearchField/useSearchField.mjs +64 -1
  158. package/dist/esm/primitives/Select/Select.mjs +31 -1
  159. package/dist/esm/primitives/SelectField/SelectField.mjs +42 -1
  160. package/dist/esm/primitives/SliderField/SliderField.mjs +77 -1
  161. package/dist/esm/primitives/StepperField/StepperField.mjs +60 -1
  162. package/dist/esm/primitives/StepperField/useStepper.mjs +113 -1
  163. package/dist/esm/primitives/SwitchField/SwitchField.mjs +48 -1
  164. package/dist/esm/primitives/SwitchField/useSwitch.mjs +30 -1
  165. package/dist/esm/primitives/Table/Table.mjs +18 -1
  166. package/dist/esm/primitives/Table/TableBody.mjs +10 -1
  167. package/dist/esm/primitives/Table/TableCell.mjs +12 -1
  168. package/dist/esm/primitives/Table/TableFoot.mjs +10 -1
  169. package/dist/esm/primitives/Table/TableHead.mjs +10 -1
  170. package/dist/esm/primitives/Table/TableRow.mjs +10 -1
  171. package/dist/esm/primitives/Tabs/Tabs.mjs +24 -1
  172. package/dist/esm/primitives/Tabs/TabsContainer.mjs +35 -0
  173. package/dist/esm/primitives/Tabs/TabsContext.mjs +8 -0
  174. package/dist/esm/primitives/Tabs/TabsItem.mjs +24 -0
  175. package/dist/esm/primitives/Tabs/TabsList.mjs +85 -0
  176. package/dist/esm/primitives/Tabs/TabsPanel.mjs +19 -0
  177. package/dist/esm/primitives/Text/Text.mjs +16 -1
  178. package/dist/esm/primitives/TextArea/TextArea.mjs +15 -1
  179. package/dist/esm/primitives/TextAreaField/TextAreaField.mjs +36 -1
  180. package/dist/esm/primitives/TextField/TextField.mjs +34 -1
  181. package/dist/esm/primitives/ToggleButton/ToggleButton.mjs +24 -1
  182. package/dist/esm/primitives/ToggleButton/useToggleButton.mjs +23 -1
  183. package/dist/esm/primitives/ToggleButtonGroup/ToggleButtonGroup.mjs +35 -1
  184. package/dist/esm/primitives/ToggleButtonGroup/useToggleButtonGroup.mjs +36 -1
  185. package/dist/esm/primitives/View/View.mjs +23 -1
  186. package/dist/esm/primitives/VisuallyHidden/VisuallyHidden.mjs +13 -1
  187. package/dist/esm/primitives/index.mjs +63 -1
  188. package/dist/esm/primitives/shared/constants.mjs +98 -1
  189. package/dist/esm/primitives/shared/getStyleValue.mjs +25 -1
  190. package/dist/esm/primitives/shared/responsive/getMediaQueries.mjs +29 -1
  191. package/dist/esm/primitives/shared/responsive/useBreakpoint.mjs +39 -1
  192. package/dist/esm/primitives/shared/responsive/utils.mjs +51 -1
  193. package/dist/esm/primitives/shared/styleUtils.mjs +122 -1
  194. package/dist/esm/primitives/shared/utils.mjs +60 -1
  195. package/dist/esm/primitives/types/style.mjs +104 -1
  196. package/dist/esm/primitives/types/theme.mjs +7 -1
  197. package/dist/esm/primitives/utils/getTestId.mjs +3 -1
  198. package/dist/esm/primitives/utils/primitiveWithForwardRef.mjs +14 -0
  199. package/dist/esm/primitives/utils/splitPrimitiveProps.mjs +36 -1
  200. package/dist/esm/primitives/utils/useLayoutEffect.mjs +13 -1
  201. package/dist/esm/primitives/utils/useStableId.mjs +34 -1
  202. package/dist/esm/version.mjs +3 -1
  203. package/dist/index.js +3485 -1
  204. package/dist/internal.js +16403 -1
  205. package/dist/styles/StorageManager.css +138 -0
  206. package/dist/styles/StorageManager.layer.css +140 -0
  207. package/dist/styles/_fieldControl.css +0 -0
  208. package/dist/styles/_fieldControl.layer.css +3 -0
  209. package/dist/styles/accordion.css +64 -0
  210. package/dist/styles/accordion.layer.css +66 -0
  211. package/dist/styles/alert.css +44 -0
  212. package/dist/styles/alert.layer.css +46 -0
  213. package/dist/styles/authenticator.css +72 -0
  214. package/dist/styles/authenticator.layer.css +74 -0
  215. package/dist/styles/autocomplete.css +48 -0
  216. package/dist/styles/autocomplete.layer.css +50 -0
  217. package/dist/styles/badge.css +35 -0
  218. package/dist/styles/badge.layer.css +37 -0
  219. package/dist/styles/base.css +1491 -0
  220. package/dist/styles/base.layer.css +1493 -0
  221. package/dist/styles/breadcrumbs.css +40 -0
  222. package/dist/styles/breadcrumbs.layer.css +42 -0
  223. package/dist/styles/button.css +1122 -0
  224. package/dist/styles/button.layer.css +1124 -0
  225. package/dist/styles/card.css +26 -0
  226. package/dist/styles/card.layer.css +28 -0
  227. package/dist/styles/checkbox.css +95 -0
  228. package/dist/styles/checkbox.layer.css +97 -0
  229. package/dist/styles/checkboxField.css +6 -0
  230. package/dist/styles/checkboxField.layer.css +8 -0
  231. package/dist/styles/collection.css +70 -0
  232. package/dist/styles/collection.layer.css +72 -0
  233. package/dist/styles/copy.css +27 -0
  234. package/dist/styles/copy.layer.css +29 -0
  235. package/dist/styles/dialCodeSelect.css +3 -0
  236. package/dist/styles/dialCodeSelect.layer.css +5 -0
  237. package/dist/styles/divider.css +47 -0
  238. package/dist/styles/divider.layer.css +49 -0
  239. package/dist/styles/dropZone.css +45 -0
  240. package/dist/styles/dropZone.layer.css +47 -0
  241. package/dist/styles/field.css +17 -0
  242. package/dist/styles/field.layer.css +19 -0
  243. package/dist/styles/fieldGroup.css +130 -0
  244. package/dist/styles/fieldGroup.layer.css +132 -0
  245. package/dist/styles/fieldMessages.css +10 -0
  246. package/dist/styles/fieldMessages.layer.css +12 -0
  247. package/dist/styles/fieldModifiers.css +15 -0
  248. package/dist/styles/fieldModifiers.layer.css +17 -0
  249. package/dist/styles/fieldset.css +37 -0
  250. package/dist/styles/fieldset.layer.css +39 -0
  251. package/dist/styles/flex.css +8 -0
  252. package/dist/styles/flex.layer.css +10 -0
  253. package/dist/styles/grid.css +3 -0
  254. package/dist/styles/grid.layer.css +5 -0
  255. package/dist/styles/heading.css +40 -0
  256. package/dist/styles/heading.layer.css +42 -0
  257. package/dist/styles/highlightMatch.css +3 -0
  258. package/dist/styles/highlightMatch.layer.css +5 -0
  259. package/dist/styles/icon.css +14 -0
  260. package/dist/styles/icon.layer.css +16 -0
  261. package/dist/styles/image.css +9 -0
  262. package/dist/styles/image.layer.css +11 -0
  263. package/dist/styles/inAppMessaging.css +179 -0
  264. package/dist/styles/inAppMessaging.layer.css +181 -0
  265. package/dist/styles/input.css +83 -0
  266. package/dist/styles/input.layer.css +85 -0
  267. package/dist/styles/link.css +26 -0
  268. package/dist/styles/link.layer.css +28 -0
  269. package/dist/styles/liveness.css +374 -0
  270. package/dist/styles/liveness.layer.css +376 -0
  271. package/dist/styles/loader.css +108 -0
  272. package/dist/styles/loader.layer.css +110 -0
  273. package/dist/styles/menu.css +54 -0
  274. package/dist/styles/menu.layer.css +56 -0
  275. package/dist/styles/message.css +111 -0
  276. package/dist/styles/message.layer.css +113 -0
  277. package/dist/styles/pagination.css +41 -0
  278. package/dist/styles/pagination.layer.css +43 -0
  279. package/dist/styles/passwordField.css +49 -0
  280. package/dist/styles/passwordField.layer.css +51 -0
  281. package/dist/styles/phoneNumberField.css +30 -0
  282. package/dist/styles/phoneNumberField.layer.css +32 -0
  283. package/dist/styles/placeholder.css +31 -0
  284. package/dist/styles/placeholder.layer.css +33 -0
  285. package/dist/styles/radio.css +82 -0
  286. package/dist/styles/radio.layer.css +84 -0
  287. package/dist/styles/radioGroupField.css +25 -0
  288. package/dist/styles/radioGroupField.layer.css +27 -0
  289. package/dist/styles/radiogroup.css +5 -0
  290. package/dist/styles/radiogroup.layer.css +7 -0
  291. package/dist/styles/rating.css +33 -0
  292. package/dist/styles/rating.layer.css +35 -0
  293. package/dist/styles/reset.css +76 -0
  294. package/dist/styles/reset.layer.css +78 -0
  295. package/dist/styles/scrollView.css +4 -0
  296. package/dist/styles/scrollView.layer.css +6 -0
  297. package/dist/styles/searchField.css +29 -0
  298. package/dist/styles/searchField.layer.css +31 -0
  299. package/dist/styles/select.css +128 -0
  300. package/dist/styles/select.layer.css +130 -0
  301. package/dist/styles/selectField.css +18 -0
  302. package/dist/styles/selectField.layer.css +20 -0
  303. package/dist/styles/sliderField.css +143 -0
  304. package/dist/styles/sliderField.layer.css +145 -0
  305. package/dist/styles/stepperField.css +77 -0
  306. package/dist/styles/stepperField.layer.css +79 -0
  307. package/dist/styles/switchField.css +76 -0
  308. package/dist/styles/switchField.layer.css +78 -0
  309. package/dist/styles/table.css +146 -0
  310. package/dist/styles/table.layer.css +148 -0
  311. package/dist/styles/tabs.css +87 -0
  312. package/dist/styles/tabs.layer.css +89 -0
  313. package/dist/styles/text.css +40 -0
  314. package/dist/styles/text.layer.css +42 -0
  315. package/dist/styles/textArea.css +71 -0
  316. package/dist/styles/textArea.layer.css +73 -0
  317. package/dist/styles/textAreaField.css +12 -0
  318. package/dist/styles/textAreaField.layer.css +14 -0
  319. package/dist/styles/textField.css +14 -0
  320. package/dist/styles/textField.layer.css +16 -0
  321. package/dist/styles/toggleButton.css +280 -0
  322. package/dist/styles/toggleButton.layer.css +282 -0
  323. package/dist/styles/toggleButtonGroup.css +31 -0
  324. package/dist/styles/toggleButtonGroup.layer.css +33 -0
  325. package/dist/styles/visuallyHidden.css +12 -0
  326. package/dist/styles/visuallyHidden.layer.css +14 -0
  327. package/dist/styles.css +299 -685
  328. package/dist/styles.layer.css +6115 -0
  329. package/dist/types/components/AccountSettings/ChangePassword/ChangePassword.d.ts +6 -6
  330. package/dist/types/components/AccountSettings/ChangePassword/types.d.ts +3 -0
  331. package/dist/types/components/AccountSettings/DeleteUser/DeleteUser.d.ts +3 -3
  332. package/dist/types/components/AccountSettings/DeleteUser/types.d.ts +7 -2
  333. package/dist/types/components/AccountSettings/utils/displayText.d.ts +18 -0
  334. package/dist/types/components/AccountSettings/utils/index.d.ts +1 -0
  335. package/dist/types/components/Authenticator/Authenticator.d.ts +4 -3
  336. package/dist/types/components/Authenticator/ConfirmSignIn/ConfirmSignIn.d.ts +2 -2
  337. package/dist/types/components/Authenticator/ConfirmSignUp/ConfirmSignUp.d.ts +2 -2
  338. package/dist/types/components/Authenticator/{ResetPassword → ForgotPassword}/index.d.ts +1 -1
  339. package/dist/types/components/Authenticator/{SetupTOTP/SetupTOTP.d.ts → SetupTotp/SetupTotp.d.ts} +1 -1
  340. package/dist/types/components/Authenticator/SetupTotp/index.d.ts +1 -0
  341. package/dist/types/components/Authenticator/SignIn/SignIn.d.ts +2 -2
  342. package/dist/types/components/Authenticator/SignUp/SignUp.d.ts +2 -2
  343. package/dist/types/components/Authenticator/VerifyUser/ConfirmVerifyUser.d.ts +2 -2
  344. package/dist/types/components/Authenticator/hooks/useCustomComponents/defaultComponents.d.ts +1 -1
  345. package/dist/types/components/Authenticator/withAuthenticator.d.ts +2 -2
  346. package/dist/types/components/ThemeProvider/ThemeContext.d.ts +6 -0
  347. package/dist/types/components/ThemeProvider/ThemeProvider.d.ts +1 -2
  348. package/dist/types/components/ThemeProvider/index.d.ts +1 -1
  349. package/dist/types/components/index.d.ts +0 -1
  350. package/dist/types/hooks/index.d.ts +0 -1
  351. package/dist/types/hooks/useAuth.d.ts +2 -2
  352. package/dist/types/hooks/useStorageURL.d.ts +2 -6
  353. package/dist/types/hooks/useTheme.d.ts +2 -2
  354. package/dist/types/index.d.ts +1 -1
  355. package/dist/types/internal.d.ts +0 -12
  356. package/dist/types/primitives/Accordion/Accordion.d.ts +19 -0
  357. package/dist/types/primitives/Accordion/AccordionContainer.d.ts +8 -0
  358. package/dist/types/primitives/Accordion/AccordionContent.d.ts +9 -0
  359. package/dist/types/primitives/Accordion/AccordionContext.d.ts +9 -0
  360. package/dist/types/primitives/Accordion/AccordionIcon.d.ts +9 -0
  361. package/dist/types/primitives/Accordion/AccordionItem.d.ts +6 -0
  362. package/dist/types/primitives/Accordion/AccordionTrigger.d.ts +9 -0
  363. package/dist/types/primitives/Accordion/index.d.ts +2 -0
  364. package/dist/types/primitives/Accordion/types.d.ts +49 -0
  365. package/dist/types/primitives/Alert/AlertIcon.d.ts +5 -2
  366. package/dist/types/primitives/Breadcrumbs/BreadcrumbItem.d.ts +1 -1
  367. package/dist/types/primitives/DropZone/DropZoneChildren.d.ts +10 -3
  368. package/dist/types/primitives/Icon/context/IconsContext.d.ts +1 -1
  369. package/dist/types/primitives/PhoneNumberField/DialCodeSelect.d.ts +2 -0
  370. package/dist/types/primitives/StepperField/useStepper.d.ts +1 -1
  371. package/dist/types/primitives/Tabs/Tabs.d.ts +14 -3
  372. package/dist/types/primitives/Tabs/TabsContainer.d.ts +6 -0
  373. package/dist/types/primitives/Tabs/TabsContext.d.ts +7 -0
  374. package/dist/types/primitives/Tabs/TabsItem.d.ts +6 -0
  375. package/dist/types/primitives/Tabs/TabsList.d.ts +6 -0
  376. package/dist/types/primitives/Tabs/TabsPanel.d.ts +6 -0
  377. package/dist/types/primitives/Tabs/index.d.ts +2 -1
  378. package/dist/types/primitives/Tabs/types.d.ts +93 -0
  379. package/dist/types/primitives/components.d.ts +2 -2
  380. package/dist/types/primitives/index.d.ts +0 -1
  381. package/dist/types/primitives/shared/constants.d.ts +0 -6
  382. package/dist/types/primitives/shared/responsive/utils.d.ts +1 -1
  383. package/dist/types/primitives/shared/styleUtils.d.ts +2 -2
  384. package/dist/types/primitives/types/collection.d.ts +2 -2
  385. package/dist/types/primitives/types/fieldset.d.ts +1 -1
  386. package/dist/types/primitives/types/index.d.ts +0 -3
  387. package/dist/types/primitives/types/radioGroupField.d.ts +2 -1
  388. package/dist/types/primitives/types/view.d.ts +32 -2
  389. package/dist/types/primitives/utils/primitiveWithForwardRef.d.ts +11 -0
  390. package/package.json +13 -45
  391. package/dist/Field-94e428ed.js +0 -1
  392. package/dist/esm/components/Authenticator/ResetPassword/ConfirmResetPassword.mjs +0 -1
  393. package/dist/esm/components/Authenticator/ResetPassword/ResetPassword.mjs +0 -1
  394. package/dist/esm/components/Authenticator/SetupTOTP/SetupTOTP.mjs +0 -1
  395. package/dist/esm/components/Storage/FileUploader/FileUploader.mjs +0 -1
  396. package/dist/esm/components/Storage/FileUploader/UploadDropZone/UploadDropZone.mjs +0 -1
  397. package/dist/esm/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.mjs +0 -1
  398. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadMessage.mjs +0 -1
  399. package/dist/esm/components/Storage/FileUploader/UploadTracker/UploadTracker.mjs +0 -1
  400. package/dist/esm/components/Storage/FileUploader/hooks/useFileUploader/useFileUploader.mjs +0 -1
  401. package/dist/esm/components/Storage/FileUploader/types.mjs +0 -1
  402. package/dist/esm/components/ThemeProvider/AmplifyContext.mjs +0 -1
  403. package/dist/esm/helpers/constants.mjs +0 -1
  404. package/dist/esm/hooks/actions/constants.mjs +0 -1
  405. package/dist/esm/hooks/actions/shared/types.mjs +0 -1
  406. package/dist/esm/hooks/actions/shared/useTypeCastFields.mjs +0 -1
  407. package/dist/esm/hooks/actions/useAuthSignOutAction.mjs +0 -1
  408. package/dist/esm/hooks/actions/useDataStoreCreateAction.mjs +0 -1
  409. package/dist/esm/hooks/actions/useDataStoreDeleteAction.mjs +0 -1
  410. package/dist/esm/hooks/actions/useDataStoreUpdateAction.mjs +0 -1
  411. package/dist/esm/hooks/actions/useNavigateAction.mjs +0 -1
  412. package/dist/esm/hooks/actions/useStateMutationAction.mjs +0 -1
  413. package/dist/esm/hooks/useAmplify.mjs +0 -1
  414. package/dist/esm/hooks/useDataStore.mjs +0 -1
  415. package/dist/esm/primitives/Expander/Expander.mjs +0 -1
  416. package/dist/esm/primitives/Expander/ExpanderItem.mjs +0 -1
  417. package/dist/esm/primitives/PhoneNumberField/CountryCodeSelect.mjs +0 -1
  418. package/dist/esm/primitives/shared/datastore.mjs +0 -1
  419. package/dist/esm/studio/findChildOverrides.mjs +0 -1
  420. package/dist/esm/studio/getOverrideProps.mjs +0 -1
  421. package/dist/esm/studio/getOverridesFromVariants.mjs +0 -1
  422. package/dist/esm/studio/mergeVariantsAndOverrides.mjs +0 -1
  423. package/dist/styles.js +0 -2
  424. package/dist/types/components/Authenticator/SetupTOTP/index.d.ts +0 -1
  425. package/dist/types/components/Storage/FileUploader/FileUploader.d.ts +0 -3
  426. package/dist/types/components/Storage/FileUploader/UploadDropZone/UploadDropZone.d.ts +0 -3
  427. package/dist/types/components/Storage/FileUploader/UploadDropZone/index.d.ts +0 -1
  428. package/dist/types/components/Storage/FileUploader/UploadPreviewer/UploadPreviewer.d.ts +0 -3
  429. package/dist/types/components/Storage/FileUploader/UploadPreviewer/index.d.ts +0 -1
  430. package/dist/types/components/Storage/FileUploader/UploadTracker/UploadMessage.d.ts +0 -3
  431. package/dist/types/components/Storage/FileUploader/UploadTracker/UploadTracker.d.ts +0 -3
  432. package/dist/types/components/Storage/FileUploader/UploadTracker/index.d.ts +0 -1
  433. package/dist/types/components/Storage/FileUploader/hooks/index.d.ts +0 -1
  434. package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/index.d.ts +0 -2
  435. package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/types.d.ts +0 -18
  436. package/dist/types/components/Storage/FileUploader/hooks/useFileUploader/useFileUploader.d.ts +0 -9
  437. package/dist/types/components/Storage/FileUploader/index.d.ts +0 -1
  438. package/dist/types/components/Storage/FileUploader/types.d.ts +0 -91
  439. package/dist/types/components/Storage/index.d.ts +0 -1
  440. package/dist/types/components/ThemeProvider/AmplifyContext.d.ts +0 -6
  441. package/dist/types/hooks/actions/constants.d.ts +0 -39
  442. package/dist/types/hooks/actions/shared/types.d.ts +0 -27
  443. package/dist/types/hooks/actions/shared/useTypeCastFields.d.ts +0 -15
  444. package/dist/types/hooks/actions/testModels/model.d.ts +0 -25
  445. package/dist/types/hooks/actions/testModels/schema.d.ts +0 -2
  446. package/dist/types/hooks/actions/testModels/todo.d.ts +0 -13
  447. package/dist/types/hooks/actions/useAuthSignOutAction.d.ts +0 -9
  448. package/dist/types/hooks/actions/useDataStoreCreateAction.d.ts +0 -9
  449. package/dist/types/hooks/actions/useDataStoreDeleteAction.d.ts +0 -10
  450. package/dist/types/hooks/actions/useDataStoreUpdateAction.d.ts +0 -10
  451. package/dist/types/hooks/actions/useNavigateAction.d.ts +0 -15
  452. package/dist/types/hooks/actions/useStateMutationAction.d.ts +0 -10
  453. package/dist/types/hooks/useAmplify.d.ts +0 -6
  454. package/dist/types/hooks/useDataStore.d.ts +0 -18
  455. package/dist/types/primitives/Expander/Expander.d.ts +0 -6
  456. package/dist/types/primitives/Expander/ExpanderItem.d.ts +0 -7
  457. package/dist/types/primitives/Expander/index.d.ts +0 -2
  458. package/dist/types/primitives/Menu/__tests_/menu.test.d.ts +0 -1
  459. package/dist/types/primitives/PhoneNumberField/CountryCodeSelect.d.ts +0 -2
  460. package/dist/types/primitives/Rating/__test__/Rating.test.d.ts +0 -1
  461. package/dist/types/primitives/Rating/__test__/utils.test.d.ts +0 -1
  462. package/dist/types/primitives/Text/__test__/Text.test.d.ts +0 -1
  463. package/dist/types/primitives/shared/datastore.d.ts +0 -7
  464. package/dist/types/primitives/shared/index.d.ts +0 -1
  465. package/dist/types/primitives/shared/types.d.ts +0 -15
  466. package/dist/types/primitives/types/datastore.d.ts +0 -31
  467. package/dist/types/primitives/types/expander.d.ts +0 -51
  468. package/dist/types/primitives/types/tabs.d.ts +0 -63
  469. package/dist/types/studio/findChildOverrides.d.ts +0 -18
  470. package/dist/types/studio/getOverrideProps.d.ts +0 -18
  471. package/dist/types/studio/getOverridesFromVariants.d.ts +0 -20
  472. package/dist/types/studio/index.d.ts +0 -5
  473. package/dist/types/studio/mergeVariantsAndOverrides.d.ts +0 -18
  474. package/dist/types/studio/types.d.ts +0 -18
  475. package/dist/types/styles.d.ts +0 -1
  476. /package/dist/types/components/Authenticator/{ResetPassword → ForgotPassword}/ConfirmResetPassword.d.ts +0 -0
  477. /package/dist/types/components/Authenticator/{ResetPassword/ResetPassword.d.ts → ForgotPassword/ForgotPassword.d.ts} +0 -0
package/dist/styles/card.css ADDED
@@ -0,0 +1,26 @@
1
+ .amplify-card {
2
+ background-color: var(--amplify-components-card-background-color);
3
+ border-radius: var(--amplify-components-card-border-radius);
4
+ border-width: var(--amplify-components-card-border-width);
5
+ border-style: var(--amplify-components-card-border-style);
6
+ border-color: var(--amplify-components-card-border-color);
7
+ box-shadow: var(--amplify-components-card-box-shadow);
8
+ display: block;
9
+ padding: var(--amplify-components-card-padding);
10
+ }
11
+ .amplify-card--outlined {
12
+ background-color: var(--amplify-components-card-outlined-background-color);
13
+ border-radius: var(--amplify-components-card-outlined-border-radius);
14
+ border-width: var(--amplify-components-card-outlined-border-width);
15
+ border-style: var(--amplify-components-card-outlined-border-style);
16
+ border-color: var(--amplify-components-card-outlined-border-color);
17
+ box-shadow: var(--amplify-components-card-outlined-box-shadow);
18
+ }
19
+ .amplify-card--elevated {
20
+ background-color: var(--amplify-components-card-elevated-background-color);
21
+ border-radius: var(--amplify-components-card-elevated-border-radius);
22
+ border-width: var(--amplify-components-card-elevated-border-width);
23
+ border-style: var(--amplify-components-card-elevated-border-style);
24
+ border-color: var(--amplify-components-card-elevated-border-color);
25
+ box-shadow: var(--amplify-components-card-elevated-box-shadow);
26
+ }
package/dist/styles/card.layer.css ADDED
@@ -0,0 +1,28 @@
1
+ @layer amplify.components {
2
+ .amplify-card {
3
+ background-color: var(--amplify-components-card-background-color);
4
+ border-radius: var(--amplify-components-card-border-radius);
5
+ border-width: var(--amplify-components-card-border-width);
6
+ border-style: var(--amplify-components-card-border-style);
7
+ border-color: var(--amplify-components-card-border-color);
8
+ box-shadow: var(--amplify-components-card-box-shadow);
9
+ display: block;
10
+ padding: var(--amplify-components-card-padding);
11
+ }
12
+ .amplify-card--outlined {
13
+ background-color: var(--amplify-components-card-outlined-background-color);
14
+ border-radius: var(--amplify-components-card-outlined-border-radius);
15
+ border-width: var(--amplify-components-card-outlined-border-width);
16
+ border-style: var(--amplify-components-card-outlined-border-style);
17
+ border-color: var(--amplify-components-card-outlined-border-color);
18
+ box-shadow: var(--amplify-components-card-outlined-box-shadow);
19
+ }
20
+ .amplify-card--elevated {
21
+ background-color: var(--amplify-components-card-elevated-background-color);
22
+ border-radius: var(--amplify-components-card-elevated-border-radius);
23
+ border-width: var(--amplify-components-card-elevated-border-width);
24
+ border-style: var(--amplify-components-card-elevated-border-style);
25
+ border-color: var(--amplify-components-card-elevated-border-color);
26
+ box-shadow: var(--amplify-components-card-elevated-box-shadow);
27
+ }
28
+ }
package/dist/styles/checkbox.css ADDED
@@ -0,0 +1,95 @@
1
+ .amplify-checkbox {
2
+ cursor: var(--amplify-components-checkbox-cursor);
3
+ align-items: var(--amplify-components-checkbox-align-items);
4
+ flex-direction: row-reverse;
5
+ gap: inherit;
6
+ position: relative;
7
+ }
8
+ .amplify-checkbox--disabled {
9
+ cursor: var(--amplify-components-checkbox-disabled-cursor);
10
+ color: var(--amplify-components-checkbox-label-disabled-color);
11
+ }
12
+
13
+ .amplify-checkbox__button {
14
+ position: var(--amplify-components-checkbox-button-position);
15
+ align-items: var(--amplify-components-checkbox-button-align-items);
16
+ justify-content: var(--amplify-components-checkbox-button-justify-content);
17
+ color: var(--amplify-components-checkbox-button-color);
18
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
19
+ --amplify-components-checkbox-button-focus-border-color
20
+ );
21
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
22
+ --amplify-components-checkbox-button-focus-box-shadow
23
+ );
24
+ }
25
+ .amplify-checkbox__button::before {
26
+ content: "";
27
+ display: inline-block;
28
+ position: absolute;
29
+ box-sizing: border-box;
30
+ width: var(--amplify-components-checkbox-button-before-width);
31
+ height: var(--amplify-components-checkbox-button-before-height);
32
+ border-width: var(--amplify-components-checkbox-button-before-border-width);
33
+ border-radius: var(--amplify-components-checkbox-button-before-border-radius);
34
+ border-style: var(--amplify-components-checkbox-button-before-border-style);
35
+ border-color: var(--amplify-components-checkbox-button-before-border-color);
36
+ }
37
+ .amplify-checkbox__button--focused::before {
38
+ outline-color: var(--amplify-components-checkbox-button-focus-outline-color);
39
+ outline-style: var(--amplify-components-checkbox-button-focus-outline-style);
40
+ outline-width: var(--amplify-components-checkbox-button-focus-outline-width);
41
+ outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset);
42
+ border-color: var(--amplify-internal-checkbox_button-focused-before-border-color);
43
+ box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow);
44
+ }
45
+ .amplify-checkbox__button--error {
46
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
47
+ --amplify-components-checkbox-button-error-focus-border-color
48
+ );
49
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
50
+ --amplify-components-checkbox-button-error-focus-box-shadow
51
+ );
52
+ }
53
+ .amplify-checkbox__button--error::before {
54
+ border-color: var(--amplify-components-checkbox-button-error-border-color);
55
+ }
56
+ .amplify-checkbox__button--disabled::before {
57
+ border-color: var(--amplify-components-checkbox-button-disabled-border-color);
58
+ }
59
+
60
+ .amplify-checkbox__icon {
61
+ line-height: 1;
62
+ width: 1em;
63
+ height: 1em;
64
+ background-color: var(--amplify-components-checkbox-icon-background-color);
65
+ opacity: var(--amplify-components-checkbox-icon-opacity);
66
+ transform: var(--amplify-components-checkbox-icon-transform);
67
+ border-radius: var(--amplify-components-checkbox-icon-border-radius);
68
+ transition-property: var(--amplify-components-checkbox-icon-transition-property);
69
+ transition-duration: var(--amplify-components-checkbox-icon-transition-duration);
70
+ transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function);
71
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
72
+ --amplify-components-checkbox-icon-background-color
73
+ );
74
+ }
75
+ .amplify-checkbox__icon--checked {
76
+ opacity: var(--amplify-components-checkbox-icon-checked-opacity);
77
+ transform: var(--amplify-components-checkbox-icon-checked-transform);
78
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
79
+ --amplify-components-checkbox-icon-checked-disabled-background-color
80
+ );
81
+ }
82
+ .amplify-checkbox__icon--indeterminate {
83
+ opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
84
+ transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
85
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
86
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color
87
+ );
88
+ }
89
+ .amplify-checkbox__icon--disabled {
90
+ background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
91
+ }
92
+
93
+ .amplify-checkbox__label {
94
+ color: inherit;
95
+ }
package/dist/styles/checkbox.layer.css ADDED
@@ -0,0 +1,97 @@
1
+ @layer amplify.components {
2
+ .amplify-checkbox {
3
+ cursor: var(--amplify-components-checkbox-cursor);
4
+ align-items: var(--amplify-components-checkbox-align-items);
5
+ flex-direction: row-reverse;
6
+ gap: inherit;
7
+ position: relative;
8
+ }
9
+ .amplify-checkbox--disabled {
10
+ cursor: var(--amplify-components-checkbox-disabled-cursor);
11
+ color: var(--amplify-components-checkbox-label-disabled-color);
12
+ }
13
+
14
+ .amplify-checkbox__button {
15
+ position: var(--amplify-components-checkbox-button-position);
16
+ align-items: var(--amplify-components-checkbox-button-align-items);
17
+ justify-content: var(--amplify-components-checkbox-button-justify-content);
18
+ color: var(--amplify-components-checkbox-button-color);
19
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
20
+ --amplify-components-checkbox-button-focus-border-color
21
+ );
22
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
23
+ --amplify-components-checkbox-button-focus-box-shadow
24
+ );
25
+ }
26
+ .amplify-checkbox__button::before {
27
+ content: "";
28
+ display: inline-block;
29
+ position: absolute;
30
+ box-sizing: border-box;
31
+ width: var(--amplify-components-checkbox-button-before-width);
32
+ height: var(--amplify-components-checkbox-button-before-height);
33
+ border-width: var(--amplify-components-checkbox-button-before-border-width);
34
+ border-radius: var(--amplify-components-checkbox-button-before-border-radius);
35
+ border-style: var(--amplify-components-checkbox-button-before-border-style);
36
+ border-color: var(--amplify-components-checkbox-button-before-border-color);
37
+ }
38
+ .amplify-checkbox__button--focused::before {
39
+ outline-color: var(--amplify-components-checkbox-button-focus-outline-color);
40
+ outline-style: var(--amplify-components-checkbox-button-focus-outline-style);
41
+ outline-width: var(--amplify-components-checkbox-button-focus-outline-width);
42
+ outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset);
43
+ border-color: var(--amplify-internal-checkbox_button-focused-before-border-color);
44
+ box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow);
45
+ }
46
+ .amplify-checkbox__button--error {
47
+ --amplify-internal-checkbox_button-focused-before-border-color: var(
48
+ --amplify-components-checkbox-button-error-focus-border-color
49
+ );
50
+ --amplify-internal-checkbox_button-focused-before-box-shadow: var(
51
+ --amplify-components-checkbox-button-error-focus-box-shadow
52
+ );
53
+ }
54
+ .amplify-checkbox__button--error::before {
55
+ border-color: var(--amplify-components-checkbox-button-error-border-color);
56
+ }
57
+ .amplify-checkbox__button--disabled::before {
58
+ border-color: var(--amplify-components-checkbox-button-disabled-border-color);
59
+ }
60
+
61
+ .amplify-checkbox__icon {
62
+ line-height: 1;
63
+ width: 1em;
64
+ height: 1em;
65
+ background-color: var(--amplify-components-checkbox-icon-background-color);
66
+ opacity: var(--amplify-components-checkbox-icon-opacity);
67
+ transform: var(--amplify-components-checkbox-icon-transform);
68
+ border-radius: var(--amplify-components-checkbox-icon-border-radius);
69
+ transition-property: var(--amplify-components-checkbox-icon-transition-property);
70
+ transition-duration: var(--amplify-components-checkbox-icon-transition-duration);
71
+ transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function);
72
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
73
+ --amplify-components-checkbox-icon-background-color
74
+ );
75
+ }
76
+ .amplify-checkbox__icon--checked {
77
+ opacity: var(--amplify-components-checkbox-icon-checked-opacity);
78
+ transform: var(--amplify-components-checkbox-icon-checked-transform);
79
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
80
+ --amplify-components-checkbox-icon-checked-disabled-background-color
81
+ );
82
+ }
83
+ .amplify-checkbox__icon--indeterminate {
84
+ opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
85
+ transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
86
+ --amplify-internal-checkbox-icon-disabled-background-color: var(
87
+ --amplify-components-checkbox-icon-indeterminate-disabled-background-color
88
+ );
89
+ }
90
+ .amplify-checkbox__icon--disabled {
91
+ background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
92
+ }
93
+
94
+ .amplify-checkbox__label {
95
+ color: inherit;
96
+ }
97
+ }
package/dist/styles/checkboxField.css ADDED
@@ -0,0 +1,6 @@
1
+ .amplify-checkboxfield {
2
+ align-content: var(--amplify-components-checkboxfield-align-content);
3
+ align-items: var(--amplify-components-checkboxfield-align-items);
4
+ flex-direction: var(--amplify-components-checkboxfield-flex-direction);
5
+ justify-content: var(--amplify-components-checkboxfield-justify-content);
6
+ }
package/dist/styles/checkboxField.layer.css ADDED
@@ -0,0 +1,8 @@
1
+ @layer amplify.components {
2
+ .amplify-checkboxfield {
3
+ align-content: var(--amplify-components-checkboxfield-align-content);
4
+ align-items: var(--amplify-components-checkboxfield-align-items);
5
+ flex-direction: var(--amplify-components-checkboxfield-flex-direction);
6
+ justify-content: var(--amplify-components-checkboxfield-justify-content);
7
+ }
8
+ }
package/dist/styles/collection.css ADDED
@@ -0,0 +1,70 @@
1
+ .amplify-collection {
2
+ flex-direction: column;
3
+ }
4
+ .amplify-collection__pagination {
5
+ justify-content: center;
6
+ --amplify-components-pagination-current-color: var(
7
+ --amplify-components-collection-pagination-current-color
8
+ );
9
+ --amplify-components-pagination-current-background-color: var(
10
+ --amplify-components-collection-pagination-current-background-color
11
+ );
12
+ --amplify-components-pagination-button-color: var(
13
+ --amplify-components-collection-pagination-button-color
14
+ );
15
+ --amplify-components-pagination-button-hover-color: var(
16
+ --amplify-components-collection-pagination-button-hover-color
17
+ );
18
+ --amplify-components-pagination-button-hover-background-color: var(
19
+ --amplify-components-collection-pagination-button-hover-background-color
20
+ );
21
+ --amplify-components-pagination-button-disabled-color: var(
22
+ --amplify-components-collection-pagination-button-disabled-color
23
+ );
24
+ }
25
+ .amplify-collection__search {
26
+ flex-direction: row;
27
+ justify-content: center;
28
+ --amplify-components-searchfield-input-color: var(
29
+ --amplify-components-collection-search-input-color
30
+ );
31
+ --amplify-components-searchfield-button-color: var(
32
+ --amplify-components-collection-search-button-color
33
+ );
34
+ --amplify-components-searchfield-button-active-background-color: var(
35
+ --amplify-components-collection-search-button-active-background-color
36
+ );
37
+ --amplify-components-searchfield-button-active-border-color: var(
38
+ --amplify-components-collection-search-button-active-border-color
39
+ );
40
+ --amplify-components-searchfield-button-active-color: var(
41
+ --amplify-components-collection-search-button-active-color
42
+ );
43
+ --amplify-components-searchfield-button-disabled-background-color: var(
44
+ --amplify-components-collection-search-button-disabled-background-color
45
+ );
46
+ --amplify-components-searchfield-button-disabled-border-color: var(
47
+ --amplify-components-collection-search-button-disabled-border-color
48
+ );
49
+ --amplify-components-searchfield-button-disabled-color: var(
50
+ --amplify-components-collection-search-button-disabled-color
51
+ );
52
+ --amplify-components-searchfield-button-focus-background-color: var(
53
+ --amplify-components-collection-search-button-focus-background-color
54
+ );
55
+ --amplify-components-searchfield-button-focus-border-color: var(
56
+ --amplify-components-collection-search-button-focus-border-color
57
+ );
58
+ --amplify-components-searchfield-button-focus-color: var(
59
+ --amplify-components-collection-search-button-focus-color
60
+ );
61
+ --amplify-components-searchfield-button-hover-background-color: var(
62
+ --amplify-components-collection-search-button-hover-background-color
63
+ );
64
+ --amplify-components-searchfield-button-hover-border-color: var(
65
+ --amplify-components-collection-search-button-hover-border-color
66
+ );
67
+ --amplify-components-searchfield-button-hover-color: var(
68
+ --amplify-components-collection-search-button-hover-color
69
+ );
70
+ }
package/dist/styles/collection.layer.css ADDED
@@ -0,0 +1,72 @@
1
+ @layer amplify.components {
2
+ .amplify-collection {
3
+ flex-direction: column;
4
+ }
5
+ .amplify-collection__pagination {
6
+ justify-content: center;
7
+ --amplify-components-pagination-current-color: var(
8
+ --amplify-components-collection-pagination-current-color
9
+ );
10
+ --amplify-components-pagination-current-background-color: var(
11
+ --amplify-components-collection-pagination-current-background-color
12
+ );
13
+ --amplify-components-pagination-button-color: var(
14
+ --amplify-components-collection-pagination-button-color
15
+ );
16
+ --amplify-components-pagination-button-hover-color: var(
17
+ --amplify-components-collection-pagination-button-hover-color
18
+ );
19
+ --amplify-components-pagination-button-hover-background-color: var(
20
+ --amplify-components-collection-pagination-button-hover-background-color
21
+ );
22
+ --amplify-components-pagination-button-disabled-color: var(
23
+ --amplify-components-collection-pagination-button-disabled-color
24
+ );
25
+ }
26
+ .amplify-collection__search {
27
+ flex-direction: row;
28
+ justify-content: center;
29
+ --amplify-components-searchfield-input-color: var(
30
+ --amplify-components-collection-search-input-color
31
+ );
32
+ --amplify-components-searchfield-button-color: var(
33
+ --amplify-components-collection-search-button-color
34
+ );
35
+ --amplify-components-searchfield-button-active-background-color: var(
36
+ --amplify-components-collection-search-button-active-background-color
37
+ );
38
+ --amplify-components-searchfield-button-active-border-color: var(
39
+ --amplify-components-collection-search-button-active-border-color
40
+ );
41
+ --amplify-components-searchfield-button-active-color: var(
42
+ --amplify-components-collection-search-button-active-color
43
+ );
44
+ --amplify-components-searchfield-button-disabled-background-color: var(
45
+ --amplify-components-collection-search-button-disabled-background-color
46
+ );
47
+ --amplify-components-searchfield-button-disabled-border-color: var(
48
+ --amplify-components-collection-search-button-disabled-border-color
49
+ );
50
+ --amplify-components-searchfield-button-disabled-color: var(
51
+ --amplify-components-collection-search-button-disabled-color
52
+ );
53
+ --amplify-components-searchfield-button-focus-background-color: var(
54
+ --amplify-components-collection-search-button-focus-background-color
55
+ );
56
+ --amplify-components-searchfield-button-focus-border-color: var(
57
+ --amplify-components-collection-search-button-focus-border-color
58
+ );
59
+ --amplify-components-searchfield-button-focus-color: var(
60
+ --amplify-components-collection-search-button-focus-color
61
+ );
62
+ --amplify-components-searchfield-button-hover-background-color: var(
63
+ --amplify-components-collection-search-button-hover-background-color
64
+ );
65
+ --amplify-components-searchfield-button-hover-border-color: var(
66
+ --amplify-components-collection-search-button-hover-border-color
67
+ );
68
+ --amplify-components-searchfield-button-hover-color: var(
69
+ --amplify-components-collection-search-button-hover-color
70
+ );
71
+ }
72
+ }
package/dist/styles/copy.css ADDED
@@ -0,0 +1,27 @@
1
+ [data-amplify-copy] {
2
+ display: flex;
3
+ font-size: var(--amplify-components-copy-font-size);
4
+ gap: var(--amplify-components-copy-gap);
5
+ justify-content: center;
6
+ align-items: center;
7
+ word-break: break-all;
8
+ }
9
+
10
+ [data-amplify-copy-svg] {
11
+ cursor: pointer;
12
+ position: relative;
13
+ }
14
+ [data-amplify-copy-svg] path {
15
+ fill: var(--amplify-components-copy-svg-path-fill);
16
+ }
17
+ [data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
18
+ visibility: visible;
19
+ font-size: var(--amplify-components-copy-tool-tip-font-size);
20
+ }
21
+
22
+ [data-amplify-copy-tooltip] {
23
+ visibility: hidden;
24
+ position: absolute;
25
+ bottom: var(--amplify-components-copy-tool-tip-bottom);
26
+ color: var(--amplify-components-copy-tool-tip-color);
27
+ }
package/dist/styles/copy.layer.css ADDED
@@ -0,0 +1,29 @@
1
+ @layer amplify.components {
2
+ [data-amplify-copy] {
3
+ display: flex;
4
+ font-size: var(--amplify-components-copy-font-size);
5
+ gap: var(--amplify-components-copy-gap);
6
+ justify-content: center;
7
+ align-items: center;
8
+ word-break: break-all;
9
+ }
10
+
11
+ [data-amplify-copy-svg] {
12
+ cursor: pointer;
13
+ position: relative;
14
+ }
15
+ [data-amplify-copy-svg] path {
16
+ fill: var(--amplify-components-copy-svg-path-fill);
17
+ }
18
+ [data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
19
+ visibility: visible;
20
+ font-size: var(--amplify-components-copy-tool-tip-font-size);
21
+ }
22
+
23
+ [data-amplify-copy-tooltip] {
24
+ visibility: hidden;
25
+ position: absolute;
26
+ bottom: var(--amplify-components-copy-tool-tip-bottom);
27
+ color: var(--amplify-components-copy-tool-tip-color);
28
+ }
29
+ }
package/dist/styles/dialCodeSelect.css ADDED
@@ -0,0 +1,3 @@
1
+ .amplify-dialcodeselect {
2
+ height: var(--amplify-components-countrycodeselect-height);
3
+ }
package/dist/styles/dialCodeSelect.layer.css ADDED
@@ -0,0 +1,5 @@
1
+ @layer amplify.components {
2
+ .amplify-dialcodeselect {
3
+ height: var(--amplify-components-countrycodeselect-height);
4
+ }
5
+ }
package/dist/styles/divider.css ADDED
@@ -0,0 +1,47 @@
1
+ .amplify-divider {
2
+ --amplify-internal-divider-size: var(
3
+ --amplify-components-divider-border-width
4
+ );
5
+ border-color: var(--amplify-components-divider-border-color);
6
+ border-style: var(--amplify-components-divider-border-style);
7
+ border-width: 0;
8
+ opacity: var(--amplify-components-divider-opacity);
9
+ padding: 0;
10
+ display: flex;
11
+ position: relative;
12
+ text-align: center;
13
+ justify-content: center;
14
+ }
15
+ .amplify-divider::after {
16
+ content: attr(data-label);
17
+ position: absolute;
18
+ transform: translateY(-50%);
19
+ font-size: var(--amplify-components-divider-label-font-size);
20
+ padding-inline: var(--amplify-components-divider-label-padding-inline);
21
+ background-color: var(--amplify-components-divider-label-background-color);
22
+ color: var(--amplify-components-divider-label-color);
23
+ }
24
+ .amplify-divider--small {
25
+ --amplify-internal-divider-size: var(
26
+ --amplify-components-divider-small-border-width
27
+ );
28
+ }
29
+ .amplify-divider--large {
30
+ --amplify-internal-divider-size: var(
31
+ --amplify-components-divider-large-border-width
32
+ );
33
+ }
34
+ .amplify-divider--horizontal {
35
+ width: 100%;
36
+ border-bottom-width: var(--amplify-internal-divider-size);
37
+ }
38
+ .amplify-divider--vertical {
39
+ border-left-width: var(--amplify-internal-divider-size);
40
+ flex-direction: column;
41
+ }
42
+ .amplify-divider--vertical::after {
43
+ top: auto;
44
+ transform: translateX(-50%);
45
+ padding-block: 0;
46
+ padding-inline: 0;
47
+ }
package/dist/styles/divider.layer.css ADDED
@@ -0,0 +1,49 @@
1
+ @layer amplify.components {
2
+ .amplify-divider {
3
+ --amplify-internal-divider-size: var(
4
+ --amplify-components-divider-border-width
5
+ );
6
+ border-color: var(--amplify-components-divider-border-color);
7
+ border-style: var(--amplify-components-divider-border-style);
8
+ border-width: 0;
9
+ opacity: var(--amplify-components-divider-opacity);
10
+ padding: 0;
11
+ display: flex;
12
+ position: relative;
13
+ text-align: center;
14
+ justify-content: center;
15
+ }
16
+ .amplify-divider::after {
17
+ content: attr(data-label);
18
+ position: absolute;
19
+ transform: translateY(-50%);
20
+ font-size: var(--amplify-components-divider-label-font-size);
21
+ padding-inline: var(--amplify-components-divider-label-padding-inline);
22
+ background-color: var(--amplify-components-divider-label-background-color);
23
+ color: var(--amplify-components-divider-label-color);
24
+ }
25
+ .amplify-divider--small {
26
+ --amplify-internal-divider-size: var(
27
+ --amplify-components-divider-small-border-width
28
+ );
29
+ }
30
+ .amplify-divider--large {
31
+ --amplify-internal-divider-size: var(
32
+ --amplify-components-divider-large-border-width
33
+ );
34
+ }
35
+ .amplify-divider--horizontal {
36
+ width: 100%;
37
+ border-bottom-width: var(--amplify-internal-divider-size);
38
+ }
39
+ .amplify-divider--vertical {
40
+ border-left-width: var(--amplify-internal-divider-size);
41
+ flex-direction: column;
42
+ }
43
+ .amplify-divider--vertical::after {
44
+ top: auto;
45
+ transform: translateX(-50%);
46
+ padding-block: 0;
47
+ padding-inline: 0;
48
+ }
49
+ }
package/dist/styles/dropZone.css ADDED
@@ -0,0 +1,45 @@
1
+ .amplify-dropzone {
2
+ display: block;
3
+ background-color: var(--amplify-components-dropzone-background-color);
4
+ border-color: var(--amplify-components-dropzone-border-color);
5
+ border-width: var(--amplify-components-dropzone-border-width);
6
+ border-style: var(--amplify-components-dropzone-border-style);
7
+ border-radius: var(--amplify-components-dropzone-border-radius);
8
+ color: var(--amplify-components-dropzone-color);
9
+ padding-block: var(--amplify-components-dropzone-padding-block);
10
+ padding-inline: var(--amplify-components-dropzone-padding-inline);
11
+ text-align: var(--amplify-components-dropzone-text-align);
12
+ }
13
+ .amplify-dropzone--disabled {
14
+ cursor: not-allowed;
15
+ background-color: var(--amplify-components-dropzone-disabled-background-color);
16
+ border-color: var(--amplify-components-dropzone-disabled-border-color);
17
+ border-width: var(--amplify-components-dropzone-disabled-border-width);
18
+ border-style: var(--amplify-components-dropzone-disabled-border-style);
19
+ border-radius: var(--amplify-components-dropzone-disabled-border-radius);
20
+ color: var(--amplify-components-dropzone-disabled-color);
21
+ }
22
+ .amplify-dropzone--active {
23
+ background-color: var(--amplify-components-dropzone-active-background-color);
24
+ border-color: var(--amplify-components-dropzone-active-border-color);
25
+ border-width: var(--amplify-components-dropzone-active-border-width);
26
+ border-style: var(--amplify-components-dropzone-active-border-style);
27
+ border-radius: var(--amplify-components-dropzone-active-border-radius);
28
+ color: var(--amplify-components-dropzone-active-color);
29
+ }
30
+ .amplify-dropzone--rejected {
31
+ background-color: var(--amplify-components-dropzone-rejected-background-color);
32
+ border-color: var(--amplify-components-dropzone-rejected-border-color);
33
+ border-width: var(--amplify-components-dropzone-rejected-border-width);
34
+ border-style: var(--amplify-components-dropzone-rejected-border-style);
35
+ border-radius: var(--amplify-components-dropzone-rejected-border-radius);
36
+ color: var(--amplify-components-dropzone-rejected-color);
37
+ }
38
+ .amplify-dropzone--accepted {
39
+ background-color: var(--amplify-components-dropzone-accepted-background-color);
40
+ border-color: var(--amplify-components-dropzone-accepted-border-color);
41
+ border-width: var(--amplify-components-dropzone-accepted-border-width);
42
+ border-style: var(--amplify-components-dropzone-accepted-border-style);
43
+ border-radius: var(--amplify-components-dropzone-accepted-border-radius);
44
+ color: var(--amplify-components-dropzone-accepted-color);
45
+ }
package/dist/styles/dropZone.layer.css ADDED
@@ -0,0 +1,47 @@
1
+ @layer amplify.components {
2
+ .amplify-dropzone {
3
+ display: block;
4
+ background-color: var(--amplify-components-dropzone-background-color);
5
+ border-color: var(--amplify-components-dropzone-border-color);
6
+ border-width: var(--amplify-components-dropzone-border-width);
7
+ border-style: var(--amplify-components-dropzone-border-style);
8
+ border-radius: var(--amplify-components-dropzone-border-radius);
9
+ color: var(--amplify-components-dropzone-color);
10
+ padding-block: var(--amplify-components-dropzone-padding-block);
11
+ padding-inline: var(--amplify-components-dropzone-padding-inline);
12
+ text-align: var(--amplify-components-dropzone-text-align);
13
+ }
14
+ .amplify-dropzone--disabled {
15
+ cursor: not-allowed;
16
+ background-color: var(--amplify-components-dropzone-disabled-background-color);
17
+ border-color: var(--amplify-components-dropzone-disabled-border-color);
18
+ border-width: var(--amplify-components-dropzone-disabled-border-width);
19
+ border-style: var(--amplify-components-dropzone-disabled-border-style);
20
+ border-radius: var(--amplify-components-dropzone-disabled-border-radius);
21
+ color: var(--amplify-components-dropzone-disabled-color);
22
+ }
23
+ .amplify-dropzone--active {
24
+ background-color: var(--amplify-components-dropzone-active-background-color);
25
+ border-color: var(--amplify-components-dropzone-active-border-color);
26
+ border-width: var(--amplify-components-dropzone-active-border-width);
27
+ border-style: var(--amplify-components-dropzone-active-border-style);
28
+ border-radius: var(--amplify-components-dropzone-active-border-radius);
29
+ color: var(--amplify-components-dropzone-active-color);
30
+ }
31
+ .amplify-dropzone--rejected {
32
+ background-color: var(--amplify-components-dropzone-rejected-background-color);
33
+ border-color: var(--amplify-components-dropzone-rejected-border-color);
34
+ border-width: var(--amplify-components-dropzone-rejected-border-width);
35
+ border-style: var(--amplify-components-dropzone-rejected-border-style);
36
+ border-radius: var(--amplify-components-dropzone-rejected-border-radius);
37
+ color: var(--amplify-components-dropzone-rejected-color);
38
+ }
39
+ .amplify-dropzone--accepted {
40
+ background-color: var(--amplify-components-dropzone-accepted-background-color);
41
+ border-color: var(--amplify-components-dropzone-accepted-border-color);
42
+ border-width: var(--amplify-components-dropzone-accepted-border-width);
43
+ border-style: var(--amplify-components-dropzone-accepted-border-style);
44
+ border-radius: var(--amplify-components-dropzone-accepted-border-radius);
45
+ color: var(--amplify-components-dropzone-accepted-color);
46
+ }
47
+ }