linkedunion-design-kit 1.8.0 → 1.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/src/components/AppIcons/AndroidIcon.d.ts +4 -0
- package/dist/src/components/AppIcons/AndroidIcon.js +28 -0
- package/dist/src/components/AppIcons/AppIcon.d.ts +7 -0
- package/dist/src/components/AppIcons/AppIcon.js +40 -0
- package/dist/src/components/AppIcons/AppIcon.stories.d.ts +19 -0
- package/dist/src/components/AppIcons/AppIcon.stories.js +223 -0
- package/dist/src/components/AppIcons/AppleIcon.d.ts +7 -0
- package/dist/src/components/AppIcons/AppleIcon.js +28 -0
- package/dist/src/components/AppIcons/PlayStoreIcon.d.ts +4 -0
- package/dist/src/components/AppIcons/PlayStoreIcon.js +28 -0
- package/dist/src/components/AppIcons/index.d.ts +5 -0
- package/dist/src/components/AppIcons/index.js +4 -0
- package/dist/src/components/Card/MultipleNews/MultiNews.js +2 -2
- package/dist/src/components/Card/PostByCategory/PostByCategory.js +4 -4
- package/dist/src/components/Card/SinglePost/SinglePost.js +1 -1
- package/dist/src/components/Card/contactProfile/ContactProfile.js +1 -1
- package/dist/styles/global.css +36 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { Display } from "./src/components/Typography/Display/display";
|
|
|
17
17
|
export { Caption } from "./src/components/ui/caption";
|
|
18
18
|
export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
|
|
19
19
|
export { Button } from "./src/components/Button/Button";
|
|
20
|
+
export { AppIcon } from "./src/components/AppIcons";
|
|
20
21
|
export { Label } from "./src/components/Label/Label";
|
|
21
22
|
export { Slider } from "./src/components/Slider/slider";
|
|
22
23
|
export { RadioButton } from "./src/components/RadioButton/radio-button";
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export { Display } from "./src/components/Typography/Display/display";
|
|
|
17
17
|
export { Caption } from "./src/components/ui/caption";
|
|
18
18
|
export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
|
|
19
19
|
export { Button } from "./src/components/Button/Button";
|
|
20
|
+
export { AppIcon } from "./src/components/AppIcons";
|
|
20
21
|
export { Label } from "./src/components/Label/Label";
|
|
21
22
|
export { Slider } from "./src/components/Slider/slider";
|
|
22
23
|
export { RadioButton } from "./src/components/RadioButton/radio-button";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
var AndroidIcon = function (_a) {
|
|
25
|
+
var _b = _a.width, width = _b === void 0 ? "177" : _b, _c = _a.height, height = _c === void 0 ? "60" : _c, _d = _a.fill, fill = _d === void 0 ? "#000000" : _d, _e = _a.textFill, textFill = _e === void 0 ? "#ffffff" : _e, _f = _a.iconFill, iconFill = _f === void 0 ? textFill : _f, className = _a.className, _g = _a.stroke, stroke = _g === void 0 ? textFill : _g, props = __rest(_a, ["width", "height", "fill", "textFill", "iconFill", "className", "stroke"]);
|
|
26
|
+
return (_jsxs("svg", __assign({ width: width, height: height, viewBox: "0 0 177 59", fill: fill, xmlns: "http://www.w3.org/2000/svg", className: className }, props, { children: [_jsx("path", { d: "M2 0.5H175C175.828 0.5 176.5 1.17157 176.5 2V57C176.5 57.8284 175.828 58.5 175 58.5H2C1.17157 58.5 0.5 57.8284 0.5 57V2C0.5 1.17157 1.17157 0.5 2 0.5Z", stroke: stroke }), _jsx("g", { children: _jsx("path", { d: "M31.3639 33.9716C31.1002 33.9716 30.8424 33.8934 30.6231 33.7469C30.4039 33.6004 30.233 33.3922 30.132 33.1485C30.0311 32.9049 30.0047 32.6368 30.0562 32.3782C30.1076 32.1195 30.2346 31.882 30.4211 31.6955C30.6075 31.509 30.8451 31.382 31.1038 31.3306C31.3624 31.2791 31.6305 31.3055 31.8741 31.4065C32.1178 31.5074 32.326 31.6783 32.4725 31.8975C32.619 32.1168 32.6972 32.3746 32.6972 32.6383C32.6972 32.9919 32.5567 33.3311 32.3067 33.5811C32.0567 33.8312 31.7175 33.9716 31.3639 33.9716ZM16.6361 33.9716C16.3724 33.9716 16.1146 33.8934 15.8954 33.7469C15.6761 33.6004 15.5052 33.3922 15.4043 33.1485C15.3034 32.9049 15.277 32.6368 15.3284 32.3782C15.3798 32.1195 15.5068 31.882 15.6933 31.6955C15.8798 31.509 16.1173 31.382 16.376 31.3306C16.6346 31.2791 16.9027 31.3055 17.1464 31.4065C17.39 31.5074 17.5982 31.6783 17.7447 31.8975C17.8912 32.1168 17.9694 32.3746 17.9694 32.6383C17.9694 32.9919 17.829 33.3311 17.5789 33.5811C17.3289 33.8312 16.9897 33.9716 16.6361 33.9716ZM31.8417 25.945L34.505 21.3339C34.5474 21.2707 34.5763 21.1995 34.5901 21.1247C34.6038 21.0499 34.6021 20.9731 34.5849 20.899C34.5678 20.8249 34.5356 20.7552 34.4904 20.694C34.4452 20.6329 34.3879 20.5816 34.3221 20.5435C34.2563 20.5054 34.1833 20.4812 34.1078 20.4725C34.0322 20.4637 33.9557 20.4705 33.8829 20.4925C33.8101 20.5145 33.7426 20.5513 33.6846 20.6004C33.6265 20.6496 33.5792 20.7101 33.5456 20.7783L30.8489 25.4489C28.6948 24.4828 26.3608 23.9833 24 23.9833C21.6392 23.9833 19.3052 24.4828 17.1511 25.4489L14.4544 20.7783C14.4208 20.7101 14.3735 20.6496 14.3154 20.6004C14.2574 20.5513 14.1899 20.5145 14.1171 20.4925C14.0443 20.4705 13.9678 20.4637 13.8922 20.4725C13.8167 20.4812 13.7438 20.5054 13.6779 20.5435C13.6121 20.5816 13.5548 20.6329 13.5096 20.694C13.4644 20.7552 13.4322 20.8249 13.4151 20.899C13.3979 20.9731 13.3962 21.0499 13.4099 21.1247C13.4237 21.1995 13.4526 21.2707 13.495 21.3339L16.1583 25.945C11.585 28.4322 8.45778 33.0616 8 38.5311H40C39.5422 33.0616 36.4144 28.4322 31.8417 25.945Z", fill: iconFill }) }), _jsx("path", { d: "M56.47 12.07C56.1993 11.5007 55.8073 11.062 55.294 10.754C54.7807 10.4367 54.1833 10.278 53.502 10.278C52.8207 10.278 52.2047 10.4367 51.654 10.754C51.1127 11.062 50.6833 11.51 50.366 12.098C50.058 12.6767 49.904 13.3487 49.904 14.114C49.904 14.8793 50.058 15.5513 50.366 16.13C50.6833 16.7087 51.1127 17.1567 51.654 17.474C52.2047 17.782 52.8207 17.936 53.502 17.936C54.454 17.936 55.238 17.6513 55.854 17.082C56.47 16.5127 56.8293 15.7427 56.932 14.772H53.04V13.736H58.29V14.716C58.2153 15.5187 57.9633 16.256 57.534 16.928C57.1047 17.5907 56.54 18.118 55.84 18.51C55.14 18.8927 54.3607 19.084 53.502 19.084C52.5967 19.084 51.7707 18.874 51.024 18.454C50.2773 18.0247 49.6847 17.432 49.246 16.676C48.8167 15.92 48.602 15.066 48.602 14.114C48.602 13.162 48.8167 12.308 49.246 11.552C49.6847 10.7867 50.2773 10.194 51.024 9.774C51.7707 9.34467 52.5967 9.13 53.502 9.13C54.538 9.13 55.4527 9.38667 56.246 9.9C57.0487 10.4133 57.632 11.1367 57.996 12.07H56.47ZM66.9745 14.87C66.9745 15.1127 66.9605 15.3693 66.9325 15.64H60.8005C60.8472 16.396 61.1038 16.9887 61.5705 17.418C62.0465 17.838 62.6205 18.048 63.2925 18.048C63.8432 18.048 64.3005 17.922 64.6645 17.67C65.0378 17.4087 65.2992 17.0633 65.4485 16.634H66.8205C66.6152 17.3713 66.2045 17.9733 65.5885 18.44C64.9725 18.8973 64.2072 19.126 63.2925 19.126C62.5645 19.126 61.9112 18.9627 61.3325 18.636C60.7632 18.3093 60.3152 17.8473 59.9885 17.25C59.6618 16.6433 59.4985 15.9433 59.4985 15.15C59.4985 14.3567 59.6572 13.6613 59.9745 13.064C60.2918 12.4667 60.7352 12.0093 61.3045 11.692C61.8832 11.3653 62.5458 11.202 63.2925 11.202C64.0205 11.202 64.6645 11.3607 65.2245 11.678C65.7845 11.9953 66.2138 12.434 66.5125 12.994C66.8205 13.5447 66.9745 14.17 66.9745 14.87ZM65.6585 14.604C65.6585 14.1187 65.5512 13.7033 65.3365 13.358C65.1218 13.0033 64.8278 12.7373 64.4545 12.56C64.0905 12.3733 63.6845 12.28 63.2365 12.28C62.5925 12.28 62.0418 12.4853 61.5845 12.896C61.1365 13.3067 60.8798 13.876 60.8145 14.604H65.6585ZM70.2101 12.378V16.9C70.2101 17.2733 70.2895 17.5393 70.4481 17.698C70.6068 17.8473 70.8821 17.922 71.2741 17.922H72.2121V19H71.0641C70.3548 19 69.8228 18.8367 69.4681 18.51C69.1135 18.1833 68.9361 17.6467 68.9361 16.9V12.378H67.9421V11.328H68.9361V9.396H70.2101V11.328H72.2121V12.378H70.2101ZM78.1462 10.082C77.9035 10.082 77.6982 9.998 77.5302 9.83C77.3622 9.662 77.2782 9.45667 77.2782 9.214C77.2782 8.97133 77.3622 8.766 77.5302 8.598C77.6982 8.43 77.9035 8.346 78.1462 8.346C78.3795 8.346 78.5755 8.43 78.7342 8.598C78.9022 8.766 78.9862 8.97133 78.9862 9.214C78.9862 9.45667 78.9022 9.662 78.7342 9.83C78.5755 9.998 78.3795 10.082 78.1462 10.082ZM78.7622 11.328V19H77.4882V11.328H78.7622ZM82.4875 12.378V16.9C82.4875 17.2733 82.5668 17.5393 82.7255 17.698C82.8841 17.8473 83.1595 17.922 83.5515 17.922H84.4895V19H83.3415C82.6321 19 82.1001 18.8367 81.7455 18.51C81.3908 18.1833 81.2135 17.6467 81.2135 16.9V12.378H80.2195V11.328H81.2135V9.396H82.4875V11.328H84.4895V12.378H82.4875ZM93.1115 19.126C92.3928 19.126 91.7395 18.9627 91.1515 18.636C90.5728 18.3093 90.1155 17.8473 89.7795 17.25C89.4528 16.6433 89.2895 15.9433 89.2895 15.15C89.2895 14.366 89.4575 13.6753 89.7935 13.078C90.1388 12.4713 90.6055 12.0093 91.1935 11.692C91.7815 11.3653 92.4395 11.202 93.1675 11.202C93.8955 11.202 94.5535 11.3653 95.1415 11.692C95.7295 12.0093 96.1915 12.4667 96.5275 13.064C96.8728 13.6613 97.0455 14.3567 97.0455 15.15C97.0455 15.9433 96.8682 16.6433 96.5135 17.25C96.1682 17.8473 95.6968 18.3093 95.0995 18.636C94.5022 18.9627 93.8395 19.126 93.1115 19.126ZM93.1115 18.006C93.5688 18.006 93.9982 17.8987 94.3995 17.684C94.8008 17.4693 95.1228 17.1473 95.3655 16.718C95.6175 16.2887 95.7435 15.766 95.7435 15.15C95.7435 14.534 95.6222 14.0113 95.3795 13.582C95.1368 13.1527 94.8195 12.8353 94.4275 12.63C94.0355 12.4153 93.6108 12.308 93.1535 12.308C92.6868 12.308 92.2575 12.4153 91.8655 12.63C91.4828 12.8353 91.1748 13.1527 90.9415 13.582C90.7082 14.0113 90.5915 14.534 90.5915 15.15C90.5915 15.7753 90.7035 16.3027 90.9275 16.732C91.1608 17.1613 91.4688 17.4833 91.8515 17.698C92.2342 17.9033 92.6542 18.006 93.1115 18.006ZM102.459 11.188C103.392 11.188 104.148 11.4727 104.727 12.042C105.305 12.602 105.595 13.414 105.595 14.478V19H104.335V14.66C104.335 13.8947 104.143 13.3113 103.761 12.91C103.378 12.4993 102.855 12.294 102.193 12.294C101.521 12.294 100.984 12.504 100.583 12.924C100.191 13.344 99.9946 13.9553 99.9946 14.758V19H98.7206V11.328H99.9946V12.42C100.247 12.028 100.587 11.7247 101.017 11.51C101.455 11.2953 101.936 11.188 102.459 11.188Z", fill: textFill }), _jsx("path", { d: "M57.88 44.16H52.06L51.06 47H48.68L53.66 33.08H56.3L61.28 47H58.88L57.88 44.16ZM57.24 42.3L54.98 35.84L52.7 42.3H57.24ZM69.0053 35.8C69.872 35.8 70.6453 35.98 71.3253 36.34C72.0186 36.7 72.5586 37.2333 72.9453 37.94C73.332 38.6467 73.5253 39.5 73.5253 40.5V47H71.2653V40.84C71.2653 39.8533 71.0186 39.1 70.5253 38.58C70.032 38.0467 69.3586 37.78 68.5053 37.78C67.652 37.78 66.972 38.0467 66.4653 38.58C65.972 39.1 65.7253 39.8533 65.7253 40.84V47H63.4453V35.98H65.7253V37.24C66.0986 36.7867 66.572 36.4333 67.1453 36.18C67.732 35.9267 68.352 35.8 69.0053 35.8ZM75.6736 41.44C75.6736 40.3333 75.9003 39.3533 76.3536 38.5C76.8203 37.6467 77.4469 36.9867 78.2336 36.52C79.0336 36.04 79.9203 35.8 80.8936 35.8C81.6136 35.8 82.3203 35.96 83.0136 36.28C83.7203 36.5867 84.2803 37 84.6936 37.52V32.2H86.9936V47H84.6936V45.34C84.3203 45.8733 83.8003 46.3133 83.1336 46.66C82.4803 47.0067 81.7269 47.18 80.8736 47.18C79.9136 47.18 79.0336 46.94 78.2336 46.46C77.4469 45.9667 76.8203 45.2867 76.3536 44.42C75.9003 43.54 75.6736 42.5467 75.6736 41.44ZM84.6936 41.48C84.6936 40.72 84.5336 40.06 84.2136 39.5C83.9069 38.94 83.5003 38.5133 82.9936 38.22C82.4869 37.9267 81.9403 37.78 81.3536 37.78C80.7669 37.78 80.2203 37.9267 79.7136 38.22C79.2069 38.5 78.7936 38.92 78.4736 39.48C78.1669 40.0267 78.0136 40.68 78.0136 41.44C78.0136 42.2 78.1669 42.8667 78.4736 43.44C78.7936 44.0133 79.2069 44.4533 79.7136 44.76C80.2336 45.0533 80.7803 45.2 81.3536 45.2C81.9403 45.2 82.4869 45.0533 82.9936 44.76C83.5003 44.4667 83.9069 44.04 84.2136 43.48C84.5336 42.9067 84.6936 42.24 84.6936 41.48ZM92.2683 37.58C92.6016 37.02 93.0416 36.5867 93.5883 36.28C94.1483 35.96 94.8083 35.8 95.5683 35.8V38.16H94.9883C94.0949 38.16 93.4149 38.3867 92.9483 38.84C92.4949 39.2933 92.2683 40.08 92.2683 41.2V47H89.9883V35.98H92.2683V37.58ZM102.444 47.18C101.404 47.18 100.464 46.9467 99.6241 46.48C98.7841 46 98.1241 45.3333 97.6441 44.48C97.1641 43.6133 96.9241 42.6133 96.9241 41.48C96.9241 40.36 97.1707 39.3667 97.6641 38.5C98.1574 37.6333 98.8307 36.9667 99.6841 36.5C100.537 36.0333 101.491 35.8 102.544 35.8C103.597 35.8 104.551 36.0333 105.404 36.5C106.257 36.9667 106.931 37.6333 107.424 38.5C107.917 39.3667 108.164 40.36 108.164 41.48C108.164 42.6 107.911 43.5933 107.404 44.46C106.897 45.3267 106.204 46 105.324 46.48C104.457 46.9467 103.497 47.18 102.444 47.18ZM102.444 45.2C103.031 45.2 103.577 45.06 104.084 44.78C104.604 44.5 105.024 44.08 105.344 43.52C105.664 42.96 105.824 42.28 105.824 41.48C105.824 40.68 105.671 40.0067 105.364 39.46C105.057 38.9 104.651 38.48 104.144 38.2C103.637 37.92 103.091 37.78 102.504 37.78C101.917 37.78 101.371 37.92 100.864 38.2C100.371 38.48 99.9774 38.9 99.6841 39.46C99.3907 40.0067 99.2441 40.68 99.2441 41.48C99.2441 42.6667 99.5441 43.5867 100.144 44.24C100.757 44.88 101.524 45.2 102.444 45.2ZM111.578 34.52C111.165 34.52 110.818 34.38 110.538 34.1C110.258 33.82 110.118 33.4733 110.118 33.06C110.118 32.6467 110.258 32.3 110.538 32.02C110.818 31.74 111.165 31.6 111.578 31.6C111.978 31.6 112.318 31.74 112.598 32.02C112.878 32.3 113.018 32.6467 113.018 33.06C113.018 33.4733 112.878 33.82 112.598 34.1C112.318 34.38 111.978 34.52 111.578 34.52ZM112.698 35.98V47H110.418V35.98H112.698ZM114.931 41.44C114.931 40.3333 115.158 39.3533 115.611 38.5C116.078 37.6467 116.705 36.9867 117.491 36.52C118.291 36.04 119.178 35.8 120.151 35.8C120.871 35.8 121.578 35.96 122.271 36.28C122.978 36.5867 123.538 37 123.951 37.52V32.2H126.251V47H123.951V45.34C123.578 45.8733 123.058 46.3133 122.391 46.66C121.738 47.0067 120.985 47.18 120.131 47.18C119.171 47.18 118.291 46.94 117.491 46.46C116.705 45.9667 116.078 45.2867 115.611 44.42C115.158 43.54 114.931 42.5467 114.931 41.44ZM123.951 41.48C123.951 40.72 123.791 40.06 123.471 39.5C123.165 38.94 122.758 38.5133 122.251 38.22C121.745 37.9267 121.198 37.78 120.611 37.78C120.025 37.78 119.478 37.9267 118.971 38.22C118.465 38.5 118.051 38.92 117.731 39.48C117.425 40.0267 117.271 40.68 117.271 41.44C117.271 42.2 117.425 42.8667 117.731 43.44C118.051 44.0133 118.465 44.4533 118.971 44.76C119.491 45.0533 120.038 45.2 120.611 45.2C121.198 45.2 121.745 45.0533 122.251 44.76C122.758 44.4667 123.165 44.04 123.471 43.48C123.791 42.9067 123.951 42.24 123.951 41.48Z", fill: textFill })] })));
|
|
27
|
+
};
|
|
28
|
+
export default AndroidIcon;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import AppleIcon from "./AppleIcon";
|
|
25
|
+
import PlayStoreIcon from "./PlayStoreIcon";
|
|
26
|
+
import AndroidIcon from "./AndroidIcon";
|
|
27
|
+
var AppIcon = function (_a) {
|
|
28
|
+
var name = _a.name, props = __rest(_a, ["name"]);
|
|
29
|
+
switch (name.toLowerCase()) {
|
|
30
|
+
case "apple":
|
|
31
|
+
return _jsx(AppleIcon, __assign({}, props));
|
|
32
|
+
case "playstore":
|
|
33
|
+
return _jsx(PlayStoreIcon, __assign({}, props));
|
|
34
|
+
case "android":
|
|
35
|
+
return _jsx(AndroidIcon, __assign({}, props));
|
|
36
|
+
default:
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
export default AppIcon;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { AppIcon } from "./index";
|
|
3
|
+
/**
|
|
4
|
+
* App Store icons for Apple App Store and Google Play Store
|
|
5
|
+
*
|
|
6
|
+
* The AppIcon component provides standardized app store download badges that can be customized
|
|
7
|
+
* for color, size, and styling to match your application's design. Choose between Apple App Store
|
|
8
|
+
* and Google Play Store variants.
|
|
9
|
+
*/
|
|
10
|
+
declare const meta: Meta<typeof AppIcon>;
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof AppIcon>;
|
|
13
|
+
export declare const Apple: Story;
|
|
14
|
+
export declare const PlayStore: Story;
|
|
15
|
+
export declare const CustomSized: Story;
|
|
16
|
+
export declare const AutoBorderColorApple: Story;
|
|
17
|
+
export declare const CustomColoredPlayStore: Story;
|
|
18
|
+
export declare const TransparentBackgroundPlayStore: Story;
|
|
19
|
+
export declare const FullyCustomizable: Story;
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
import { AppIcon } from "./index";
|
|
2
|
+
/**
|
|
3
|
+
* App Store icons for Apple App Store and Google Play Store
|
|
4
|
+
*
|
|
5
|
+
* The AppIcon component provides standardized app store download badges that can be customized
|
|
6
|
+
* for color, size, and styling to match your application's design. Choose between Apple App Store
|
|
7
|
+
* and Google Play Store variants.
|
|
8
|
+
*/
|
|
9
|
+
var meta = {
|
|
10
|
+
title: "Components/AppIcon",
|
|
11
|
+
component: AppIcon,
|
|
12
|
+
parameters: {
|
|
13
|
+
layout: "centered",
|
|
14
|
+
},
|
|
15
|
+
tags: ["autodocs"],
|
|
16
|
+
argTypes: {
|
|
17
|
+
name: {
|
|
18
|
+
description: "The type of app store icon to display",
|
|
19
|
+
control: { type: "select" },
|
|
20
|
+
options: ["apple", "playstore", "android"],
|
|
21
|
+
table: {
|
|
22
|
+
type: { summary: "'apple' | 'playstore' | 'android'" },
|
|
23
|
+
defaultValue: { summary: "Required" },
|
|
24
|
+
},
|
|
25
|
+
required: true,
|
|
26
|
+
},
|
|
27
|
+
width: {
|
|
28
|
+
description: "Width of the icon",
|
|
29
|
+
control: { type: "text" },
|
|
30
|
+
table: {
|
|
31
|
+
type: { summary: "string" },
|
|
32
|
+
defaultValue: { summary: "'177'" },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
height: {
|
|
36
|
+
description: "Height of the icon",
|
|
37
|
+
control: { type: "text" },
|
|
38
|
+
table: {
|
|
39
|
+
type: { summary: "string" },
|
|
40
|
+
defaultValue: { summary: "'60'" },
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
fill: {
|
|
44
|
+
description: "Background fill color of the SVG",
|
|
45
|
+
control: { type: "color" },
|
|
46
|
+
table: {
|
|
47
|
+
type: { summary: "string" },
|
|
48
|
+
defaultValue: { summary: "'#000000'" },
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
textFill: {
|
|
52
|
+
description: "Color of the text elements",
|
|
53
|
+
control: { type: "color" },
|
|
54
|
+
table: {
|
|
55
|
+
type: { summary: "string" },
|
|
56
|
+
defaultValue: { summary: "'#ffffff'" },
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
iconFill: {
|
|
60
|
+
description: "Color of the icon element",
|
|
61
|
+
control: { type: "color" },
|
|
62
|
+
table: {
|
|
63
|
+
type: { summary: "string" },
|
|
64
|
+
defaultValue: { summary: "same as textFill" },
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
stroke: {
|
|
68
|
+
description: "Color of the border/outline",
|
|
69
|
+
control: { type: "color" },
|
|
70
|
+
table: {
|
|
71
|
+
type: { summary: "string" },
|
|
72
|
+
defaultValue: { summary: "same as textFill" },
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
strokeWidth: {
|
|
76
|
+
description: "Width of the stroke/border",
|
|
77
|
+
control: { type: "text" },
|
|
78
|
+
table: {
|
|
79
|
+
type: { summary: "string" },
|
|
80
|
+
defaultValue: { summary: "'1'" },
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
className: {
|
|
84
|
+
description: "CSS class names to apply to the component",
|
|
85
|
+
control: { type: "text" },
|
|
86
|
+
table: {
|
|
87
|
+
type: { summary: "string" },
|
|
88
|
+
defaultValue: { summary: "-" },
|
|
89
|
+
},
|
|
90
|
+
},
|
|
91
|
+
style: {
|
|
92
|
+
description: "Inline styles to apply to the component",
|
|
93
|
+
control: { type: "object" },
|
|
94
|
+
table: {
|
|
95
|
+
type: { summary: "React.CSSProperties" },
|
|
96
|
+
defaultValue: { summary: "-" },
|
|
97
|
+
},
|
|
98
|
+
},
|
|
99
|
+
},
|
|
100
|
+
};
|
|
101
|
+
export default meta;
|
|
102
|
+
export var Apple = {
|
|
103
|
+
args: {
|
|
104
|
+
name: "apple",
|
|
105
|
+
width: "177",
|
|
106
|
+
height: "60",
|
|
107
|
+
},
|
|
108
|
+
parameters: {
|
|
109
|
+
docs: {
|
|
110
|
+
description: {
|
|
111
|
+
story: "Default Apple App Store icon with standard dimensions. Uses default styling with black background, white text, and white Apple logo. You can customize the colors and dimensions using the controls below.",
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
};
|
|
116
|
+
export var PlayStore = {
|
|
117
|
+
args: {
|
|
118
|
+
name: "playstore",
|
|
119
|
+
width: "177",
|
|
120
|
+
height: "60",
|
|
121
|
+
},
|
|
122
|
+
parameters: {
|
|
123
|
+
docs: {
|
|
124
|
+
description: {
|
|
125
|
+
story: "Default Google Play Store icon with standard dimensions. Uses default styling with black background, white text, and the Google Play triangle logo in white. Use the controls below to customize colors and dimensions to match your branding.",
|
|
126
|
+
},
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
};
|
|
130
|
+
export var CustomSized = {
|
|
131
|
+
args: {
|
|
132
|
+
name: "apple",
|
|
133
|
+
width: "250",
|
|
134
|
+
height: "85",
|
|
135
|
+
},
|
|
136
|
+
parameters: {
|
|
137
|
+
docs: {
|
|
138
|
+
description: {
|
|
139
|
+
story: "Apple icon with custom dimensions. This example shows how to resize the icon to a larger size while maintaining its proportions. The width and height props accept any valid string values (with or without units). Try modifying the size using the controls below.",
|
|
140
|
+
},
|
|
141
|
+
},
|
|
142
|
+
},
|
|
143
|
+
};
|
|
144
|
+
export var AutoBorderColorApple = {
|
|
145
|
+
args: {
|
|
146
|
+
name: "apple",
|
|
147
|
+
textFill: "#ff5722", // Orange text
|
|
148
|
+
iconFill: "#2196f3", // Blue icon
|
|
149
|
+
// No stroke provided, should auto-match textFill
|
|
150
|
+
className: "custom-icon",
|
|
151
|
+
style: { backgroundColor: "#f0f0f0", padding: "10px", borderRadius: "8px" },
|
|
152
|
+
},
|
|
153
|
+
parameters: {
|
|
154
|
+
docs: {
|
|
155
|
+
description: {
|
|
156
|
+
story: "Apple icon that demonstrates the auto-matching feature for stroke color. When no `stroke` prop is provided, it automatically uses the `textFill` color for the border. This ensures consistent color themes without explicitly setting all properties. In this example, the orange text color is also used for the border. Try changing the `textFill` color in the controls and note how the border updates automatically.",
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
};
|
|
161
|
+
export var CustomColoredPlayStore = {
|
|
162
|
+
args: {
|
|
163
|
+
name: "playstore",
|
|
164
|
+
textFill: "#ff5722", // Orange text
|
|
165
|
+
iconFill: "#2196f3", // Blue icon
|
|
166
|
+
stroke: "#333333", // Dark gray border
|
|
167
|
+
className: "custom-icon",
|
|
168
|
+
style: { backgroundColor: "#f0f0f0", padding: "10px", borderRadius: "8px" },
|
|
169
|
+
},
|
|
170
|
+
parameters: {
|
|
171
|
+
docs: {
|
|
172
|
+
description: {
|
|
173
|
+
story: "Custom colored Google Play Store icon showing how to independently control the text color with `textFill`, icon color with `iconFill`, and border color with `stroke`. Also demonstrates adding a background and border radius via the style property. Try changing the colors in the controls below to create your own custom design.",
|
|
174
|
+
},
|
|
175
|
+
},
|
|
176
|
+
},
|
|
177
|
+
};
|
|
178
|
+
export var TransparentBackgroundPlayStore = {
|
|
179
|
+
args: {
|
|
180
|
+
name: "playstore",
|
|
181
|
+
width: "220",
|
|
182
|
+
height: "75",
|
|
183
|
+
textFill: "#212121", // Dark text
|
|
184
|
+
iconFill: "#4285f4", // Google blue
|
|
185
|
+
stroke: "#757575", // Medium gray stroke
|
|
186
|
+
strokeWidth: "0.7",
|
|
187
|
+
fill: "transparent", // Transparent background
|
|
188
|
+
className: "transparent-background-icon hover-effect",
|
|
189
|
+
style: { padding: "5px" },
|
|
190
|
+
},
|
|
191
|
+
parameters: {
|
|
192
|
+
docs: {
|
|
193
|
+
description: {
|
|
194
|
+
story: "Demonstrates using the `fill` prop set to 'transparent' to create a transparent background, which allows the button to blend with different background colors. Also shows customizing stroke thickness with `strokeWidth` and applying multiple CSS classes with `className`. This style is particularly useful when placing the button on colored backgrounds or images. Try changing the `fill` to different values in the controls below to see how it affects the appearance.",
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
|
+
},
|
|
198
|
+
};
|
|
199
|
+
export var FullyCustomizable = {
|
|
200
|
+
args: {
|
|
201
|
+
name: "apple",
|
|
202
|
+
width: "200",
|
|
203
|
+
height: "70",
|
|
204
|
+
textFill: "#ffffff",
|
|
205
|
+
iconFill: "#00bcd4", // Cyan
|
|
206
|
+
stroke: "#673ab7", // Deep purple
|
|
207
|
+
strokeWidth: "2",
|
|
208
|
+
fill: "#2e2e2e", // Dark gray
|
|
209
|
+
className: "custom-app-icon",
|
|
210
|
+
style: {
|
|
211
|
+
boxShadow: "0 4px 8px rgba(0,0,0,0.2)",
|
|
212
|
+
borderRadius: "6px",
|
|
213
|
+
transition: "transform 0.2s ease",
|
|
214
|
+
},
|
|
215
|
+
},
|
|
216
|
+
parameters: {
|
|
217
|
+
docs: {
|
|
218
|
+
description: {
|
|
219
|
+
story: "This example shows all available customization options in action. Use the controls below to experiment with all properties of the AppIcon component. The `style` prop allows you to add CSS properties like box-shadow, transitions, and other advanced styling. This is perfect for creating interactive app store buttons that respond to hover or other user interactions.",
|
|
220
|
+
},
|
|
221
|
+
},
|
|
222
|
+
},
|
|
223
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
var AppleIcon = function (_a) {
|
|
25
|
+
var _b = _a.width, width = _b === void 0 ? "177" : _b, _c = _a.height, height = _c === void 0 ? "60" : _c, _d = _a.fill, fill = _d === void 0 ? "#000000" : _d, _e = _a.textFill, textFill = _e === void 0 ? "#ffffff" : _e, _f = _a.iconFill, iconFill = _f === void 0 ? textFill : _f, className = _a.className, _g = _a.stroke, stroke = _g === void 0 ? textFill : _g, props = __rest(_a, ["width", "height", "fill", "textFill", "iconFill", "className", "stroke"]);
|
|
26
|
+
return (_jsxs("svg", __assign({ width: width, height: height, viewBox: "0 0 177 60", fill: fill, className: "".concat(className), xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("path", { d: "M2 0.757324H175C175.828 0.757324 176.5 1.4289 176.5 2.25732V57.2573C176.5 58.0858 175.828 58.7573 175 58.7573H2C1.17157 58.7573 0.5 58.0858 0.5 57.2573V2.25732C0.5 1.4289 1.17157 0.757324 2 0.757324Z", stroke: stroke }), _jsx("g", { clipPath: "url(#clip0_5701_44006)", children: _jsx("path", { d: "M33.0373 30.6675C33.0231 28.0456 34.209 26.0667 36.6094 24.6093C35.2663 22.6875 33.2374 21.6302 30.5583 21.423C28.0222 21.223 25.2502 22.9018 24.2357 22.9018C23.1641 22.9018 20.7065 21.4944 18.7776 21.4944C14.7912 21.5587 10.5547 24.6736 10.5547 31.0105C10.5547 32.8822 10.8976 34.8159 11.5834 36.8115C12.4979 39.4334 15.7985 45.8632 19.242 45.756C21.0423 45.7131 22.314 44.4772 24.6573 44.4772C26.9291 44.4772 28.1079 45.756 30.1154 45.756C33.5874 45.706 36.5737 39.8621 37.4453 37.233C32.7873 35.0398 33.0373 30.8033 33.0373 30.6675ZM28.9938 18.9368C30.9441 16.6221 30.7655 14.5146 30.7084 13.7573C28.9866 13.8573 26.9934 14.929 25.8575 16.2506C24.6072 17.6652 23.8714 19.4155 24.0286 21.3873C25.8932 21.5302 27.5935 20.5728 28.9938 18.9368Z", fill: iconFill }) }), _jsx("path", { d: "M52.116 9.49932C53.18 9.49932 54.0993 9.69999 54.874 10.1013C55.658 10.4933 56.2553 11.058 56.666 11.7953C57.086 12.5327 57.296 13.4007 57.296 14.3993C57.296 15.398 57.086 16.266 56.666 17.0033C56.2553 17.7313 55.658 18.2913 54.874 18.6833C54.0993 19.066 53.18 19.2573 52.116 19.2573H49.078V9.49932H52.116ZM52.116 18.2073C53.376 18.2073 54.3373 17.876 55 17.2133C55.6627 16.5413 55.994 15.6033 55.994 14.3993C55.994 13.186 55.658 12.2387 54.986 11.5573C54.3233 10.876 53.3667 10.5353 52.116 10.5353H50.352V18.2073H52.116ZM62.3224 19.3833C61.6038 19.3833 60.9504 19.22 60.3624 18.8933C59.7838 18.5667 59.3264 18.1047 58.9904 17.5073C58.6638 16.9007 58.5004 16.2007 58.5004 15.4073C58.5004 14.6233 58.6684 13.9327 59.0044 13.3353C59.3498 12.7287 59.8164 12.2667 60.4044 11.9493C60.9924 11.6227 61.6504 11.4593 62.3784 11.4593C63.1064 11.4593 63.7644 11.6227 64.3524 11.9493C64.9404 12.2667 65.4024 12.724 65.7384 13.3213C66.0838 13.9187 66.2564 14.614 66.2564 15.4073C66.2564 16.2007 66.0791 16.9007 65.7244 17.5073C65.3791 18.1047 64.9078 18.5667 64.3104 18.8933C63.7131 19.22 63.0504 19.3833 62.3224 19.3833ZM62.3224 18.2633C62.7798 18.2633 63.2091 18.156 63.6104 17.9413C64.0118 17.7267 64.3338 17.4047 64.5764 16.9753C64.8284 16.546 64.9544 16.0233 64.9544 15.4073C64.9544 14.7913 64.8331 14.2687 64.5904 13.8393C64.3478 13.41 64.0304 13.0927 63.6384 12.8873C63.2464 12.6727 62.8218 12.5653 62.3644 12.5653C61.8978 12.5653 61.4684 12.6727 61.0764 12.8873C60.6938 13.0927 60.3858 13.41 60.1524 13.8393C59.9191 14.2687 59.8024 14.7913 59.8024 15.4073C59.8024 16.0327 59.9144 16.56 60.1384 16.9893C60.3718 17.4187 60.6798 17.7407 61.0624 17.9553C61.4451 18.1607 61.8651 18.2633 62.3224 18.2633ZM78.1515 11.5853L75.7575 19.2573H74.4415L72.5935 13.1673L70.7455 19.2573H69.4295L67.0215 11.5853H68.3235L70.0875 18.0253L71.9915 11.5853H73.2935L75.1555 18.0393L76.8915 11.5853H78.1515ZM83.1539 11.4453C84.0872 11.4453 84.8432 11.73 85.4219 12.2993C86.0006 12.8593 86.2899 13.6713 86.2899 14.7353V19.2573H85.0299V14.9173C85.0299 14.152 84.8386 13.5687 84.4559 13.1673C84.0732 12.7567 83.5506 12.5513 82.8879 12.5513C82.2159 12.5513 81.6792 12.7613 81.2779 13.1813C80.8859 13.6013 80.6899 14.2127 80.6899 15.0153V19.2573H79.4159V11.5853H80.6899V12.6773C80.9419 12.2853 81.2826 11.982 81.7119 11.7673C82.1506 11.5527 82.6312 11.4453 83.1539 11.4453ZM89.645 8.89732V19.2573H88.371V8.89732H89.645ZM95.1623 19.3833C94.4436 19.3833 93.7903 19.22 93.2023 18.8933C92.6236 18.5667 92.1663 18.1047 91.8303 17.5073C91.5036 16.9007 91.3403 16.2007 91.3403 15.4073C91.3403 14.6233 91.5083 13.9327 91.8443 13.3353C92.1896 12.7287 92.6563 12.2667 93.2443 11.9493C93.8323 11.6227 94.4903 11.4593 95.2183 11.4593C95.9463 11.4593 96.6043 11.6227 97.1923 11.9493C97.7803 12.2667 98.2423 12.724 98.5783 13.3213C98.9236 13.9187 99.0963 14.614 99.0963 15.4073C99.0963 16.2007 98.9189 16.9007 98.5643 17.5073C98.2189 18.1047 97.7476 18.5667 97.1503 18.8933C96.5529 19.22 95.8903 19.3833 95.1623 19.3833ZM95.1623 18.2633C95.6196 18.2633 96.0489 18.156 96.4503 17.9413C96.8516 17.7267 97.1736 17.4047 97.4163 16.9753C97.6683 16.546 97.7943 16.0233 97.7943 15.4073C97.7943 14.7913 97.6729 14.2687 97.4303 13.8393C97.1876 13.41 96.8703 13.0927 96.4783 12.8873C96.0863 12.6727 95.6616 12.5653 95.2043 12.5653C94.7376 12.5653 94.3083 12.6727 93.9163 12.8873C93.5336 13.0927 93.2256 13.41 92.9923 13.8393C92.7589 14.2687 92.6423 14.7913 92.6423 15.4073C92.6423 16.0327 92.7543 16.56 92.9783 16.9893C93.2116 17.4187 93.5196 17.7407 93.9023 17.9553C94.2849 18.1607 94.7049 18.2633 95.1623 18.2633ZM100.295 15.3933C100.295 14.6093 100.454 13.9233 100.771 13.3353C101.089 12.738 101.523 12.276 102.073 11.9493C102.633 11.6227 103.254 11.4593 103.935 11.4593C104.607 11.4593 105.191 11.604 105.685 11.8933C106.18 12.1827 106.549 12.5467 106.791 12.9853V11.5853H108.079V19.2573H106.791V17.8293C106.539 18.2773 106.161 18.6507 105.657 18.9493C105.163 19.2387 104.584 19.3833 103.921 19.3833C103.24 19.3833 102.624 19.2153 102.073 18.8793C101.523 18.5433 101.089 18.072 100.771 17.4653C100.454 16.8587 100.295 16.168 100.295 15.3933ZM106.791 15.4073C106.791 14.8287 106.675 14.3247 106.441 13.8953C106.208 13.466 105.891 13.1393 105.489 12.9153C105.097 12.682 104.663 12.5653 104.187 12.5653C103.711 12.5653 103.277 12.6773 102.885 12.9013C102.493 13.1253 102.181 13.452 101.947 13.8813C101.714 14.3107 101.597 14.8147 101.597 15.3933C101.597 15.9813 101.714 16.4947 101.947 16.9333C102.181 17.3627 102.493 17.694 102.885 17.9273C103.277 18.1513 103.711 18.2633 104.187 18.2633C104.663 18.2633 105.097 18.1513 105.489 17.9273C105.891 17.694 106.208 17.3627 106.441 16.9333C106.675 16.4947 106.791 15.986 106.791 15.4073ZM109.756 15.3933C109.756 14.6093 109.915 13.9233 110.232 13.3353C110.55 12.738 110.984 12.276 111.534 11.9493C112.094 11.6227 112.72 11.4593 113.41 11.4593C114.008 11.4593 114.563 11.5993 115.076 11.8793C115.59 12.15 115.982 12.5093 116.252 12.9573V8.89732H117.54V19.2573H116.252V17.8153C116 18.2727 115.627 18.6507 115.132 18.9493C114.638 19.2387 114.059 19.3833 113.396 19.3833C112.715 19.3833 112.094 19.2153 111.534 18.8793C110.984 18.5433 110.55 18.072 110.232 17.4653C109.915 16.8587 109.756 16.168 109.756 15.3933ZM116.252 15.4073C116.252 14.8287 116.136 14.3247 115.902 13.8953C115.669 13.466 115.352 13.1393 114.95 12.9153C114.558 12.682 114.124 12.5653 113.648 12.5653C113.172 12.5653 112.738 12.6773 112.346 12.9013C111.954 13.1253 111.642 13.452 111.408 13.8813C111.175 14.3107 111.058 14.8147 111.058 15.3933C111.058 15.9813 111.175 16.4947 111.408 16.9333C111.642 17.3627 111.954 17.694 112.346 17.9273C112.738 18.1513 113.172 18.2633 113.648 18.2633C114.124 18.2633 114.558 18.1513 114.95 17.9273C115.352 17.694 115.669 17.3627 115.902 16.9333C116.136 16.4947 116.252 15.986 116.252 15.4073ZM126.772 19.3833C126.053 19.3833 125.4 19.22 124.812 18.8933C124.233 18.5667 123.776 18.1047 123.44 17.5073C123.113 16.9007 122.95 16.2007 122.95 15.4073C122.95 14.6233 123.118 13.9327 123.454 13.3353C123.799 12.7287 124.266 12.2667 124.854 11.9493C125.442 11.6227 126.1 11.4593 126.828 11.4593C127.556 11.4593 128.214 11.6227 128.802 11.9493C129.39 12.2667 129.852 12.724 130.188 13.3213C130.533 13.9187 130.706 14.614 130.706 15.4073C130.706 16.2007 130.528 16.9007 130.174 17.5073C129.828 18.1047 129.357 18.5667 128.76 18.8933C128.162 19.22 127.5 19.3833 126.772 19.3833ZM126.772 18.2633C127.229 18.2633 127.658 18.156 128.06 17.9413C128.461 17.7267 128.783 17.4047 129.026 16.9753C129.278 16.546 129.404 16.0233 129.404 15.4073C129.404 14.7913 129.282 14.2687 129.04 13.8393C128.797 13.41 128.48 13.0927 128.088 12.8873C127.696 12.6727 127.271 12.5653 126.814 12.5653C126.347 12.5653 125.918 12.6727 125.526 12.8873C125.143 13.0927 124.835 13.41 124.602 13.8393C124.368 14.2687 124.252 14.7913 124.252 15.4073C124.252 16.0327 124.364 16.56 124.588 16.9893C124.821 17.4187 125.129 17.7407 125.512 17.9553C125.894 18.1607 126.314 18.2633 126.772 18.2633ZM136.119 11.4453C137.052 11.4453 137.808 11.73 138.387 12.2993C138.965 12.8593 139.255 13.6713 139.255 14.7353V19.2573H137.995V14.9173C137.995 14.152 137.803 13.5687 137.421 13.1673C137.038 12.7567 136.515 12.5513 135.853 12.5513C135.181 12.5513 134.644 12.7613 134.243 13.1813C133.851 13.6013 133.655 14.2127 133.655 15.0153V19.2573H132.381V11.5853H133.655V12.6773C133.907 12.2853 134.247 11.982 134.677 11.7673C135.115 11.5527 135.596 11.4453 136.119 11.4453ZM146.622 12.6353V17.1573C146.622 17.5307 146.702 17.7967 146.86 17.9553C147.019 18.1047 147.294 18.1793 147.686 18.1793H148.624V19.2573H147.476C146.767 19.2573 146.235 19.094 145.88 18.7673C145.526 18.4407 145.348 17.904 145.348 17.1573V12.6353H144.354V11.5853H145.348V9.65332H146.622V11.5853H148.624V12.6353H146.622ZM153.976 11.4453C154.555 11.4453 155.077 11.5713 155.544 11.8233C156.011 12.066 156.375 12.4347 156.636 12.9293C156.907 13.424 157.042 14.026 157.042 14.7353V19.2573H155.782V14.9173C155.782 14.152 155.591 13.5687 155.208 13.1673C154.825 12.7567 154.303 12.5513 153.64 12.5513C152.968 12.5513 152.431 12.7613 152.03 13.1813C151.638 13.6013 151.442 14.2127 151.442 15.0153V19.2573H150.168V8.89732H151.442V12.6773C151.694 12.2853 152.039 11.982 152.478 11.7673C152.926 11.5527 153.425 11.4453 153.976 11.4453ZM166.123 15.1273C166.123 15.37 166.109 15.6267 166.081 15.8973H159.949C159.996 16.6533 160.252 17.246 160.719 17.6753C161.195 18.0953 161.769 18.3053 162.441 18.3053C162.992 18.3053 163.449 18.1793 163.813 17.9273C164.186 17.666 164.448 17.3207 164.597 16.8913H165.969C165.764 17.6287 165.353 18.2307 164.737 18.6973C164.121 19.1547 163.356 19.3833 162.441 19.3833C161.713 19.3833 161.06 19.22 160.481 18.8933C159.912 18.5667 159.464 18.1047 159.137 17.5073C158.81 16.9007 158.647 16.2007 158.647 15.4073C158.647 14.614 158.806 13.9187 159.123 13.3213C159.44 12.724 159.884 12.2667 160.453 11.9493C161.032 11.6227 161.694 11.4593 162.441 11.4593C163.169 11.4593 163.813 11.618 164.373 11.9353C164.933 12.2527 165.362 12.6913 165.661 13.2513C165.969 13.802 166.123 14.4273 166.123 15.1273ZM164.807 14.8613C164.807 14.376 164.7 13.9607 164.485 13.6153C164.27 13.2607 163.976 12.9947 163.603 12.8173C163.239 12.6307 162.833 12.5373 162.385 12.5373C161.741 12.5373 161.19 12.7427 160.733 13.1533C160.285 13.564 160.028 14.1333 159.963 14.8613H164.807Z", fill: textFill }), _jsx("path", { d: "M57.88 44.4173H52.06L51.06 47.2573H48.68L53.66 33.3373H56.3L61.28 47.2573H58.88L57.88 44.4173ZM57.24 42.5573L54.98 36.0973L52.7 42.5573H57.24ZM65.7253 37.8573C66.112 37.3507 66.6386 36.924 67.3053 36.5773C67.972 36.2307 68.7253 36.0573 69.5653 36.0573C70.5253 36.0573 71.3986 36.2973 72.1853 36.7773C72.9853 37.244 73.612 37.904 74.0653 38.7573C74.5186 39.6107 74.7453 40.5907 74.7453 41.6973C74.7453 42.804 74.5186 43.7973 74.0653 44.6773C73.612 45.544 72.9853 46.224 72.1853 46.7173C71.3986 47.1973 70.5253 47.4373 69.5653 47.4373C68.7253 47.4373 67.9786 47.2707 67.3253 46.9373C66.672 46.5907 66.1386 46.164 65.7253 45.6573V52.4973H63.4453V36.2373H65.7253V37.8573ZM72.4253 41.6973C72.4253 40.9373 72.2653 40.284 71.9453 39.7373C71.6386 39.1773 71.2253 38.7573 70.7053 38.4773C70.1986 38.184 69.652 38.0373 69.0653 38.0373C68.492 38.0373 67.9453 38.184 67.4253 38.4773C66.9186 38.7707 66.5053 39.1973 66.1853 39.7573C65.8786 40.3173 65.7253 40.9773 65.7253 41.7373C65.7253 42.4973 65.8786 43.164 66.1853 43.7373C66.5053 44.2973 66.9186 44.724 67.4253 45.0173C67.9453 45.3107 68.492 45.4573 69.0653 45.4573C69.652 45.4573 70.1986 45.3107 70.7053 45.0173C71.2253 44.7107 71.6386 44.2707 71.9453 43.6973C72.2653 43.124 72.4253 42.4573 72.4253 41.6973ZM79.28 37.8573C79.6667 37.3507 80.1933 36.924 80.86 36.5773C81.5267 36.2307 82.28 36.0573 83.12 36.0573C84.08 36.0573 84.9533 36.2973 85.74 36.7773C86.54 37.244 87.1667 37.904 87.62 38.7573C88.0733 39.6107 88.3 40.5907 88.3 41.6973C88.3 42.804 88.0733 43.7973 87.62 44.6773C87.1667 45.544 86.54 46.224 85.74 46.7173C84.9533 47.1973 84.08 47.4373 83.12 47.4373C82.28 47.4373 81.5333 47.2707 80.88 46.9373C80.2267 46.5907 79.6933 46.164 79.28 45.6573V52.4973H77V36.2373H79.28V37.8573ZM85.98 41.6973C85.98 40.9373 85.82 40.284 85.5 39.7373C85.1933 39.1773 84.78 38.7573 84.26 38.4773C83.7533 38.184 83.2067 38.0373 82.62 38.0373C82.0467 38.0373 81.5 38.184 80.98 38.4773C80.4733 38.7707 80.06 39.1973 79.74 39.7573C79.4333 40.3173 79.28 40.9773 79.28 41.7373C79.28 42.4973 79.4333 43.164 79.74 43.7373C80.06 44.2973 80.4733 44.724 80.98 45.0173C81.5 45.3107 82.0467 45.4573 82.62 45.4573C83.2067 45.4573 83.7533 45.3107 84.26 45.0173C84.78 44.7107 85.1933 44.2707 85.5 43.6973C85.82 43.124 85.98 42.4573 85.98 41.6973ZM100.33 47.3973C99.3967 47.3973 98.5567 47.2373 97.81 46.9173C97.0633 46.584 96.4767 46.1173 96.05 45.5173C95.6233 44.9173 95.41 44.2173 95.41 43.4173H97.85C97.9033 44.0173 98.1367 44.5107 98.55 44.8973C98.9767 45.284 99.57 45.4773 100.33 45.4773C101.117 45.4773 101.73 45.2907 102.17 44.9173C102.61 44.5307 102.83 44.0373 102.83 43.4373C102.83 42.9707 102.69 42.5907 102.41 42.2973C102.143 42.004 101.803 41.7773 101.39 41.6173C100.99 41.4573 100.43 41.284 99.71 41.0973C98.8033 40.8573 98.0633 40.6173 97.49 40.3773C96.93 40.124 96.45 39.7373 96.05 39.2173C95.65 38.6973 95.45 38.004 95.45 37.1373C95.45 36.3373 95.65 35.6373 96.05 35.0373C96.45 34.4373 97.01 33.9773 97.73 33.6573C98.45 33.3373 99.2833 33.1773 100.23 33.1773C101.577 33.1773 102.677 33.5173 103.53 34.1973C104.397 34.864 104.877 35.784 104.97 36.9573H102.45C102.41 36.4507 102.17 36.0173 101.73 35.6573C101.29 35.2973 100.71 35.1173 99.99 35.1173C99.3367 35.1173 98.8033 35.284 98.39 35.6173C97.9767 35.9507 97.77 36.4307 97.77 37.0573C97.77 37.484 97.8967 37.8373 98.15 38.1173C98.4167 38.384 98.75 38.5973 99.15 38.7573C99.55 38.9173 100.097 39.0907 100.79 39.2773C101.71 39.5307 102.457 39.784 103.03 40.0373C103.617 40.2907 104.11 40.684 104.51 41.2173C104.923 41.7373 105.13 42.4373 105.13 43.3173C105.13 44.024 104.937 44.6907 104.55 45.3173C104.177 45.944 103.623 46.4507 102.89 46.8373C102.17 47.2107 101.317 47.3973 100.33 47.3973ZM110.48 38.0973V44.1973C110.48 44.6107 110.574 44.9107 110.76 45.0973C110.96 45.2707 111.294 45.3573 111.76 45.3573H113.16V47.2573H111.36C110.334 47.2573 109.547 47.0173 109 46.5373C108.454 46.0573 108.18 45.2773 108.18 44.1973V38.0973H106.88V36.2373H108.18V33.4973H110.48V36.2373H113.16V38.0973H110.48ZM120.042 47.4373C119.002 47.4373 118.062 47.204 117.222 46.7373C116.382 46.2573 115.722 45.5907 115.242 44.7373C114.762 43.8707 114.522 42.8707 114.522 41.7373C114.522 40.6173 114.768 39.624 115.262 38.7573C115.755 37.8907 116.428 37.224 117.282 36.7573C118.135 36.2907 119.088 36.0573 120.142 36.0573C121.195 36.0573 122.148 36.2907 123.002 36.7573C123.855 37.224 124.528 37.8907 125.022 38.7573C125.515 39.624 125.762 40.6173 125.762 41.7373C125.762 42.8573 125.508 43.8507 125.002 44.7173C124.495 45.584 123.802 46.2573 122.922 46.7373C122.055 47.204 121.095 47.4373 120.042 47.4373ZM120.042 45.4573C120.628 45.4573 121.175 45.3173 121.682 45.0373C122.202 44.7573 122.622 44.3373 122.942 43.7773C123.262 43.2173 123.422 42.5373 123.422 41.7373C123.422 40.9373 123.268 40.264 122.962 39.7173C122.655 39.1573 122.248 38.7373 121.742 38.4573C121.235 38.1773 120.688 38.0373 120.102 38.0373C119.515 38.0373 118.968 38.1773 118.462 38.4573C117.968 38.7373 117.575 39.1573 117.282 39.7173C116.988 40.264 116.842 40.9373 116.842 41.7373C116.842 42.924 117.142 43.844 117.742 44.4973C118.355 45.1373 119.122 45.4573 120.042 45.4573ZM130.296 37.8373C130.629 37.2773 131.069 36.844 131.616 36.5373C132.176 36.2173 132.836 36.0573 133.596 36.0573V38.4173H133.016C132.122 38.4173 131.442 38.644 130.976 39.0973C130.522 39.5507 130.296 40.3373 130.296 41.4573V47.2573H128.016V36.2373H130.296V37.8373ZM145.791 41.4773C145.791 41.8907 145.765 42.264 145.711 42.5973H137.291C137.358 43.4773 137.685 44.184 138.271 44.7173C138.858 45.2507 139.578 45.5173 140.431 45.5173C141.658 45.5173 142.525 45.004 143.031 43.9773H145.491C145.158 44.9907 144.551 45.824 143.671 46.4773C142.805 47.1173 141.725 47.4373 140.431 47.4373C139.378 47.4373 138.431 47.204 137.591 46.7373C136.765 46.2573 136.111 45.5907 135.631 44.7373C135.165 43.8707 134.931 42.8707 134.931 41.7373C134.931 40.604 135.158 39.6107 135.611 38.7573C136.078 37.8907 136.725 37.224 137.551 36.7573C138.391 36.2907 139.351 36.0573 140.431 36.0573C141.471 36.0573 142.398 36.284 143.211 36.7373C144.025 37.1907 144.658 37.8307 145.111 38.6573C145.565 39.4707 145.791 40.4107 145.791 41.4773ZM143.411 40.7573C143.398 39.9173 143.098 39.244 142.511 38.7373C141.925 38.2307 141.198 37.9773 140.331 37.9773C139.545 37.9773 138.871 38.2307 138.311 38.7373C137.751 39.2307 137.418 39.904 137.311 40.7573H143.411Z", fill: textFill }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5701_44006", children: _jsx("rect", { width: "32", height: "32", fill: "white", transform: "translate(8 13.7573)" }) }) })] })));
|
|
27
|
+
};
|
|
28
|
+
export default AppleIcon;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
var PlayStoreIcon = function (_a) {
|
|
25
|
+
var _b = _a.width, width = _b === void 0 ? "177" : _b, _c = _a.height, height = _c === void 0 ? "60" : _c, _d = _a.fill, fill = _d === void 0 ? "#000000" : _d, _e = _a.textFill, textFill = _e === void 0 ? "#ffffff" : _e, _f = _a.iconFill, iconFill = _f === void 0 ? textFill : _f, className = _a.className, _g = _a.stroke, stroke = _g === void 0 ? textFill : _g, props = __rest(_a, ["width", "height", "fill", "textFill", "iconFill", "className", "stroke"]);
|
|
26
|
+
return (_jsxs("svg", __assign({ width: width, height: height, viewBox: "0 0 177 60", fill: fill, xmlns: "http://www.w3.org/2000/svg", className: className }, props, { children: [_jsx("path", { d: "M2 0.757324H175C175.828 0.757324 176.5 1.4289 176.5 2.25732V57.2573C176.5 58.0858 175.828 58.7573 175 58.7573H2C1.17157 58.7573 0.5 58.0858 0.5 57.2573V2.25732C0.5 1.4289 1.17157 0.757324 2 0.757324Z", stroke: stroke }), _jsx("g", { clipPath: "url(#clip0_5713_34595)", children: _jsx("path", { d: "M28.3308 28.4039L14.5344 14.57L32.0878 24.647L28.3308 28.4039ZM10.9337 13.7573C10.121 14.1824 9.57715 14.9576 9.57715 15.964V43.5506C9.57715 44.5571 10.121 45.3322 10.9337 45.7573L26.9743 29.7542L10.9337 13.7573ZM37.5139 27.8601L33.8319 25.7284L29.7248 29.7605L33.8319 33.7925L37.5889 31.6608C38.7141 30.7669 38.7141 28.754 37.5139 27.8601ZM14.5344 44.9509L32.0878 34.8739L28.3308 31.117L14.5344 44.9509Z", fill: iconFill }) }), _jsx("path", { d: "M56.47 12.3273C56.1993 11.758 55.8073 11.3193 55.294 11.0113C54.7807 10.694 54.1833 10.5353 53.502 10.5353C52.8207 10.5353 52.2047 10.694 51.654 11.0113C51.1127 11.3193 50.6833 11.7673 50.366 12.3553C50.058 12.934 49.904 13.606 49.904 14.3713C49.904 15.1367 50.058 15.8087 50.366 16.3873C50.6833 16.966 51.1127 17.414 51.654 17.7313C52.2047 18.0393 52.8207 18.1933 53.502 18.1933C54.454 18.1933 55.238 17.9087 55.854 17.3393C56.47 16.77 56.8293 16 56.932 15.0293H53.04V13.9933H58.29V14.9733C58.2153 15.776 57.9633 16.5133 57.534 17.1853C57.1047 17.848 56.54 18.3753 55.84 18.7673C55.14 19.15 54.3607 19.3413 53.502 19.3413C52.5967 19.3413 51.7707 19.1313 51.024 18.7113C50.2773 18.282 49.6847 17.6893 49.246 16.9333C48.8167 16.1773 48.602 15.3233 48.602 14.3713C48.602 13.4193 48.8167 12.5653 49.246 11.8093C49.6847 11.044 50.2773 10.4513 51.024 10.0313C51.7707 9.60199 52.5967 9.38732 53.502 9.38732C54.538 9.38732 55.4527 9.64399 56.246 10.1573C57.0487 10.6707 57.632 11.394 57.996 12.3273H56.47ZM66.9745 15.1273C66.9745 15.37 66.9605 15.6267 66.9325 15.8973H60.8005C60.8472 16.6533 61.1038 17.246 61.5705 17.6753C62.0465 18.0953 62.6205 18.3053 63.2925 18.3053C63.8432 18.3053 64.3005 18.1793 64.6645 17.9273C65.0378 17.666 65.2992 17.3207 65.4485 16.8913H66.8205C66.6152 17.6287 66.2045 18.2307 65.5885 18.6973C64.9725 19.1547 64.2072 19.3833 63.2925 19.3833C62.5645 19.3833 61.9112 19.22 61.3325 18.8933C60.7632 18.5667 60.3152 18.1047 59.9885 17.5073C59.6618 16.9007 59.4985 16.2007 59.4985 15.4073C59.4985 14.614 59.6572 13.9187 59.9745 13.3213C60.2918 12.724 60.7352 12.2667 61.3045 11.9493C61.8832 11.6227 62.5458 11.4593 63.2925 11.4593C64.0205 11.4593 64.6645 11.618 65.2245 11.9353C65.7845 12.2527 66.2138 12.6913 66.5125 13.2513C66.8205 13.802 66.9745 14.4273 66.9745 15.1273ZM65.6585 14.8613C65.6585 14.376 65.5512 13.9607 65.3365 13.6153C65.1218 13.2607 64.8278 12.9947 64.4545 12.8173C64.0905 12.6307 63.6845 12.5373 63.2365 12.5373C62.5925 12.5373 62.0418 12.7427 61.5845 13.1533C61.1365 13.564 60.8798 14.1333 60.8145 14.8613H65.6585ZM70.2101 12.6353V17.1573C70.2101 17.5307 70.2895 17.7967 70.4481 17.9553C70.6068 18.1047 70.8821 18.1793 71.2741 18.1793H72.2121V19.2573H71.0641C70.3548 19.2573 69.8228 19.094 69.4681 18.7673C69.1135 18.4407 68.9361 17.904 68.9361 17.1573V12.6353H67.9421V11.5853H68.9361V9.65332H70.2101V11.5853H72.2121V12.6353H70.2101ZM78.1462 10.3393C77.9035 10.3393 77.6982 10.2553 77.5302 10.0873C77.3622 9.91932 77.2782 9.71399 77.2782 9.47132C77.2782 9.22866 77.3622 9.02332 77.5302 8.85532C77.6982 8.68732 77.9035 8.60332 78.1462 8.60332C78.3795 8.60332 78.5755 8.68732 78.7342 8.85532C78.9022 9.02332 78.9862 9.22866 78.9862 9.47132C78.9862 9.71399 78.9022 9.91932 78.7342 10.0873C78.5755 10.2553 78.3795 10.3393 78.1462 10.3393ZM78.7622 11.5853V19.2573H77.4882V11.5853H78.7622ZM82.4875 12.6353V17.1573C82.4875 17.5307 82.5668 17.7967 82.7255 17.9553C82.8841 18.1047 83.1595 18.1793 83.5515 18.1793H84.4895V19.2573H83.3415C82.6321 19.2573 82.1001 19.094 81.7455 18.7673C81.3908 18.4407 81.2135 17.904 81.2135 17.1573V12.6353H80.2195V11.5853H81.2135V9.65332H82.4875V11.5853H84.4895V12.6353H82.4875ZM93.1115 19.3833C92.3928 19.3833 91.7395 19.22 91.1515 18.8933C90.5728 18.5667 90.1155 18.1047 89.7795 17.5073C89.4528 16.9007 89.2895 16.2007 89.2895 15.4073C89.2895 14.6233 89.4575 13.9327 89.7935 13.3353C90.1388 12.7287 90.6055 12.2667 91.1935 11.9493C91.7815 11.6227 92.4395 11.4593 93.1675 11.4593C93.8955 11.4593 94.5535 11.6227 95.1415 11.9493C95.7295 12.2667 96.1915 12.724 96.5275 13.3213C96.8728 13.9187 97.0455 14.614 97.0455 15.4073C97.0455 16.2007 96.8682 16.9007 96.5135 17.5073C96.1682 18.1047 95.6968 18.5667 95.0995 18.8933C94.5022 19.22 93.8395 19.3833 93.1115 19.3833ZM93.1115 18.2633C93.5688 18.2633 93.9982 18.156 94.3995 17.9413C94.8008 17.7267 95.1228 17.4047 95.3655 16.9753C95.6175 16.546 95.7435 16.0233 95.7435 15.4073C95.7435 14.7913 95.6222 14.2687 95.3795 13.8393C95.1368 13.41 94.8195 13.0927 94.4275 12.8873C94.0355 12.6727 93.6108 12.5653 93.1535 12.5653C92.6868 12.5653 92.2575 12.6727 91.8655 12.8873C91.4828 13.0927 91.1748 13.41 90.9415 13.8393C90.7082 14.2687 90.5915 14.7913 90.5915 15.4073C90.5915 16.0327 90.7035 16.56 90.9275 16.9893C91.1608 17.4187 91.4688 17.7407 91.8515 17.9553C92.2342 18.1607 92.6542 18.2633 93.1115 18.2633ZM102.459 11.4453C103.392 11.4453 104.148 11.73 104.727 12.2993C105.305 12.8593 105.595 13.6713 105.595 14.7353V19.2573H104.335V14.9173C104.335 14.152 104.143 13.5687 103.761 13.1673C103.378 12.7567 102.855 12.5513 102.193 12.5513C101.521 12.5513 100.984 12.7613 100.583 13.1813C100.191 13.6013 99.9946 14.2127 99.9946 15.0153V19.2573H98.7206V11.5853H99.9946V12.6773C100.247 12.2853 100.587 11.982 101.017 11.7673C101.455 11.5527 101.936 11.4453 102.459 11.4453Z", fill: textFill }), _jsx("path", { d: "M59.56 37.3573C59.2 36.664 58.7 36.144 58.06 35.7973C57.42 35.4373 56.68 35.2573 55.84 35.2573C54.92 35.2573 54.1 35.464 53.38 35.8773C52.66 36.2907 52.0933 36.8773 51.68 37.6373C51.28 38.3973 51.08 39.2773 51.08 40.2773C51.08 41.2773 51.28 42.164 51.68 42.9373C52.0933 43.6973 52.66 44.284 53.38 44.6973C54.1 45.1107 54.92 45.3173 55.84 45.3173C57.08 45.3173 58.0867 44.9707 58.86 44.2773C59.6333 43.584 60.1067 42.644 60.28 41.4573H55.06V39.6373H62.72V41.4173C62.5733 42.4973 62.1867 43.4907 61.56 44.3973C60.9467 45.304 60.14 46.0307 59.14 46.5773C58.1533 47.1107 57.0533 47.3773 55.84 47.3773C54.5333 47.3773 53.34 47.0773 52.26 46.4773C51.18 45.864 50.32 45.0173 49.68 43.9373C49.0533 42.8573 48.74 41.6373 48.74 40.2773C48.74 38.9173 49.0533 37.6973 49.68 36.6173C50.32 35.5373 51.18 34.6973 52.26 34.0973C53.3533 33.484 54.5467 33.1773 55.84 33.1773C57.32 33.1773 58.6333 33.544 59.78 34.2773C60.94 34.9973 61.78 36.024 62.3 37.3573H59.56ZM69.7488 47.4373C68.7088 47.4373 67.7688 47.204 66.9288 46.7373C66.0888 46.2573 65.4288 45.5907 64.9488 44.7373C64.4688 43.8707 64.2288 42.8707 64.2288 41.7373C64.2288 40.6173 64.4754 39.624 64.9688 38.7573C65.4621 37.8907 66.1354 37.224 66.9888 36.7573C67.8421 36.2907 68.7954 36.0573 69.8488 36.0573C70.9021 36.0573 71.8554 36.2907 72.7088 36.7573C73.5621 37.224 74.2354 37.8907 74.7288 38.7573C75.2221 39.624 75.4688 40.6173 75.4688 41.7373C75.4688 42.8573 75.2154 43.8507 74.7088 44.7173C74.2021 45.584 73.5088 46.2573 72.6288 46.7373C71.7621 47.204 70.8021 47.4373 69.7488 47.4373ZM69.7488 45.4573C70.3354 45.4573 70.8821 45.3173 71.3888 45.0373C71.9088 44.7573 72.3288 44.3373 72.6488 43.7773C72.9688 43.2173 73.1288 42.5373 73.1288 41.7373C73.1288 40.9373 72.9754 40.264 72.6688 39.7173C72.3621 39.1573 71.9554 38.7373 71.4488 38.4573C70.9421 38.1773 70.3954 38.0373 69.8088 38.0373C69.2221 38.0373 68.6754 38.1773 68.1688 38.4573C67.6754 38.7373 67.2821 39.1573 66.9888 39.7173C66.6954 40.264 66.5488 40.9373 66.5488 41.7373C66.5488 42.924 66.8488 43.844 67.4488 44.4973C68.0621 45.1373 68.8288 45.4573 69.7488 45.4573ZM82.5027 47.4373C81.4627 47.4373 80.5227 47.204 79.6827 46.7373C78.8427 46.2573 78.1827 45.5907 77.7027 44.7373C77.2227 43.8707 76.9827 42.8707 76.9827 41.7373C76.9827 40.6173 77.2293 39.624 77.7227 38.7573C78.216 37.8907 78.8893 37.224 79.7427 36.7573C80.596 36.2907 81.5493 36.0573 82.6027 36.0573C83.656 36.0573 84.6093 36.2907 85.4627 36.7573C86.316 37.224 86.9893 37.8907 87.4827 38.7573C87.976 39.624 88.2227 40.6173 88.2227 41.7373C88.2227 42.8573 87.9693 43.8507 87.4627 44.7173C86.956 45.584 86.2627 46.2573 85.3827 46.7373C84.516 47.204 83.556 47.4373 82.5027 47.4373ZM82.5027 45.4573C83.0893 45.4573 83.636 45.3173 84.1427 45.0373C84.6627 44.7573 85.0827 44.3373 85.4027 43.7773C85.7227 43.2173 85.8827 42.5373 85.8827 41.7373C85.8827 40.9373 85.7293 40.264 85.4227 39.7173C85.116 39.1573 84.7093 38.7373 84.2027 38.4573C83.696 38.1773 83.1493 38.0373 82.5627 38.0373C81.976 38.0373 81.4293 38.1773 80.9227 38.4573C80.4293 38.7373 80.036 39.1573 79.7427 39.7173C79.4493 40.264 79.3027 40.9373 79.3027 41.7373C79.3027 42.924 79.6027 43.844 80.2027 44.4973C80.816 45.1373 81.5827 45.4573 82.5027 45.4573ZM94.9166 36.0573C95.7699 36.0573 96.5232 36.2307 97.1766 36.5773C97.8432 36.9107 98.3632 37.3307 98.7366 37.8373V36.2373H101.037V47.4373C101.037 48.4507 100.823 49.3507 100.397 50.1373C99.9699 50.9373 99.3499 51.564 98.5366 52.0173C97.7366 52.4707 96.7766 52.6973 95.6566 52.6973C94.1632 52.6973 92.9232 52.344 91.9366 51.6373C90.9499 50.944 90.3899 49.9973 90.2566 48.7973H92.5166C92.6899 49.3707 93.0566 49.8307 93.6166 50.1773C94.1899 50.5373 94.8699 50.7173 95.6566 50.7173C96.5766 50.7173 97.3166 50.4373 97.8766 49.8773C98.4499 49.3173 98.7366 48.504 98.7366 47.4373V45.5973C98.3499 46.1173 97.8232 46.5573 97.1566 46.9173C96.5032 47.264 95.7566 47.4373 94.9166 47.4373C93.9566 47.4373 93.0766 47.1973 92.2766 46.7173C91.4899 46.224 90.8632 45.544 90.3966 44.6773C89.9432 43.7973 89.7166 42.804 89.7166 41.6973C89.7166 40.5907 89.9432 39.6107 90.3966 38.7573C90.8632 37.904 91.4899 37.244 92.2766 36.7773C93.0766 36.2973 93.9566 36.0573 94.9166 36.0573ZM98.7366 41.7373C98.7366 40.9773 98.5766 40.3173 98.2566 39.7573C97.9499 39.1973 97.5432 38.7707 97.0366 38.4773C96.5299 38.184 95.9832 38.0373 95.3966 38.0373C94.8099 38.0373 94.2632 38.184 93.7566 38.4773C93.2499 38.7573 92.8366 39.1773 92.5166 39.7373C92.2099 40.284 92.0566 40.9373 92.0566 41.6973C92.0566 42.4573 92.2099 43.124 92.5166 43.6973C92.8366 44.2707 93.2499 44.7107 93.7566 45.0173C94.2766 45.3107 94.8232 45.4573 95.3966 45.4573C95.9832 45.4573 96.5299 45.3107 97.0366 45.0173C97.5432 44.724 97.9499 44.2973 98.2566 43.7373C98.5766 43.164 98.7366 42.4973 98.7366 41.7373ZM106.311 32.4573V47.2573H104.031V32.4573H106.311ZM119.405 41.4773C119.405 41.8907 119.378 42.264 119.325 42.5973H110.905C110.971 43.4773 111.298 44.184 111.885 44.7173C112.471 45.2507 113.191 45.5173 114.045 45.5173C115.271 45.5173 116.138 45.004 116.645 43.9773H119.105C118.771 44.9907 118.165 45.824 117.285 46.4773C116.418 47.1173 115.338 47.4373 114.045 47.4373C112.991 47.4373 112.045 47.204 111.205 46.7373C110.378 46.2573 109.725 45.5907 109.245 44.7373C108.778 43.8707 108.545 42.8707 108.545 41.7373C108.545 40.604 108.771 39.6107 109.225 38.7573C109.691 37.8907 110.338 37.224 111.165 36.7573C112.005 36.2907 112.965 36.0573 114.045 36.0573C115.085 36.0573 116.011 36.284 116.825 36.7373C117.638 37.1907 118.271 37.8307 118.725 38.6573C119.178 39.4707 119.405 40.4107 119.405 41.4773ZM117.025 40.7573C117.011 39.9173 116.711 39.244 116.125 38.7373C115.538 38.2307 114.811 37.9773 113.945 37.9773C113.158 37.9773 112.485 38.2307 111.925 38.7373C111.365 39.2307 111.031 39.904 110.925 40.7573H117.025ZM136.564 37.4973C136.564 38.204 136.397 38.8707 136.064 39.4973C135.73 40.124 135.197 40.6373 134.464 41.0373C133.73 41.424 132.79 41.6173 131.644 41.6173H129.124V47.2573H126.844V33.3573H131.644C132.71 33.3573 133.61 33.544 134.344 33.9173C135.09 34.2773 135.644 34.7707 136.004 35.3973C136.377 36.024 136.564 36.724 136.564 37.4973ZM131.644 39.7573C132.51 39.7573 133.157 39.564 133.584 39.1773C134.01 38.7773 134.224 38.2173 134.224 37.4973C134.224 35.9773 133.364 35.2173 131.644 35.2173H129.124V39.7573H131.644ZM141.018 32.4573V47.2573H138.738V32.4573H141.018ZM143.252 41.6973C143.252 40.5907 143.478 39.6107 143.932 38.7573C144.398 37.904 145.025 37.244 145.812 36.7773C146.612 36.2973 147.492 36.0573 148.452 36.0573C149.318 36.0573 150.072 36.2307 150.712 36.5773C151.365 36.9107 151.885 37.3307 152.272 37.8373V36.2373H154.572V47.2573H152.272V45.6173C151.885 46.1373 151.358 46.5707 150.692 46.9173C150.025 47.264 149.265 47.4373 148.412 47.4373C147.465 47.4373 146.598 47.1973 145.812 46.7173C145.025 46.224 144.398 45.544 143.932 44.6773C143.478 43.7973 143.252 42.804 143.252 41.6973ZM152.272 41.7373C152.272 40.9773 152.112 40.3173 151.792 39.7573C151.485 39.1973 151.078 38.7707 150.572 38.4773C150.065 38.184 149.518 38.0373 148.932 38.0373C148.345 38.0373 147.798 38.184 147.292 38.4773C146.785 38.7573 146.372 39.1773 146.052 39.7373C145.745 40.284 145.592 40.9373 145.592 41.6973C145.592 42.4573 145.745 43.124 146.052 43.6973C146.372 44.2707 146.785 44.7107 147.292 45.0173C147.812 45.3107 148.358 45.4573 148.932 45.4573C149.518 45.4573 150.065 45.3107 150.572 45.0173C151.078 44.724 151.485 44.2973 151.792 43.7373C152.112 43.164 152.272 42.4973 152.272 41.7373ZM167.486 36.2373L160.726 52.4373H158.366L160.606 47.0773L156.266 36.2373H158.806L161.906 44.6373L165.126 36.2373H167.486Z", fill: textFill }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_5713_34595", children: _jsx("rect", { width: "32", height: "32", fill: iconFill, transform: "translate(8 13.7573)" }) }) })] })));
|
|
27
|
+
};
|
|
28
|
+
export default PlayStoreIcon;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as AppleIcon } from "./AppleIcon";
|
|
2
|
+
export type { AppIconProps } from "./AppleIcon";
|
|
3
|
+
export { default as PlayStoreIcon } from "./PlayStoreIcon";
|
|
4
|
+
export { default as AndroidIcon } from "./AndroidIcon";
|
|
5
|
+
export { default as AppIcon } from "./AppIcon";
|
|
@@ -35,12 +35,12 @@ export var MultiNews = function (_a) {
|
|
|
35
35
|
// Common content section
|
|
36
36
|
var CardContent = function (_a) {
|
|
37
37
|
var _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
38
|
-
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className), children: [_jsx(Heading, { variant: "
|
|
38
|
+
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className), children: [_jsx(Heading, { variant: "h4-600", className: "line-clamp-1 capitalize ".concat(modifiedEditor === null || modifiedEditor === void 0 ? void 0 : modifiedEditor.cardTitle), children: modifiedItem === null || modifiedItem === void 0 ? void 0 : modifiedItem.title }), _jsx(Body, { variant: "body-xl", className: "".concat(mediaPosition === "middle" ? "line-clamp-1" : "line-clamp-2 h-16", " ").concat(modifiedEditor === null || modifiedEditor === void 0 ? void 0 : modifiedEditor.cardText), children: modifiedItem === null || modifiedItem === void 0 ? void 0 : modifiedItem.description })] }));
|
|
39
39
|
};
|
|
40
40
|
// Common button component with conditional shape
|
|
41
41
|
var ActionButton = function (_a) {
|
|
42
42
|
var _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
43
|
-
return (_jsx(Link, { href: href, passHref: true, className: className, children: _jsx(Button, __assign({ endIcon: "angle-right", size: mediaPosition === "middle" ? "xl" : "
|
|
43
|
+
return (_jsx(Link, { href: href, passHref: true, className: className, children: _jsx(Button, __assign({ endIcon: "angle-right", size: mediaPosition === "middle" ? "xl" : "sm" }, (mediaPosition === "middle" && { shape: "rounded-full" }), { className: "".concat(modifiedEditor === null || modifiedEditor === void 0 ? void 0 : modifiedEditor.cardBtn), children: btnLabel })) }));
|
|
44
44
|
};
|
|
45
45
|
// Optional subtitle component
|
|
46
46
|
var Subtitle = function () { return (_jsx(_Fragment, { children: mediaPosition === "middle" && (_jsx(Body, { variant: "body-xl", className: "line-clamp-4 h-32 ".concat(modifiedEditor === null || modifiedEditor === void 0 ? void 0 : modifiedEditor.shortDescription), dangerouslySetInnerHTML: {
|
|
@@ -22,17 +22,17 @@ export var PostByCategory = function (_a) {
|
|
|
22
22
|
// Common content section component
|
|
23
23
|
var CardContent = function (_a) {
|
|
24
24
|
var _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
25
|
-
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className, " "), children: [_jsx(Heading, { variant: "
|
|
25
|
+
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className, " "), children: [_jsx(Heading, { variant: "h4-600", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle, " capitalize line-clamp-1 !m-0"), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: " ".concat(orientation === "horizontal" ? "line-clamp-1" : "line-clamp-2", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }));
|
|
26
26
|
};
|
|
27
27
|
// Common button component
|
|
28
28
|
var CardButton = function (_a) {
|
|
29
29
|
var _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
30
|
-
return (_jsx(Link, { href: href || "#", passHref: true, children: _jsx(Button, { endIcon: "angle-right", size: "
|
|
30
|
+
return (_jsx(Link, { href: href || "#", passHref: true, children: _jsx(Button, { endIcon: "angle-right", size: "sm", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn, " ").concat(className), children: btnLabel }) }));
|
|
31
31
|
};
|
|
32
32
|
// Horizontal layout
|
|
33
33
|
if (orientation === "horizontal") {
|
|
34
|
-
return (_jsxs("div", { className: "!p-5 rounded-xl grid grid-cols-1 sm:grid-cols-3 max-w-5xl !gap-5 items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "".concat(safeMediaPosition === "right" && " order-last", " w-full aspect-5/4 sm:aspect-square object-cover") }), _jsxs("div", { className: "flex flex-col !gap-
|
|
34
|
+
return (_jsxs("div", { className: "!p-5 rounded-xl grid grid-cols-1 sm:grid-cols-3 max-w-5xl !gap-5 items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "".concat(safeMediaPosition === "right" && " order-last", " w-full aspect-5/4 sm:aspect-square object-cover") }), _jsxs("div", { className: "flex flex-col !gap-2 md:!gap-5 sm:col-span-2 h-full justify-center", children: [_jsx(CardContent, {}), _jsx(CardButton, {})] })] }));
|
|
35
35
|
}
|
|
36
36
|
// Vertical layout
|
|
37
|
-
return (_jsxs("div", { className: "p-8 rounded-xl flex flex-col !gap-5 max-w-[480px]
|
|
37
|
+
return (_jsxs("div", { className: "!p-5 sm:p-8 rounded-xl flex flex-col !gap-5 max-w-[480px] shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex w-full ".concat(safeMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center !gap-5 "), children: [_jsx(CardMedia, { className: "w-full h-full aspect-5/4 object-cover" }), _jsx(CardContent, { className: "h-20" })] }), _jsx(CardButton, {})] }));
|
|
38
38
|
};
|
|
@@ -6,5 +6,5 @@ import { Body } from "../../Typography/Body/body";
|
|
|
6
6
|
import { Button } from "../../Button/Button";
|
|
7
7
|
export var SinglePost = function (_a) {
|
|
8
8
|
var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "right" : _d;
|
|
9
|
-
return (_jsxs("div", { className: " bg-white rounded-3xl grid grid-cols-1 sm:grid-cols-2 overflow-hidden items-stretch !shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(LuImage, { src: image, width: 240, height: 240, className: "w-full h-full ".concat(mediaPosition === "right" ? "order-1" : "", " aspect-5/4 object-cover ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" }), _jsxs("div", { className: "p-9 grid grid-rows-[1fr] items-center !gap-2 ", children: [_jsxs("div", { className: "flex flex-col !gap-3 ", children: [_jsx(Heading, { variant: "h2", className: "line-clamp-1 md:line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-xl", className: "line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " "), children: item === null || item === void 0 ? void 0 : item.description })] }), _jsx(Link, { href: href, passHref: true, children: _jsx(Button, { endIcon: "angle-right", size: "lg", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) })] })] }));
|
|
9
|
+
return (_jsxs("div", { className: " bg-white rounded-3xl grid grid-cols-1 sm:grid-cols-2 overflow-hidden items-stretch !shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(LuImage, { src: image, width: 240, height: 240, className: "w-full h-full ".concat(mediaPosition === "right" ? "order-1" : "", " aspect-5/4 object-cover ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" }), _jsxs("div", { className: "p-9 grid grid-rows-[1fr] items-center !gap-2 ", children: [_jsxs("div", { className: "flex flex-col !gap-3 ", children: [_jsx(Heading, { variant: "h2-500", className: "line-clamp-1 md:line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-xl", className: "line-clamp-2 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " "), children: item === null || item === void 0 ? void 0 : item.description })] }), _jsx(Link, { href: href, passHref: true, children: _jsx(Button, { endIcon: "angle-right", size: "lg", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) })] })] }));
|
|
10
10
|
};
|
|
@@ -22,7 +22,7 @@ export var ContactProfile = function (_a) {
|
|
|
22
22
|
// Common content section component
|
|
23
23
|
var CardContent = function (_a) {
|
|
24
24
|
var _b = _a.className, className = _b === void 0 ? "" : _b;
|
|
25
|
-
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className
|
|
25
|
+
return (_jsxs("div", { className: "flex flex-col !gap-1 ".concat(className), children: [_jsx(Heading, { variant: "h5-600", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle, " capitalize line-clamp-1 !m-0"), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: " ".concat(orientation === "horizontal" ? "line-clamp-1" : "line-clamp-2", " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }));
|
|
26
26
|
};
|
|
27
27
|
// Common button component
|
|
28
28
|
var CardButton = function (_a) {
|
package/dist/styles/global.css
CHANGED
|
@@ -627,6 +627,9 @@
|
|
|
627
627
|
.rotate-45 {
|
|
628
628
|
rotate: 45deg;
|
|
629
629
|
}
|
|
630
|
+
.transform {
|
|
631
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
632
|
+
}
|
|
630
633
|
.animate-in {
|
|
631
634
|
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
|
|
632
635
|
}
|
|
@@ -636,6 +639,9 @@
|
|
|
636
639
|
.touch-none {
|
|
637
640
|
touch-action: none;
|
|
638
641
|
}
|
|
642
|
+
.resize {
|
|
643
|
+
resize: both;
|
|
644
|
+
}
|
|
639
645
|
.grid-cols-1 {
|
|
640
646
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
641
647
|
}
|
|
@@ -3192,6 +3198,11 @@
|
|
|
3192
3198
|
flex-direction: row-reverse;
|
|
3193
3199
|
}
|
|
3194
3200
|
}
|
|
3201
|
+
.sm\:p-8 {
|
|
3202
|
+
@media (width >= 40rem) {
|
|
3203
|
+
padding: calc(var(--spacing) * 8);
|
|
3204
|
+
}
|
|
3205
|
+
}
|
|
3195
3206
|
.sm\:\!text-left {
|
|
3196
3207
|
@media (width >= 40rem) {
|
|
3197
3208
|
text-align: left !important;
|
|
@@ -3435,6 +3446,26 @@
|
|
|
3435
3446
|
inherits: false;
|
|
3436
3447
|
initial-value: 1;
|
|
3437
3448
|
}
|
|
3449
|
+
@property --tw-rotate-x {
|
|
3450
|
+
syntax: "*";
|
|
3451
|
+
inherits: false;
|
|
3452
|
+
}
|
|
3453
|
+
@property --tw-rotate-y {
|
|
3454
|
+
syntax: "*";
|
|
3455
|
+
inherits: false;
|
|
3456
|
+
}
|
|
3457
|
+
@property --tw-rotate-z {
|
|
3458
|
+
syntax: "*";
|
|
3459
|
+
inherits: false;
|
|
3460
|
+
}
|
|
3461
|
+
@property --tw-skew-x {
|
|
3462
|
+
syntax: "*";
|
|
3463
|
+
inherits: false;
|
|
3464
|
+
}
|
|
3465
|
+
@property --tw-skew-y {
|
|
3466
|
+
syntax: "*";
|
|
3467
|
+
inherits: false;
|
|
3468
|
+
}
|
|
3438
3469
|
@property --tw-space-y-reverse {
|
|
3439
3470
|
syntax: "*";
|
|
3440
3471
|
inherits: false;
|
|
@@ -3663,6 +3694,11 @@
|
|
|
3663
3694
|
--tw-scale-x: 1;
|
|
3664
3695
|
--tw-scale-y: 1;
|
|
3665
3696
|
--tw-scale-z: 1;
|
|
3697
|
+
--tw-rotate-x: initial;
|
|
3698
|
+
--tw-rotate-y: initial;
|
|
3699
|
+
--tw-rotate-z: initial;
|
|
3700
|
+
--tw-skew-x: initial;
|
|
3701
|
+
--tw-skew-y: initial;
|
|
3666
3702
|
--tw-space-y-reverse: 0;
|
|
3667
3703
|
--tw-space-x-reverse: 0;
|
|
3668
3704
|
--tw-border-style: solid;
|