@redneckz/wildless-cms-uni-blocks 0.3.68 → 0.3.70
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +108 -41
- package/bundle/bundle.umd.min.js +1 -1
- package/cosmos-static/icons/ArrowDownIcon.svg +1 -1
- package/cosmos-static/icons/ArrowUpIcon.svg +1 -1
- package/cosmos-static/icons/DoneIcon.svg +1 -0
- package/cosmos-static/icons/GridIcon.svg +1 -1
- package/dist/components/BlockContent.d.ts +3 -1
- package/dist/components/Blocks.d.ts +1 -0
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Footer/MediaButton.js +5 -4
- package/dist/components/Footer/MediaButton.js.map +1 -1
- package/dist/components/GracePeriod/GracePeriodContent.d.ts +2 -3
- package/dist/components/Header/HeaderSecondaryMenu.js +4 -4
- package/dist/components/Header/HeaderSecondaryMenu.js.map +1 -1
- package/dist/components/Header/HeaderTop.js +1 -1
- package/dist/components/Header/HeaderTop.js.map +1 -1
- package/dist/components/Insurance/Insurance.js +4 -6
- package/dist/components/Insurance/Insurance.js.map +1 -1
- package/dist/components/Insurance/InsuranceContent.d.ts +2 -5
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.d.ts +5 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.js +34 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.js.map +1 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.d.ts +30 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js +2 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js.map +1 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.d.ts +5 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js +51 -0
- package/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js.map +1 -0
- package/dist/components/ProductBlock/renderBackwardButton.js +3 -1
- package/dist/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/dist/components/Recommendation/RecommendationCard.js +1 -1
- package/dist/components/Recommendation/RecommendationCard.js.map +1 -1
- package/dist/components/StepsBlock/StepsBlock.js +1 -1
- package/dist/components/StepsBlock/StepsBlock.js.map +1 -1
- package/dist/icons/IconName.d.ts +5 -15
- package/dist/icons/IconName.js +3 -13
- package/dist/icons/IconName.js.map +1 -1
- package/dist/model/IconVersion.d.ts +3 -2
- package/dist/model/Insurance.d.ts +6 -0
- package/dist/model/Insurance.js +2 -0
- package/dist/model/Insurance.js.map +1 -0
- package/dist/model/Picture.d.ts +0 -1
- package/dist/ui-kit/Button/ArrowButton.js +1 -1
- package/dist/ui-kit/Button/ArrowButton.js.map +1 -1
- package/dist/ui-kit/Foldable/Foldable.js +1 -1
- package/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/dist/ui-kit/Icon/Icon.js +7 -3
- package/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/dist/ui-kit/Icon/IconProps.d.ts +1 -0
- package/dist/ui-kit/Img/Img.js +1 -1
- package/dist/ui-kit/Img/Img.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/BlockContent.d.ts +3 -1
- package/lib/components/Blocks.d.ts +1 -0
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Footer/MediaButton.js +5 -4
- package/lib/components/Footer/MediaButton.js.map +1 -1
- package/lib/components/GracePeriod/GracePeriodContent.d.ts +2 -3
- package/lib/components/Header/HeaderSecondaryMenu.js +4 -4
- package/lib/components/Header/HeaderSecondaryMenu.js.map +1 -1
- package/lib/components/Header/HeaderTop.js +1 -1
- package/lib/components/Header/HeaderTop.js.map +1 -1
- package/lib/components/Insurance/Insurance.js +4 -6
- package/lib/components/Insurance/Insurance.js.map +1 -1
- package/lib/components/Insurance/InsuranceContent.d.ts +2 -5
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.d.ts +5 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.fixture.d.ts +4 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js +32 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js.map +1 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.d.ts +30 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js +2 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js.map +1 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.d.ts +5 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js +49 -0
- package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js.map +1 -0
- package/lib/components/ProductBlock/renderBackwardButton.js +3 -1
- package/lib/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/lib/components/Recommendation/RecommendationCard.js +1 -1
- package/lib/components/Recommendation/RecommendationCard.js.map +1 -1
- package/lib/components/StepsBlock/StepsBlock.js +1 -1
- package/lib/components/StepsBlock/StepsBlock.js.map +1 -1
- package/lib/icons/IconName.d.ts +5 -15
- package/lib/icons/IconName.js +3 -13
- package/lib/icons/IconName.js.map +1 -1
- package/lib/model/IconVersion.d.ts +3 -2
- package/lib/model/Insurance.d.ts +6 -0
- package/lib/model/Insurance.js +2 -0
- package/lib/model/Insurance.js.map +1 -0
- package/lib/model/Picture.d.ts +0 -1
- package/lib/ui-kit/Button/ArrowButton.js +1 -1
- package/lib/ui-kit/Button/ArrowButton.js.map +1 -1
- package/lib/ui-kit/Foldable/Foldable.js +1 -1
- package/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/lib/ui-kit/Icon/Icon.fixture.d.ts +2 -0
- package/lib/ui-kit/Icon/Icon.js +7 -3
- package/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/lib/ui-kit/Icon/IconProps.d.ts +1 -0
- package/lib/ui-kit/Img/Img.js +1 -1
- package/lib/ui-kit/Img/Img.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +16 -21
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/BlockContent.d.ts +3 -1
- package/mobile/dist/components/Footer/MediaButton.js +5 -4
- package/mobile/dist/components/Footer/MediaButton.js.map +1 -1
- package/mobile/dist/components/GracePeriod/GracePeriodContent.d.ts +2 -3
- package/mobile/dist/components/Header/HeaderSecondaryMenu.js +4 -4
- package/mobile/dist/components/Header/HeaderSecondaryMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderTop.js +1 -1
- package/mobile/dist/components/Header/HeaderTop.js.map +1 -1
- package/mobile/dist/components/Insurance/Insurance.js +4 -6
- package/mobile/dist/components/Insurance/Insurance.js.map +1 -1
- package/mobile/dist/components/Insurance/InsuranceContent.d.ts +2 -5
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.d.ts +5 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.js +34 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlock.js.map +1 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.d.ts +30 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js +2 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js.map +1 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.d.ts +5 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js +51 -0
- package/mobile/dist/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js.map +1 -0
- package/mobile/dist/components/ProductBlock/renderBackwardButton.js +3 -1
- package/mobile/dist/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/mobile/dist/components/Recommendation/RecommendationCard.js +1 -1
- package/mobile/dist/components/Recommendation/RecommendationCard.js.map +1 -1
- package/mobile/dist/icons/IconName.d.ts +5 -15
- package/mobile/dist/icons/IconName.js +3 -13
- package/mobile/dist/icons/IconName.js.map +1 -1
- package/mobile/dist/model/IconVersion.d.ts +3 -2
- package/mobile/dist/model/Insurance.d.ts +6 -0
- package/mobile/dist/model/Insurance.js +2 -0
- package/mobile/dist/model/Insurance.js.map +1 -0
- package/mobile/dist/model/Picture.d.ts +0 -1
- package/mobile/dist/ui-kit/Button/ArrowButton.js +1 -1
- package/mobile/dist/ui-kit/Button/ArrowButton.js.map +1 -1
- package/mobile/dist/ui-kit/Foldable/Foldable.js +1 -1
- package/mobile/dist/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/dist/ui-kit/Icon/Icon.js +7 -3
- package/mobile/dist/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/dist/ui-kit/Icon/IconProps.d.ts +1 -0
- package/mobile/lib/components/BlockContent.d.ts +3 -1
- package/mobile/lib/components/Footer/MediaButton.js +5 -4
- package/mobile/lib/components/Footer/MediaButton.js.map +1 -1
- package/mobile/lib/components/GracePeriod/GracePeriodContent.d.ts +2 -3
- package/mobile/lib/components/Header/HeaderSecondaryMenu.js +4 -4
- package/mobile/lib/components/Header/HeaderSecondaryMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderTop.js +1 -1
- package/mobile/lib/components/Header/HeaderTop.js.map +1 -1
- package/mobile/lib/components/Insurance/Insurance.js +4 -6
- package/mobile/lib/components/Insurance/Insurance.js.map +1 -1
- package/mobile/lib/components/Insurance/InsuranceContent.d.ts +2 -5
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.d.ts +5 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js +32 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js.map +1 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.d.ts +30 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js +2 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js.map +1 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.d.ts +5 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js +49 -0
- package/mobile/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js.map +1 -0
- package/mobile/lib/components/ProductBlock/renderBackwardButton.js +3 -1
- package/mobile/lib/components/ProductBlock/renderBackwardButton.js.map +1 -1
- package/mobile/lib/components/Recommendation/RecommendationCard.js +1 -1
- package/mobile/lib/components/Recommendation/RecommendationCard.js.map +1 -1
- package/mobile/lib/icons/IconName.d.ts +5 -15
- package/mobile/lib/icons/IconName.js +3 -13
- package/mobile/lib/icons/IconName.js.map +1 -1
- package/mobile/lib/model/IconVersion.d.ts +3 -2
- package/mobile/lib/model/Insurance.d.ts +6 -0
- package/mobile/lib/model/Insurance.js +2 -0
- package/mobile/lib/model/Insurance.js.map +1 -0
- package/mobile/lib/model/Picture.d.ts +0 -1
- package/mobile/lib/ui-kit/Button/ArrowButton.js +1 -1
- package/mobile/lib/ui-kit/Button/ArrowButton.js.map +1 -1
- package/mobile/lib/ui-kit/Foldable/Foldable.js +1 -1
- package/mobile/lib/ui-kit/Foldable/Foldable.js.map +1 -1
- package/mobile/lib/ui-kit/Icon/Icon.js +7 -3
- package/mobile/lib/ui-kit/Icon/Icon.js.map +1 -1
- package/mobile/lib/ui-kit/Icon/IconProps.d.ts +1 -0
- package/mobile/src/components/BlockContent.ts +5 -1
- package/mobile/src/components/ContentPage/ContentPage.page.json +50 -1
- package/mobile/src/components/Footer/MediaButton.tsx +17 -5
- package/mobile/src/components/GracePeriod/GracePeriodContent.ts +2 -3
- package/mobile/src/components/Header/HeaderSecondaryMenu.tsx +14 -6
- package/mobile/src/components/Header/HeaderTop.tsx +1 -1
- package/mobile/src/components/Insurance/Insurance.example.json +21 -0
- package/mobile/src/components/Insurance/Insurance.tsx +10 -9
- package/mobile/src/components/Insurance/InsuranceContent.ts +9 -11
- package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlock.example.json +44 -0
- package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlock.tsx +84 -0
- package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlockContent.ts +33 -0
- package/mobile/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx +157 -0
- package/mobile/src/components/ProductBlock/renderBackwardButton.tsx +4 -1
- package/mobile/src/components/Recommendation/RecommendationCard.tsx +1 -1
- package/mobile/src/icons/ArrowDownIcon.svg +2 -2
- package/mobile/src/icons/ArrowUpIcon.svg +2 -2
- package/mobile/src/icons/DoneIcon.svg +4 -0
- package/mobile/src/icons/GridIcon.svg +2 -3
- package/mobile/src/icons/IconName.ts +4 -4
- package/mobile/src/model/IconVersion.ts +3 -2
- package/mobile/src/model/Insurance.ts +6 -0
- package/mobile/src/model/Picture.ts +0 -1
- package/mobile/src/ui-kit/Button/ArrowButton.tsx +1 -1
- package/mobile/src/ui-kit/Foldable/Foldable.tsx +1 -1
- package/mobile/src/ui-kit/Icon/Icon.tsx +14 -3
- package/mobile/src/ui-kit/Icon/IconProps.ts +1 -0
- package/package.json +2 -2
- package/src/components/BlockContent.ts +5 -1
- package/src/components/Blocks.ts +2 -0
- package/src/components/ContentPage/ContentPage.page.json +50 -1
- package/src/components/Footer/MediaButton.tsx +17 -5
- package/src/components/GracePeriod/GracePeriodContent.ts +2 -3
- package/src/components/Header/HeaderSecondaryMenu.tsx +14 -6
- package/src/components/Header/HeaderTop.tsx +1 -1
- package/src/components/Insurance/Insurance.example.json +21 -0
- package/src/components/Insurance/Insurance.fixture.tsx +5 -4
- package/src/components/Insurance/Insurance.tsx +10 -9
- package/src/components/Insurance/InsuranceContent.ts +9 -11
- package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.example.json +44 -0
- package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.fixture.tsx +52 -0
- package/src/components/InsuranceAmountBlock/InsuranceAmountBlock.tsx +84 -0
- package/src/components/InsuranceAmountBlock/InsuranceAmountBlockContent.ts +33 -0
- package/src/components/InsuranceAmountBlock/InsuranceAmountBlockInner.tsx +157 -0
- package/src/components/ProductBlock/renderBackwardButton.tsx +4 -1
- package/src/components/Recommendation/RecommendationCard.tsx +1 -1
- package/src/components/StepsBlock/StepsBlock.fixture.tsx +3 -3
- package/src/components/StepsBlock/StepsBlock.tsx +1 -1
- package/src/icons/ArrowDownIcon.svg +2 -2
- package/src/icons/ArrowUpIcon.svg +2 -2
- package/src/icons/DoneIcon.svg +4 -0
- package/src/icons/GridIcon.svg +2 -3
- package/src/icons/IconName.ts +240 -5
- package/src/model/IconVersion.ts +3 -2
- package/src/model/Insurance.ts +6 -0
- package/src/model/Picture.ts +0 -1
- package/src/ui-kit/Button/ArrowButton.tsx +1 -1
- package/src/ui-kit/Foldable/Foldable.tsx +1 -1
- package/src/ui-kit/Icon/Icon.fixture.tsx +24 -0
- package/src/ui-kit/Icon/Icon.tsx +14 -3
- package/src/ui-kit/Icon/IconProps.ts +1 -0
- package/src/ui-kit/Img/Img.tsx +2 -1
- package/cosmos-static/icons/ArrowsRewindRight.svg +0 -1
- package/cosmos-static/icons/BurgerIconWhite.svg +0 -1
- package/cosmos-static/icons/CalendarWhiteIcon.svg +0 -1
- package/cosmos-static/icons/EmptyWalletWhiteIcon.svg +0 -1
- package/cosmos-static/icons/GridIconWhite.svg +0 -1
- package/cosmos-static/icons/PercentageSquareWhiteIcon.svg +0 -1
- package/mobile/src/components/Insurance/Insuranse.example.json +0 -36
- package/mobile/src/icons/ArrowsRewindRight.svg +0 -16
- package/mobile/src/icons/BurgerIconWhite.svg +0 -6
- package/mobile/src/icons/CalendarWhiteIcon.svg +0 -17
- package/mobile/src/icons/EmptyWalletWhiteIcon.svg +0 -16
- package/mobile/src/icons/GridIconWhite.svg +0 -4
- package/mobile/src/icons/PercentageSquareWhiteIcon.svg +0 -16
- package/src/components/Insurance/Insuranse.example.json +0 -36
- package/src/icons/ArrowsRewindRight.svg +0 -16
- package/src/icons/BurgerIconWhite.svg +0 -6
- package/src/icons/CalendarWhiteIcon.svg +0 -17
- package/src/icons/EmptyWalletWhiteIcon.svg +0 -16
- package/src/icons/GridIconWhite.svg +0 -4
- package/src/icons/PercentageSquareWhiteIcon.svg +0 -16
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<svg title="Стрелка 'Вниз'" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M13.8416 10.709L11.6582 12.8923C11.0166 13.534 9.96657 13.534 9.3249 12.8923L3.8999 7.45898" stroke="
|
|
3
|
-
<path d="M17.1001 7.45898L16.2334 8.32565" stroke="
|
|
2
|
+
<path d="M13.8416 10.709L11.6582 12.8923C11.0166 13.534 9.96657 13.534 9.3249 12.8923L3.8999 7.45898" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M17.1001 7.45898L16.2334 8.32565" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
4
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<svg title="Стрелка вверх" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M13.3416 9.29163L11.1582 7.10829C10.5166 6.46662 9.46657 6.46662 8.8249 7.10829L3.3999 12.5416" stroke="
|
|
3
|
-
<path d="M16.6001 12.5416L15.7334 11.675" stroke="
|
|
2
|
+
<path d="M13.3416 9.29163L11.1582 7.10829C10.5166 6.46662 9.46657 6.46662 8.8249 7.10829L3.3999 12.5416" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M16.6001 12.5416L15.7334 11.675" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
4
|
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg title="Зелёная 'галочка'" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="24" height="24" rx="12" fill="#42AB44"/>
|
|
3
|
+
<path d="M7 13.0047L9.7242 16L17 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</svg>
|
package/src/icons/GridIcon.svg
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
<svg title="Сетка" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
|
|
2
|
-
|
|
3
|
-
<path fill="#000000" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
|
|
1
|
+
<svg title="Сетка (белая)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
|
|
2
|
+
<path fill="currentColor" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
|
|
4
3
|
</svg>
|
package/src/icons/IconName.ts
CHANGED
|
@@ -1,13 +1,168 @@
|
|
|
1
|
-
|
|
2
1
|
// Generated. Do not touch
|
|
3
2
|
/* eslint-disable max-lines */
|
|
4
3
|
|
|
5
4
|
export enum IconMap {
|
|
6
|
-
ActualBalanceIcon = 'ActualBalanceIcon',
|
|
5
|
+
ActualBalanceIcon = 'ActualBalanceIcon',
|
|
6
|
+
AirPlane = 'AirPlane',
|
|
7
|
+
AppleIcon = 'AppleIcon',
|
|
8
|
+
ArrowDownIcon = 'ArrowDownIcon',
|
|
9
|
+
ArrowLeftIcon = 'ArrowLeftIcon',
|
|
10
|
+
ArrowUpIcon = 'ArrowUpIcon',
|
|
11
|
+
AtmIcon = 'AtmIcon',
|
|
12
|
+
BankIcon = 'BankIcon',
|
|
13
|
+
BurgerIcon = 'BurgerIcon',
|
|
14
|
+
Calendar2Icon = 'Calendar2Icon',
|
|
15
|
+
CalendarCircleIcon = 'CalendarCircleIcon',
|
|
16
|
+
CalendarIcon = 'CalendarIcon',
|
|
17
|
+
CalendarTickIcon = 'CalendarTickIcon',
|
|
18
|
+
CardIcon = 'CardIcon',
|
|
19
|
+
CardPosIcon = 'CardPosIcon',
|
|
20
|
+
CardTickIcon = 'CardTickIcon',
|
|
21
|
+
CardWithGemIcon = 'CardWithGemIcon',
|
|
22
|
+
CarIcon = 'CarIcon',
|
|
23
|
+
ChartSquareIcon = 'ChartSquareIcon',
|
|
24
|
+
CinemaIcon = 'CinemaIcon',
|
|
25
|
+
ClockIcon = 'ClockIcon',
|
|
26
|
+
CloseIcon = 'CloseIcon',
|
|
27
|
+
ComfortableCompIcon = 'ComfortableCompIcon',
|
|
28
|
+
CreditCardsIcon = 'CreditCardsIcon',
|
|
29
|
+
DiscountShapeIcon = 'DiscountShapeIcon',
|
|
30
|
+
DocIcon = 'DocIcon',
|
|
31
|
+
DocIconMonoColor = 'DocIconMonoColor',
|
|
32
|
+
DocsIcon = 'DocsIcon',
|
|
33
|
+
DocumentTextIcon = 'DocumentTextIcon',
|
|
34
|
+
DollarIcon = 'DollarIcon',
|
|
35
|
+
DoneIcon = 'DoneIcon',
|
|
36
|
+
EarthIcon = 'EarthIcon',
|
|
37
|
+
EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
|
|
38
|
+
EmptyWalletIcon = 'EmptyWalletIcon',
|
|
39
|
+
EuroIcon = 'EuroIcon',
|
|
40
|
+
GeolocationIcon = 'GeolocationIcon',
|
|
41
|
+
GlassIcon = 'GlassIcon',
|
|
42
|
+
GlobalIcon = 'GlobalIcon',
|
|
43
|
+
GpsIcon = 'GpsIcon',
|
|
44
|
+
GridIcon = 'GridIcon',
|
|
45
|
+
InterestGrowthIcon = 'InterestGrowthIcon',
|
|
46
|
+
InterestIcon = 'InterestIcon',
|
|
47
|
+
JCBIcon = 'JCBIcon',
|
|
48
|
+
LoupeIcon = 'LoupeIcon',
|
|
49
|
+
MasterCardIcon = 'MasterCardIcon',
|
|
50
|
+
MinusIcon = 'MinusIcon',
|
|
51
|
+
MirIcon = 'MirIcon',
|
|
52
|
+
MoneyIcon = 'MoneyIcon',
|
|
53
|
+
MoneyInsuranceIcon = 'MoneyInsuranceIcon',
|
|
54
|
+
MonitorMobileIcon = 'MonitorMobileIcon',
|
|
55
|
+
NewDocIcon = 'NewDocIcon',
|
|
56
|
+
OfficeIcon = 'OfficeIcon',
|
|
57
|
+
OkIcon = 'OkIcon',
|
|
58
|
+
PassSendIcon = 'PassSendIcon',
|
|
59
|
+
PercentageRoundIcon = 'PercentageRoundIcon',
|
|
60
|
+
PercentageSquareIcon = 'PercentageSquareIcon',
|
|
61
|
+
PersonalCardIcon = 'PersonalCardIcon',
|
|
62
|
+
PlayMarketIcon = 'PlayMarketIcon',
|
|
63
|
+
PlusIcon = 'PlusIcon',
|
|
64
|
+
PowerIcon = 'PowerIcon',
|
|
65
|
+
Profile2UserIcon = 'Profile2UserIcon',
|
|
66
|
+
ProfileIcon = 'ProfileIcon',
|
|
67
|
+
PumpkinIcon = 'PumpkinIcon',
|
|
68
|
+
RoundRubleIcon = 'RoundRubleIcon',
|
|
69
|
+
SafeIcon = 'SafeIcon',
|
|
70
|
+
ShieldTickIcon = 'ShieldTickIcon',
|
|
71
|
+
SignDocsIcon = 'SignDocsIcon',
|
|
72
|
+
SmallClockIcon = 'SmallClockIcon',
|
|
73
|
+
SoundIcon = 'SoundIcon',
|
|
74
|
+
TelegramIcon = 'TelegramIcon',
|
|
75
|
+
UnionPayIcon = 'UnionPayIcon',
|
|
76
|
+
UserTickIcon = 'UserTickIcon',
|
|
77
|
+
VisaIcon = 'VisaIcon',
|
|
78
|
+
VKIcon = 'VKIcon',
|
|
79
|
+
WalletAdd2Icon = 'WalletAdd2Icon',
|
|
80
|
+
WalletAddIcon = 'WalletAddIcon',
|
|
81
|
+
WalletIcon = 'WalletIcon',
|
|
82
|
+
WalletWithMoneyIcon = 'WalletWithMoneyIcon',
|
|
83
|
+
WateringCan = 'WateringCan',
|
|
7
84
|
}
|
|
8
85
|
|
|
9
86
|
export enum IconTitleMap {
|
|
10
|
-
ActualBalanceIcon = 'Деньги',
|
|
87
|
+
ActualBalanceIcon = 'Деньги',
|
|
88
|
+
AirPlane = 'Самолет',
|
|
89
|
+
AppleIcon = 'Лого «Apple»',
|
|
90
|
+
ArrowDownIcon = "Стрелка 'Вниз'",
|
|
91
|
+
ArrowLeftIcon = 'Стрелка',
|
|
92
|
+
ArrowUpIcon = 'Стрелка вверх',
|
|
93
|
+
AtmIcon = 'Банкомат',
|
|
94
|
+
BankIcon = 'Банк',
|
|
95
|
+
BurgerIcon = 'Бургер',
|
|
96
|
+
Calendar2Icon = 'Календарь 2',
|
|
97
|
+
CalendarCircleIcon = 'Скруглённый календарь',
|
|
98
|
+
CalendarIcon = 'Календарь',
|
|
99
|
+
CalendarTickIcon = 'Календарь с галочкой',
|
|
100
|
+
CardIcon = 'Кред. карта',
|
|
101
|
+
CardPosIcon = 'Кред. карта под наклоном',
|
|
102
|
+
CardTickIcon = 'Кред. карта с галочкой',
|
|
103
|
+
CardWithGemIcon = 'Карта с драгоценностями',
|
|
104
|
+
CarIcon = 'Машина',
|
|
105
|
+
ChartSquareIcon = 'Деньги внутри кошелька',
|
|
106
|
+
CinemaIcon = 'Кино',
|
|
107
|
+
ClockIcon = 'Часы',
|
|
108
|
+
CloseIcon = 'Крестик',
|
|
109
|
+
ComfortableCompIcon = 'Кресло',
|
|
110
|
+
CreditCardsIcon = 'Кредитные карты',
|
|
111
|
+
DiscountShapeIcon = 'Скидка',
|
|
112
|
+
DocIcon = 'Документ',
|
|
113
|
+
DocIconMonoColor = 'Документ (одноцветный)',
|
|
114
|
+
DocsIcon = 'Документы',
|
|
115
|
+
DocumentTextIcon = 'Документ с текстом',
|
|
116
|
+
DollarIcon = 'Доллар',
|
|
117
|
+
DoneIcon = "Зелёная 'галочка'",
|
|
118
|
+
EarthIcon = 'Земля',
|
|
119
|
+
EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом',
|
|
120
|
+
EmptyWalletIcon = 'Пустой кошелёк',
|
|
121
|
+
EuroIcon = 'Евро',
|
|
122
|
+
GeolocationIcon = 'Геолокация',
|
|
123
|
+
GlassIcon = 'Зеркало',
|
|
124
|
+
GlobalIcon = 'Глобус',
|
|
125
|
+
GpsIcon = 'Gps',
|
|
126
|
+
GridIcon = 'Сетка (белая)',
|
|
127
|
+
InterestGrowthIcon = 'Диаграмма роста',
|
|
128
|
+
InterestIcon = 'Скидка',
|
|
129
|
+
JCBIcon = 'JCB',
|
|
130
|
+
LoupeIcon = 'Лупа',
|
|
131
|
+
MasterCardIcon = 'MasterCard',
|
|
132
|
+
MinusIcon = 'Минус',
|
|
133
|
+
MirIcon = 'МИР',
|
|
134
|
+
MoneyIcon = 'Деньги',
|
|
135
|
+
MoneyInsuranceIcon = 'Денежное страхование',
|
|
136
|
+
MonitorMobileIcon = 'Монитор и мобильный',
|
|
137
|
+
NewDocIcon = 'Новый документ',
|
|
138
|
+
OfficeIcon = 'Офис',
|
|
139
|
+
OkIcon = 'Лого «Одноклассники»',
|
|
140
|
+
PassSendIcon = 'Бизнес',
|
|
141
|
+
PercentageRoundIcon = 'Проценты (круг.)',
|
|
142
|
+
PercentageSquareIcon = 'Проценты',
|
|
143
|
+
PersonalCardIcon = 'Персональная карта',
|
|
144
|
+
PlayMarketIcon = 'Лого «PlayMarket»',
|
|
145
|
+
PlusIcon = 'Плюс',
|
|
146
|
+
PowerIcon = 'Щит',
|
|
147
|
+
Profile2UserIcon = 'Профиль, 2 персоны',
|
|
148
|
+
ProfileIcon = 'Профиль',
|
|
149
|
+
PumpkinIcon = 'Тыква',
|
|
150
|
+
RoundRubleIcon = 'Рубль (круг.)',
|
|
151
|
+
SafeIcon = 'Сейф',
|
|
152
|
+
ShieldTickIcon = 'Безопасность',
|
|
153
|
+
SignDocsIcon = 'Подписанные документы',
|
|
154
|
+
SmallClockIcon = 'Маленькие часы',
|
|
155
|
+
SoundIcon = 'Звук',
|
|
156
|
+
TelegramIcon = 'Лого «Telegram»',
|
|
157
|
+
UnionPayIcon = 'UnionPay',
|
|
158
|
+
UserTickIcon = 'Пользователь',
|
|
159
|
+
VisaIcon = 'Visa',
|
|
160
|
+
VKIcon = 'Лого «VK»',
|
|
161
|
+
WalletAdd2Icon = 'Пополнение карты',
|
|
162
|
+
WalletAddIcon = 'Кошелёк с плюсом',
|
|
163
|
+
WalletIcon = 'Кошелёк',
|
|
164
|
+
WalletWithMoneyIcon = 'Кошелёк с деньгами',
|
|
165
|
+
WateringCan = 'Добавить продукт',
|
|
11
166
|
}
|
|
12
167
|
|
|
13
168
|
/**
|
|
@@ -15,7 +170,87 @@ export enum IconTitleMap {
|
|
|
15
170
|
* @title Иконка
|
|
16
171
|
* @enumNames [
|
|
17
172
|
* "",
|
|
18
|
-
* 'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка
|
|
173
|
+
* 'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
|
|
19
174
|
* ]
|
|
20
175
|
*/
|
|
21
|
-
export type IconName =
|
|
176
|
+
export type IconName =
|
|
177
|
+
| ''
|
|
178
|
+
| 'ActualBalanceIcon'
|
|
179
|
+
| 'AirPlane'
|
|
180
|
+
| 'AppleIcon'
|
|
181
|
+
| 'ArrowDownIcon'
|
|
182
|
+
| 'ArrowLeftIcon'
|
|
183
|
+
| 'ArrowUpIcon'
|
|
184
|
+
| 'AtmIcon'
|
|
185
|
+
| 'BankIcon'
|
|
186
|
+
| 'BurgerIcon'
|
|
187
|
+
| 'Calendar2Icon'
|
|
188
|
+
| 'CalendarCircleIcon'
|
|
189
|
+
| 'CalendarIcon'
|
|
190
|
+
| 'CalendarTickIcon'
|
|
191
|
+
| 'CardIcon'
|
|
192
|
+
| 'CardPosIcon'
|
|
193
|
+
| 'CardTickIcon'
|
|
194
|
+
| 'CardWithGemIcon'
|
|
195
|
+
| 'CarIcon'
|
|
196
|
+
| 'ChartSquareIcon'
|
|
197
|
+
| 'CinemaIcon'
|
|
198
|
+
| 'ClockIcon'
|
|
199
|
+
| 'CloseIcon'
|
|
200
|
+
| 'ComfortableCompIcon'
|
|
201
|
+
| 'CreditCardsIcon'
|
|
202
|
+
| 'DiscountShapeIcon'
|
|
203
|
+
| 'DocIcon'
|
|
204
|
+
| 'DocIconMonoColor'
|
|
205
|
+
| 'DocsIcon'
|
|
206
|
+
| 'DocumentTextIcon'
|
|
207
|
+
| 'DollarIcon'
|
|
208
|
+
| 'DoneIcon'
|
|
209
|
+
| 'EarthIcon'
|
|
210
|
+
| 'EmptyWalletChangeIcon'
|
|
211
|
+
| 'EmptyWalletIcon'
|
|
212
|
+
| 'EuroIcon'
|
|
213
|
+
| 'GeolocationIcon'
|
|
214
|
+
| 'GlassIcon'
|
|
215
|
+
| 'GlobalIcon'
|
|
216
|
+
| 'GpsIcon'
|
|
217
|
+
| 'GridIcon'
|
|
218
|
+
| 'InterestGrowthIcon'
|
|
219
|
+
| 'InterestIcon'
|
|
220
|
+
| 'JCBIcon'
|
|
221
|
+
| 'LoupeIcon'
|
|
222
|
+
| 'MasterCardIcon'
|
|
223
|
+
| 'MinusIcon'
|
|
224
|
+
| 'MirIcon'
|
|
225
|
+
| 'MoneyIcon'
|
|
226
|
+
| 'MoneyInsuranceIcon'
|
|
227
|
+
| 'MonitorMobileIcon'
|
|
228
|
+
| 'NewDocIcon'
|
|
229
|
+
| 'OfficeIcon'
|
|
230
|
+
| 'OkIcon'
|
|
231
|
+
| 'PassSendIcon'
|
|
232
|
+
| 'PercentageRoundIcon'
|
|
233
|
+
| 'PercentageSquareIcon'
|
|
234
|
+
| 'PersonalCardIcon'
|
|
235
|
+
| 'PlayMarketIcon'
|
|
236
|
+
| 'PlusIcon'
|
|
237
|
+
| 'PowerIcon'
|
|
238
|
+
| 'Profile2UserIcon'
|
|
239
|
+
| 'ProfileIcon'
|
|
240
|
+
| 'PumpkinIcon'
|
|
241
|
+
| 'RoundRubleIcon'
|
|
242
|
+
| 'SafeIcon'
|
|
243
|
+
| 'ShieldTickIcon'
|
|
244
|
+
| 'SignDocsIcon'
|
|
245
|
+
| 'SmallClockIcon'
|
|
246
|
+
| 'SoundIcon'
|
|
247
|
+
| 'TelegramIcon'
|
|
248
|
+
| 'UnionPayIcon'
|
|
249
|
+
| 'UserTickIcon'
|
|
250
|
+
| 'VisaIcon'
|
|
251
|
+
| 'VKIcon'
|
|
252
|
+
| 'WalletAdd2Icon'
|
|
253
|
+
| 'WalletAddIcon'
|
|
254
|
+
| 'WalletIcon'
|
|
255
|
+
| 'WalletWithMoneyIcon'
|
|
256
|
+
| 'WateringCan';
|
package/src/model/IconVersion.ts
CHANGED
package/src/model/Picture.ts
CHANGED
|
@@ -16,7 +16,7 @@ export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) =
|
|
|
16
16
|
>
|
|
17
17
|
<Img
|
|
18
18
|
className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border"
|
|
19
|
-
image={{ icon: 'ArrowLeftIcon' }}
|
|
19
|
+
image={{ icon: 'ArrowLeftIcon', iconVersion: 'black' }}
|
|
20
20
|
width="16"
|
|
21
21
|
height="16"
|
|
22
22
|
asSVG
|
|
@@ -55,7 +55,7 @@ export const Foldable = JSX<FoldableProps>(
|
|
|
55
55
|
onClick={handleToggle}
|
|
56
56
|
>
|
|
57
57
|
<span className="pr-3">{isActive ? 'Скрыть' : foldButtonLabel}</span>
|
|
58
|
-
<Icon name={icon} width="20" height="20" asSVG />
|
|
58
|
+
<Icon name={icon} iconVersion="white" width="20" height="20" asSVG />
|
|
59
59
|
</button>
|
|
60
60
|
) : null}
|
|
61
61
|
</div>
|
|
@@ -27,4 +27,28 @@ export default {
|
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
29
29
|
),
|
|
30
|
+
'all (as svg) black': (
|
|
31
|
+
<div className="w-[1280px]">
|
|
32
|
+
<div className="grid grid-cols-6 gap-8">
|
|
33
|
+
{Object.values(IconMap).map((icon) => (
|
|
34
|
+
<div key={icon} className="flex flex-col items-center gap-3">
|
|
35
|
+
<div>{icon}</div>
|
|
36
|
+
<Icon name={icon} iconVersion="black" width="64" asSVG />
|
|
37
|
+
</div>
|
|
38
|
+
))}
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
),
|
|
42
|
+
'all (as svg) white': (
|
|
43
|
+
<div className="w-[1280px]">
|
|
44
|
+
<div className="grid grid-cols-6 gap-8">
|
|
45
|
+
{Object.values(IconMap).map((icon) => (
|
|
46
|
+
<div key={icon} className="flex flex-col items-center gap-3 bg-black">
|
|
47
|
+
<div className="text-white">{icon}</div>
|
|
48
|
+
<Icon name={icon} iconVersion="white" width="64" asSVG />
|
|
49
|
+
</div>
|
|
50
|
+
))}
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
),
|
|
30
54
|
};
|
package/src/ui-kit/Icon/Icon.tsx
CHANGED
|
@@ -1,27 +1,38 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { IconTitleMap } from '../../icons/IconName';
|
|
3
|
+
import type { IconVersion } from '../../model/IconVersion';
|
|
3
4
|
import { projectSettings } from '../../ProjectSettings';
|
|
4
5
|
import type { IconProps } from './IconProps';
|
|
5
6
|
|
|
7
|
+
const svgUseStyleMap: Record<IconVersion, string> = {
|
|
8
|
+
normal: 'text-primary-main',
|
|
9
|
+
black: 'text-black',
|
|
10
|
+
white: 'text-black invert',
|
|
11
|
+
};
|
|
12
|
+
|
|
6
13
|
export const Icon = JSX<IconProps>(
|
|
7
14
|
({
|
|
8
15
|
className = '',
|
|
16
|
+
imageClassName = '',
|
|
9
17
|
name = '',
|
|
10
18
|
alt = `Иконка ${IconTitleMap[name] || name}`,
|
|
11
19
|
title = alt,
|
|
12
|
-
iconVersion,
|
|
20
|
+
iconVersion = 'normal',
|
|
13
21
|
asSVG,
|
|
14
22
|
...imgProps
|
|
15
23
|
}) => {
|
|
16
24
|
const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
|
|
17
|
-
const svgUseStyle = iconVersion === 'white' ? 'text-black invert' : 'text-primary-main';
|
|
18
25
|
|
|
19
26
|
if (asSVG) {
|
|
20
27
|
return (
|
|
21
28
|
<svg className={className} {...imgProps} aria-hidden="true">
|
|
22
29
|
{title ? <title>{title}</title> : null}
|
|
23
30
|
{alt ? <desc>{alt}</desc> : null}
|
|
24
|
-
<use
|
|
31
|
+
<use
|
|
32
|
+
className={`${svgUseStyleMap[iconVersion]} ${imageClassName}`}
|
|
33
|
+
href={`${href}#icon`}
|
|
34
|
+
xlinkHref={`${href}#icon`}
|
|
35
|
+
/>
|
|
25
36
|
</svg>
|
|
26
37
|
);
|
|
27
38
|
}
|
package/src/ui-kit/Img/Img.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { ImgSource, Picture } from '../../model/Picture';
|
|
2
3
|
import { Icon } from '../Icon/Icon';
|
|
3
4
|
import { getIconVersion } from './getIconVersion';
|
|
4
|
-
import type { ImgSource, Picture } from '../../model/Picture';
|
|
5
5
|
import type { Image, ImageProps } from './ImgProps';
|
|
6
6
|
|
|
7
7
|
export const Img = JSX<ImageProps<Image>>(
|
|
@@ -16,6 +16,7 @@ export const Img = JSX<ImageProps<Image>>(
|
|
|
16
16
|
return icon.length ? (
|
|
17
17
|
<Icon
|
|
18
18
|
className={className}
|
|
19
|
+
imageClassName={imageClassName}
|
|
19
20
|
iconVersion={getIconVersion(image)}
|
|
20
21
|
name={icon}
|
|
21
22
|
{...iconProps}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" viewBox="0 0 230 187" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_d_7050_138706)"><path fill-rule="evenodd" clip-rule="evenodd" d="M92.24 52.16 14 104.32V0l78.24 52.16Zm123.879 0-78.24 52.16V0l78.24 52.16Z" fill="#fff"/></g><defs><filter id="filter0_d_7050_138706" x=".96" y="0" width="228.199" height="186.907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="69.547"/><feGaussianBlur stdDeviation="6.52"/><feColorMatrix values="0 0 0 0 0.0196078 0 0 0 0 0.0117647 0 0 0 0 0.0156863 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7050_138706"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_7050_138706" result="shape"/></filter></defs></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6h18M9.49 12H21M3 12h2.99M3 18h18" stroke="#FFF" stroke-width="2" stroke-linecap="round"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="#fff" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M8 2v3m8-3v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"/><path stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M15.991 13h.018m-.018 4.006h.018M11.991 13h.018m-.018 4.006h.018M7.991 13h.018m-.018 4.006h.018"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2.5 14.07v-2.56c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76m9.78-16.07a1.9 1.9 0 0 1 2.57 1.78v3.8"/><path stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5m14.25 10.3v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02ZM7 12h7"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33"><rect fill="rgba(255, 255, 255, 0.2)" width="32" height="32" y=".5" rx="16"/><path fill="#FFF" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3.5-8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg id="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2 13.05V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9m6.32 6.27 6.54-6.54"/><path stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.73 10.37a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Zm6.54 5.72a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Z"/></svg>
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"title": "Страховые риски и продукты",
|
|
3
|
-
"description": "Описание",
|
|
4
|
-
"insurance": 500000,
|
|
5
|
-
"limit": null,
|
|
6
|
-
"image": {
|
|
7
|
-
"src": "insurance.png",
|
|
8
|
-
"title": "страхование",
|
|
9
|
-
"format": "webp",
|
|
10
|
-
"alt": "страхование",
|
|
11
|
-
"size": {
|
|
12
|
-
"width": 400,
|
|
13
|
-
"height": 300
|
|
14
|
-
},
|
|
15
|
-
"sources": [
|
|
16
|
-
{
|
|
17
|
-
"src": "insurance.png 1x, insurance-2x.png 2x",
|
|
18
|
-
"format": "png"
|
|
19
|
-
}
|
|
20
|
-
]
|
|
21
|
-
},
|
|
22
|
-
"benefits": [
|
|
23
|
-
{
|
|
24
|
-
"label": "Пункт 1",
|
|
25
|
-
"icon": {
|
|
26
|
-
"icon": "ShieldTickIcon"
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"label": "Пункт 2",
|
|
31
|
-
"icon": {
|
|
32
|
-
"icon": "ShieldTickIcon"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
]
|
|
36
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<svg title="Стрелка" viewBox="0 0 230 187" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g filter="url(#filter0_d_7050_138706)">
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M92.24 52.16L14 104.32V0L92.24 52.16ZM216.119 52.16L137.879 104.32V0L216.119 52.16Z" fill="white"/>
|
|
4
|
-
</g>
|
|
5
|
-
<defs>
|
|
6
|
-
<filter id="filter0_d_7050_138706" x="0.959999" y="0" width="228.199" height="186.907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
7
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
8
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
9
|
-
<feOffset dy="69.5467"/>
|
|
10
|
-
<feGaussianBlur stdDeviation="6.52"/>
|
|
11
|
-
<feColorMatrix type="matrix" values="0 0 0 0 0.0196078 0 0 0 0 0.0117647 0 0 0 0 0.0156863 0 0 0 0.1 0"/>
|
|
12
|
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7050_138706"/>
|
|
13
|
-
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7050_138706" result="shape"/>
|
|
14
|
-
</filter>
|
|
15
|
-
</defs>
|
|
16
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg title="Бургер (белый)" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M3 6H21" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
|
|
3
|
-
<path d="M9.49023 12H21.0002" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
|
|
4
|
-
<path d="M3 12H5.99" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
|
|
5
|
-
<path d="M3 18H21" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
|
|
6
|
-
</svg>
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<svg title="Календарь белый" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path
|
|
3
|
-
stroke="#fff"
|
|
4
|
-
stroke-width="2"
|
|
5
|
-
stroke-miterlimit="10"
|
|
6
|
-
stroke-linecap="round"
|
|
7
|
-
stroke-linejoin="round"
|
|
8
|
-
d="M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"
|
|
9
|
-
/>
|
|
10
|
-
<path
|
|
11
|
-
stroke="#fff"
|
|
12
|
-
stroke-width="3"
|
|
13
|
-
stroke-linecap="round"
|
|
14
|
-
stroke-linejoin="round"
|
|
15
|
-
d="M15.991 13h.018M15.991 17.006h.018M11.991 13h.018M11.991 17.006h.018M7.991 13h.018M7.991 17.006h.018"
|
|
16
|
-
/>
|
|
17
|
-
</svg>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<svg title="Пустой кошелёк (белый)" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path
|
|
3
|
-
stroke="#fff"
|
|
4
|
-
stroke-width="2"
|
|
5
|
-
stroke-linecap="round"
|
|
6
|
-
stroke-linejoin="round"
|
|
7
|
-
d="M2.5 14.07v-2.56c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76M12.28 2.17a1.9 1.9 0 0 1 2.57 1.78v3.8"
|
|
8
|
-
/>
|
|
9
|
-
<path
|
|
10
|
-
stroke="#fff"
|
|
11
|
-
stroke-width="2"
|
|
12
|
-
stroke-linecap="round"
|
|
13
|
-
stroke-linejoin="round"
|
|
14
|
-
d="M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l3.97-1.5M22.56 13.97v2.06c0 .55-.44 1-1 1.02H19.6c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02ZM7 12h7"
|
|
15
|
-
/>
|
|
16
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg title="Сетка (белая)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
|
|
2
|
-
<rect fill="rgba(255, 255, 255, 0.2)" width="32" height="32" y=".5" rx="16"/>
|
|
3
|
-
<path fill="#FFFFFF" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
|
|
4
|
-
</svg>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<svg title="Проценты белые" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path
|
|
3
|
-
stroke="#fff"
|
|
4
|
-
stroke-width="2"
|
|
5
|
-
stroke-linecap="round"
|
|
6
|
-
stroke-linejoin="round"
|
|
7
|
-
d="M2 13.05V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9M8.32 15.27l6.54-6.54"
|
|
8
|
-
/>
|
|
9
|
-
<path
|
|
10
|
-
stroke="#fff"
|
|
11
|
-
stroke-width="2"
|
|
12
|
-
stroke-linecap="round"
|
|
13
|
-
stroke-linejoin="round"
|
|
14
|
-
d="M8.73 10.37a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46ZM15.27 16.09a1.23 1.23 0 1 0 0-2.46 1.23 1.23 0 0 0 0 2.46Z"
|
|
15
|
-
/>
|
|
16
|
-
</svg>
|