@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.
- package/dist/esm/helpers/accountSettings/utils.mjs +33 -1
- package/dist/esm/helpers/accountSettings/validator.mjs +120 -1
- package/dist/esm/helpers/authenticator/actor.mjs +20 -1
- package/dist/esm/helpers/authenticator/constants.mjs +144 -1
- package/dist/esm/helpers/authenticator/defaultAuthHubHandler.mjs +52 -0
- package/dist/esm/helpers/authenticator/facade.mjs +137 -1
- package/dist/esm/helpers/authenticator/form.mjs +43 -1
- package/dist/esm/helpers/authenticator/formFields/defaults.mjs +132 -1
- package/dist/esm/helpers/authenticator/formFields/formFields.mjs +62 -1
- package/dist/esm/helpers/authenticator/formFields/utils.mjs +35 -0
- package/dist/esm/helpers/authenticator/getRoute.mjs +47 -0
- package/dist/esm/helpers/authenticator/textUtil.mjs +112 -1
- package/dist/esm/helpers/authenticator/utils.mjs +38 -1
- package/dist/esm/helpers/utils.mjs +5 -1
- package/dist/esm/i18n/country-dial-codes.mjs +210 -1
- package/dist/esm/i18n/dictionaries/authenticator/de.mjs +87 -1
- package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs +83 -1
- package/dist/esm/i18n/dictionaries/authenticator/en.mjs +74 -1
- package/dist/esm/i18n/dictionaries/authenticator/es.mjs +83 -1
- package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +92 -1
- package/dist/esm/i18n/dictionaries/authenticator/he.mjs +54 -1
- package/dist/esm/i18n/dictionaries/authenticator/id.mjs +96 -1
- package/dist/esm/i18n/dictionaries/authenticator/it.mjs +82 -1
- package/dist/esm/i18n/dictionaries/authenticator/ja.mjs +86 -1
- package/dist/esm/i18n/dictionaries/authenticator/kr.mjs +71 -1
- package/dist/esm/i18n/dictionaries/authenticator/nb.mjs +95 -1
- package/dist/esm/i18n/dictionaries/authenticator/nl.mjs +67 -1
- package/dist/esm/i18n/dictionaries/authenticator/pl.mjs +71 -1
- package/dist/esm/i18n/dictionaries/authenticator/pt.mjs +61 -1
- package/dist/esm/i18n/dictionaries/authenticator/ru.mjs +61 -1
- package/dist/esm/i18n/dictionaries/authenticator/sv.mjs +82 -1
- package/dist/esm/i18n/dictionaries/authenticator/tr.mjs +76 -1
- package/dist/esm/i18n/dictionaries/authenticator/ua.mjs +84 -1
- package/dist/esm/i18n/dictionaries/authenticator/zh.mjs +74 -1
- package/dist/esm/i18n/dictionaries/index.mjs +47 -1
- package/dist/esm/i18n/translations.mjs +67 -1
- package/dist/esm/index.mjs +28 -1
- package/dist/esm/machines/authenticator/actions.mjs +188 -1
- package/dist/esm/machines/authenticator/actors/forgotPassword.mjs +184 -0
- package/dist/esm/machines/authenticator/actors/signIn.mjs +328 -1
- package/dist/esm/machines/authenticator/actors/signOut.mjs +28 -1
- package/dist/esm/machines/authenticator/actors/signUp.mjs +295 -0
- package/dist/esm/machines/authenticator/actors/verifyUserAttributes.mjs +106 -0
- package/dist/esm/machines/authenticator/defaultServices.mjs +102 -1
- package/dist/esm/machines/authenticator/guards.mjs +70 -0
- package/dist/esm/machines/authenticator/index.mjs +368 -1
- package/dist/esm/machines/authenticator/utils.mjs +71 -0
- package/dist/esm/theme/breakpoints.mjs +14 -1
- package/dist/esm/theme/createTheme.mjs +156 -1
- package/dist/esm/theme/defaultDarkModeOverride.mjs +128 -1
- package/dist/esm/theme/defaultTheme.mjs +10 -1
- package/dist/esm/theme/tokens/borderWidths.mjs +7 -1
- package/dist/esm/theme/tokens/colors.mjs +166 -1
- package/dist/esm/theme/tokens/components/accordion.mjs +47 -0
- package/dist/esm/theme/tokens/components/alert.mjs +35 -1
- package/dist/esm/theme/tokens/components/authenticator.mjs +39 -1
- package/dist/esm/theme/tokens/components/autocomplete.mjs +42 -1
- package/dist/esm/theme/tokens/components/badge.mjs +44 -1
- package/dist/esm/theme/tokens/components/breadcrumbs.mjs +34 -1
- package/dist/esm/theme/tokens/components/button.mjs +685 -1
- package/dist/esm/theme/tokens/components/card.mjs +27 -1
- package/dist/esm/theme/tokens/components/checkbox.mjs +87 -1
- package/dist/esm/theme/tokens/components/checkboxField.mjs +8 -1
- package/dist/esm/theme/tokens/components/collection.mjs +72 -1
- package/dist/esm/theme/tokens/components/copy.mjs +18 -1
- package/dist/esm/theme/tokens/components/dialCodeSelect.mjs +7 -1
- package/dist/esm/theme/tokens/components/divider.mjs +22 -1
- package/dist/esm/theme/tokens/components/dropZone.mjs +46 -1
- package/dist/esm/theme/tokens/components/field.mjs +20 -1
- package/dist/esm/theme/tokens/components/fieldControl.mjs +131 -1
- package/dist/esm/theme/tokens/components/fieldGroup.mjs +11 -1
- package/dist/esm/theme/tokens/components/fieldMessages.mjs +13 -1
- package/dist/esm/theme/tokens/components/fieldset.mjs +40 -1
- package/dist/esm/theme/tokens/components/flex.mjs +9 -1
- package/dist/esm/theme/tokens/components/heading.mjs +30 -1
- package/dist/esm/theme/tokens/components/highlightMatch.mjs +7 -1
- package/dist/esm/theme/tokens/components/icon.mjs +6 -1
- package/dist/esm/theme/tokens/components/image.mjs +8 -1
- package/dist/esm/theme/tokens/components/inAppMessaging.mjs +23 -1
- package/dist/esm/theme/tokens/components/index.mjs +111 -1
- package/dist/esm/theme/tokens/components/input.mjs +12 -1
- package/dist/esm/theme/tokens/components/link.mjs +9 -1
- package/dist/esm/theme/tokens/components/liveness.mjs +7 -1
- package/dist/esm/theme/tokens/components/loader.mjs +42 -1
- package/dist/esm/theme/tokens/components/menu.mjs +27 -1
- package/dist/esm/theme/tokens/components/message.mjs +102 -1
- package/dist/esm/theme/tokens/components/pagination.mjs +40 -1
- package/dist/esm/theme/tokens/components/passwordField.mjs +38 -1
- package/dist/esm/theme/tokens/components/phoneNumberField.mjs +10 -1
- package/dist/esm/theme/tokens/components/placeholder.mjs +18 -1
- package/dist/esm/theme/tokens/components/radio.mjs +67 -1
- package/dist/esm/theme/tokens/components/radioGroup.mjs +19 -1
- package/dist/esm/theme/tokens/components/rating.mjs +9 -1
- package/dist/esm/theme/tokens/components/searchField.mjs +39 -1
- package/dist/esm/theme/tokens/components/select.mjs +63 -1
- package/dist/esm/theme/tokens/components/selectField.mjs +16 -1
- package/dist/esm/theme/tokens/components/sliderField.mjs +70 -1
- package/dist/esm/theme/tokens/components/stepperField.mjs +33 -1
- package/dist/esm/theme/tokens/components/storagemanager.mjs +97 -1
- package/dist/esm/theme/tokens/components/switchField.mjs +61 -1
- package/dist/esm/theme/tokens/components/table.mjs +105 -1
- package/dist/esm/theme/tokens/components/tabs.mjs +59 -1
- package/dist/esm/theme/tokens/components/text.mjs +28 -1
- package/dist/esm/theme/tokens/components/textAreaField.mjs +11 -1
- package/dist/esm/theme/tokens/components/textField.mjs +12 -1
- package/dist/esm/theme/tokens/components/toggleButton.mjs +96 -1
- package/dist/esm/theme/tokens/components/toggleButtonGroup.mjs +7 -1
- package/dist/esm/theme/tokens/fontSizes.mjs +14 -1
- package/dist/esm/theme/tokens/fontWeights.mjs +13 -1
- package/dist/esm/theme/tokens/fonts.mjs +19 -1
- package/dist/esm/theme/tokens/index.mjs +65 -1
- package/dist/esm/theme/tokens/lineHeights.mjs +7 -1
- package/dist/esm/theme/tokens/opacities.mjs +15 -1
- package/dist/esm/theme/tokens/outlineOffsets.mjs +7 -1
- package/dist/esm/theme/tokens/outlineWidths.mjs +7 -1
- package/dist/esm/theme/tokens/radii.mjs +11 -1
- package/dist/esm/theme/tokens/shadows.mjs +28 -1
- package/dist/esm/theme/tokens/space.mjs +29 -1
- package/dist/esm/theme/tokens/time.mjs +7 -1
- package/dist/esm/theme/tokens/transforms.mjs +10 -1
- package/dist/esm/theme/utils.mjs +81 -1
- package/dist/esm/types/authenticator/attributes.mjs +41 -1
- package/dist/esm/types/authenticator/user.mjs +18 -1
- package/dist/esm/types/authenticator/utils.mjs +5 -1
- package/dist/esm/types/primitives/componentClassName.mjs +164 -1
- package/dist/esm/utils/classNames.mjs +39 -0
- package/dist/esm/utils/setUserAgent/constants.mjs +43 -0
- package/dist/esm/utils/setUserAgent/setUserAgent.mjs +65 -0
- package/dist/esm/utils/utils.mjs +227 -0
- package/dist/esm/validators/index.mjs +19 -1
- package/dist/index.js +8396 -1
- package/dist/styles/StorageManager.css +138 -0
- package/dist/styles/StorageManager.layer.css +140 -0
- package/dist/styles/_fieldControl.css +0 -0
- package/dist/styles/_fieldControl.layer.css +3 -0
- package/dist/styles/accordion.css +64 -0
- package/dist/styles/accordion.layer.css +66 -0
- package/dist/styles/alert.css +44 -0
- package/dist/styles/alert.layer.css +46 -0
- package/dist/styles/authenticator.css +72 -0
- package/dist/styles/authenticator.layer.css +74 -0
- package/dist/styles/autocomplete.css +48 -0
- package/dist/styles/autocomplete.layer.css +50 -0
- package/dist/styles/badge.css +35 -0
- package/dist/styles/badge.layer.css +37 -0
- package/dist/styles/base.css +1491 -0
- package/dist/styles/base.layer.css +1493 -0
- package/dist/styles/breadcrumbs.css +40 -0
- package/dist/styles/breadcrumbs.layer.css +42 -0
- package/dist/styles/button.css +1122 -0
- package/dist/styles/button.layer.css +1124 -0
- package/dist/styles/card.css +26 -0
- package/dist/styles/card.layer.css +28 -0
- package/dist/styles/checkbox.css +95 -0
- package/dist/styles/checkbox.layer.css +97 -0
- package/dist/styles/checkboxField.css +6 -0
- package/dist/styles/checkboxField.layer.css +8 -0
- package/dist/styles/collection.css +70 -0
- package/dist/styles/collection.layer.css +72 -0
- package/dist/styles/copy.css +27 -0
- package/dist/styles/copy.layer.css +29 -0
- package/dist/styles/dialCodeSelect.css +3 -0
- package/dist/styles/dialCodeSelect.layer.css +5 -0
- package/dist/styles/divider.css +47 -0
- package/dist/styles/divider.layer.css +49 -0
- package/dist/styles/dropZone.css +45 -0
- package/dist/styles/dropZone.layer.css +47 -0
- package/dist/styles/field.css +17 -0
- package/dist/styles/field.layer.css +19 -0
- package/dist/styles/fieldGroup.css +130 -0
- package/dist/styles/fieldGroup.layer.css +132 -0
- package/dist/styles/fieldMessages.css +10 -0
- package/dist/styles/fieldMessages.layer.css +12 -0
- package/dist/styles/fieldModifiers.css +15 -0
- package/dist/styles/fieldModifiers.layer.css +17 -0
- package/dist/styles/fieldset.css +37 -0
- package/dist/styles/fieldset.layer.css +39 -0
- package/dist/styles/flex.css +8 -0
- package/dist/styles/flex.layer.css +10 -0
- package/dist/styles/grid.css +3 -0
- package/dist/styles/grid.layer.css +5 -0
- package/dist/styles/heading.css +40 -0
- package/dist/styles/heading.layer.css +42 -0
- package/dist/styles/highlightMatch.css +3 -0
- package/dist/styles/highlightMatch.layer.css +5 -0
- package/dist/styles/icon.css +14 -0
- package/dist/styles/icon.layer.css +16 -0
- package/dist/styles/image.css +9 -0
- package/dist/styles/image.layer.css +11 -0
- package/dist/styles/inAppMessaging.css +179 -0
- package/dist/styles/inAppMessaging.layer.css +181 -0
- package/dist/styles/input.css +83 -0
- package/dist/styles/input.layer.css +85 -0
- package/dist/styles/link.css +26 -0
- package/dist/styles/link.layer.css +28 -0
- package/dist/styles/liveness.css +374 -0
- package/dist/styles/liveness.layer.css +376 -0
- package/dist/styles/loader.css +108 -0
- package/dist/styles/loader.layer.css +110 -0
- package/dist/styles/menu.css +54 -0
- package/dist/styles/menu.layer.css +56 -0
- package/dist/styles/message.css +111 -0
- package/dist/styles/message.layer.css +113 -0
- package/dist/styles/pagination.css +41 -0
- package/dist/styles/pagination.layer.css +43 -0
- package/dist/styles/passwordField.css +49 -0
- package/dist/styles/passwordField.layer.css +51 -0
- package/dist/styles/phoneNumberField.css +30 -0
- package/dist/styles/phoneNumberField.layer.css +32 -0
- package/dist/styles/placeholder.css +31 -0
- package/dist/styles/placeholder.layer.css +33 -0
- package/dist/styles/radio.css +82 -0
- package/dist/styles/radio.layer.css +84 -0
- package/dist/styles/radioGroupField.css +25 -0
- package/dist/styles/radioGroupField.layer.css +27 -0
- package/dist/styles/radiogroup.css +5 -0
- package/dist/styles/radiogroup.layer.css +7 -0
- package/dist/styles/rating.css +33 -0
- package/dist/styles/rating.layer.css +35 -0
- package/dist/styles/reset.css +76 -0
- package/dist/styles/reset.layer.css +78 -0
- package/dist/styles/scrollView.css +4 -0
- package/dist/styles/scrollView.layer.css +6 -0
- package/dist/styles/searchField.css +29 -0
- package/dist/styles/searchField.layer.css +31 -0
- package/dist/styles/select.css +128 -0
- package/dist/styles/select.layer.css +130 -0
- package/dist/styles/selectField.css +18 -0
- package/dist/styles/selectField.layer.css +20 -0
- package/dist/styles/sliderField.css +143 -0
- package/dist/styles/sliderField.layer.css +145 -0
- package/dist/styles/stepperField.css +77 -0
- package/dist/styles/stepperField.layer.css +79 -0
- package/dist/styles/switchField.css +76 -0
- package/dist/styles/switchField.layer.css +78 -0
- package/dist/styles/table.css +146 -0
- package/dist/styles/table.layer.css +148 -0
- package/dist/styles/tabs.css +87 -0
- package/dist/styles/tabs.layer.css +89 -0
- package/dist/styles/text.css +40 -0
- package/dist/styles/text.layer.css +42 -0
- package/dist/styles/textArea.css +71 -0
- package/dist/styles/textArea.layer.css +73 -0
- package/dist/styles/textAreaField.css +12 -0
- package/dist/styles/textAreaField.layer.css +14 -0
- package/dist/styles/textField.css +14 -0
- package/dist/styles/textField.layer.css +16 -0
- package/dist/styles/toggleButton.css +280 -0
- package/dist/styles/toggleButton.layer.css +282 -0
- package/dist/styles/toggleButtonGroup.css +31 -0
- package/dist/styles/toggleButtonGroup.layer.css +33 -0
- package/dist/styles/visuallyHidden.css +12 -0
- package/dist/styles/visuallyHidden.layer.css +14 -0
- package/dist/styles.css +423 -869
- package/dist/styles.layer.css +6115 -0
- package/dist/theme.css +103 -157
- package/dist/types/helpers/accountSettings/utils.d.ts +1 -3
- package/dist/types/helpers/authenticator/actor.d.ts +1 -1
- package/dist/types/helpers/authenticator/constants.d.ts +5 -0
- package/dist/types/helpers/authenticator/defaultAuthHubHandler.d.ts +15 -0
- package/dist/types/helpers/authenticator/facade.d.ts +35 -6
- package/dist/types/helpers/authenticator/formFields/defaults.d.ts +3 -1
- package/dist/types/helpers/authenticator/formFields/formFields.d.ts +2 -1
- package/dist/types/helpers/authenticator/formFields/index.d.ts +1 -1
- package/dist/types/helpers/authenticator/formFields/{util.d.ts → utils.d.ts} +2 -0
- package/dist/types/helpers/authenticator/getRoute.d.ts +2 -0
- package/dist/types/helpers/authenticator/index.d.ts +2 -1
- package/dist/types/helpers/authenticator/textUtil.d.ts +8 -7
- package/dist/types/{types/authenticator/stateMachine/authMachine.d.ts → helpers/authenticator/types.d.ts} +5 -5
- package/dist/types/helpers/authenticator/utils.d.ts +0 -25
- package/dist/types/helpers/index.d.ts +0 -1
- package/dist/types/helpers/utils.d.ts +2 -2
- package/dist/types/i18n/translations.d.ts +2 -3
- package/dist/types/machines/authenticator/actions.d.ts +4 -62
- package/dist/types/machines/authenticator/actors/{resetPassword.d.ts → forgotPassword.d.ts} +3 -3
- package/dist/types/machines/authenticator/actors/index.d.ts +3 -1
- package/dist/types/machines/authenticator/actors/signIn.d.ts +3 -3
- package/dist/types/machines/authenticator/actors/signOut.d.ts +2 -2
- package/dist/types/machines/authenticator/{signUp.d.ts → actors/signUp.d.ts} +3 -3
- package/dist/types/machines/authenticator/actors/verifyUserAttributes.d.ts +5 -0
- package/dist/types/machines/authenticator/defaultServices.d.ts +208 -28
- package/dist/types/machines/authenticator/getAuthenticatorConfig.d.ts +14 -0
- package/dist/types/machines/authenticator/guards.d.ts +4 -0
- package/dist/types/machines/authenticator/index.d.ts +4 -2
- package/dist/types/machines/authenticator/types.d.ts +125 -0
- package/dist/types/machines/authenticator/utils.d.ts +7 -0
- package/dist/types/machines/index.d.ts +1 -0
- package/dist/types/theme/tokens/borderWidths.d.ts +2 -2
- package/dist/types/theme/tokens/colors.d.ts +7 -9
- package/dist/types/theme/tokens/components/accordion.d.ts +12 -0
- package/dist/types/theme/tokens/components/index.d.ts +2 -4
- package/dist/types/theme/tokens/components/radioGroup.d.ts +1 -1
- package/dist/types/theme/tokens/components/select.d.ts +6 -2
- package/dist/types/theme/tokens/components/storagemanager.d.ts +18 -3
- package/dist/types/theme/tokens/components/tabs.d.ts +4 -3
- package/dist/types/theme/tokens/fontSizes.d.ts +2 -2
- package/dist/types/theme/tokens/fontWeights.d.ts +2 -2
- package/dist/types/theme/tokens/fonts.d.ts +2 -2
- package/dist/types/theme/tokens/lineHeights.d.ts +2 -2
- package/dist/types/theme/tokens/opacities.d.ts +2 -2
- package/dist/types/theme/tokens/outlineOffsets.d.ts +2 -2
- package/dist/types/theme/tokens/outlineWidths.d.ts +2 -2
- package/dist/types/theme/tokens/radii.d.ts +2 -2
- package/dist/types/theme/tokens/shadows.d.ts +2 -2
- package/dist/types/theme/tokens/space.d.ts +2 -2
- package/dist/types/theme/tokens/time.d.ts +2 -2
- package/dist/types/theme/tokens/types/designToken.d.ts +12 -6
- package/dist/types/theme/types.d.ts +5 -1
- package/dist/types/types/authenticator/attributes.d.ts +10 -4
- package/dist/types/types/authenticator/form.d.ts +7 -6
- package/dist/types/types/authenticator/index.d.ts +0 -1
- package/dist/types/types/authenticator/user.d.ts +3 -29
- package/dist/types/types/authenticator/validator.d.ts +2 -2
- package/dist/types/types/displayText.d.ts +84 -0
- package/dist/types/types/index.d.ts +1 -0
- package/dist/types/types/primitives/componentClassName.d.ts +162 -180
- package/dist/types/types/util.d.ts +0 -5
- package/dist/types/utils/classNames.d.ts +4 -0
- package/dist/types/utils/index.d.ts +3 -135
- package/dist/types/utils/setUserAgent/constants.d.ts +7 -0
- package/dist/types/utils/setUserAgent/index.d.ts +1 -0
- package/dist/types/utils/setUserAgent/setUserAgent.d.ts +19 -0
- package/dist/types/utils/utils.d.ts +147 -0
- package/dist/types/validators/index.d.ts +2 -2
- package/package.json +5 -19
- package/dist/esm/helpers/authenticator/context.mjs +0 -1
- package/dist/esm/helpers/authenticator/formFields/util.mjs +0 -1
- package/dist/esm/helpers/storage/fileUploader/utils/uploader.mjs +0 -1
- package/dist/esm/machines/authenticator/actors/resetPassword.mjs +0 -1
- package/dist/esm/machines/authenticator/signUp.mjs +0 -1
- package/dist/esm/theme/tokens/components/expander.mjs +0 -1
- package/dist/esm/theme/tokens/components/fileUploader.mjs +0 -1
- package/dist/esm/utils/index.mjs +0 -1
- package/dist/types/helpers/authenticator/context.d.ts +0 -13
- package/dist/types/helpers/storage/fileUploader/index.d.ts +0 -1
- package/dist/types/helpers/storage/fileUploader/utils/index.d.ts +0 -1
- package/dist/types/helpers/storage/fileUploader/utils/uploader.d.ts +0 -28
- package/dist/types/helpers/storage/index.d.ts +0 -1
- package/dist/types/theme/tokens/components/expander.d.ts +0 -22
- package/dist/types/theme/tokens/components/fileUploader.d.ts +0 -23
- package/dist/types/types/authenticator/stateMachine/context.d.ts +0 -109
- package/dist/types/types/authenticator/stateMachine/event.d.ts +0 -17
- package/dist/types/types/authenticator/stateMachine/index.d.ts +0 -4
- package/dist/types/types/authenticator/stateMachine/state.d.ts +0 -10
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.amplify-field {
|
|
2
|
+
font-size: var(--amplify-components-field-font-size);
|
|
3
|
+
gap: var(--amplify-components-field-gap);
|
|
4
|
+
flex-direction: var(--amplify-components-field-flex-direction);
|
|
5
|
+
}
|
|
6
|
+
.amplify-field--small {
|
|
7
|
+
font-size: var(--amplify-components-field-small-font-size);
|
|
8
|
+
gap: var(--amplify-components-field-small-gap);
|
|
9
|
+
}
|
|
10
|
+
.amplify-field--large {
|
|
11
|
+
font-size: var(--amplify-components-field-large-font-size);
|
|
12
|
+
gap: var(--amplify-components-field-large-gap);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.amplify-label {
|
|
16
|
+
color: var(--amplify-components-field-label-color);
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-field {
|
|
3
|
+
font-size: var(--amplify-components-field-font-size);
|
|
4
|
+
gap: var(--amplify-components-field-gap);
|
|
5
|
+
flex-direction: var(--amplify-components-field-flex-direction);
|
|
6
|
+
}
|
|
7
|
+
.amplify-field--small {
|
|
8
|
+
font-size: var(--amplify-components-field-small-font-size);
|
|
9
|
+
gap: var(--amplify-components-field-small-gap);
|
|
10
|
+
}
|
|
11
|
+
.amplify-field--large {
|
|
12
|
+
font-size: var(--amplify-components-field-large-font-size);
|
|
13
|
+
gap: var(--amplify-components-field-large-gap);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.amplify-label {
|
|
17
|
+
color: var(--amplify-components-field-label-color);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
|
|
2
|
+
border-start-start-radius: 0;
|
|
3
|
+
border-end-start-radius: 0;
|
|
4
|
+
}
|
|
5
|
+
@supports not (border-start-start-radius: 0) {
|
|
6
|
+
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
|
|
7
|
+
border-top-left-radius: 0;
|
|
8
|
+
border-bottom-left-radius: 0;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
|
|
13
|
+
border-end-end-radius: 0;
|
|
14
|
+
border-start-end-radius: 0;
|
|
15
|
+
}
|
|
16
|
+
@supports not (border-end-end-radius: 0) {
|
|
17
|
+
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
|
|
18
|
+
border-bottom-right-radius: 0;
|
|
19
|
+
border-top-right-radius: 0;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.amplify-field-group {
|
|
24
|
+
gap: var(--amplify-components-fieldgroup-gap);
|
|
25
|
+
align-self: stretch;
|
|
26
|
+
}
|
|
27
|
+
.amplify-field-group--horizontal {
|
|
28
|
+
flex-direction: row;
|
|
29
|
+
}
|
|
30
|
+
.amplify-field-group--vertical {
|
|
31
|
+
flex-direction: column;
|
|
32
|
+
align-items: var(--amplify-components-fieldgroup-vertical-align-items);
|
|
33
|
+
}
|
|
34
|
+
.amplify-field-group__outer-start,
|
|
35
|
+
.amplify-field-group__outer-end {
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-shrink: 0;
|
|
38
|
+
align-items: var(--amplify-components-fieldgroup-outer-align-items);
|
|
39
|
+
}
|
|
40
|
+
.amplify-field-group__outer-start .amplify-field-group__control,
|
|
41
|
+
.amplify-field-group__outer-end .amplify-field-group__control {
|
|
42
|
+
height: 100%;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Outer field group components
|
|
47
|
+
*/
|
|
48
|
+
.amplify-field-group__outer-start .amplify-field-group__control:not(:focus) {
|
|
49
|
+
border-inline-end-color: transparent;
|
|
50
|
+
}
|
|
51
|
+
.amplify-field-group__outer-start .amplify-field-group__control:focus {
|
|
52
|
+
z-index: 1;
|
|
53
|
+
}
|
|
54
|
+
.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) {
|
|
55
|
+
border-block-start-color: transparent;
|
|
56
|
+
border-inline-start-color: transparent;
|
|
57
|
+
}
|
|
58
|
+
.amplify-field-group__outer-end .amplify-field-group__control:not(:focus) {
|
|
59
|
+
border-inline-start-color: transparent;
|
|
60
|
+
}
|
|
61
|
+
.amplify-field-group__outer-end .amplify-field-group__control:focus {
|
|
62
|
+
z-index: 1;
|
|
63
|
+
}
|
|
64
|
+
.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) {
|
|
65
|
+
border-block-start-color: transparent;
|
|
66
|
+
border-inline-end-color: transparent;
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* Inner field group components
|
|
70
|
+
*/
|
|
71
|
+
.amplify-field-group__field-wrapper {
|
|
72
|
+
position: relative;
|
|
73
|
+
width: 100%;
|
|
74
|
+
}
|
|
75
|
+
.amplify-field-group__field-wrapper--vertical {
|
|
76
|
+
width: -moz-fit-content;
|
|
77
|
+
width: fit-content;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.amplify-field-group__inner-end,
|
|
81
|
+
.amplify-field-group__inner-start {
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: 0;
|
|
84
|
+
height: 100%;
|
|
85
|
+
pointer-events: none;
|
|
86
|
+
}
|
|
87
|
+
.amplify-field-group__inner-end .amplify-button,
|
|
88
|
+
.amplify-field-group__inner-start .amplify-button {
|
|
89
|
+
pointer-events: all;
|
|
90
|
+
height: 100%;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.amplify-field-group__inner-end {
|
|
94
|
+
right: 0;
|
|
95
|
+
left: auto;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.amplify-field-group__inner-start {
|
|
99
|
+
right: auto;
|
|
100
|
+
left: 0;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
html[dir=rtl] .amplify-field-group__inner-end {
|
|
104
|
+
right: auto;
|
|
105
|
+
left: 0;
|
|
106
|
+
}
|
|
107
|
+
html[dir=rtl] .amplify-field-group__inner-start {
|
|
108
|
+
left: auto;
|
|
109
|
+
right: 0;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.amplify-field-group--has-inner-end .amplify-input {
|
|
113
|
+
padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.amplify-field-group--has-inner-start .amplify-input {
|
|
117
|
+
padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Inner icon (non-button) component styling requires additional styling
|
|
122
|
+
*/
|
|
123
|
+
.amplify-field-group__icon:not(.amplify-field-group__icon-button) {
|
|
124
|
+
display: flex;
|
|
125
|
+
padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
|
|
126
|
+
padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
justify-content: center;
|
|
129
|
+
height: 100%;
|
|
130
|
+
}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
|
|
3
|
+
border-start-start-radius: 0;
|
|
4
|
+
border-end-start-radius: 0;
|
|
5
|
+
}
|
|
6
|
+
@supports not (border-start-start-radius: 0) {
|
|
7
|
+
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
|
|
8
|
+
border-top-left-radius: 0;
|
|
9
|
+
border-bottom-left-radius: 0;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
|
|
14
|
+
border-end-end-radius: 0;
|
|
15
|
+
border-start-end-radius: 0;
|
|
16
|
+
}
|
|
17
|
+
@supports not (border-end-end-radius: 0) {
|
|
18
|
+
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
|
|
19
|
+
border-bottom-right-radius: 0;
|
|
20
|
+
border-top-right-radius: 0;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.amplify-field-group {
|
|
25
|
+
gap: var(--amplify-components-fieldgroup-gap);
|
|
26
|
+
align-self: stretch;
|
|
27
|
+
}
|
|
28
|
+
.amplify-field-group--horizontal {
|
|
29
|
+
flex-direction: row;
|
|
30
|
+
}
|
|
31
|
+
.amplify-field-group--vertical {
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
align-items: var(--amplify-components-fieldgroup-vertical-align-items);
|
|
34
|
+
}
|
|
35
|
+
.amplify-field-group__outer-start,
|
|
36
|
+
.amplify-field-group__outer-end {
|
|
37
|
+
display: flex;
|
|
38
|
+
flex-shrink: 0;
|
|
39
|
+
align-items: var(--amplify-components-fieldgroup-outer-align-items);
|
|
40
|
+
}
|
|
41
|
+
.amplify-field-group__outer-start .amplify-field-group__control,
|
|
42
|
+
.amplify-field-group__outer-end .amplify-field-group__control {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Outer field group components
|
|
48
|
+
*/
|
|
49
|
+
.amplify-field-group__outer-start .amplify-field-group__control:not(:focus) {
|
|
50
|
+
border-inline-end-color: transparent;
|
|
51
|
+
}
|
|
52
|
+
.amplify-field-group__outer-start .amplify-field-group__control:focus {
|
|
53
|
+
z-index: 1;
|
|
54
|
+
}
|
|
55
|
+
.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) {
|
|
56
|
+
border-block-start-color: transparent;
|
|
57
|
+
border-inline-start-color: transparent;
|
|
58
|
+
}
|
|
59
|
+
.amplify-field-group__outer-end .amplify-field-group__control:not(:focus) {
|
|
60
|
+
border-inline-start-color: transparent;
|
|
61
|
+
}
|
|
62
|
+
.amplify-field-group__outer-end .amplify-field-group__control:focus {
|
|
63
|
+
z-index: 1;
|
|
64
|
+
}
|
|
65
|
+
.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) {
|
|
66
|
+
border-block-start-color: transparent;
|
|
67
|
+
border-inline-end-color: transparent;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* Inner field group components
|
|
71
|
+
*/
|
|
72
|
+
.amplify-field-group__field-wrapper {
|
|
73
|
+
position: relative;
|
|
74
|
+
width: 100%;
|
|
75
|
+
}
|
|
76
|
+
.amplify-field-group__field-wrapper--vertical {
|
|
77
|
+
width: -moz-fit-content;
|
|
78
|
+
width: fit-content;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.amplify-field-group__inner-end,
|
|
82
|
+
.amplify-field-group__inner-start {
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: 0;
|
|
85
|
+
height: 100%;
|
|
86
|
+
pointer-events: none;
|
|
87
|
+
}
|
|
88
|
+
.amplify-field-group__inner-end .amplify-button,
|
|
89
|
+
.amplify-field-group__inner-start .amplify-button {
|
|
90
|
+
pointer-events: all;
|
|
91
|
+
height: 100%;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.amplify-field-group__inner-end {
|
|
95
|
+
right: 0;
|
|
96
|
+
left: auto;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.amplify-field-group__inner-start {
|
|
100
|
+
right: auto;
|
|
101
|
+
left: 0;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
html[dir=rtl] .amplify-field-group__inner-end {
|
|
105
|
+
right: auto;
|
|
106
|
+
left: 0;
|
|
107
|
+
}
|
|
108
|
+
html[dir=rtl] .amplify-field-group__inner-start {
|
|
109
|
+
left: auto;
|
|
110
|
+
right: 0;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.amplify-field-group--has-inner-end .amplify-input {
|
|
114
|
+
padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.amplify-field-group--has-inner-start .amplify-input {
|
|
118
|
+
padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* Inner icon (non-button) component styling requires additional styling
|
|
123
|
+
*/
|
|
124
|
+
.amplify-field-group__icon:not(.amplify-field-group__icon-button) {
|
|
125
|
+
display: flex;
|
|
126
|
+
padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
|
|
127
|
+
padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
|
|
128
|
+
flex-direction: column;
|
|
129
|
+
justify-content: center;
|
|
130
|
+
height: 100%;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
.amplify-field__description {
|
|
2
|
+
color: var(--amplify-components-fieldmessages-description-color);
|
|
3
|
+
font-style: var(--amplify-components-fieldmessages-description-font-style);
|
|
4
|
+
font-size: var(--amplify-components-fieldmessages-description-font-size);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.amplify-field__error-message {
|
|
8
|
+
color: var(--amplify-components-fieldmessages-error-color);
|
|
9
|
+
font-size: var(--amplify-components-fieldmessages-error-font-size);
|
|
10
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-field__description {
|
|
3
|
+
color: var(--amplify-components-fieldmessages-description-color);
|
|
4
|
+
font-style: var(--amplify-components-fieldmessages-description-font-style);
|
|
5
|
+
font-size: var(--amplify-components-fieldmessages-description-font-size);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.amplify-field__error-message {
|
|
9
|
+
color: var(--amplify-components-fieldmessages-error-color);
|
|
10
|
+
font-size: var(--amplify-components-fieldmessages-error-font-size);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-label-start {
|
|
3
|
+
flex-direction: row;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.amplify-label-end {
|
|
7
|
+
flex-direction: row-reverse;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.amplify-label-top {
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.amplify-label-bottom {
|
|
15
|
+
flex-direction: column-reverse;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.amplify-fieldset {
|
|
2
|
+
background-color: var(--amplify-components-fieldset-background-color);
|
|
3
|
+
border-radius: var(--amplify-components-fieldset-border-radius);
|
|
4
|
+
flex-direction: var(--amplify-components-fieldset-flex-direction);
|
|
5
|
+
gap: var(--amplify-components-fieldset-gap);
|
|
6
|
+
/* Sizes */
|
|
7
|
+
/* Variations */
|
|
8
|
+
}
|
|
9
|
+
.amplify-fieldset--small {
|
|
10
|
+
gap: var(--amplify-components-fieldset-small-gap);
|
|
11
|
+
}
|
|
12
|
+
.amplify-fieldset--large {
|
|
13
|
+
gap: var(--amplify-components-fieldset-large-gap);
|
|
14
|
+
}
|
|
15
|
+
.amplify-fieldset--outlined {
|
|
16
|
+
border: var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);
|
|
17
|
+
padding: var(--amplify-components-fieldset-outlined-padding);
|
|
18
|
+
}
|
|
19
|
+
.amplify-fieldset--outlined.amplify-fieldset--small {
|
|
20
|
+
padding: var(--amplify-components-fieldset-outlined-small-padding);
|
|
21
|
+
}
|
|
22
|
+
.amplify-fieldset--outlined.amplify-fieldset--large {
|
|
23
|
+
padding: var(--amplify-components-fieldset-outlined-large-padding);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.amplify-fieldset__legend {
|
|
27
|
+
color: var(--amplify-components-fieldset-legend-color);
|
|
28
|
+
font-weight: var(--amplify-components-fieldset-legend-font-weight);
|
|
29
|
+
line-height: var(--amplify-components-fieldset-legend-line-height);
|
|
30
|
+
font-size: var(--amplify-components-fieldset-legend-font-size);
|
|
31
|
+
}
|
|
32
|
+
.amplify-fieldset__legend--small {
|
|
33
|
+
font-size: var(--amplify-components-fieldset-legend-small-font-size);
|
|
34
|
+
}
|
|
35
|
+
.amplify-fieldset__legend--large {
|
|
36
|
+
font-size: var(--amplify-components-fieldset-legend-large-font-size);
|
|
37
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-fieldset {
|
|
3
|
+
background-color: var(--amplify-components-fieldset-background-color);
|
|
4
|
+
border-radius: var(--amplify-components-fieldset-border-radius);
|
|
5
|
+
flex-direction: var(--amplify-components-fieldset-flex-direction);
|
|
6
|
+
gap: var(--amplify-components-fieldset-gap);
|
|
7
|
+
/* Sizes */
|
|
8
|
+
/* Variations */
|
|
9
|
+
}
|
|
10
|
+
.amplify-fieldset--small {
|
|
11
|
+
gap: var(--amplify-components-fieldset-small-gap);
|
|
12
|
+
}
|
|
13
|
+
.amplify-fieldset--large {
|
|
14
|
+
gap: var(--amplify-components-fieldset-large-gap);
|
|
15
|
+
}
|
|
16
|
+
.amplify-fieldset--outlined {
|
|
17
|
+
border: var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);
|
|
18
|
+
padding: var(--amplify-components-fieldset-outlined-padding);
|
|
19
|
+
}
|
|
20
|
+
.amplify-fieldset--outlined.amplify-fieldset--small {
|
|
21
|
+
padding: var(--amplify-components-fieldset-outlined-small-padding);
|
|
22
|
+
}
|
|
23
|
+
.amplify-fieldset--outlined.amplify-fieldset--large {
|
|
24
|
+
padding: var(--amplify-components-fieldset-outlined-large-padding);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.amplify-fieldset__legend {
|
|
28
|
+
color: var(--amplify-components-fieldset-legend-color);
|
|
29
|
+
font-weight: var(--amplify-components-fieldset-legend-font-weight);
|
|
30
|
+
line-height: var(--amplify-components-fieldset-legend-line-height);
|
|
31
|
+
font-size: var(--amplify-components-fieldset-legend-font-size);
|
|
32
|
+
}
|
|
33
|
+
.amplify-fieldset__legend--small {
|
|
34
|
+
font-size: var(--amplify-components-fieldset-legend-small-font-size);
|
|
35
|
+
}
|
|
36
|
+
.amplify-fieldset__legend--large {
|
|
37
|
+
font-size: var(--amplify-components-fieldset-legend-large-font-size);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
.amplify-flex {
|
|
2
|
+
align-content: var(--amplify-components-flex-align-content);
|
|
3
|
+
align-items: var(--amplify-components-flex-align-items);
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-wrap: var(--amplify-components-flex-flex-wrap);
|
|
6
|
+
gap: var(--amplify-components-flex-gap);
|
|
7
|
+
justify-content: var(--amplify-components-flex-justify-content);
|
|
8
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-flex {
|
|
3
|
+
align-content: var(--amplify-components-flex-align-content);
|
|
4
|
+
align-items: var(--amplify-components-flex-align-items);
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-wrap: var(--amplify-components-flex-flex-wrap);
|
|
7
|
+
gap: var(--amplify-components-flex-gap);
|
|
8
|
+
justify-content: var(--amplify-components-flex-justify-content);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
.amplify-heading {
|
|
2
|
+
color: var(--amplify-components-heading-color);
|
|
3
|
+
line-height: var(--amplify-components-heading-line-height);
|
|
4
|
+
display: block;
|
|
5
|
+
}
|
|
6
|
+
.amplify-heading--truncated {
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
text-overflow: ellipsis;
|
|
9
|
+
white-space: nowrap;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.amplify-heading--1 {
|
|
13
|
+
font-size: var(--amplify-components-heading-1-font-size);
|
|
14
|
+
font-weight: var(--amplify-components-heading-1-font-weight);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.amplify-heading--2 {
|
|
18
|
+
font-size: var(--amplify-components-heading-2-font-size);
|
|
19
|
+
font-weight: var(--amplify-components-heading-2-font-weight);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.amplify-heading--3 {
|
|
23
|
+
font-size: var(--amplify-components-heading-3-font-size);
|
|
24
|
+
font-weight: var(--amplify-components-heading-3-font-weight);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.amplify-heading--4 {
|
|
28
|
+
font-size: var(--amplify-components-heading-4-font-size);
|
|
29
|
+
font-weight: var(--amplify-components-heading-4-font-weight);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.amplify-heading--5 {
|
|
33
|
+
font-size: var(--amplify-components-heading-5-font-size);
|
|
34
|
+
font-weight: var(--amplify-components-heading-5-font-weight);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.amplify-heading--6 {
|
|
38
|
+
font-size: var(--amplify-components-heading-6-font-size);
|
|
39
|
+
font-weight: var(--amplify-components-heading-6-font-weight);
|
|
40
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-heading {
|
|
3
|
+
color: var(--amplify-components-heading-color);
|
|
4
|
+
line-height: var(--amplify-components-heading-line-height);
|
|
5
|
+
display: block;
|
|
6
|
+
}
|
|
7
|
+
.amplify-heading--truncated {
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
text-overflow: ellipsis;
|
|
10
|
+
white-space: nowrap;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.amplify-heading--1 {
|
|
14
|
+
font-size: var(--amplify-components-heading-1-font-size);
|
|
15
|
+
font-weight: var(--amplify-components-heading-1-font-weight);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.amplify-heading--2 {
|
|
19
|
+
font-size: var(--amplify-components-heading-2-font-size);
|
|
20
|
+
font-weight: var(--amplify-components-heading-2-font-weight);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.amplify-heading--3 {
|
|
24
|
+
font-size: var(--amplify-components-heading-3-font-size);
|
|
25
|
+
font-weight: var(--amplify-components-heading-3-font-weight);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.amplify-heading--4 {
|
|
29
|
+
font-size: var(--amplify-components-heading-4-font-size);
|
|
30
|
+
font-weight: var(--amplify-components-heading-4-font-weight);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.amplify-heading--5 {
|
|
34
|
+
font-size: var(--amplify-components-heading-5-font-size);
|
|
35
|
+
font-weight: var(--amplify-components-heading-5-font-weight);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.amplify-heading--6 {
|
|
39
|
+
font-size: var(--amplify-components-heading-6-font-size);
|
|
40
|
+
font-weight: var(--amplify-components-heading-6-font-weight);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Icon base styles
|
|
3
|
+
*/
|
|
4
|
+
.amplify-icon {
|
|
5
|
+
display: inline-block;
|
|
6
|
+
vertical-align: middle;
|
|
7
|
+
fill: currentColor;
|
|
8
|
+
height: var(--amplify-components-icon-height);
|
|
9
|
+
line-height: var(--amplify-components-icon-line-height);
|
|
10
|
+
}
|
|
11
|
+
.amplify-icon > svg {
|
|
12
|
+
height: var(--amplify-components-icon-height);
|
|
13
|
+
width: var(--amplify-components-icon-height);
|
|
14
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
/*
|
|
3
|
+
* Icon base styles
|
|
4
|
+
*/
|
|
5
|
+
.amplify-icon {
|
|
6
|
+
display: inline-block;
|
|
7
|
+
vertical-align: middle;
|
|
8
|
+
fill: currentColor;
|
|
9
|
+
height: var(--amplify-components-icon-height);
|
|
10
|
+
line-height: var(--amplify-components-icon-line-height);
|
|
11
|
+
}
|
|
12
|
+
.amplify-icon > svg {
|
|
13
|
+
height: var(--amplify-components-icon-height);
|
|
14
|
+
width: var(--amplify-components-icon-height);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.amplify-image {
|
|
2
|
+
height: var(--amplify-components-image-height);
|
|
3
|
+
max-width: var(--amplify-components-image-max-width);
|
|
4
|
+
-o-object-fit: var(--amplify-components-image-object-fit);
|
|
5
|
+
object-fit: var(--amplify-components-image-object-fit);
|
|
6
|
+
-o-object-position: var(--amplify-components-image-object-position);
|
|
7
|
+
object-position: var(--amplify-components-image-object-position);
|
|
8
|
+
overflow: clip;
|
|
9
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
.amplify-image {
|
|
3
|
+
height: var(--amplify-components-image-height);
|
|
4
|
+
max-width: var(--amplify-components-image-max-width);
|
|
5
|
+
-o-object-fit: var(--amplify-components-image-object-fit);
|
|
6
|
+
object-fit: var(--amplify-components-image-object-fit);
|
|
7
|
+
-o-object-position: var(--amplify-components-image-object-position);
|
|
8
|
+
object-position: var(--amplify-components-image-object-position);
|
|
9
|
+
overflow: clip;
|
|
10
|
+
}
|
|
11
|
+
}
|