@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.
Files changed (101) hide show
  1. package/bin/migration-scripts/0.9.9.js +0 -1
  2. package/bundle/blocks.schema.json +1 -1
  3. package/bundle/bundle.umd.js +16 -14
  4. package/bundle/bundle.umd.min.js +1 -1
  5. package/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  6. package/bundle/components/Footer/SocialMedia.d.ts +1 -1
  7. package/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  8. package/dist/components/ApplicationForm/ApplicationFormCredit.js +1 -1
  9. package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
  10. package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
  11. package/dist/components/CarouselEventCard/CarouselEventCard.js +1 -1
  12. package/dist/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
  13. package/dist/components/CarouselProductCard/CarouselProductCard.js +5 -2
  14. package/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
  15. package/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  16. package/dist/components/Footer/MediaButton.js +6 -7
  17. package/dist/components/Footer/MediaButton.js.map +1 -1
  18. package/dist/components/Footer/SocialMedia.d.ts +1 -1
  19. package/dist/components/Footer/SocialMedia.js +2 -2
  20. package/dist/components/Footer/SocialMedia.js.map +1 -1
  21. package/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  22. package/lib/common.css +1 -1
  23. package/lib/components/ApplicationForm/ApplicationFormCredit.js +1 -1
  24. package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.d.ts +2 -10
  25. package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
  26. package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
  27. package/lib/components/CarouselEventCard/CarouselEventCard.js +1 -1
  28. package/lib/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
  29. package/lib/components/CarouselProductCard/CarouselProductCard.fixture.d.ts +2 -0
  30. package/lib/components/CarouselProductCard/CarouselProductCard.js +5 -2
  31. package/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
  32. package/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  33. package/lib/components/Footer/MediaButton.js +6 -7
  34. package/lib/components/Footer/MediaButton.js.map +1 -1
  35. package/lib/components/Footer/SocialMedia.d.ts +1 -1
  36. package/lib/components/Footer/SocialMedia.js +2 -2
  37. package/lib/components/Footer/SocialMedia.js.map +1 -1
  38. package/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  39. package/mobile/bundle/bundle.umd.js +7 -8
  40. package/mobile/bundle/bundle.umd.min.js +1 -1
  41. package/mobile/bundle/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  42. package/mobile/bundle/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  43. package/mobile/dist/components/ApplicationForm/ApplicationFormCredit.js +1 -1
  44. package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
  45. package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
  46. package/mobile/dist/components/CarouselEventCard/CarouselEventCard.js +1 -1
  47. package/mobile/dist/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
  48. package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js +5 -2
  49. package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
  50. package/mobile/dist/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  51. package/mobile/dist/components/Footer/MediaButton.js +6 -7
  52. package/mobile/dist/components/Footer/MediaButton.js.map +1 -1
  53. package/mobile/dist/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  54. package/mobile/lib/components/ApplicationForm/ApplicationFormCredit.js +1 -1
  55. package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +1 -1
  56. package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -1
  57. package/mobile/lib/components/CarouselEventCard/CarouselEventCard.js +1 -1
  58. package/mobile/lib/components/CarouselEventCard/CarouselEventCard.js.map +1 -1
  59. package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js +5 -2
  60. package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
  61. package/mobile/lib/components/CarouselProductCard/CarouselProductCardContent.d.ts +4 -0
  62. package/mobile/lib/components/Footer/MediaButton.js +6 -7
  63. package/mobile/lib/components/Footer/MediaButton.js.map +1 -1
  64. package/mobile/lib/components/VerticalLayout/VerticalLayoutContent.d.ts +0 -2
  65. package/mobile/src/components/ApplicationForm/ApplicationFormCredit.tsx +1 -1
  66. package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +2 -4
  67. package/mobile/src/components/CarouselEventCard/CarouselEventCard.tsx +2 -2
  68. package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.example.json +3 -1
  69. package/mobile/src/components/CarouselProductCard/CarouselProductCard.example.json +3 -1
  70. package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx +5 -1
  71. package/mobile/src/components/CarouselProductCard/CarouselProductCardContent.ts +4 -0
  72. package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +4 -2
  73. package/mobile/src/components/ErrorBlock/ErrorBlock.example.json +3 -1
  74. package/mobile/src/components/Footer/MediaButton.tsx +7 -10
  75. package/mobile/src/components/MobileAppTile/MobileAppTile.example.json +3 -1
  76. package/mobile/src/components/PictureText/PictureText.example.json +3 -1
  77. package/mobile/src/components/ProductBlock/ProductBlock.example.json +3 -1
  78. package/mobile/src/components/ProductTile/ProductTile.example.json +3 -1
  79. package/mobile/src/components/Tile/Tile.example.json +3 -1
  80. package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts +0 -2
  81. package/package.json +1 -1
  82. package/src/components/ApplicationForm/ApplicationFormCredit.tsx +1 -1
  83. package/src/components/Carousel/Carousel.fixture.tsx +18 -5
  84. package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.tsx +2 -9
  85. package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +2 -4
  86. package/src/components/CarouselEventCard/CarouselEventCard.tsx +2 -2
  87. package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.example.json +3 -1
  88. package/src/components/CarouselProductCard/CarouselProductCard.example.json +3 -1
  89. package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx +10 -0
  90. package/src/components/CarouselProductCard/CarouselProductCard.tsx +5 -1
  91. package/src/components/CarouselProductCard/CarouselProductCardContent.ts +4 -0
  92. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json +4 -2
  93. package/src/components/ErrorBlock/ErrorBlock.example.json +3 -1
  94. package/src/components/Footer/MediaButton.tsx +7 -10
  95. package/src/components/Footer/SocialMedia.tsx +3 -11
  96. package/src/components/MobileAppTile/MobileAppTile.example.json +3 -1
  97. package/src/components/PictureText/PictureText.example.json +3 -1
  98. package/src/components/ProductBlock/ProductBlock.example.json +3 -1
  99. package/src/components/ProductTile/ProductTile.example.json +3 -1
  100. package/src/components/Tile/Tile.example.json +3 -1
  101. 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 \u0431\u0430\u043D\u043A\u0430", className: "text-center mb-4" }), renderBankOffices({
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: "S", title: title, description: description, align: "text-left", className: style('absolute z-10 h-[385px] w-[440px] 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 }) }) })) }));
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,+DAA+D,EAC/D,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;QAE3B;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;QAEzC;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"}
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-s", color: "text-secondary-text", children: description }) })) : null] }) }));
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,gBAAgB,EAAC,KAAK,EAAE,KAAK,GAAI,CAC9E,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"}
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], { className: 'p-6 pt-0', isVertical: true })] }));
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":"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"}
1
+ {"version":3,"file":"CarouselProductCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProductCard/CarouselProductCard.tsx"],"names":[],"mappings":"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"}
@@ -19,4 +19,8 @@ export declare type CarouselProductCardContent = UniBlockContent & HeadlineSmall
19
19
  /** @title Список */
20
20
  items?: ListProps[];
21
21
  align?: TextAlign;
22
+ /**
23
+ * @title По всей ширине
24
+ */
25
+ isFullWidth?: boolean;
22
26
  };
@@ -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(({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
47
- const { href, version, text, appendLeft, appendRight, aboveText } = rest;
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
- ? { ...getIconWithVersion(iconCustom), iconVersion }
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":"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"}
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="Офис банка" className="text-center mb-4" />
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="S"
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-s" color="text-secondary-text">
26
+ <Text font="font-light" size="text-m" color="text-secondary-text">
27
27
  {description}
28
28
  </Text>
29
29
  </div>
@@ -7,7 +7,9 @@
7
7
  "sources": [
8
8
  {
9
9
  "media": 1279,
10
- "width": 174,
10
+ "size": {
11
+ "width": 174
12
+ },
11
13
  "format": "webp",
12
14
  "alignment": "southeast"
13
15
  }
@@ -9,7 +9,9 @@
9
9
  "sources": [
10
10
  {
11
11
  "media": 1279,
12
- "width": 84,
12
+ "size": {
13
+ "width": 84
14
+ },
13
15
  "format": "webp",
14
16
  "alignment": "center"
15
17
  }
@@ -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], { className: 'p-6 pt-0', isVertical: true })}
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
  },
@@ -27,4 +27,8 @@ export type CarouselProductCardContent = UniBlockContent &
27
27
  /** @title Список */
28
28
  items?: ListProps[];
29
29
  align?: TextAlign;
30
+ /**
31
+ * @title По всей ширине
32
+ */
33
+ isFullWidth?: boolean;
30
34
  };
@@ -9,8 +9,10 @@
9
9
  "sources": [
10
10
  {
11
11
  "media": 1279,
12
- "width": 174,
13
- "height": 174,
12
+ "size": {
13
+ "width": 174,
14
+ "height": 174
15
+ },
14
16
  "format": "webp",
15
17
  "alignment": "southeast"
16
18
  }
@@ -13,7 +13,9 @@
13
13
  "sources": [
14
14
  {
15
15
  "media": 1279,
16
- "width": 276,
16
+ "size": {
17
+ "width": 276
18
+ },
17
19
  "format": "webp",
18
20
  "alignment": "center"
19
21
  }
@@ -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
- ({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
66
- const { href, version, text, appendLeft, appendRight, aboveText } = rest;
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 as string, buttonSize),
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);
@@ -10,7 +10,9 @@
10
10
  "sources": [
11
11
  {
12
12
  "media": 1279,
13
- "width": 360,
13
+ "size": {
14
+ "width": 360
15
+ },
14
16
  "format": "webp",
15
17
  "alignment": "center"
16
18
  }
@@ -11,7 +11,9 @@
11
11
  "sources": [
12
12
  {
13
13
  "media": 1279,
14
- "width": 240,
14
+ "size": {
15
+ "width": 240
16
+ },
15
17
  "format": "webp",
16
18
  "alignment": "center"
17
19
  }
@@ -16,7 +16,9 @@
16
16
  "sources": [
17
17
  {
18
18
  "media": 1279,
19
- "width": 164,
19
+ "size": {
20
+ "width": 164
21
+ },
20
22
  "format": "webp",
21
23
  "alignment": "northeast"
22
24
  }
@@ -11,7 +11,9 @@
11
11
  "sources": [
12
12
  {
13
13
  "media": 1279,
14
- "width": 145,
14
+ "size": {
15
+ "width": 145
16
+ },
15
17
  "format": "webp",
16
18
  "alignment": "southeast"
17
19
  }
@@ -11,7 +11,9 @@
11
11
  "sources": [
12
12
  {
13
13
  "media": 1279,
14
- "width": 276,
14
+ "size": {
15
+ "width": 276
16
+ },
15
17
  "format": "webp",
16
18
  "alignment": "southeast"
17
19
  }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redneckz/wildless-cms-uni-blocks",
3
- "version": "0.9.9",
3
+ "version": "0.9.10",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "author": "ЦК",
@@ -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="Офис банка" className="text-center mb-4" />
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 { PRODUCT_CARD } from '../CarouselProductCard/CarouselProductCard.fixture';
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: new Array(6).fill({
122
- type: 'CarouselProductCard',
123
- content: PRODUCT_CARD,
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="S"
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-s" color="text-secondary-text">
26
+ <Text font="font-light" size="text-m" color="text-secondary-text">
27
27
  {description}
28
28
  </Text>
29
29
  </div>
@@ -7,7 +7,9 @@
7
7
  "sources": [
8
8
  {
9
9
  "media": 1279,
10
- "width": 174,
10
+ "size": {
11
+ "width": 174
12
+ },
11
13
  "format": "webp",
12
14
  "alignment": "southeast"
13
15
  }
@@ -9,7 +9,9 @@
9
9
  "sources": [
10
10
  {
11
11
  "media": 1279,
12
- "width": 84,
12
+ "size": {
13
+ "width": 84
14
+ },
13
15
  "format": "webp",
14
16
  "alignment": "center"
15
17
  }
@@ -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], { className: 'p-6 pt-0', isVertical: true })}
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
  },
@@ -27,4 +27,8 @@ export type CarouselProductCardContent = UniBlockContent &
27
27
  /** @title Список */
28
28
  items?: ListProps[];
29
29
  align?: TextAlign;
30
+ /**
31
+ * @title По всей ширине
32
+ */
33
+ isFullWidth?: boolean;
30
34
  };