@npm_leadtech/legal-lib-components 5.7.7 → 5.7.8
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/css/styles.css +2175 -184
- package/dist/images/svg/arrow-right-24px-outlined.svg +3 -0
- package/dist/src/components/molecules/AccordionItem/AccordionItem.js +2 -2
- package/dist/src/components/molecules/AccordionItem/{AccordionItem.styled.ts → AccordionItem.scss} +3 -3
- package/dist/src/components/molecules/AccordionItem/AccordionItem.tsx +4 -3
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.js +2 -2
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.scss +7 -0
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.tsx +3 -3
- package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.js +2 -2
- package/dist/src/components/molecules/AlsoKnownAs/{AlsoKnownAs.styled.ts → AlsoKnownAs.scss} +4 -4
- package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.tsx +3 -3
- package/dist/src/components/molecules/Article/Article.js +4 -3
- package/dist/src/components/molecules/Article/{Article.styled.ts → Article.scss} +27 -10
- package/dist/src/components/molecules/Article/Article.tsx +20 -5
- package/dist/src/components/molecules/Article/ArticleProps.types.d.ts +1 -0
- package/dist/src/components/molecules/Article/ArticleProps.types.ts +1 -0
- package/dist/src/components/molecules/BaseBoxList/BaseBoxList.js +2 -2
- package/dist/src/components/molecules/BaseBoxList/{BaseBoxList.styled.ts → BaseBoxList.scss} +5 -5
- package/dist/src/components/molecules/BaseBoxList/BaseBoxList.tsx +2 -6
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.js +2 -2
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.scss +16 -0
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.tsx +3 -3
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.js +2 -2
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.scss +49 -0
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.tsx +3 -3
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.js +2 -2
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.scss +93 -0
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.tsx +3 -3
- package/dist/src/components/molecules/BoxForm/BoxForm.js +2 -2
- package/dist/src/components/molecules/BoxForm/BoxForm.scss +129 -0
- package/dist/src/components/molecules/BoxForm/BoxForm.tsx +3 -3
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.js +2 -2
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.scss +7 -0
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.tsx +3 -3
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.js +1 -2
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.scss +42 -0
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.tsx +2 -3
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.js +1 -2
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.scss +37 -0
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.tsx +3 -4
- package/dist/src/components/molecules/EmailContactBox/EmailContactBox.js +2 -2
- package/dist/src/components/molecules/EmailContactBox/{EmailContactBox.styled.ts → EmailContactBox.scss} +3 -3
- package/dist/src/components/molecules/EmailContactBox/EmailContactBox.tsx +3 -3
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.js +1 -2
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.scss +14 -0
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.tsx +1 -2
- package/dist/src/components/molecules/FaqItem/FaqItem.js +6 -5
- package/dist/src/components/molecules/FaqItem/{FaqItem.styled.ts → FaqItem.scss} +5 -4
- package/dist/src/components/molecules/FaqItem/FaqItem.tsx +10 -9
- package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.js +2 -2
- package/dist/src/components/molecules/FeatureRatafiaCardList/{FeatureRatafiaCardList.styled.ts → FeatureRatafiaCardList.scss} +2 -4
- package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.tsx +3 -3
- package/dist/src/components/molecules/Feedback/Feedback.js +2 -2
- package/dist/src/components/molecules/Feedback/Feedback.scss +109 -0
- package/dist/src/components/molecules/Feedback/Feedback.tsx +3 -3
- package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.js +2 -2
- package/dist/src/components/molecules/FreeDocModalContent/{FreeDocModalContent.styled.ts → FreeDocModalContent.scss} +10 -10
- package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.tsx +3 -3
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.js +2 -2
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.scss +31 -0
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.tsx +3 -3
- package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.js +2 -2
- package/dist/src/components/molecules/KeyFactCardListRatafia/{KeyFactCardListRatafia.styled.ts → KeyFactCardListRatafia.scss} +3 -3
- package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.tsx +3 -3
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.js +2 -2
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.scss +32 -0
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.tsx +3 -3
- package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.js +2 -2
- package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.tsx +3 -3
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +2 -2
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.scss +69 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +3 -3
- package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.js +2 -2
- package/dist/src/components/molecules/MoreDocsDesktop/{MoreDocsDesktop.styled.ts → MoreDocsDesktop.scss} +8 -9
- package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.tsx +3 -3
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.js +3 -3
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.scss +71 -0
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.tsx +3 -3
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.js +2 -2
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.scss +33 -0
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx +3 -3
- package/dist/src/components/molecules/Pagination/Pagination.js +2 -2
- package/dist/src/components/molecules/Pagination/Pagination.scss +62 -0
- package/dist/src/components/molecules/Pagination/Pagination.tsx +3 -3
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.js +1 -2
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.scss +60 -0
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.tsx +2 -3
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.js +2 -2
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.scss +33 -0
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.tsx +3 -3
- package/dist/src/components/molecules/PopularDocs/PopularDocs.js +2 -2
- package/dist/src/components/molecules/PopularDocs/{PopularDocs.styled.ts → PopularDocs.scss} +6 -7
- package/dist/src/components/molecules/PopularDocs/PopularDocs.tsx +3 -3
- package/dist/src/components/molecules/PricingCard/PricingCard.js +2 -2
- package/dist/src/components/molecules/PricingCard/PricingCard.scss +186 -0
- package/dist/src/components/molecules/PricingCard/PricingCard.tsx +3 -6
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js +1 -2
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.scss +93 -0
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx +2 -3
- package/dist/src/components/molecules/Snackbar/Snackbar.js +2 -2
- package/dist/src/components/molecules/Snackbar/Snackbar.scss +135 -0
- package/dist/src/components/molecules/Snackbar/Snackbar.tsx +3 -3
- package/dist/src/components/molecules/StepGetForm/StepGetForm.js +2 -2
- package/dist/src/components/molecules/StepGetForm/{StepGetForm.styled.ts → StepGetForm.scss} +13 -13
- package/dist/src/components/molecules/StepGetForm/StepGetForm.tsx +3 -3
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.js +1 -2
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.tsx +2 -3
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.js +2 -2
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.scss +5 -0
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.tsx +3 -3
- package/dist/src/components/molecules/TextInput/TextInput.js +1 -0
- package/dist/src/components/molecules/TextInput/TextInput.tsx +1 -0
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.js +2 -2
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.scss +14 -0
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.tsx +3 -3
- package/dist/src/components/molecules/TypeModulesList/TypeModulesList.js +1 -2
- package/dist/src/components/molecules/TypeModulesList/{TypeModulesList.styled.ts → TypeModulesList.scss} +11 -11
- package/dist/src/components/molecules/TypeModulesList/TypeModulesList.tsx +2 -3
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.js +2 -2
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.scss +63 -0
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.tsx +3 -8
- package/dist/src/components/organisms/ArticlesList/ArticlesList.js +2 -2
- package/dist/src/components/organisms/ArticlesList/ArticlesList.tsx +2 -2
- package/dist/src/components/organisms/ArticlesList/ArticlesListProps.types.d.ts +1 -0
- package/dist/src/components/organisms/ArticlesList/ArticlesListProps.types.ts +1 -0
- package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.scss +1 -1
- package/dist/src/components/sections/BlogSection/BlogSection.js +5 -4
- package/dist/src/components/sections/BlogSection/BlogSection.scss +54 -0
- package/dist/src/components/sections/BlogSection/BlogSection.styled.js +21 -0
- package/dist/src/components/sections/BlogSection/BlogSection.styled.ts +21 -0
- package/dist/src/components/sections/BlogSection/BlogSection.tsx +10 -6
- package/dist/src/components/sections/BlogSection/BlogSectionProps.types.d.ts +2 -1
- package/dist/src/components/sections/BlogSection/BlogSectionProps.types.ts +2 -1
- package/dist/src/custom.d.ts +1 -1
- package/dist/src/globalStyles/styles.scss +43 -3
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.d.ts +0 -1
- package/dist/src/components/molecules/AccordionItem/AccordionItem.styled.js +0 -69
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.styled.js +0 -7
- package/dist/src/components/molecules/ActionButtonHeaderRatafiaCardList/ActionButtonHeaderRatafiaCardList.styled.ts +0 -8
- package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.styled.d.ts +0 -1
- package/dist/src/components/molecules/AlsoKnownAs/AlsoKnownAs.styled.js +0 -28
- package/dist/src/components/molecules/Article/Article.styled.d.ts +0 -1
- package/dist/src/components/molecules/Article/Article.styled.js +0 -65
- package/dist/src/components/molecules/BaseBoxList/BaseBoxList.styled.d.ts +0 -1
- package/dist/src/components/molecules/BaseBoxList/BaseBoxList.styled.js +0 -25
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.styled.js +0 -15
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.styled.ts +0 -16
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.styled.d.ts +0 -1
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.styled.js +0 -50
- package/dist/src/components/molecules/BottomFixedBar/BottomFixedBar.styled.ts +0 -51
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.d.ts +0 -1
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.js +0 -94
- package/dist/src/components/molecules/BottomOverlay/BottomOverlay.styled.ts +0 -95
- package/dist/src/components/molecules/BoxForm/BoxForm.styled.d.ts +0 -1
- package/dist/src/components/molecules/BoxForm/BoxForm.styled.js +0 -127
- package/dist/src/components/molecules/BoxForm/BoxForm.styled.ts +0 -128
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.styled.d.ts +0 -1
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.styled.js +0 -10
- package/dist/src/components/molecules/Breadcrumb/Breadcrumb.styled.ts +0 -11
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.styled.d.ts +0 -1
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.styled.js +0 -45
- package/dist/src/components/molecules/ContinueEditingBanner/ContinueEditingBanner.styled.ts +0 -46
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.styled.d.ts +0 -1
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.styled.js +0 -38
- package/dist/src/components/molecules/CountDownMessage/CountDownMessage.styled.ts +0 -39
- package/dist/src/components/molecules/EmailContactBox/EmailContactBox.styled.d.ts +0 -1
- package/dist/src/components/molecules/EmailContactBox/EmailContactBox.styled.js +0 -34
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.js +0 -13
- package/dist/src/components/molecules/ExpertCardList/ExpertCardList.styled.ts +0 -14
- package/dist/src/components/molecules/FaqItem/FaqItem.styled.d.ts +0 -1
- package/dist/src/components/molecules/FaqItem/FaqItem.styled.js +0 -61
- package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.styled.js +0 -9
- package/dist/src/components/molecules/Feedback/Feedback.styled.d.ts +0 -1
- package/dist/src/components/molecules/Feedback/Feedback.styled.js +0 -114
- package/dist/src/components/molecules/Feedback/Feedback.styled.ts +0 -115
- package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.styled.d.ts +0 -1
- package/dist/src/components/molecules/FreeDocModalContent/FreeDocModalContent.styled.js +0 -109
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.styled.d.ts +0 -1
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.styled.js +0 -32
- package/dist/src/components/molecules/HeaderRatafia/HeaderRatafia.styled.ts +0 -33
- package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.d.ts +0 -1
- package/dist/src/components/molecules/KeyFactCardListRatafia/KeyFactCardListRatafia.styled.js +0 -20
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.styled.d.ts +0 -1
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.styled.js +0 -33
- package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.styled.ts +0 -34
- package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.d.ts +0 -1
- package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.js +0 -30
- package/dist/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.styled.ts +0 -31
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.d.ts +0 -1
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.js +0 -69
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.ts +0 -70
- package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.d.ts +0 -1
- package/dist/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.styled.js +0 -74
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.d.ts +0 -1
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.js +0 -72
- package/dist/src/components/molecules/MoreDocsMobile/MoreDocsMobile.styled.ts +0 -73
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.styled.d.ts +0 -1
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.styled.js +0 -35
- package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.styled.ts +0 -36
- package/dist/src/components/molecules/Pagination/Pagination.styled.d.ts +0 -1
- package/dist/src/components/molecules/Pagination/Pagination.styled.js +0 -63
- package/dist/src/components/molecules/Pagination/Pagination.styled.ts +0 -64
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.styled.d.ts +0 -1
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.styled.js +0 -59
- package/dist/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.styled.ts +0 -60
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.styled.d.ts +0 -1
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.styled.js +0 -32
- package/dist/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.styled.ts +0 -33
- package/dist/src/components/molecules/PopularDocs/PopularDocs.styled.d.ts +0 -1
- package/dist/src/components/molecules/PopularDocs/PopularDocs.styled.js +0 -34
- package/dist/src/components/molecules/PricingCard/PricingCard.styled.d.ts +0 -1
- package/dist/src/components/molecules/PricingCard/PricingCard.styled.js +0 -189
- package/dist/src/components/molecules/PricingCard/PricingCard.styled.ts +0 -190
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.d.ts +0 -1
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js +0 -93
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts +0 -94
- package/dist/src/components/molecules/Snackbar/Snackbar.styled.d.ts +0 -1
- package/dist/src/components/molecules/Snackbar/Snackbar.styled.js +0 -139
- package/dist/src/components/molecules/Snackbar/Snackbar.styled.ts +0 -140
- package/dist/src/components/molecules/StepGetForm/StepGetForm.styled.d.ts +0 -1
- package/dist/src/components/molecules/StepGetForm/StepGetForm.styled.js +0 -104
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.d.ts +0 -1
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.js +0 -19
- package/dist/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.styled.ts +0 -20
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.d.ts +0 -1
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.js +0 -6
- package/dist/src/components/molecules/TagsRatafiaList/TagsRatafiaList.styled.ts +0 -7
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.d.ts +0 -1
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.js +0 -14
- package/dist/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.styled.ts +0 -15
- package/dist/src/components/molecules/TypeModulesList/TypeModulesList.styled.d.ts +0 -1
- package/dist/src/components/molecules/TypeModulesList/TypeModulesList.styled.js +0 -107
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.d.ts +0 -1
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.js +0 -64
- package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.styled.ts +0 -65
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const PricingCardStyled = styled.li`
|
|
5
|
-
position: relative;
|
|
6
|
-
max-width: 400px;
|
|
7
|
-
border: solid 1px transparent;
|
|
8
|
-
list-style: none;
|
|
9
|
-
|
|
10
|
-
&.pricing-card {
|
|
11
|
-
&.--selectable {
|
|
12
|
-
.pricing-card__radio-label {
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
&:not(.--selected):hover {
|
|
17
|
-
.pricing-card__wrapper {
|
|
18
|
-
border-color: var(--neutral-neutral-3);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.--selected {
|
|
24
|
-
.pricing-card__wrapper {
|
|
25
|
-
border-color: var(--primary-main-light-3);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.pricing-card {
|
|
31
|
-
&__radio-label {
|
|
32
|
-
.radio-input {
|
|
33
|
-
display: none;
|
|
34
|
-
|
|
35
|
-
& + .radio-checkbox {
|
|
36
|
-
background-color: var(--others-white);
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 1rem;
|
|
39
|
-
left: 1rem;
|
|
40
|
-
width: 20px;
|
|
41
|
-
height: 20px;
|
|
42
|
-
border-radius: 50%;
|
|
43
|
-
border: 1px solid;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&:checked {
|
|
47
|
-
& + .radio-checkbox {
|
|
48
|
-
border: 5px solid var(--primary-main-light-1);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&__wrapper {
|
|
55
|
-
background-color: var(--others-white);
|
|
56
|
-
box-shadow: var(--box-shadow-container);
|
|
57
|
-
border-radius: var(--global-border-radius);
|
|
58
|
-
border: solid 1px transparent;
|
|
59
|
-
|
|
60
|
-
ul {
|
|
61
|
-
display: flex;
|
|
62
|
-
flex-direction: column;
|
|
63
|
-
margin-top: 0.5rem;
|
|
64
|
-
|
|
65
|
-
li {
|
|
66
|
-
text-align: left;
|
|
67
|
-
display: flex;
|
|
68
|
-
flex-direction: row;
|
|
69
|
-
margin-bottom: 2rem;
|
|
70
|
-
|
|
71
|
-
p {
|
|
72
|
-
text-align: left;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
img {
|
|
76
|
-
width: 2.2rem;
|
|
77
|
-
height: 2.2rem;
|
|
78
|
-
margin-right: 1rem;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
&__header {
|
|
85
|
-
padding: 1rem;
|
|
86
|
-
text-align: center;
|
|
87
|
-
background: var(--neutral-neutral-6);
|
|
88
|
-
|
|
89
|
-
&__text {
|
|
90
|
-
color: var(--neutral-neutral-2);
|
|
91
|
-
margin: 0 1rem;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
&__body {
|
|
96
|
-
color: var(--neutral-neutral-1);
|
|
97
|
-
display: flex;
|
|
98
|
-
flex-flow: column nowrap;
|
|
99
|
-
padding: 1.5rem 1rem;
|
|
100
|
-
text-align: center;
|
|
101
|
-
|
|
102
|
-
&__price {
|
|
103
|
-
font-size: 2.25rem;
|
|
104
|
-
line-height: 2rem;
|
|
105
|
-
margin-top: 0;
|
|
106
|
-
margin-bottom: 1.5rem;
|
|
107
|
-
order: 2;
|
|
108
|
-
|
|
109
|
-
@media ${device.desktop} {
|
|
110
|
-
font-size: 2.25rem;
|
|
111
|
-
line-height: 2.5rem;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
span {
|
|
115
|
-
font-size: 1rem;
|
|
116
|
-
display: inline;
|
|
117
|
-
margin-left: 0.2rem;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
&__text {
|
|
122
|
-
font-size: 0.85rem;
|
|
123
|
-
color: var(--neutral-neutral-2);
|
|
124
|
-
order: 4;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
&__features-list {
|
|
128
|
-
display: none;
|
|
129
|
-
order: 6;
|
|
130
|
-
|
|
131
|
-
@media ${device['landscape-tablets']} {
|
|
132
|
-
display: block;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
&.--expanded {
|
|
136
|
-
display: block;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
hr {
|
|
140
|
-
width: 100%;
|
|
141
|
-
border-top: 1px solid var(--neutral-neutral-4);
|
|
142
|
-
margin-bottom: 1.5rem;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
&__item {
|
|
146
|
-
&::before {
|
|
147
|
-
content: '•';
|
|
148
|
-
color: var(--primary-main);
|
|
149
|
-
font-weight: bold;
|
|
150
|
-
display: inline-block;
|
|
151
|
-
margin-right: 1rem;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
&:not(:last-child) {
|
|
155
|
-
margin-bottom: 1rem;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.e-button.see-more-button {
|
|
161
|
-
display: block;
|
|
162
|
-
margin: auto;
|
|
163
|
-
order: 8;
|
|
164
|
-
|
|
165
|
-
@media ${device['landscape-tablets']} {
|
|
166
|
-
display: none;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
&__disclaimer {
|
|
172
|
-
color: var(--neutral-neutral-2);
|
|
173
|
-
font-size: 0.75rem;
|
|
174
|
-
text-align: center;
|
|
175
|
-
width: 100%;
|
|
176
|
-
display: flex;
|
|
177
|
-
justify-content: center;
|
|
178
|
-
padding: 0.8rem 0 0.4rem;
|
|
179
|
-
max-width: 20rem;
|
|
180
|
-
|
|
181
|
-
@media ${device['landscape-tablets']} {
|
|
182
|
-
max-width: unset;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
&__button {
|
|
187
|
-
width: 100%;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
`
|
package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const RatafiaSubscriptionCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js
DELETED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const RatafiaSubscriptionCardStyled = styled.div `
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-flow: column nowrap;
|
|
5
|
-
flex: 1;
|
|
6
|
-
gap: 0.5rem;
|
|
7
|
-
min-width: 320px;
|
|
8
|
-
padding: 1rem;
|
|
9
|
-
border-radius: var(--global-border-radius);
|
|
10
|
-
|
|
11
|
-
&.primary {
|
|
12
|
-
background-color: var(--neutral-neutral-6);
|
|
13
|
-
|
|
14
|
-
.icon-svg-with-theme-color {
|
|
15
|
-
background-color: var(--primary-main-light-1);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.ratafia-card__feature {
|
|
19
|
-
&.ratafia-card__ai-feature {
|
|
20
|
-
background-color: var(--primary-main-light-6);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&.secondary {
|
|
26
|
-
background-color: var(--primary-main-light-4);
|
|
27
|
-
|
|
28
|
-
.icon-svg-with-theme-color {
|
|
29
|
-
background-color: var(--primary-main-dark-2);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.ratafia-card__feature {
|
|
33
|
-
&.ratafia-card__ai-feature {
|
|
34
|
-
background-color: var(--secondary-main-light-3);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.ratafia-card {
|
|
40
|
-
&__header {
|
|
41
|
-
display: flex;
|
|
42
|
-
flex-flow: row wrap;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: space-between;
|
|
45
|
-
gap: 0.5rem 1rem;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&__title {
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-flow: row nowrap;
|
|
51
|
-
align-items: center;
|
|
52
|
-
gap: 0.8rem;
|
|
53
|
-
font-weight: bold;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
hr {
|
|
57
|
-
border: none;
|
|
58
|
-
border-top: 1px solid var(--neutral-neutral-4);
|
|
59
|
-
width: 100%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&__body {
|
|
63
|
-
display: flex;
|
|
64
|
-
flex-flow: column;
|
|
65
|
-
flex: 1;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&__feature {
|
|
69
|
-
display: flex;
|
|
70
|
-
flex-flow: row nowrap;
|
|
71
|
-
justify-content: flex-start;
|
|
72
|
-
gap: 0.5rem;
|
|
73
|
-
color: var(--neutral-neutral-1);
|
|
74
|
-
text-align: left;
|
|
75
|
-
padding: 0.25rem 0;
|
|
76
|
-
|
|
77
|
-
.icon-svg-with-theme-color {
|
|
78
|
-
flex-basis: 1rem;
|
|
79
|
-
margin-top: 0.2rem;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
&.ratafia-card__ai-feature {
|
|
83
|
-
background-color: var(--primary-main-light-6);
|
|
84
|
-
padding-left: 0.5rem;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
&__footer {
|
|
89
|
-
display: flex;
|
|
90
|
-
margin-top: 1.5rem;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
`;
|
package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts
DELETED
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const RatafiaSubscriptionCardStyled = styled.div`
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-flow: column nowrap;
|
|
6
|
-
flex: 1;
|
|
7
|
-
gap: 0.5rem;
|
|
8
|
-
min-width: 320px;
|
|
9
|
-
padding: 1rem;
|
|
10
|
-
border-radius: var(--global-border-radius);
|
|
11
|
-
|
|
12
|
-
&.primary {
|
|
13
|
-
background-color: var(--neutral-neutral-6);
|
|
14
|
-
|
|
15
|
-
.icon-svg-with-theme-color {
|
|
16
|
-
background-color: var(--primary-main-light-1);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ratafia-card__feature {
|
|
20
|
-
&.ratafia-card__ai-feature {
|
|
21
|
-
background-color: var(--primary-main-light-6);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&.secondary {
|
|
27
|
-
background-color: var(--primary-main-light-4);
|
|
28
|
-
|
|
29
|
-
.icon-svg-with-theme-color {
|
|
30
|
-
background-color: var(--primary-main-dark-2);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.ratafia-card__feature {
|
|
34
|
-
&.ratafia-card__ai-feature {
|
|
35
|
-
background-color: var(--secondary-main-light-3);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.ratafia-card {
|
|
41
|
-
&__header {
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-flow: row wrap;
|
|
44
|
-
align-items: center;
|
|
45
|
-
justify-content: space-between;
|
|
46
|
-
gap: 0.5rem 1rem;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&__title {
|
|
50
|
-
display: flex;
|
|
51
|
-
flex-flow: row nowrap;
|
|
52
|
-
align-items: center;
|
|
53
|
-
gap: 0.8rem;
|
|
54
|
-
font-weight: bold;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
hr {
|
|
58
|
-
border: none;
|
|
59
|
-
border-top: 1px solid var(--neutral-neutral-4);
|
|
60
|
-
width: 100%;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&__body {
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-flow: column;
|
|
66
|
-
flex: 1;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&__feature {
|
|
70
|
-
display: flex;
|
|
71
|
-
flex-flow: row nowrap;
|
|
72
|
-
justify-content: flex-start;
|
|
73
|
-
gap: 0.5rem;
|
|
74
|
-
color: var(--neutral-neutral-1);
|
|
75
|
-
text-align: left;
|
|
76
|
-
padding: 0.25rem 0;
|
|
77
|
-
|
|
78
|
-
.icon-svg-with-theme-color {
|
|
79
|
-
flex-basis: 1rem;
|
|
80
|
-
margin-top: 0.2rem;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&.ratafia-card__ai-feature {
|
|
84
|
-
background-color: var(--primary-main-light-6);
|
|
85
|
-
padding-left: 0.5rem;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
&__footer {
|
|
90
|
-
display: flex;
|
|
91
|
-
margin-top: 1.5rem;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
`
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SnackbarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const SnackbarStyled = styled.div `
|
|
4
|
-
color: var(--neutral-main);
|
|
5
|
-
line-height: 1.5;
|
|
6
|
-
margin-bottom: 1em;
|
|
7
|
-
padding: 0.5em 0 0.5em 0;
|
|
8
|
-
margin-right: 2%;
|
|
9
|
-
margin-left: 2%;
|
|
10
|
-
width: 96%;
|
|
11
|
-
transition: transform 1s;
|
|
12
|
-
z-index: 10000;
|
|
13
|
-
overflow: hidden;
|
|
14
|
-
border-radius: 4px;
|
|
15
|
-
box-shadow: var(--box-shadow-container);
|
|
16
|
-
font-size: 14px;
|
|
17
|
-
|
|
18
|
-
@media ${device['portrait-tablets']} {
|
|
19
|
-
margin: 0;
|
|
20
|
-
width: 18rem;
|
|
21
|
-
}
|
|
22
|
-
@media ${device['landscape-tablets']} {
|
|
23
|
-
width: 27rem;
|
|
24
|
-
}
|
|
25
|
-
@media ${device.laptop} {
|
|
26
|
-
width: 36rem;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&:before {
|
|
30
|
-
content: '';
|
|
31
|
-
display: block;
|
|
32
|
-
width: 1.5rem;
|
|
33
|
-
height: 1.5rem;
|
|
34
|
-
float: left;
|
|
35
|
-
margin: 1.25rem 0.75rem 0 0.75rem;
|
|
36
|
-
@media ${device['portrait-tablets']} {
|
|
37
|
-
margin: space(3) space(3) 0 space(3);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&.snackbar {
|
|
42
|
-
&--welcome {
|
|
43
|
-
background-color: var(--neutral-main);
|
|
44
|
-
color: var(--others-white);
|
|
45
|
-
border: 1px solid var(--neutral-neutral-2);
|
|
46
|
-
|
|
47
|
-
&:before {
|
|
48
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNUREOEMzIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
|
|
49
|
-
no-repeat;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&--success {
|
|
54
|
-
background-color: var(--snackbar-success-bg);
|
|
55
|
-
color: var(--snackbar-success-color);
|
|
56
|
-
border: 1px solid var(--snackbar-success-border);
|
|
57
|
-
|
|
58
|
-
&:before {
|
|
59
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNOC44IDE1LjlMNC42IDExLjcgMy4yIDEzLjEgOC44IDE4LjcgMjAuOCA2LjcgMTkuNCA1LjN6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiMwMjM3NEEiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=)
|
|
60
|
-
no-repeat;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&--error {
|
|
65
|
-
background-color: var(--error-main);
|
|
66
|
-
color: var(--others-white);
|
|
67
|
-
border: 1px solid get-color(error, error-2);
|
|
68
|
-
|
|
69
|
-
&:before {
|
|
70
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJzNC40NyAxMCAxMCAxMCAxMC00LjQ3IDEwLTEwUzE3LjUzIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bS0xLTloMnY2aC0ydi02em0wLTRoMnYyaC0yVjd6IiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6IiAvPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIC8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcHJlZml4X19hIiAvPgogICAgICAgIDxnIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
|
|
71
|
-
no-repeat;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&--reminder {
|
|
76
|
-
background-color: var(--snackbar-reminder-bg);
|
|
77
|
-
color: var(--neutral-main);
|
|
78
|
-
border: 1px solid var(--snackbar-reminder-border);
|
|
79
|
-
|
|
80
|
-
&:before {
|
|
81
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjOTM2QzJGIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
|
|
82
|
-
no-repeat;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.snackbar {
|
|
88
|
-
&-close-icon {
|
|
89
|
-
cursor: pointer;
|
|
90
|
-
float: right;
|
|
91
|
-
font-size: 1.25rem;
|
|
92
|
-
line-height: 3;
|
|
93
|
-
margin-left: 1em;
|
|
94
|
-
margin-right: 1em;
|
|
95
|
-
opacity: 0.8;
|
|
96
|
-
@media ${device['portrait-tablets']} {
|
|
97
|
-
line-height: 2;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
&-content {
|
|
102
|
-
display: flex;
|
|
103
|
-
flex-direction: column;
|
|
104
|
-
|
|
105
|
-
&__text-container {
|
|
106
|
-
display: flex;
|
|
107
|
-
flex-direction: column;
|
|
108
|
-
margin-right: 1rem;
|
|
109
|
-
min-width: 1%;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
&__button button {
|
|
113
|
-
margin-top: 0.5rem;
|
|
114
|
-
height: auto !important;
|
|
115
|
-
|
|
116
|
-
label {
|
|
117
|
-
white-space: nowrap;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
@media ${device['landscape-tablets']} {
|
|
122
|
-
flex-direction: row;
|
|
123
|
-
margin-top: inherit;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
&-title {
|
|
128
|
-
font-weight: bold;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.e-button.remove-yellow {
|
|
132
|
-
border-color: transparent;
|
|
133
|
-
|
|
134
|
-
&:hover {
|
|
135
|
-
background-color: var(--others-white);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
`;
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const SnackbarStyled = styled.div`
|
|
5
|
-
color: var(--neutral-main);
|
|
6
|
-
line-height: 1.5;
|
|
7
|
-
margin-bottom: 1em;
|
|
8
|
-
padding: 0.5em 0 0.5em 0;
|
|
9
|
-
margin-right: 2%;
|
|
10
|
-
margin-left: 2%;
|
|
11
|
-
width: 96%;
|
|
12
|
-
transition: transform 1s;
|
|
13
|
-
z-index: 10000;
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
border-radius: 4px;
|
|
16
|
-
box-shadow: var(--box-shadow-container);
|
|
17
|
-
font-size: 14px;
|
|
18
|
-
|
|
19
|
-
@media ${device['portrait-tablets']} {
|
|
20
|
-
margin: 0;
|
|
21
|
-
width: 18rem;
|
|
22
|
-
}
|
|
23
|
-
@media ${device['landscape-tablets']} {
|
|
24
|
-
width: 27rem;
|
|
25
|
-
}
|
|
26
|
-
@media ${device.laptop} {
|
|
27
|
-
width: 36rem;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&:before {
|
|
31
|
-
content: '';
|
|
32
|
-
display: block;
|
|
33
|
-
width: 1.5rem;
|
|
34
|
-
height: 1.5rem;
|
|
35
|
-
float: left;
|
|
36
|
-
margin: 1.25rem 0.75rem 0 0.75rem;
|
|
37
|
-
@media ${device['portrait-tablets']} {
|
|
38
|
-
margin: space(3) space(3) 0 space(3);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
&.snackbar {
|
|
43
|
-
&--welcome {
|
|
44
|
-
background-color: var(--neutral-main);
|
|
45
|
-
color: var(--others-white);
|
|
46
|
-
border: 1px solid var(--neutral-neutral-2);
|
|
47
|
-
|
|
48
|
-
&:before {
|
|
49
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNUREOEMzIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
|
|
50
|
-
no-repeat;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&--success {
|
|
55
|
-
background-color: var(--snackbar-success-bg);
|
|
56
|
-
color: var(--snackbar-success-color);
|
|
57
|
-
border: 1px solid var(--snackbar-success-border);
|
|
58
|
-
|
|
59
|
-
&:before {
|
|
60
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNOC44IDE1LjlMNC42IDExLjcgMy4yIDEzLjEgOC44IDE4LjcgMjAuOCA2LjcgMTkuNCA1LjN6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiMwMjM3NEEiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=)
|
|
61
|
-
no-repeat;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&--error {
|
|
66
|
-
background-color: var(--error-main);
|
|
67
|
-
color: var(--others-white);
|
|
68
|
-
border: 1px solid get-color(error, error-2);
|
|
69
|
-
|
|
70
|
-
&:before {
|
|
71
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJzNC40NyAxMCAxMCAxMCAxMC00LjQ3IDEwLTEwUzE3LjUzIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bS0xLTloMnY2aC0ydi02em0wLTRoMnYyaC0yVjd6IiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6IiAvPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIC8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcHJlZml4X19hIiAvPgogICAgICAgIDxnIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
|
|
72
|
-
no-repeat;
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
&--reminder {
|
|
77
|
-
background-color: var(--snackbar-reminder-bg);
|
|
78
|
-
color: var(--neutral-main);
|
|
79
|
-
border: 1px solid var(--snackbar-reminder-border);
|
|
80
|
-
|
|
81
|
-
&:before {
|
|
82
|
-
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjOTM2QzJGIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
|
|
83
|
-
no-repeat;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.snackbar {
|
|
89
|
-
&-close-icon {
|
|
90
|
-
cursor: pointer;
|
|
91
|
-
float: right;
|
|
92
|
-
font-size: 1.25rem;
|
|
93
|
-
line-height: 3;
|
|
94
|
-
margin-left: 1em;
|
|
95
|
-
margin-right: 1em;
|
|
96
|
-
opacity: 0.8;
|
|
97
|
-
@media ${device['portrait-tablets']} {
|
|
98
|
-
line-height: 2;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
&-content {
|
|
103
|
-
display: flex;
|
|
104
|
-
flex-direction: column;
|
|
105
|
-
|
|
106
|
-
&__text-container {
|
|
107
|
-
display: flex;
|
|
108
|
-
flex-direction: column;
|
|
109
|
-
margin-right: 1rem;
|
|
110
|
-
min-width: 1%;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
&__button button {
|
|
114
|
-
margin-top: 0.5rem;
|
|
115
|
-
height: auto !important;
|
|
116
|
-
|
|
117
|
-
label {
|
|
118
|
-
white-space: nowrap;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
@media ${device['landscape-tablets']} {
|
|
123
|
-
flex-direction: row;
|
|
124
|
-
margin-top: inherit;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
&-title {
|
|
129
|
-
font-weight: bold;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.e-button.remove-yellow {
|
|
133
|
-
border-color: transparent;
|
|
134
|
-
|
|
135
|
-
&:hover {
|
|
136
|
-
background-color: var(--others-white);
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
`
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StepGetFormStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|