@redneckz/wildless-cms-uni-blocks 0.6.31 → 0.6.33
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/bin/migration-scripts/0.6.32.js +26 -0
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +152 -110
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/bundle/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/bundle/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/bundle/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/bundle/icons/IconName.d.ts +6 -4
- package/bundle/model/HeadlineType.d.ts +2 -2
- package/bundle/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/bundle/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/bundle/ui-kit/Text/Text.d.ts +34 -0
- package/bundle/utils/sliceArray.d.ts +1 -0
- package/cosmos-static/icons/ArrowRightIcon.svg +1 -0
- package/dist/components/Accordion/Accordion.js +2 -1
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.mobile.js +2 -1
- package/dist/components/Accordion/Accordion.mobile.js.map +1 -1
- package/dist/components/AccordionItem/AccordionItem.js +2 -1
- package/dist/components/AccordionItem/AccordionItem.js.map +1 -1
- package/dist/components/AccordionItem/AccordionItem.mobile.js +2 -1
- package/dist/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/dist/components/CarouselLinks/CarouselLinks.js +20 -0
- package/dist/components/CarouselLinks/CarouselLinks.js.map +1 -0
- package/dist/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/dist/components/CarouselLinks/CarouselLinksContent.js +2 -0
- package/dist/components/CarouselLinks/CarouselLinksContent.js.map +1 -0
- package/dist/components/ContactsBlock/ContactsBlock.js +6 -10
- package/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/dist/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/dist/components/Headline/Headline.js +1 -2
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/constants.js +6 -0
- package/dist/components/Headline/constants.js.map +1 -1
- package/dist/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
- package/dist/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
- package/dist/components/Recommendation/RecommendationCard.js +1 -2
- package/dist/components/Recommendation/RecommendationCard.js.map +1 -1
- package/dist/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/dist/components/TariffsTable/TariffsTable.mobile.js +1 -1
- package/dist/components/TariffsTable/TariffsTable.mobile.js.map +1 -1
- package/dist/components/Tile/Tile.js +2 -2
- package/dist/components/Tile/Tile.js.map +1 -1
- package/dist/icons/IconName.d.ts +6 -4
- package/dist/icons/IconName.js +4 -2
- package/dist/icons/IconName.js.map +1 -1
- package/dist/model/HeadlineType.d.ts +2 -2
- package/dist/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/dist/ui-kit/LinkButton/LinkButton.js +16 -0
- package/dist/ui-kit/LinkButton/LinkButton.js.map +1 -0
- package/dist/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/dist/ui-kit/Paragraph/Paragraph.js +10 -0
- package/dist/ui-kit/Paragraph/Paragraph.js.map +1 -0
- package/dist/ui-kit/Text/Text.d.ts +34 -0
- package/dist/ui-kit/Text/Text.js +10 -0
- package/dist/ui-kit/Text/Text.js.map +1 -0
- package/dist/utils/sliceArray.d.ts +1 -0
- package/dist/utils/sliceArray.js +15 -0
- package/dist/utils/sliceArray.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/Accordion/Accordion.js +2 -1
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.mobile.js +2 -1
- package/lib/components/Accordion/Accordion.mobile.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +2 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.mobile.js +2 -1
- package/lib/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/lib/components/CarouselLinks/CarouselLinks.fixture.d.ts +5 -0
- package/lib/components/CarouselLinks/CarouselLinks.js +18 -0
- package/lib/components/CarouselLinks/CarouselLinks.js.map +1 -0
- package/lib/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/lib/components/CarouselLinks/CarouselLinksContent.js +2 -0
- package/lib/components/CarouselLinks/CarouselLinksContent.js.map +1 -0
- package/lib/components/ContactsBlock/ContactsBlock.js +6 -10
- package/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/lib/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/lib/components/Headline/Headline.js +1 -2
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/Headline/constants.js +6 -0
- package/lib/components/Headline/constants.js.map +1 -1
- package/lib/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
- package/lib/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
- package/lib/components/Recommendation/RecommendationCard.js +1 -2
- package/lib/components/Recommendation/RecommendationCard.js.map +1 -1
- package/lib/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/lib/components/TariffsTable/TariffsTable.mobile.js +1 -1
- package/lib/components/TariffsTable/TariffsTable.mobile.js.map +1 -1
- package/lib/components/Tile/Tile.js +2 -2
- package/lib/components/Tile/Tile.js.map +1 -1
- package/lib/icons/IconName.d.ts +6 -4
- package/lib/icons/IconName.js +4 -2
- package/lib/icons/IconName.js.map +1 -1
- package/lib/model/HeadlineType.d.ts +2 -2
- package/lib/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/lib/ui-kit/LinkButton/LinkButton.fixture.d.ts +5 -0
- package/lib/ui-kit/LinkButton/LinkButton.js +14 -0
- package/lib/ui-kit/LinkButton/LinkButton.js.map +1 -0
- package/lib/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/lib/ui-kit/Paragraph/Paragraph.js +8 -0
- package/lib/ui-kit/Paragraph/Paragraph.js.map +1 -0
- package/lib/ui-kit/Text/Text.d.ts +34 -0
- package/lib/ui-kit/Text/Text.js +8 -0
- package/lib/ui-kit/Text/Text.js.map +1 -0
- package/lib/utils/sliceArray.d.ts +1 -0
- package/lib/utils/sliceArray.js +12 -0
- package/lib/utils/sliceArray.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +16 -4
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/mobile/bundle/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/mobile/bundle/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/mobile/bundle/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/mobile/bundle/icons/IconName.d.ts +6 -4
- package/mobile/bundle/model/HeadlineType.d.ts +2 -2
- package/mobile/bundle/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/mobile/bundle/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/mobile/bundle/ui-kit/Text/Text.d.ts +34 -0
- package/mobile/bundle/utils/sliceArray.d.ts +1 -0
- package/mobile/dist/components/Accordion/Accordion.js +2 -1
- package/mobile/dist/components/Accordion/Accordion.js.map +1 -1
- package/mobile/dist/components/AccordionItem/AccordionItem.js +2 -1
- package/mobile/dist/components/AccordionItem/AccordionItem.js.map +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js +20 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js.map +1 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinksContent.js +2 -0
- package/mobile/dist/components/CarouselLinks/CarouselLinksContent.js.map +1 -0
- package/mobile/dist/components/ContactsBlock/ContactsBlock.js +6 -10
- package/mobile/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/mobile/dist/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/mobile/dist/components/Headline/constants.js +6 -0
- package/mobile/dist/components/Headline/constants.js.map +1 -1
- package/mobile/dist/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
- package/mobile/dist/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
- package/mobile/dist/components/Recommendation/RecommendationCard.js +1 -2
- package/mobile/dist/components/Recommendation/RecommendationCard.js.map +1 -1
- package/mobile/dist/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTable.js +1 -1
- package/mobile/dist/components/TariffsTable/TariffsTable.js.map +1 -1
- package/mobile/dist/components/Tile/Tile.js +2 -2
- package/mobile/dist/components/Tile/Tile.js.map +1 -1
- package/mobile/dist/icons/IconName.d.ts +6 -4
- package/mobile/dist/icons/IconName.js +4 -2
- package/mobile/dist/icons/IconName.js.map +1 -1
- package/mobile/dist/model/HeadlineType.d.ts +2 -2
- package/mobile/dist/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/mobile/dist/ui-kit/LinkButton/LinkButton.js +16 -0
- package/mobile/dist/ui-kit/LinkButton/LinkButton.js.map +1 -0
- package/mobile/dist/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/mobile/dist/ui-kit/Paragraph/Paragraph.js +10 -0
- package/mobile/dist/ui-kit/Paragraph/Paragraph.js.map +1 -0
- package/mobile/dist/ui-kit/Text/Text.d.ts +34 -0
- package/mobile/dist/ui-kit/Text/Text.js +10 -0
- package/mobile/dist/ui-kit/Text/Text.js.map +1 -0
- package/mobile/dist/utils/sliceArray.d.ts +1 -0
- package/mobile/dist/utils/sliceArray.js +15 -0
- package/mobile/dist/utils/sliceArray.js.map +1 -0
- package/mobile/lib/components/Accordion/Accordion.js +2 -1
- package/mobile/lib/components/Accordion/Accordion.js.map +1 -1
- package/mobile/lib/components/AccordionItem/AccordionItem.js +2 -1
- package/mobile/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.d.ts +5 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js +18 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map +1 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinksContent.d.ts +9 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinksContent.js +2 -0
- package/mobile/lib/components/CarouselLinks/CarouselLinksContent.js.map +1 -0
- package/mobile/lib/components/ContactsBlock/ContactsBlock.js +6 -10
- package/mobile/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/mobile/lib/components/ContactsBlock/ContactsBlockContent.d.ts +11 -20
- package/mobile/lib/components/Headline/constants.js +6 -0
- package/mobile/lib/components/Headline/constants.js.map +1 -1
- package/mobile/lib/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
- package/mobile/lib/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
- package/mobile/lib/components/Recommendation/RecommendationCard.js +1 -2
- package/mobile/lib/components/Recommendation/RecommendationCard.js.map +1 -1
- package/mobile/lib/components/StepsBlock/renderStepContent.d.ts +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTable.js +1 -1
- package/mobile/lib/components/TariffsTable/TariffsTable.js.map +1 -1
- package/mobile/lib/components/Tile/Tile.js +2 -2
- package/mobile/lib/components/Tile/Tile.js.map +1 -1
- package/mobile/lib/icons/IconName.d.ts +6 -4
- package/mobile/lib/icons/IconName.js +4 -2
- package/mobile/lib/icons/IconName.js.map +1 -1
- package/mobile/lib/model/HeadlineType.d.ts +2 -2
- package/mobile/lib/ui-kit/LinkButton/LinkButton.d.ts +5 -0
- package/mobile/lib/ui-kit/LinkButton/LinkButton.js +14 -0
- package/mobile/lib/ui-kit/LinkButton/LinkButton.js.map +1 -0
- package/mobile/lib/ui-kit/Paragraph/Paragraph.d.ts +9 -0
- package/mobile/lib/ui-kit/Paragraph/Paragraph.js +8 -0
- package/mobile/lib/ui-kit/Paragraph/Paragraph.js.map +1 -0
- package/mobile/lib/ui-kit/Text/Text.d.ts +34 -0
- package/mobile/lib/ui-kit/Text/Text.js +8 -0
- package/mobile/lib/ui-kit/Text/Text.js.map +1 -0
- package/mobile/lib/utils/sliceArray.d.ts +1 -0
- package/mobile/lib/utils/sliceArray.js +12 -0
- package/mobile/lib/utils/sliceArray.js.map +1 -0
- package/mobile/src/components/Accordion/Accordion.tsx +9 -5
- package/mobile/src/components/AccordionItem/AccordionItem.tsx +7 -4
- package/mobile/src/components/CarouselLinks/CarouselLinks.example.json +55 -0
- package/mobile/src/components/CarouselLinks/CarouselLinks.json +8 -0
- package/mobile/src/components/CarouselLinks/CarouselLinks.tsx +67 -0
- package/mobile/src/components/CarouselLinks/CarouselLinksContent.ts +10 -0
- package/mobile/src/components/ContactsBlock/ContactsBlock.example.json +22 -18
- package/mobile/src/components/ContactsBlock/ContactsBlock.tsx +29 -40
- package/mobile/src/components/ContactsBlock/ContactsBlockContent.ts +12 -22
- package/mobile/src/components/Headline/constants.ts +6 -0
- package/mobile/src/components/InvestmentGallery/InvestmentGalleryCard.tsx +2 -3
- package/mobile/src/components/Recommendation/RecommendationCard.tsx +1 -2
- package/mobile/src/components/StepsBlock/renderStepContent.tsx +1 -1
- package/mobile/src/components/TariffsTable/TariffsTable.tsx +1 -1
- package/mobile/src/components/Tile/Tile.tsx +4 -2
- package/mobile/src/icons/ArrowLeftIcon.svg +1 -1
- package/mobile/src/icons/ArrowRightIcon.svg +1 -0
- package/mobile/src/icons/ArrowUpIcon.svg +1 -1
- package/mobile/src/icons/IconName.ts +4 -4
- package/mobile/src/model/HeadlineType.ts +2 -2
- package/mobile/src/ui-kit/LinkButton/LinkButton.tsx +42 -0
- package/mobile/src/ui-kit/Paragraph/Paragraph.tsx +17 -0
- package/mobile/src/ui-kit/Text/Text.tsx +79 -0
- package/mobile/src/utils/sliceArray.ts +15 -0
- package/package.json +2 -2
- package/src/components/Accordion/Accordion.mobile.tsx +9 -5
- package/src/components/Accordion/Accordion.tsx +7 -2
- package/src/components/AccordionItem/AccordionItem.mobile.tsx +7 -4
- package/src/components/AccordionItem/AccordionItem.tsx +4 -1
- package/src/components/Blocks.ts +2 -0
- package/src/components/CarouselLinks/CarouselLinks.example.json +55 -0
- package/src/components/CarouselLinks/CarouselLinks.fixture.tsx +28 -0
- package/src/components/CarouselLinks/CarouselLinks.json +8 -0
- package/src/components/CarouselLinks/CarouselLinks.tsx +67 -0
- package/src/components/CarouselLinks/CarouselLinksContent.ts +10 -0
- package/src/components/ContactsBlock/ContactsBlock.example.json +22 -18
- package/src/components/ContactsBlock/ContactsBlock.fixture.tsx +21 -15
- package/src/components/ContactsBlock/ContactsBlock.tsx +29 -40
- package/src/components/ContactsBlock/ContactsBlockContent.ts +12 -22
- package/src/components/Headline/Headline.tsx +3 -5
- package/src/components/Headline/constants.ts +6 -0
- package/src/components/InvestmentGallery/InvestmentGalleryCard.tsx +2 -3
- package/src/components/Recommendation/RecommendationCard.tsx +1 -2
- package/src/components/StepsBlock/renderStepContent.tsx +1 -1
- package/src/components/TariffsTable/TariffsTable.mobile.tsx +1 -1
- package/src/components/Tile/Tile.tsx +4 -2
- package/src/icons/ArrowLeftIcon.svg +1 -1
- package/src/icons/ArrowRightIcon.svg +1 -0
- package/src/icons/ArrowUpIcon.svg +1 -1
- package/src/icons/IconName.ts +6 -327
- package/src/model/HeadlineType.ts +2 -2
- package/src/ui-kit/LinkButton/LinkButton.fixture.tsx +9 -0
- package/src/ui-kit/LinkButton/LinkButton.tsx +42 -0
- package/src/ui-kit/Paragraph/Paragraph.tsx +17 -0
- package/src/ui-kit/Text/Text.tsx +79 -0
- package/src/utils/sliceArray.ts +15 -0
- package/bundle/ui-kit/Description/Description.d.ts +0 -5
- package/dist/ui-kit/Description/Description.d.ts +0 -5
- package/dist/ui-kit/Description/Description.js +0 -9
- package/dist/ui-kit/Description/Description.js.map +0 -1
- package/lib/ui-kit/Description/Description.d.ts +0 -5
- package/lib/ui-kit/Description/Description.js +0 -7
- package/lib/ui-kit/Description/Description.js.map +0 -1
- package/mobile/bundle/ui-kit/Description/Description.d.ts +0 -5
- package/mobile/dist/ui-kit/Description/Description.d.ts +0 -5
- package/mobile/dist/ui-kit/Description/Description.js +0 -9
- package/mobile/dist/ui-kit/Description/Description.js.map +0 -1
- package/mobile/lib/ui-kit/Description/Description.d.ts +0 -5
- package/mobile/lib/ui-kit/Description/Description.js +0 -7
- package/mobile/lib/ui-kit/Description/Description.js.map +0 -1
- package/mobile/src/ui-kit/Description/Description.tsx +0 -12
- package/src/ui-kit/Description/Description.tsx +0 -12
|
@@ -7,11 +7,11 @@ export const IconsWithoutInversion = new Set([
|
|
|
7
7
|
]);
|
|
8
8
|
|
|
9
9
|
export enum IconMap {
|
|
10
|
-
ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeartIcon = 'HeartIcon', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
|
|
10
|
+
ActualBalanceIcon = 'ActualBalanceIcon', AirPlaneIcon = 'AirPlaneIcon', AppleIcon = 'AppleIcon', ArrowDownIcon = 'ArrowDownIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowUpIcon = 'ArrowUpIcon', AtmIcon = 'AtmIcon', BankIcon = 'BankIcon', BuildingIcon = 'BuildingIcon', BurgerIcon = 'BurgerIcon', Calendar2Icon = 'Calendar2Icon', CalendarCircleIcon = 'CalendarCircleIcon', CalendarIcon = 'CalendarIcon', CalendarTickIcon = 'CalendarTickIcon', Car2Icon = 'Car2Icon', CardIcon = 'CardIcon', CardPosIcon = 'CardPosIcon', CardTickIcon = 'CardTickIcon', CardWithGemIcon = 'CardWithGemIcon', CarIcon = 'CarIcon', ChartSquareIcon = 'ChartSquareIcon', CinemaIcon = 'CinemaIcon', ClockIcon = 'ClockIcon', CloseIcon = 'CloseIcon', ComfortableCompIcon = 'ComfortableCompIcon', CreditCardsIcon = 'CreditCardsIcon', DiscountShapeIcon = 'DiscountShapeIcon', DocDownloadIcon = 'DocDownloadIcon', DocIcon = 'DocIcon', DocIconMonoColor = 'DocIconMonoColor', DocsIcon = 'DocsIcon', DocumentText2Icon = 'DocumentText2Icon', DocumentTextIcon = 'DocumentTextIcon', DollarIcon = 'DollarIcon', DoneIcon = 'DoneIcon', DoneSimpleIcon = 'DoneSimpleIcon', EarthIcon = 'EarthIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', EmptyWalletIcon = 'EmptyWalletIcon', EuroIcon = 'EuroIcon', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'GeolocationIcon', GlassIcon = 'GlassIcon', GlobalIcon = 'GlobalIcon', GpsIcon = 'GpsIcon', GridIcon = 'GridIcon', HeartIcon = 'HeartIcon', HuaweiIcon = 'HuaweiIcon', InterestGrowthIcon = 'InterestGrowthIcon', InterestIcon = 'InterestIcon', JCBIcon = 'JCBIcon', LogoIcon = 'LogoIcon', LoupeIcon = 'LoupeIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MasterCardIcon = 'MasterCardIcon', MetroIcon = 'MetroIcon', MinusIcon = 'MinusIcon', MirIcon = 'MirIcon', MoneyIcon = 'MoneyIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneysIcon = 'MoneysIcon', MonitorMobileIcon = 'MonitorMobileIcon', NewDocIcon = 'NewDocIcon', OfficeIcon = 'OfficeIcon', OkIcon = 'OkIcon', PackA4Icon = 'PackA4Icon', PassSendIcon = 'PassSendIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentageSquareIcon = 'PercentageSquareIcon', PersonalCardIcon = 'PersonalCardIcon', PlayMarketIcon = 'PlayMarketIcon', PlusIcon = 'PlusIcon', PowerIcon = 'PowerIcon', Profile2UserIcon = 'Profile2UserIcon', ProfileIcon = 'ProfileIcon', PumpkinIcon = 'PumpkinIcon', RoundRubleIcon = 'RoundRubleIcon', SafeIcon = 'SafeIcon', ShieldTickIcon = 'ShieldTickIcon', SignDocsIcon = 'SignDocsIcon', SmallClockIcon = 'SmallClockIcon', SoundIcon = 'SoundIcon', StrongBoxIcon = 'StrongBoxIcon', TelegramIcon = 'TelegramIcon', UnionPayIcon = 'UnionPayIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'UserSquareIcon', UserTickIcon = 'UserTickIcon', VisaIcon = 'VisaIcon', VKIcon = 'VKIcon', WalletAdd2Icon = 'WalletAdd2Icon', WalletAddIcon = 'WalletAddIcon', WalletIcon = 'WalletIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WateringCanIcon = 'WateringCanIcon'
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
export enum IconTitleMap {
|
|
14
|
-
ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка', ArrowUpIcon = 'Стрелка
|
|
14
|
+
ActualBalanceIcon = 'Деньги', AirPlaneIcon = 'Самолёт', AppleIcon = 'Лого «Apple»', ArrowDownIcon = 'Стрелка \'Вниз\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowUpIcon = 'Стрелка \'Вверх\'', AtmIcon = 'Банкомат', BankIcon = 'Банк', BuildingIcon = 'Здание с деревом', BurgerIcon = 'Бургер', Calendar2Icon = 'Календарь 2', CalendarCircleIcon = 'Скруглённый календарь', CalendarIcon = 'Календарь', CalendarTickIcon = 'Календарь с галочкой', Car2Icon = 'Машина2', CardIcon = 'Кред. карта', CardPosIcon = 'Кред. карта под наклоном', CardTickIcon = 'Кред. карта с галочкой', CardWithGemIcon = 'Карта с драгоценностями', CarIcon = 'Машина', ChartSquareIcon = 'Деньги внутри кошелька', CinemaIcon = 'Кинотеатр', ClockIcon = 'Часы', CloseIcon = 'Крестик', ComfortableCompIcon = 'Кресло', CreditCardsIcon = 'Кредитные карты', DiscountShapeIcon = 'Скидка', DocDownloadIcon = 'Скачать документ', DocIcon = 'Документ', DocIconMonoColor = 'Документ (одноцветный)', DocsIcon = 'Документы', DocumentText2Icon = 'Документы-2', DocumentTextIcon = 'Документ с текстом', DollarIcon = 'Доллар', DoneIcon = 'Зелёная \'галочка\' в круге', DoneSimpleIcon = 'Зелёная \'галочка\'', EarthIcon = 'Земля', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', EmptyWalletIcon = 'Пустой кошелёк', EuroIcon = 'Евро', FullScreenIcon = 'FullScreenIcon', GeolocationIcon = 'Геолокация', GlassIcon = 'Зеркало', GlobalIcon = 'Глобус', GpsIcon = 'Gps', GridIcon = 'Сетка (белая)', HeartIcon = 'Сердце', HuaweiIcon = 'Лого «Huawei»', InterestGrowthIcon = 'Диаграмма роста', InterestIcon = 'Скидка', JCBIcon = 'JCB', LogoIcon = 'Logo', LoupeIcon = 'Лупа', MapMarkerClusterIcon = 'Маркер карты', MapMarkerSingleIcon = 'Маркер карты РСХБ', MasterCardIcon = 'MasterCard', MetroIcon = 'Лого Метро', MinusIcon = 'Минус', MirIcon = 'МИР', MoneyIcon = 'Деньги', MoneyInsuranceIcon = 'Денежное страхование', MoneysIcon = 'Купюры', MonitorMobileIcon = 'Монитор и мобильный', NewDocIcon = 'Новый документ', OfficeIcon = 'Офис', OkIcon = 'Лого «Одноклассники»', PackA4Icon = 'Пачка бумаги А4', PassSendIcon = 'Бизнес', PercentageRoundIcon = 'Проценты (круг.)', PercentageSquareIcon = 'Проценты', PersonalCardIcon = 'Персональная карта', PlayMarketIcon = 'Лого «PlayMarket»', PlusIcon = 'Плюс', PowerIcon = 'Щит', Profile2UserIcon = 'Профиль, 2 персоны', ProfileIcon = 'Профиль', PumpkinIcon = 'Тыква', RoundRubleIcon = 'Рубль (круг.)', SafeIcon = 'Сейф', ShieldTickIcon = 'Безопасность', SignDocsIcon = 'Подписанные документы', SmallClockIcon = 'Маленькие часы', SoundIcon = 'Звук', StrongBoxIcon = 'Ящик с замочной скважиной', TelegramIcon = 'Лого «Telegram»', UnionPayIcon = 'UnionPay', UserGeoLocationIcon = 'UserGeoLocationIcon', UserSquareIcon = 'Пользователь в рамке', UserTickIcon = 'Пользователь', VisaIcon = 'Visa', VKIcon = 'Лого «VK»', WalletAdd2Icon = 'Пополнение карты', WalletAddIcon = 'Кошелёк с плюсом', WalletIcon = 'Кошелёк', WalletWithMoneyIcon = 'Кошелёк с деньгами', WateringCanIcon = 'Добавить продукт'
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -19,7 +19,7 @@ export enum IconTitleMap {
|
|
|
19
19
|
* @title Иконка
|
|
20
20
|
* @enumNames [
|
|
21
21
|
* "",
|
|
22
|
-
* 'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка
|
|
22
|
+
* 'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
|
|
23
23
|
* ]
|
|
24
24
|
*/
|
|
25
|
-
export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';
|
|
25
|
+
export type IconName = '' | 'ActualBalanceIcon' | 'AirPlaneIcon' | 'AppleIcon' | 'ArrowDownIcon' | 'ArrowLeftIcon' | 'ArrowRightIcon' | 'ArrowUpIcon' | 'AtmIcon' | 'BankIcon' | 'BuildingIcon' | 'BurgerIcon' | 'Calendar2Icon' | 'CalendarCircleIcon' | 'CalendarIcon' | 'CalendarTickIcon' | 'Car2Icon' | 'CardIcon' | 'CardPosIcon' | 'CardTickIcon' | 'CardWithGemIcon' | 'CarIcon' | 'ChartSquareIcon' | 'CinemaIcon' | 'ClockIcon' | 'CloseIcon' | 'ComfortableCompIcon' | 'CreditCardsIcon' | 'DiscountShapeIcon' | 'DocDownloadIcon' | 'DocIcon' | 'DocIconMonoColor' | 'DocsIcon' | 'DocumentText2Icon' | 'DocumentTextIcon' | 'DollarIcon' | 'DoneIcon' | 'DoneSimpleIcon' | 'EarthIcon' | 'EmptyWalletChangeIcon' | 'EmptyWalletIcon' | 'EuroIcon' | 'FullScreenIcon' | 'GeolocationIcon' | 'GlassIcon' | 'GlobalIcon' | 'GpsIcon' | 'GridIcon' | 'HeartIcon' | 'HuaweiIcon' | 'InterestGrowthIcon' | 'InterestIcon' | 'JCBIcon' | 'LogoIcon' | 'LoupeIcon' | 'MapMarkerClusterIcon' | 'MapMarkerSingleIcon' | 'MasterCardIcon' | 'MetroIcon' | 'MinusIcon' | 'MirIcon' | 'MoneyIcon' | 'MoneyInsuranceIcon' | 'MoneysIcon' | 'MonitorMobileIcon' | 'NewDocIcon' | 'OfficeIcon' | 'OkIcon' | 'PackA4Icon' | 'PassSendIcon' | 'PercentageRoundIcon' | 'PercentageSquareIcon' | 'PersonalCardIcon' | 'PlayMarketIcon' | 'PlusIcon' | 'PowerIcon' | 'Profile2UserIcon' | 'ProfileIcon' | 'PumpkinIcon' | 'RoundRubleIcon' | 'SafeIcon' | 'ShieldTickIcon' | 'SignDocsIcon' | 'SmallClockIcon' | 'SoundIcon' | 'StrongBoxIcon' | 'TelegramIcon' | 'UnionPayIcon' | 'UserGeoLocationIcon' | 'UserSquareIcon' | 'UserTickIcon' | 'VisaIcon' | 'VKIcon' | 'WalletAdd2Icon' | 'WalletAddIcon' | 'WalletIcon' | 'WalletWithMoneyIcon' | 'WateringCanIcon';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @title Размер заголовка
|
|
3
|
-
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький"]
|
|
3
|
+
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький"]
|
|
4
4
|
*/
|
|
5
|
-
export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
|
|
5
|
+
export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @title Размер заголовка
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { LinkProps } from '../../model/LinkProps';
|
|
3
|
+
import { Img } from '../Img/Img';
|
|
4
|
+
|
|
5
|
+
const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
|
|
6
|
+
text-l-light bg-white text-primary-text flex w-[316px]
|
|
7
|
+
justify-between items-center group-hover:text-primary-main z-10`;
|
|
8
|
+
|
|
9
|
+
const LINK_BORDER_CLASS_NAME =
|
|
10
|
+
'bg-transparent border-white border h-[70px] absolute w-[316px] top-0';
|
|
11
|
+
|
|
12
|
+
export type LinkButtonProps = LinkProps & {
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export const LinkButton = JSX<LinkButtonProps>(
|
|
17
|
+
({ text, href = '', target = '', className = '' }) => {
|
|
18
|
+
if (!text) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
return (
|
|
23
|
+
<div className={`relative group cursor-pointer w-[328px] h-[82px] ${className}`}>
|
|
24
|
+
<a className={LINK_CLASS_NAME} role="link" href={href} target={target}>
|
|
25
|
+
<div className="p-0.5">{text}</div>
|
|
26
|
+
<div className="w-6 h-6">
|
|
27
|
+
<Img
|
|
28
|
+
className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover:brightness-100"
|
|
29
|
+
image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
|
|
30
|
+
imageClassName="group-hover:text-primary-main"
|
|
31
|
+
width="24"
|
|
32
|
+
height="24"
|
|
33
|
+
asSVG
|
|
34
|
+
/>
|
|
35
|
+
</div>
|
|
36
|
+
</a>
|
|
37
|
+
<div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
|
|
38
|
+
<div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
|
|
39
|
+
</div>
|
|
40
|
+
);
|
|
41
|
+
},
|
|
42
|
+
);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/Text';
|
|
3
|
+
|
|
4
|
+
interface ParagraphProps {
|
|
5
|
+
size?: TextSize;
|
|
6
|
+
color?: TextColor;
|
|
7
|
+
align?: TextAlign;
|
|
8
|
+
font?: FontWeight;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export const Paragraph = JSX<ParagraphProps>((props) => {
|
|
12
|
+
const { size = '', color = '', align = '', font = '', children } = props;
|
|
13
|
+
|
|
14
|
+
const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
|
|
15
|
+
|
|
16
|
+
return <p className={textClasses}>{children}</p>;
|
|
17
|
+
});
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @title Размер текста
|
|
5
|
+
*/
|
|
6
|
+
export type TextSize =
|
|
7
|
+
| ''
|
|
8
|
+
| 'text-xs-light'
|
|
9
|
+
| 'text-s-light'
|
|
10
|
+
| 'text-s'
|
|
11
|
+
| 'text-m-light'
|
|
12
|
+
| 'text-m'
|
|
13
|
+
| 'text-l-light'
|
|
14
|
+
| 'text-l'
|
|
15
|
+
| 'text-xl-light'
|
|
16
|
+
| 'text-xl';
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* @title Размер текста
|
|
20
|
+
*/
|
|
21
|
+
export type TitleSize =
|
|
22
|
+
| ''
|
|
23
|
+
| 'text-h6'
|
|
24
|
+
| 'text-h5'
|
|
25
|
+
| 'text-h5-light'
|
|
26
|
+
| 'text-h4'
|
|
27
|
+
| 'text-h3'
|
|
28
|
+
| 'text-h2'
|
|
29
|
+
| 'text-h1'
|
|
30
|
+
| 'text-h0'
|
|
31
|
+
| 'text-m-title'
|
|
32
|
+
| 'text-m-title-xs'
|
|
33
|
+
| 'title-extra'
|
|
34
|
+
| 'title-huge';
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* @title Цвет текста
|
|
38
|
+
*/
|
|
39
|
+
export type TextColor =
|
|
40
|
+
| ''
|
|
41
|
+
| 'text-main'
|
|
42
|
+
| 'text-primary-text'
|
|
43
|
+
| 'text-primary-main'
|
|
44
|
+
| 'text-secondary-text'
|
|
45
|
+
| 'text-secondary-light'
|
|
46
|
+
| 'text-error'
|
|
47
|
+
| 'text-white'
|
|
48
|
+
| 'text-green';
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* @title Выравнивание
|
|
52
|
+
* @enumNames [
|
|
53
|
+
* "По умолчанию",
|
|
54
|
+
* "По левому краю",
|
|
55
|
+
* "По центру",
|
|
56
|
+
* "По правому краю"
|
|
57
|
+
* ]
|
|
58
|
+
*/
|
|
59
|
+
export type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* @title Насыщенность шрифта
|
|
63
|
+
*/
|
|
64
|
+
export type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';
|
|
65
|
+
|
|
66
|
+
interface TextProps {
|
|
67
|
+
size?: TextSize | TitleSize;
|
|
68
|
+
color?: TextColor;
|
|
69
|
+
align?: TextAlign;
|
|
70
|
+
font?: FontWeight;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export const Text = JSX<TextProps>((props) => {
|
|
74
|
+
const { size = '', color = '', align = '', font = '', children } = props;
|
|
75
|
+
|
|
76
|
+
const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
|
|
77
|
+
|
|
78
|
+
return <span className={textClasses}>{children}</span>;
|
|
79
|
+
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export const sliceArray = <T>(items: T[], size: number) => {
|
|
2
|
+
const result = items.reduce((resultArray: T[][], item: T, index: number) => {
|
|
3
|
+
const chunkIndex = Math.floor(index / (size - 1));
|
|
4
|
+
|
|
5
|
+
if (!resultArray[chunkIndex]) {
|
|
6
|
+
resultArray[chunkIndex] = [item];
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
resultArray[chunkIndex].push(item);
|
|
10
|
+
|
|
11
|
+
return resultArray;
|
|
12
|
+
}, []);
|
|
13
|
+
|
|
14
|
+
return result;
|
|
15
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redneckz/wildless-cms-uni-blocks",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.33",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ЦК",
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
},
|
|
182
182
|
"size-limit": [
|
|
183
183
|
{
|
|
184
|
-
"limit": "
|
|
184
|
+
"limit": "9 kB",
|
|
185
185
|
"path": "lib/common.css"
|
|
186
186
|
},
|
|
187
187
|
{
|
|
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
3
3
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
4
4
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
5
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
5
6
|
import type { AccordionContent } from './AccordionContent';
|
|
6
7
|
import { AccordionItemsList } from './AccordionItemsList';
|
|
7
8
|
|
|
@@ -9,12 +10,15 @@ export interface AccordionProps extends AccordionContent, UniBlockProps {}
|
|
|
9
10
|
|
|
10
11
|
export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
|
|
11
12
|
({ title, description, className = '', children, ...rest }) => (
|
|
12
|
-
<BlockWrapper
|
|
13
|
-
className={`py-6 px-4 font-sans bg-white text-primary-text ${className}`}
|
|
14
|
-
{...rest}
|
|
15
|
-
>
|
|
13
|
+
<BlockWrapper className={`py-6 px-4 bg-white text-primary-text ${className}`} {...rest}>
|
|
16
14
|
{title ? <Heading headingType="h3" className="mb-2 text-center" title={title} /> : null}
|
|
17
|
-
{description ?
|
|
15
|
+
{description ? (
|
|
16
|
+
<div className="mb-5">
|
|
17
|
+
<Paragraph size="text-m" font="font-light" align="text-center">
|
|
18
|
+
{description}
|
|
19
|
+
</Paragraph>
|
|
20
|
+
</div>
|
|
21
|
+
) : null}
|
|
18
22
|
<AccordionItemsList>{children}</AccordionItemsList>
|
|
19
23
|
</BlockWrapper>
|
|
20
24
|
),
|
|
@@ -3,6 +3,7 @@ import { AlignText } from '../../model/AlignText';
|
|
|
3
3
|
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
4
4
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
5
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
6
7
|
import type { AccordionContent } from './AccordionContent';
|
|
7
8
|
import { AccordionItemsList } from './AccordionItemsList';
|
|
8
9
|
|
|
@@ -11,7 +12,7 @@ export interface AccordionProps extends AccordionContent, UniBlockProps {}
|
|
|
11
12
|
export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
|
|
12
13
|
({ className = '', title, accordionAlignTitle = 'center', description, children, ...rest }) => (
|
|
13
14
|
<BlockWrapper
|
|
14
|
-
className={`p-[50px] mb-1 last:mb-0
|
|
15
|
+
className={`p-[50px] mb-1 last:mb-0 bg-white text-primary-text ${className}`}
|
|
15
16
|
{...rest}
|
|
16
17
|
>
|
|
17
18
|
{title ? (
|
|
@@ -22,7 +23,11 @@ export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
|
|
|
22
23
|
title={title}
|
|
23
24
|
/>
|
|
24
25
|
) : null}
|
|
25
|
-
{description ?
|
|
26
|
+
{description ? (
|
|
27
|
+
<div className="mb-2.5">
|
|
28
|
+
<Paragraph size="text-l">{description}</Paragraph>
|
|
29
|
+
</div>
|
|
30
|
+
) : null}
|
|
26
31
|
<AccordionItemsList>{children}</AccordionItemsList>
|
|
27
32
|
</BlockWrapper>
|
|
28
33
|
),
|
|
@@ -6,9 +6,10 @@ import { Foldable } from '../../ui-kit/Foldable/Foldable';
|
|
|
6
6
|
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
|
|
7
7
|
import type { IconName } from '../../ui-kit/Icon/IconProps';
|
|
8
8
|
import { Img } from '../../ui-kit/Img/Img';
|
|
9
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
10
|
+
import { getIconWithVersion } from '../../utils/getIconWithVersion';
|
|
9
11
|
import type { AccordionContent } from '../Accordion/AccordionContent';
|
|
10
12
|
import type { AccordionItemProps } from './AccordionItemProps';
|
|
11
|
-
import { getIconWithVersion } from '../../utils/getIconWithVersion';
|
|
12
13
|
|
|
13
14
|
const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
|
|
14
15
|
|
|
@@ -63,7 +64,7 @@ const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon,
|
|
|
63
64
|
className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`}
|
|
64
65
|
onClick={onClick}
|
|
65
66
|
>
|
|
66
|
-
<
|
|
67
|
+
<div className="flex group-hover:text-primary-main">
|
|
67
68
|
{primaryIcon ? (
|
|
68
69
|
<Img
|
|
69
70
|
image={getIconWithVersion(primaryIcon)}
|
|
@@ -73,8 +74,10 @@ const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon,
|
|
|
73
74
|
asSVG
|
|
74
75
|
/>
|
|
75
76
|
) : null}
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
<Text size="text-m-title-xs" font="font-medium">
|
|
78
|
+
{label}
|
|
79
|
+
</Text>
|
|
80
|
+
</div>
|
|
78
81
|
<Img
|
|
79
82
|
className="flex-shrink-0"
|
|
80
83
|
image={getIconWithVersion({ icon: icon })}
|
|
@@ -4,6 +4,7 @@ import { Foldable } from '../../ui-kit/Foldable/Foldable';
|
|
|
4
4
|
import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
|
|
5
5
|
import type { IconName } from '../../ui-kit/Icon/IconProps';
|
|
6
6
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
7
8
|
import type { AccordionItemProps } from './AccordionItemProps';
|
|
8
9
|
|
|
9
10
|
const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
|
|
@@ -42,7 +43,9 @@ const FoldButton = JSX<FoldButtonProps>(({ label, icon, onClick }) => (
|
|
|
42
43
|
className="border-none bg-transparent px-0 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer"
|
|
43
44
|
onClick={onClick}
|
|
44
45
|
>
|
|
45
|
-
<
|
|
46
|
+
<Text size="text-xl" font="font-medium">
|
|
47
|
+
{label}
|
|
48
|
+
</Text>
|
|
46
49
|
<Img image={icon} className="text-primary-main flex-shrink-0" width="24" height="24" asSVG />
|
|
47
50
|
</button>
|
|
48
51
|
));
|
package/src/components/Blocks.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { BlocksRegistry } from '../model/BlocksRegistry';
|
|
2
2
|
import { Accordion } from './Accordion/Accordion';
|
|
3
3
|
import { AccordionItem } from './AccordionItem/AccordionItem';
|
|
4
|
+
import { CarouselLinks } from './CarouselLinks/CarouselLinks';
|
|
4
5
|
import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
|
|
5
6
|
import { Bonus } from './Bonus/Bonus';
|
|
6
7
|
import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
|
|
@@ -49,6 +50,7 @@ import { VerticalLayout } from './VerticalLayout/VerticalLayout';
|
|
|
49
50
|
export const Blocks: BlocksRegistry = {
|
|
50
51
|
Accordion,
|
|
51
52
|
AccordionItem,
|
|
53
|
+
CarouselLinks,
|
|
52
54
|
BenefitsBlock,
|
|
53
55
|
BusinessBlock,
|
|
54
56
|
Bonus,
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"title": "Заголовок",
|
|
3
|
+
"description": "Описание 1",
|
|
4
|
+
"additionalDescription": "Описание 2",
|
|
5
|
+
"links": [
|
|
6
|
+
{
|
|
7
|
+
"text": "Текст",
|
|
8
|
+
"href": "#"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"text": "Текст",
|
|
12
|
+
"href": "#"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"text": "Текст",
|
|
16
|
+
"href": "#"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"text": "Текст",
|
|
20
|
+
"href": "#"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"text": "Текст",
|
|
24
|
+
"href": "#"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"text": "Текст",
|
|
28
|
+
"href": "#"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"text": "Текст",
|
|
32
|
+
"href": "#"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"text": "Текст",
|
|
36
|
+
"href": "#"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"text": "Текст",
|
|
40
|
+
"href": "#"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"text": "Текст",
|
|
44
|
+
"href": "#"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"text": "Текст",
|
|
48
|
+
"href": "#"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"text": "Текст",
|
|
52
|
+
"href": "#"
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { CarouselLinks } from './CarouselLinks';
|
|
2
|
+
|
|
3
|
+
const link = {
|
|
4
|
+
text: 'Аудиторские заключения',
|
|
5
|
+
href: '#',
|
|
6
|
+
};
|
|
7
|
+
const links = Array(24).fill(link);
|
|
8
|
+
|
|
9
|
+
const description = `Акционерное общество «Российский Сельскохозяйственный банк»* —
|
|
10
|
+
один из крупнейших банков в России. Был основан в 2000 году в целях развития
|
|
11
|
+
национальной кредитно-финансовой системы агропромышленного сектора и
|
|
12
|
+
сельских территорий Российской Федерации.`;
|
|
13
|
+
|
|
14
|
+
const additionalDescription = `Сегодня это универсальный коммерческий банк,
|
|
15
|
+
предоставляющий все виды банковских услуг и занимающий лидирующие позиции
|
|
16
|
+
в финансировании агропромышленного комплекса России.`;
|
|
17
|
+
|
|
18
|
+
export default {
|
|
19
|
+
default: (
|
|
20
|
+
<CarouselLinks
|
|
21
|
+
links={links}
|
|
22
|
+
title="О Банке"
|
|
23
|
+
description={description}
|
|
24
|
+
additionalDescription={additionalDescription}
|
|
25
|
+
block={{ type: 'Carousel', blocks: new Array(3).fill(link).flat() }}
|
|
26
|
+
/>
|
|
27
|
+
),
|
|
28
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
3
|
+
import type { LinkProps } from '../../model/LinkProps';
|
|
4
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
|
+
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
|
+
import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
|
|
7
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
8
|
+
import { sliceArray } from '../../utils/sliceArray';
|
|
9
|
+
import { Carousel } from '../Carousel/Carousel';
|
|
10
|
+
import type { CarouselLinksContent } from './CarouselLinksContent';
|
|
11
|
+
|
|
12
|
+
export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
|
|
13
|
+
|
|
14
|
+
const MAX_LINKS_COUNT = 12;
|
|
15
|
+
|
|
16
|
+
export const CarouselLinks = JSX<CarouselLinksProps>(
|
|
17
|
+
({ additionalDescription, description, links, title, className = '', ...rest }) => {
|
|
18
|
+
return (
|
|
19
|
+
<BlockWrapper
|
|
20
|
+
className={`bg-primary-main flex w-full p-10 overflow-hidden justify-between font-sans ${className}`}
|
|
21
|
+
{...rest}
|
|
22
|
+
>
|
|
23
|
+
<div className="flex flex-col max-w-96 pr-9 text-white text-xl-light">
|
|
24
|
+
{title ? <Heading title={title} as="h1" headingType="h0" className="pb-0.5" /> : null}
|
|
25
|
+
{description ? (
|
|
26
|
+
<div className="pt-5">
|
|
27
|
+
<Paragraph size="text-xl" font="font-light">
|
|
28
|
+
{description}
|
|
29
|
+
</Paragraph>
|
|
30
|
+
</div>
|
|
31
|
+
) : null}
|
|
32
|
+
{additionalDescription ? (
|
|
33
|
+
<div className="pt-6">
|
|
34
|
+
<Paragraph>{additionalDescription}</Paragraph>
|
|
35
|
+
</div>
|
|
36
|
+
) : null}
|
|
37
|
+
</div>
|
|
38
|
+
{links?.length ? renderLinks(links) : null}
|
|
39
|
+
</BlockWrapper>
|
|
40
|
+
);
|
|
41
|
+
},
|
|
42
|
+
);
|
|
43
|
+
|
|
44
|
+
const renderLinks = (links: LinkProps[]) => {
|
|
45
|
+
const slicedLinks = sliceArray(links, MAX_LINKS_COUNT);
|
|
46
|
+
|
|
47
|
+
const slides = slicedLinks.map((slide) => (
|
|
48
|
+
<div className="w-[672px] min-w-[672px] ml-20 mr-20 flex flex-wrap self-start">
|
|
49
|
+
{slide.map((link, index) => (
|
|
50
|
+
<LinkButton className="m-1" key={String(index)} {...link} />
|
|
51
|
+
))}
|
|
52
|
+
</div>
|
|
53
|
+
));
|
|
54
|
+
|
|
55
|
+
return (
|
|
56
|
+
<Carousel
|
|
57
|
+
className="min-w-[832px] w-[832px]"
|
|
58
|
+
isBlur={false}
|
|
59
|
+
cardFullViewCount={1}
|
|
60
|
+
cardWidth={'832'}
|
|
61
|
+
isCyclic={true}
|
|
62
|
+
block={{ type: 'Carousel', blocks: slides }}
|
|
63
|
+
>
|
|
64
|
+
{slides}
|
|
65
|
+
</Carousel>
|
|
66
|
+
);
|
|
67
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { HeadlineCommonProps } from '../../model/HeadlineType';
|
|
2
|
+
import type { LinkProps } from '../../model/LinkProps';
|
|
3
|
+
|
|
4
|
+
/** @title Карусель с ссылками */
|
|
5
|
+
export interface CarouselLinksContent extends HeadlineCommonProps {
|
|
6
|
+
/** @title Дополнительное описание */
|
|
7
|
+
additionalDescription?: string;
|
|
8
|
+
/** @title Ссылки */
|
|
9
|
+
links?: LinkProps[];
|
|
10
|
+
}
|
|
@@ -2,26 +2,30 @@
|
|
|
2
2
|
"content": {
|
|
3
3
|
"version": "secondary",
|
|
4
4
|
"info": [
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
[
|
|
6
|
+
{
|
|
7
|
+
"title": "Заголовок 1",
|
|
8
|
+
"description": "Описание 1",
|
|
9
|
+
"button": {
|
|
10
|
+
"href": "#",
|
|
11
|
+
"text": "Кнопка 1",
|
|
12
|
+
"target": "_blank",
|
|
13
|
+
"version": "secondary"
|
|
14
|
+
}
|
|
13
15
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
],
|
|
17
|
+
[
|
|
18
|
+
{
|
|
19
|
+
"title": "Заголовок 2ff",
|
|
20
|
+
"description": "Описание 2",
|
|
21
|
+
"button": {
|
|
22
|
+
"href": "#",
|
|
23
|
+
"text": "Кнопка 2",
|
|
24
|
+
"target": "_blank",
|
|
25
|
+
"version": "secondary"
|
|
26
|
+
}
|
|
23
27
|
}
|
|
24
|
-
|
|
28
|
+
]
|
|
25
29
|
],
|
|
26
30
|
"contacts": [
|
|
27
31
|
[
|