@redneckz/wildless-cms-uni-blocks 0.9.9 → 0.9.10
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.9.9.js +0 -1
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +16 -14
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/bundle/components/Footer/SocialMedia.d.ts +1 -1
- package/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/dist/components/ApplicationForm/ApplicationFormCredit.js +1 -1
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
- package/dist/components/CarouselEventCard/CarouselEventCard.js +1 -1
- package/dist/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
- package/dist/components/CarouselProductCard/CarouselProductCard.js +5 -2
- package/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/dist/components/Footer/MediaButton.js +6 -7
- package/dist/components/Footer/MediaButton.js.map +1 -1
- package/dist/components/Footer/SocialMedia.d.ts +1 -1
- package/dist/components/Footer/SocialMedia.js +2 -2
- package/dist/components/Footer/SocialMedia.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/lib/common.css +1 -1
- package/lib/components/ApplicationForm/ApplicationFormCredit.js +1 -1
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.d.ts +2 -10
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
- package/lib/components/CarouselEventCard/CarouselEventCard.js +1 -1
- package/lib/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
- package/lib/components/CarouselProductCard/CarouselProductCard.fixture.d.ts +2 -0
- package/lib/components/CarouselProductCard/CarouselProductCard.js +5 -2
- package/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/lib/components/Footer/MediaButton.js +6 -7
- package/lib/components/Footer/MediaButton.js.map +1 -1
- package/lib/components/Footer/SocialMedia.d.ts +1 -1
- package/lib/components/Footer/SocialMedia.js +2 -2
- package/lib/components/Footer/SocialMedia.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/mobile/bundle/bundle.umd.js +7 -8
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/mobile/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/mobile/dist/components/ApplicationForm/ApplicationFormCredit.js +1 -1
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
- package/mobile/dist/components/CarouselEventCard/CarouselEventCard.js +1 -1
- package/mobile/dist/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js +5 -2
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/mobile/dist/components/Footer/MediaButton.js +6 -7
- package/mobile/dist/components/Footer/MediaButton.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/mobile/lib/components/ApplicationForm/ApplicationFormCredit.js +1 -1
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
- package/mobile/lib/components/CarouselEventCard/CarouselEventCard.js +1 -1
- package/mobile/lib/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js +5 -2
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
- package/mobile/lib/components/Footer/MediaButton.js +6 -7
- package/mobile/lib/components/Footer/MediaButton.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
- package/mobile/src/components/ApplicationForm/ApplicationFormCredit.tsx +1 -1
- package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +2 -4
- package/mobile/src/components/CarouselEventCard/CarouselEventCard.tsx +2 -2
- package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.example.json +3 -1
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.example.json +3 -1
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx +5 -1
- package/mobile/src/components/CarouselProductCard/CarouselProductCardContent.ts +4 -0
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +4 -2
- package/mobile/src/components/ErrorBlock/ErrorBlock.example.json +3 -1
- package/mobile/src/components/Footer/MediaButton.tsx +7 -10
- package/mobile/src/components/MobileAppTile/MobileAppTile.example.json +3 -1
- package/mobile/src/components/PictureText/PictureText.example.json +3 -1
- package/mobile/src/components/ProductBlock/ProductBlock.example.json +3 -1
- package/mobile/src/components/ProductTile/ProductTile.example.json +3 -1
- package/mobile/src/components/Tile/Tile.example.json +3 -1
- package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts +0 -2
- package/package.json +1 -1
- package/src/components/ApplicationForm/ApplicationFormCredit.tsx +1 -1
- package/src/components/Carousel/Carousel.fixture.tsx +18 -5
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.tsx +2 -9
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +2 -4
- package/src/components/CarouselEventCard/CarouselEventCard.tsx +2 -2
- package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.example.json +3 -1
- package/src/components/CarouselProductCard/CarouselProductCard.example.json +3 -1
- package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx +10 -0
- package/src/components/CarouselProductCard/CarouselProductCard.tsx +5 -1
- package/src/components/CarouselProductCard/CarouselProductCardContent.ts +4 -0
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +4 -2
- package/src/components/ErrorBlock/ErrorBlock.example.json +3 -1
- package/src/components/Footer/MediaButton.tsx +7 -10
- package/src/components/Footer/SocialMedia.tsx +3 -11
- package/src/components/MobileAppTile/MobileAppTile.example.json +3 -1
- package/src/components/PictureText/PictureText.example.json +3 -1
- package/src/components/ProductBlock/ProductBlock.example.json +3 -1
- package/src/components/ProductTile/ProductTile.example.json +3 -1
- package/src/components/Tile/Tile.example.json +3 -1
- package/src/components/VerticalLayout/VerticalLayoutContent.ts +0 -2
|
@@ -54,7 +54,7 @@ export const ApplicationFormCredit = JSX((props) => {
|
|
|
54
54
|
partnerComments,
|
|
55
55
|
}));
|
|
56
56
|
};
|
|
57
|
-
return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u043A\u0440\u0435\u0434\u0438\u0442\u0430", className: "text-center mb-4" }), renderCreditParameters({ amount, term, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), renderDataOrganization({ fullName, inn, name, phone, mail, annualRevenue, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \
|
|
57
|
+
return (_jsxs("form", { onSubmit: onSubmit, className: "container", children: [_jsx(Heading, { headingType: "h6", title: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u043A\u0440\u0435\u0434\u0438\u0442\u0430", className: "text-center mb-4" }), renderCreditParameters({ amount, term, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438", className: "text-center mb-4" }), renderDataOrganization({ fullName, inn, name, phone, mail, annualRevenue, handleChange }), _jsx(Heading, { headingType: "h6", title: "\u041E\u0444\u0438\u0441 \u0411\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), renderBankOffices({
|
|
58
58
|
regions,
|
|
59
59
|
region: selectedRegion,
|
|
60
60
|
branches,
|
|
@@ -6,7 +6,7 @@ import { Headline } from '../Headline/Headline.js';
|
|
|
6
6
|
export const CarouselBankHistoryCard = JSX(({ title, description, blocksLength = 0, activeIndex, options }) => {
|
|
7
7
|
const orderNumber = Number(options?.key?.split('-').slice(-1)[0]) || 0;
|
|
8
8
|
const isActive = orderNumber === activeIndex;
|
|
9
|
-
return (_jsx(BlockWrapper, { className: "flex h-[485px]", children: isActive ? (_jsx("div", { className: "relative flex items-center w-full", children: _jsx(Headline, { headlineVersion: "
|
|
9
|
+
return (_jsx(BlockWrapper, { className: "flex h-[485px]", children: isActive ? (_jsx("div", { className: "relative flex items-center w-full", children: _jsx(Headline, { headlineVersion: "M", title: title, description: description, align: "text-left", className: style('absolute z-10 h-[385px] w-[440px] p-8 text-white shadow-dark-blue', getActiveBlockPosition(orderNumber, blocksLength), getBackgroundColor(orderNumber)) }) })) : (_jsx("div", { className: "flex w-full items-center justify-center", children: _jsx("div", { className: style('flex justify-center items-center h-[300px] w-[340px] font-mohave text-title-large tracking-[-0.03em]', getBackgroundColor(orderNumber)), children: _jsx("span", { className: getTextColor(orderNumber), children: title }) }) })) }));
|
|
10
10
|
});
|
|
11
11
|
const getBackgroundColor = (orderNumber) => {
|
|
12
12
|
const division = orderNumber % 3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselBankHistoryCard.js","sourceRoot":"","sources":["../../../src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,WAAW,KAAK,WAAW,CAAC;IAE7C,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAC,gBAAgB,YACrC,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,QAAQ,IACP,eAAe,EAAC,GAAG,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAK,CACd
|
|
1
|
+
{"version":3,"file":"CarouselBankHistoryCard.js","sourceRoot":"","sources":["../../../src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,WAAW,KAAK,WAAW,CAAC;IAE7C,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAC,gBAAgB,YACrC,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,QAAQ,IACP,eAAe,EAAC,GAAG,EACnB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAK,CACd,mEAAmE,EACnE,sBAAsB,CAAC,WAAW,EAAE,YAAY,CAAC,EACjD,kBAAkB,CAAC,WAAW,CAAC,CAChC,GACD,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,yCAAyC,YACtD,cACE,SAAS,EAAE,KAAK,CACd,sGAAsG,EACtG,kBAAkB,CAAC,WAAW,CAAC,CAChC,YAED,eAAM,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,YAAG,KAAK,GAAQ,GACtD,GACF,CACP,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,WAAmB,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;IACjC,QAAQ,QAAQ,EAAE;QAChB,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,gBAAgB,CAAC;QAC1B,KAAK,CAAC;YACJ,OAAO,iBAAiB,CAAC;QAC3B;YACE,OAAO,iBAAiB,CAAC;KAC5B;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC3C,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;IACjC,QAAQ,QAAQ,EAAE;QAChB,KAAK,CAAC;YACJ,OAAO,+BAA+B,CAAC;QACzC,KAAK,CAAC;YACJ,OAAO,+BAA+B,CAAC;QACzC;YACE,OAAO,8BAA8B,CAAC;KACzC;AACH,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,WAAmB,EAAE,YAAoB,EAAE,EAAE;IAC3E,IAAI,WAAW,KAAK,CAAC,EAAE;QACrB,OAAO,QAAQ,CAAC;KACjB;SAAM,IAAI,WAAW,KAAK,YAAY,GAAG,CAAC,EAAE;QAC3C,OAAO,SAAS,CAAC;KAClB;SAAM;QACL,OAAO,cAAc,CAAC;KACvB;AACH,CAAC,CAAC"}
|
|
@@ -8,6 +8,6 @@ import { Text } from '../../ui-kit/Text/Text.js';
|
|
|
8
8
|
import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
|
|
9
9
|
import { style } from '../../utils/style.js';
|
|
10
10
|
export const CarouselEventCard = JSX(({ className = '', icon, title, description, href, target, ...rest }) => {
|
|
11
|
-
return (_jsx(BlockWrapper, { className: style('w-[365px]', className), ...rest, children: _jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [icon?.icon ? _jsx(Img, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? _jsx(Img, { image: icon }) : null, title ? (_jsx(Heading, { headingType: "h6", as: "h4", className: "text-left mb-2", title: title })) : null, description ? (_jsx("div", { className: "mb-4", children: _jsx(Text, { font: "font-light", size: "text-
|
|
11
|
+
return (_jsx(BlockWrapper, { className: style('w-[365px]', className), ...rest, children: _jsxs(LinkWrapper, { className: "flex flex-col", href: href, target: target, children: [icon?.icon ? _jsx(Img, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? _jsx(Img, { image: icon }) : null, title ? (_jsx(Heading, { headingType: "h6", as: "h4", className: "text-left pt-3 mb-2", title: title })) : null, description ? (_jsx("div", { className: "mb-4", children: _jsx(Text, { font: "font-light", size: "text-m", color: "text-secondary-text", children: description }) })) : null] }) }));
|
|
12
12
|
});
|
|
13
13
|
//# sourceMappingURL=CarouselEventCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselEventCard.js","sourceRoot":"","sources":["../../../src/components/CarouselEventCard/CarouselEventCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,IAAI,YAC9D,MAAC,WAAW,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAC9D,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACvC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"CarouselEventCard.js","sourceRoot":"","sources":["../../../src/components/CarouselEventCard/CarouselEventCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,IAAI,YAC9D,MAAC,WAAW,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aAC9D,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACvC,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,GAAI,CACnF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,YAC9D,WAAW,GACP,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACI,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -9,8 +9,11 @@ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
|
|
|
9
9
|
import { Text } from '../../ui-kit/Text/Text.js';
|
|
10
10
|
import { style } from '../../utils/style.js';
|
|
11
11
|
import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles.js';
|
|
12
|
-
export const CarouselProductCard = JSX(({ additionalDescription, align = 'text-center', button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, items = [], target, title, version = 'primary', ...rest }) => {
|
|
13
|
-
return (_jsxs(BlockWrapper, { className: style('h-full flex flex-col justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [_jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), renderButtonsSection([button], {
|
|
12
|
+
export const CarouselProductCard = JSX(({ additionalDescription, align = 'text-center', button = {}, className = '', description, headlineSmallVersion = 'H6', href, icon, isDotted = true, isFullWidth = true, items = [], target, title, version = 'primary', ...rest }) => {
|
|
13
|
+
return (_jsxs(BlockWrapper, { className: style('h-full flex flex-col justify-between min-w-[260px]', 'box-border border-solid border border-gray', align, className), version: version, ...rest, children: [_jsxs(LinkWrapper, { className: "p-6", href: href, target: target, children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), renderItems(items, isDotted, version), renderAdditionalDescription(additionalDescription)] }), renderButtonsSection([button], {
|
|
14
|
+
className: style('p-6 pt-0', isFullWidth ? '' : 'justify-center'),
|
|
15
|
+
isVertical: isFullWidth ? true : false,
|
|
16
|
+
})] }));
|
|
14
17
|
});
|
|
15
18
|
const renderImage = (image) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`, image: image, asSVG: true })) : null] }));
|
|
16
19
|
const renderCardTitle = (headlineSmallVersion, title) => title ? (_jsx("div", { children: _jsx(Text, { size: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) })) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAK3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EACC,qBAAqB,EACrB,KAAK,GAAG,aAAa,EACrB,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,EACd,WAAW,EACX,oBAAoB,GAAG,IAAI,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,EAAE,EACV,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,oDAAoD,EACpD,4CAA4C,EAC5C,KAAK,EACL,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,MAAC,WAAW,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACpD,WAAW,CAAC,IAAI,CAAC,EACjB,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC,EAC5C,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,EACrC,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,EACrC,2BAA2B,CAAC,qBAAqB,CAAC,IACvC,EACb,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,13 +43,12 @@ const buttonSizeStyles = {
|
|
|
43
43
|
const buttonStylesWithText = (text, buttonSize) => text
|
|
44
44
|
? ''
|
|
45
45
|
: `group/media flex items-center justify-center box-border ${buttonSizeStyles[buttonSize]}`;
|
|
46
|
-
export const MediaButton = JSX(({
|
|
47
|
-
const { href, version, text
|
|
46
|
+
export const MediaButton = JSX(({ buttonSize = 'default', rounded = false, icon, ...rest }) => {
|
|
47
|
+
const { href, version, text = '' } = rest;
|
|
48
48
|
const { iconMapped, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
|
|
49
|
-
const iconCustom = icon ?? iconMapped;
|
|
50
|
-
const iconWithVersion = iconCustom
|
|
51
|
-
|
|
52
|
-
: undefined;
|
|
53
|
-
return (_jsx(Button, { className: style(rounded ? 'rounded-full' : 'rounded-md', 'border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', buttonStylesWithText(text, buttonSize)), aboveText: aboveText, appendLeft: appendLeft, appendRight: appendRight, "aria-label": label, rel: "noopener noreferrer", target: "_blank", text: text, version: version, ...rest, children: iconWithVersion && !text ? (_jsx(Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null }));
|
|
49
|
+
const iconCustom = getFilteredIcon(icon) ?? iconMapped;
|
|
50
|
+
const iconWithVersion = iconCustom ? getIconWithVersion(iconCustom) : undefined;
|
|
51
|
+
return (_jsx(Button, { className: style(rounded ? 'rounded-full' : 'rounded-md', 'border border-solid hover:border-transparent', 'group-data-primary:border-main-divider', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover', 'group-data-gray:border-green', buttonStylesWithText(text, buttonSize)), "aria-label": label, rel: "noopener noreferrer", target: "_blank", text: text, version: version, ...rest, children: iconWithVersion && !text ? (_jsx(Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null }));
|
|
54
52
|
});
|
|
53
|
+
const getFilteredIcon = (icon) => (icon?.src || icon?.icon ? icon : undefined);
|
|
55
54
|
//# sourceMappingURL=MediaButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,SAAS,GAIV;IACH;QACE,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;QACjC,UAAU,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QACpC,KAAK,EAAE,UAAU;KAClB;IACD;QACE,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC9B,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,OAAO,CAAC;QAClB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QAC9B,KAAK,EAAE,eAAe;KACvB;IACD;QACE,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,UAAU,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;QACjC,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;QACtC,KAAK,EAAE,aAAa;KACrB;IACD;QACE,OAAO,EAAE,CAAC,aAAa,CAAC;QACxB,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;QACnC,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AASF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE,CAChE,IAAI;IACF,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,2DAA2D,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC;AAEhG,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import type { AlignTypeWithStretch } from '../../model/AlignType';
|
|
2
|
-
import type { ColorPalette } from '../../model/ContentPageDef';
|
|
3
2
|
import type { UniBlockContent } from '../../model/JSXBlock';
|
|
4
3
|
import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
5
4
|
/**
|
|
6
5
|
* @title Вертикальный компоновщик
|
|
7
6
|
*/
|
|
8
7
|
export declare type VerticalLayoutContent = UniBlockContent & {
|
|
9
|
-
colorPalette?: ColorPalette;
|
|
10
8
|
align?: AlignTypeWithStretch;
|
|
11
9
|
gap?: GapVersion;
|
|
12
10
|
/** @title Внутренний отступ компоновщика */
|
|
@@ -87,7 +87,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>((props) => {
|
|
|
87
87
|
{renderCreditParameters({ amount, term, handleChange })}
|
|
88
88
|
<Heading headingType="h6" title="Данные организации" className="text-center mb-4" />
|
|
89
89
|
{renderDataOrganization({ fullName, inn, name, phone, mail, annualRevenue, handleChange })}
|
|
90
|
-
<Heading headingType="h6" title="Офис
|
|
90
|
+
<Heading headingType="h6" title="Офис Банка" className="text-center mb-4" />
|
|
91
91
|
{renderBankOffices({
|
|
92
92
|
regions,
|
|
93
93
|
region: selectedRegion,
|
|
@@ -20,12 +20,12 @@ export const CarouselBankHistoryCard = JSX<CarouselBankHistoryCardProps>(
|
|
|
20
20
|
{isActive ? (
|
|
21
21
|
<div className="relative flex items-center w-full">
|
|
22
22
|
<Headline
|
|
23
|
-
headlineVersion="
|
|
23
|
+
headlineVersion="M"
|
|
24
24
|
title={title}
|
|
25
25
|
description={description}
|
|
26
26
|
align="text-left"
|
|
27
27
|
className={style(
|
|
28
|
-
'absolute z-10 h-[385px] w-[440px] text-white shadow-dark-blue',
|
|
28
|
+
'absolute z-10 h-[385px] w-[440px] p-8 text-white shadow-dark-blue',
|
|
29
29
|
getActiveBlockPosition(orderNumber, blocksLength),
|
|
30
30
|
getBackgroundColor(orderNumber),
|
|
31
31
|
)}
|
|
@@ -57,7 +57,6 @@ const getBackgroundColor = (orderNumber: number) => {
|
|
|
57
57
|
return 'bg-green-light';
|
|
58
58
|
case 2:
|
|
59
59
|
return 'bg-yellow-light';
|
|
60
|
-
|
|
61
60
|
default:
|
|
62
61
|
return 'bg-primary-main';
|
|
63
62
|
}
|
|
@@ -70,7 +69,6 @@ const getTextColor = (orderNumber: number) => {
|
|
|
70
69
|
return 'gradient-color-text-on-yellow';
|
|
71
70
|
case 2:
|
|
72
71
|
return 'gradient-color-text-on-yellow';
|
|
73
|
-
|
|
74
72
|
default:
|
|
75
73
|
return 'gradient-color-text-on-green';
|
|
76
74
|
}
|
|
@@ -19,11 +19,11 @@ export const CarouselEventCard = JSX<CarouselEventCardProps>(
|
|
|
19
19
|
{icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
|
|
20
20
|
{icon?.src ? <Img image={icon} /> : null}
|
|
21
21
|
{title ? (
|
|
22
|
-
<Heading headingType="h6" as="h4" className="text-left mb-2" title={title} />
|
|
22
|
+
<Heading headingType="h6" as="h4" className="text-left pt-3 mb-2" title={title} />
|
|
23
23
|
) : null}
|
|
24
24
|
{description ? (
|
|
25
25
|
<div className="mb-4">
|
|
26
|
-
<Text font="font-light" size="text-
|
|
26
|
+
<Text font="font-light" size="text-m" color="text-secondary-text">
|
|
27
27
|
{description}
|
|
28
28
|
</Text>
|
|
29
29
|
</div>
|
|
@@ -26,6 +26,7 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
|
|
|
26
26
|
href,
|
|
27
27
|
icon,
|
|
28
28
|
isDotted = true,
|
|
29
|
+
isFullWidth = true,
|
|
29
30
|
items = [],
|
|
30
31
|
target,
|
|
31
32
|
title,
|
|
@@ -50,7 +51,10 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
|
|
|
50
51
|
{renderItems(items, isDotted, version)}
|
|
51
52
|
{renderAdditionalDescription(additionalDescription)}
|
|
52
53
|
</LinkWrapper>
|
|
53
|
-
{renderButtonsSection([button], {
|
|
54
|
+
{renderButtonsSection([button], {
|
|
55
|
+
className: style('p-6 pt-0', isFullWidth ? '' : 'justify-center'),
|
|
56
|
+
isVertical: isFullWidth ? true : false,
|
|
57
|
+
})}
|
|
54
58
|
</BlockWrapper>
|
|
55
59
|
);
|
|
56
60
|
},
|
|
@@ -62,17 +62,15 @@ const buttonStylesWithText = (text: string, buttonSize: string) =>
|
|
|
62
62
|
: `group/media flex items-center justify-center box-border ${buttonSizeStyles[buttonSize]}`;
|
|
63
63
|
|
|
64
64
|
export const MediaButton = JSX<MediaButtonProps>(
|
|
65
|
-
({
|
|
66
|
-
const { href, version, text
|
|
65
|
+
({ buttonSize = 'default', rounded = false, icon, ...rest }) => {
|
|
66
|
+
const { href, version, text = '' } = rest;
|
|
67
67
|
|
|
68
68
|
const { iconMapped, label } =
|
|
69
69
|
ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
|
|
70
70
|
|
|
71
|
-
const iconCustom = icon ?? iconMapped;
|
|
71
|
+
const iconCustom = getFilteredIcon(icon) ?? iconMapped;
|
|
72
72
|
|
|
73
|
-
const iconWithVersion = iconCustom
|
|
74
|
-
? { ...getIconWithVersion(iconCustom), iconVersion }
|
|
75
|
-
: undefined;
|
|
73
|
+
const iconWithVersion = iconCustom ? getIconWithVersion(iconCustom) : undefined;
|
|
76
74
|
|
|
77
75
|
return (
|
|
78
76
|
<Button
|
|
@@ -83,11 +81,8 @@ export const MediaButton = JSX<MediaButtonProps>(
|
|
|
83
81
|
'hover:bg-primary-main hover:text-black',
|
|
84
82
|
'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
|
|
85
83
|
'group-data-gray:border-green',
|
|
86
|
-
buttonStylesWithText(text
|
|
84
|
+
buttonStylesWithText(text, buttonSize),
|
|
87
85
|
)}
|
|
88
|
-
aboveText={aboveText}
|
|
89
|
-
appendLeft={appendLeft}
|
|
90
|
-
appendRight={appendRight}
|
|
91
86
|
aria-label={label}
|
|
92
87
|
rel="noopener noreferrer"
|
|
93
88
|
target="_blank"
|
|
@@ -108,3 +103,5 @@ export const MediaButton = JSX<MediaButtonProps>(
|
|
|
108
103
|
);
|
|
109
104
|
},
|
|
110
105
|
);
|
|
106
|
+
|
|
107
|
+
const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { AlignTypeWithStretch } from '../../model/AlignType';
|
|
2
|
-
import type { ColorPalette } from '../../model/ContentPageDef';
|
|
3
2
|
import type { UniBlockContent } from '../../model/JSXBlock';
|
|
4
3
|
import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
5
4
|
|
|
@@ -7,7 +6,6 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
|
|
|
7
6
|
* @title Вертикальный компоновщик
|
|
8
7
|
*/
|
|
9
8
|
export type VerticalLayoutContent = UniBlockContent & {
|
|
10
|
-
colorPalette?: ColorPalette;
|
|
11
9
|
align?: AlignTypeWithStretch;
|
|
12
10
|
gap?: GapVersion;
|
|
13
11
|
/** @title Внутренний отступ компоновщика */
|
package/package.json
CHANGED
|
@@ -87,7 +87,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>((props) => {
|
|
|
87
87
|
{renderCreditParameters({ amount, term, handleChange })}
|
|
88
88
|
<Heading headingType="h6" title="Данные организации" className="text-center mb-4" />
|
|
89
89
|
{renderDataOrganization({ fullName, inn, name, phone, mail, annualRevenue, handleChange })}
|
|
90
|
-
<Heading headingType="h6" title="Офис
|
|
90
|
+
<Heading headingType="h6" title="Офис Банка" className="text-center mb-4" />
|
|
91
91
|
{renderBankOffices({
|
|
92
92
|
regions,
|
|
93
93
|
region: selectedRegion,
|
|
@@ -6,7 +6,10 @@ import { CARD, CARD_MINI, CARD_NEW } from '../CarouselCard/CarouselCard.fixture'
|
|
|
6
6
|
import { CATALOG_CARD } from '../CarouselCatalogCard/CarouselCatalogCard.fixture';
|
|
7
7
|
import { CAROUSEL_EVENT_CARD } from '../CarouselEventCard/CarouselEventCard.fixture';
|
|
8
8
|
import { INVESTMENT_CARD_WITH_SINGLE_COLUMN } from '../CarouselInvestmentCard/CarouselInvestmentCard.fixture';
|
|
9
|
-
import {
|
|
9
|
+
import {
|
|
10
|
+
PRODUCT_CARD,
|
|
11
|
+
PRODUCT_CARD_SMALL,
|
|
12
|
+
} from '../CarouselProductCard/CarouselProductCard.fixture';
|
|
10
13
|
import { BUSINESS_CARD } from '../CarouselProgramsCard/CarouselProgramsCard.fixture';
|
|
11
14
|
import {
|
|
12
15
|
CAROUSEL_RECOMMENDATION_CARD_SECONDARY,
|
|
@@ -118,10 +121,20 @@ export default {
|
|
|
118
121
|
isBlur={true}
|
|
119
122
|
block={{
|
|
120
123
|
type: 'Carousel',
|
|
121
|
-
blocks:
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
124
|
+
blocks: [
|
|
125
|
+
{
|
|
126
|
+
type: 'CarouselProductCard',
|
|
127
|
+
content: PRODUCT_CARD,
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
type: 'CarouselProductCard',
|
|
131
|
+
content: PRODUCT_CARD_SMALL,
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
type: 'CarouselProductCard',
|
|
135
|
+
content: PRODUCT_CARD_SMALL,
|
|
136
|
+
},
|
|
137
|
+
],
|
|
125
138
|
}}
|
|
126
139
|
options={options}
|
|
127
140
|
/>
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
import { CarouselBankHistoryCard } from './CarouselBankHistoryCard';
|
|
2
|
+
import type { CarouselBankHistoryCardContent } from './CarouselBankHistoryCardContent';
|
|
2
3
|
|
|
3
|
-
export const BANK_HISTORY_CARD = {
|
|
4
|
+
export const BANK_HISTORY_CARD: CarouselBankHistoryCardContent = {
|
|
4
5
|
title: '1796г.',
|
|
5
6
|
description:
|
|
6
7
|
"Россельхозбанк стал одним из ключевых участников Приоритетного национального проекта 'Развитие АПК' целью которого развитие агропромышленного сектора российской экономики",
|
|
7
8
|
};
|
|
8
9
|
|
|
9
|
-
export const ACTIVE_BANK_HISTORY_CARD = {
|
|
10
|
-
title: '1796г.',
|
|
11
|
-
description:
|
|
12
|
-
"Россельхозбанк стал одним из ключевых участников Приоритетного национального проекта 'Развитие АПК' целью которого развитие агропромышленного сектора российской экономики",
|
|
13
|
-
isActive: true,
|
|
14
|
-
};
|
|
15
|
-
|
|
16
10
|
export default {
|
|
17
11
|
default: <CarouselBankHistoryCard {...BANK_HISTORY_CARD} />,
|
|
18
|
-
active: <CarouselBankHistoryCard {...ACTIVE_BANK_HISTORY_CARD} />,
|
|
19
12
|
};
|
|
@@ -20,12 +20,12 @@ export const CarouselBankHistoryCard = JSX<CarouselBankHistoryCardProps>(
|
|
|
20
20
|
{isActive ? (
|
|
21
21
|
<div className="relative flex items-center w-full">
|
|
22
22
|
<Headline
|
|
23
|
-
headlineVersion="
|
|
23
|
+
headlineVersion="M"
|
|
24
24
|
title={title}
|
|
25
25
|
description={description}
|
|
26
26
|
align="text-left"
|
|
27
27
|
className={style(
|
|
28
|
-
'absolute z-10 h-[385px] w-[440px] text-white shadow-dark-blue',
|
|
28
|
+
'absolute z-10 h-[385px] w-[440px] p-8 text-white shadow-dark-blue',
|
|
29
29
|
getActiveBlockPosition(orderNumber, blocksLength),
|
|
30
30
|
getBackgroundColor(orderNumber),
|
|
31
31
|
)}
|
|
@@ -57,7 +57,6 @@ const getBackgroundColor = (orderNumber: number) => {
|
|
|
57
57
|
return 'bg-green-light';
|
|
58
58
|
case 2:
|
|
59
59
|
return 'bg-yellow-light';
|
|
60
|
-
|
|
61
60
|
default:
|
|
62
61
|
return 'bg-primary-main';
|
|
63
62
|
}
|
|
@@ -70,7 +69,6 @@ const getTextColor = (orderNumber: number) => {
|
|
|
70
69
|
return 'gradient-color-text-on-yellow';
|
|
71
70
|
case 2:
|
|
72
71
|
return 'gradient-color-text-on-yellow';
|
|
73
|
-
|
|
74
72
|
default:
|
|
75
73
|
return 'gradient-color-text-on-green';
|
|
76
74
|
}
|
|
@@ -19,11 +19,11 @@ export const CarouselEventCard = JSX<CarouselEventCardProps>(
|
|
|
19
19
|
{icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
|
|
20
20
|
{icon?.src ? <Img image={icon} /> : null}
|
|
21
21
|
{title ? (
|
|
22
|
-
<Heading headingType="h6" as="h4" className="text-left mb-2" title={title} />
|
|
22
|
+
<Heading headingType="h6" as="h4" className="text-left pt-3 mb-2" title={title} />
|
|
23
23
|
) : null}
|
|
24
24
|
{description ? (
|
|
25
25
|
<div className="mb-4">
|
|
26
|
-
<Text font="font-light" size="text-
|
|
26
|
+
<Text font="font-light" size="text-m" color="text-secondary-text">
|
|
27
27
|
{description}
|
|
28
28
|
</Text>
|
|
29
29
|
</div>
|
|
@@ -46,6 +46,13 @@ export const PRODUCT_CARD: CarouselProductCardContent = {
|
|
|
46
46
|
additionalDescription: 'Дополнительное описание',
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
+
export const PRODUCT_CARD_SMALL: CarouselProductCardContent = {
|
|
50
|
+
title: 'Более 5000 товаров Более 5000 товаров Более 5000 товаров',
|
|
51
|
+
icon: image,
|
|
52
|
+
button: buttonPrimary,
|
|
53
|
+
isDotted,
|
|
54
|
+
};
|
|
55
|
+
|
|
49
56
|
const CAROUSEL_PRODUCT_CARD = <CarouselProductCard {...PRODUCT_CARD} />;
|
|
50
57
|
const CAROUSEL_PRODUCT_CARD_SECONDARY = (
|
|
51
58
|
<CarouselProductCard
|
|
@@ -53,10 +60,13 @@ const CAROUSEL_PRODUCT_CARD_SECONDARY = (
|
|
|
53
60
|
version="secondary"
|
|
54
61
|
isDotted={true}
|
|
55
62
|
button={buttonPrimaryIcon}
|
|
63
|
+
isFullWidth={false}
|
|
56
64
|
/>
|
|
57
65
|
);
|
|
66
|
+
const CAROUSEL_PRODUCT_CARD_SMALL = <CarouselProductCard {...PRODUCT_CARD_SMALL} />;
|
|
58
67
|
|
|
59
68
|
export default {
|
|
60
69
|
default: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD}</div>,
|
|
61
70
|
secondary: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SECONDARY}</div>,
|
|
71
|
+
small: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SMALL}</div>,
|
|
62
72
|
};
|
|
@@ -26,6 +26,7 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
|
|
|
26
26
|
href,
|
|
27
27
|
icon,
|
|
28
28
|
isDotted = true,
|
|
29
|
+
isFullWidth = true,
|
|
29
30
|
items = [],
|
|
30
31
|
target,
|
|
31
32
|
title,
|
|
@@ -50,7 +51,10 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
|
|
|
50
51
|
{renderItems(items, isDotted, version)}
|
|
51
52
|
{renderAdditionalDescription(additionalDescription)}
|
|
52
53
|
</LinkWrapper>
|
|
53
|
-
{renderButtonsSection([button], {
|
|
54
|
+
{renderButtonsSection([button], {
|
|
55
|
+
className: style('p-6 pt-0', isFullWidth ? '' : 'justify-center'),
|
|
56
|
+
isVertical: isFullWidth ? true : false,
|
|
57
|
+
})}
|
|
54
58
|
</BlockWrapper>
|
|
55
59
|
);
|
|
56
60
|
},
|