@kivid/native-components 1.0.0-alpha.15 → 1.0.0-alpha.17
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/commonjs/components/ActionButton/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ActionButton/index.js +35 -48
- package/dist/commonjs/components/ActionButton/index.js.map +1 -1
- package/dist/commonjs/components/Button/assets/class-variants.js +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientAdd/index.js +115 -60
- package/dist/commonjs/components/InformationStatus/components/GradientAdd/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientAlert/index.js +117 -60
- package/dist/commonjs/components/InformationStatus/components/GradientAlert/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientCheck/index.js +113 -58
- package/dist/commonjs/components/InformationStatus/components/GradientCheck/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/components/GradientClose/index.js +112 -55
- package/dist/commonjs/components/InformationStatus/components/GradientClose/index.js.map +1 -1
- package/dist/commonjs/components/InformationStatus/index.js +4 -9
- package/dist/commonjs/components/InformationStatus/index.js.map +1 -1
- package/dist/commonjs/components/SelectButton/index.js +2 -1
- package/dist/commonjs/components/SelectButton/index.js.map +1 -1
- package/dist/commonjs/components/TextInput/assets/class-variants.js +2 -2
- package/dist/commonjs/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/TextInput/index.js +1 -1
- package/dist/commonjs/components/TextInput/index.js.map +1 -1
- package/dist/module/components/ActionButton/assets/class-variants.js.map +1 -1
- package/dist/module/components/ActionButton/index.js +35 -30
- package/dist/module/components/ActionButton/index.js.map +1 -1
- package/dist/module/components/Button/assets/class-variants.js +1 -1
- package/dist/module/components/InformationStatus/components/GradientAdd/index.js +113 -59
- package/dist/module/components/InformationStatus/components/GradientAdd/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientAlert/index.js +116 -60
- package/dist/module/components/InformationStatus/components/GradientAlert/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientCheck/index.js +113 -59
- package/dist/module/components/InformationStatus/components/GradientCheck/index.js.map +1 -1
- package/dist/module/components/InformationStatus/components/GradientClose/index.js +111 -55
- package/dist/module/components/InformationStatus/components/GradientClose/index.js.map +1 -1
- package/dist/module/components/InformationStatus/index.js +4 -9
- package/dist/module/components/InformationStatus/index.js.map +1 -1
- package/dist/module/components/SelectButton/index.js +2 -1
- package/dist/module/components/SelectButton/index.js.map +1 -1
- package/dist/module/components/TextInput/assets/class-variants.js +2 -2
- package/dist/module/components/TextInput/assets/class-variants.js.map +1 -1
- package/dist/module/components/TextInput/index.js +1 -1
- package/dist/module/components/TextInput/index.js.map +1 -1
- package/dist/typescript/components/ActionButton/index.d.ts +0 -1
- package/dist/typescript/components/ActionButton/types.d.ts +15 -24
- package/dist/typescript/components/InformationStatus/components/GradientAdd/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientAdd/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientAlert/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientAlert/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientCheck/index.d.ts +4 -3
- package/dist/typescript/components/InformationStatus/components/GradientCheck/types.d.ts +3 -2
- package/dist/typescript/components/InformationStatus/components/GradientClose/index.d.ts +2 -1
- package/dist/typescript/components/InformationStatus/components/GradientClose/types.d.ts +3 -2
- package/package.json +5 -5
- package/src/components/ActionButton/assets/class-variants.ts +3 -12
- package/src/components/ActionButton/index.tsx +55 -41
- package/src/components/ActionButton/types.ts +15 -24
- package/src/components/Button/assets/class-variants.ts +1 -1
- package/src/components/InformationStatus/components/GradientAdd/index.tsx +107 -56
- package/src/components/InformationStatus/components/GradientAdd/types.ts +3 -2
- package/src/components/InformationStatus/components/GradientAlert/index.tsx +116 -62
- package/src/components/InformationStatus/components/GradientAlert/types.ts +3 -2
- package/src/components/InformationStatus/components/GradientCheck/index.tsx +111 -59
- package/src/components/InformationStatus/components/GradientCheck/types.ts +3 -3
- package/src/components/InformationStatus/components/GradientClose/index.tsx +106 -53
- package/src/components/InformationStatus/components/GradientClose/types.ts +3 -2
- package/src/components/InformationStatus/index.tsx +4 -10
- package/src/components/SelectButton/index.tsx +1 -0
- package/src/components/TextInput/assets/class-variants.ts +2 -2
- package/src/components/TextInput/index.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_index","menuCardVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","corners","CornersEnum","SMALL","MEDIUM","LARGE","defaultVariants","textVariants"],"sourceRoot":"../../../../../src","sources":["components/ActionButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,sCAAsC,EACtC,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;MAChDC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC;MAC5DC,UAAU,EAAE,CAAC,mBAAmB,EAAE,4BAA4B,CAAC;MAC/DC,IAAI,EAAE,CAAC,aAAa,EAAE,sBAAsB,CAAC;MAC7CC,OAAO,EAAE,CAAC,4BAA4B,EAAE,0BAA0B;IACpE,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,kBAAW,CAACC,KAAK,GAAG,aAAa;MAClC,CAACD,kBAAW,CAACE,MAAM,GAAG,gBAAgB;MACtC,CAACF,kBAAW,CAACG,KAAK,GAAG;IACvB;EACF,CAAC;EACDC,eAAe,EAAE;IACfb,OAAO,EAAE,OAAO;IAChBQ,OAAO,EAAEC,kBAAW,CAACE;EACvB;AACF,CACF,CAAC;AAEM,MAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG,IAAAhB,2BAAG,EAAC,EAAE,EAAE;EAClCC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE;IACX;EACF,CAAC;EACDM,eAAe,EAAE;IACfb,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,24 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ActionButton = ActionButton;
|
|
7
|
-
Object.defineProperty(exports, "ActionButtonCorners", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function () {
|
|
10
|
-
return _types.ActionButtonCorners;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "ActionButtonProps", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function () {
|
|
16
|
-
return _types.ActionButtonProps;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "ActionButtonVariant", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function () {
|
|
22
|
-
return _types.ActionButtonVariant;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
7
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
26
8
|
var _react = _interopRequireDefault(require("react"));
|
|
27
9
|
var _reactNative = require("react-native");
|
|
@@ -29,22 +11,19 @@ var _index = require("../../enums/index.js");
|
|
|
29
11
|
var _index2 = require("../Typography/index.js");
|
|
30
12
|
var _classVariants = require("./assets/class-variants.js");
|
|
31
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
32
|
-
var _types = require("./types.js");
|
|
33
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
34
15
|
function ActionButton(props) {
|
|
35
16
|
const {
|
|
36
17
|
icon,
|
|
37
|
-
|
|
38
|
-
|
|
18
|
+
primaryText,
|
|
19
|
+
secondaryText,
|
|
20
|
+
primaryTextProps = {},
|
|
21
|
+
secondaryTextProps = {},
|
|
39
22
|
variant = "grape",
|
|
40
23
|
corners = _index.CornersEnum.MEDIUM,
|
|
41
24
|
disabled = false,
|
|
42
25
|
className,
|
|
43
|
-
|
|
44
|
-
labelClassName,
|
|
45
|
-
subtitleClassName,
|
|
46
|
-
labelWeight = _index.FontWeightEnum.MEDIUM,
|
|
47
|
-
subtitleWeight = _index.FontWeightEnum.MEDIUM,
|
|
26
|
+
iconContainerClassName,
|
|
48
27
|
onPress,
|
|
49
28
|
accessibilityLabel,
|
|
50
29
|
ref,
|
|
@@ -68,25 +47,22 @@ function ActionButton(props) {
|
|
|
68
47
|
variant,
|
|
69
48
|
corners
|
|
70
49
|
}), isPressed && !disabled && pressedColorMap[variant], className);
|
|
71
|
-
const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
|
|
72
|
-
variant
|
|
73
|
-
}));
|
|
74
50
|
|
|
75
51
|
// Define icon colors based on variant
|
|
76
52
|
const iconColorMap = {
|
|
77
|
-
grape: "
|
|
53
|
+
grape: "text-chia-100",
|
|
78
54
|
// chia-100
|
|
79
|
-
java: "
|
|
80
|
-
pear: "
|
|
81
|
-
tangerine: "
|
|
82
|
-
blackberry: "
|
|
83
|
-
chia: "
|
|
84
|
-
outline: "
|
|
55
|
+
java: "text-chia-100",
|
|
56
|
+
pear: "text-chia-100",
|
|
57
|
+
tangerine: "text-chia-100",
|
|
58
|
+
blackberry: "text-chia-100",
|
|
59
|
+
chia: "text-chia-100",
|
|
60
|
+
outline: "text-chia-900" // chia-900
|
|
85
61
|
};
|
|
86
62
|
|
|
87
63
|
// Clone icon element to pass color prop
|
|
88
64
|
const iconWithColor = /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
|
|
89
|
-
|
|
65
|
+
className: (0, _tailwindPreset.merge)(iconColorMap[variant], icon.props?.className || "")
|
|
90
66
|
}) : icon;
|
|
91
67
|
const handlePressIn = event => {
|
|
92
68
|
setIsPressed(true);
|
|
@@ -96,6 +72,21 @@ function ActionButton(props) {
|
|
|
96
72
|
setIsPressed(false);
|
|
97
73
|
onPressOut?.(event);
|
|
98
74
|
};
|
|
75
|
+
const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
|
|
76
|
+
variant
|
|
77
|
+
}));
|
|
78
|
+
const mergedPrimaryTextProps = {
|
|
79
|
+
variant: "label_large",
|
|
80
|
+
weight: _index.FontWeightEnum.MEDIUM,
|
|
81
|
+
...primaryTextProps,
|
|
82
|
+
className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", primaryTextProps.className)
|
|
83
|
+
};
|
|
84
|
+
const mergedSecondaryTextProps = {
|
|
85
|
+
variant: "label_large",
|
|
86
|
+
weight: _index.FontWeightEnum.BOLD,
|
|
87
|
+
...secondaryTextProps,
|
|
88
|
+
className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", secondaryTextProps.className)
|
|
89
|
+
};
|
|
99
90
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
100
91
|
ref: ref,
|
|
101
92
|
disabled: disabled,
|
|
@@ -104,27 +95,23 @@ function ActionButton(props) {
|
|
|
104
95
|
onPressIn: handlePressIn,
|
|
105
96
|
onPressOut: handlePressOut,
|
|
106
97
|
accessibilityRole: "button",
|
|
107
|
-
accessibilityLabel: accessibilityLabel || `${
|
|
98
|
+
accessibilityLabel: accessibilityLabel || `${primaryText}${secondaryText ? ` ${secondaryText}` : ""}`,
|
|
108
99
|
accessibilityState: {
|
|
109
100
|
disabled: disabled
|
|
110
101
|
},
|
|
111
102
|
pointerEvents: disabled ? "none" : "auto",
|
|
112
103
|
...rest,
|
|
113
104
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
114
|
-
className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60",
|
|
105
|
+
className: (0, _tailwindPreset.merge)("flex items-start shrink-0", disabled && "opacity-60", iconContainerClassName),
|
|
115
106
|
children: iconWithColor
|
|
116
107
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
117
108
|
className: "shrink-0",
|
|
118
109
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
variant: "label_large",
|
|
125
|
-
weight: subtitleWeight,
|
|
126
|
-
className: (0, _tailwindPreset.merge)(textStyle, disabled && "opacity-60", subtitleClassName),
|
|
127
|
-
children: subtitle
|
|
110
|
+
...mergedPrimaryTextProps,
|
|
111
|
+
children: primaryText
|
|
112
|
+
}), secondaryText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
|
|
113
|
+
...mergedSecondaryTextProps,
|
|
114
|
+
children: secondaryText
|
|
128
115
|
})]
|
|
129
116
|
})]
|
|
130
117
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_tailwindPreset","require","_react","_interopRequireDefault","_reactNative","_index","_index2","_classVariants","_jsxRuntime","e","__esModule","default","ActionButton","props","icon","primaryText","secondaryText","primaryTextProps","secondaryTextProps","variant","corners","CornersEnum","MEDIUM","disabled","className","iconContainerClassName","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","isPressed","setIsPressed","React","useState","pressedColorMap","grape","java","pear","tangerine","blackberry","chia","outline","containerStyle","merge","menuCardVariants","iconColorMap","iconWithColor","isValidElement","cloneElement","handlePressIn","event","handlePressOut","textStyle","textVariants","mergedPrimaryTextProps","weight","FontWeightEnum","mergedSecondaryTextProps","BOLD","jsxs","Pressable","accessibilityRole","accessibilityState","pointerEvents","children","jsx","View","Typography","displayName"],"sourceRoot":"../../../../src","sources":["components/ActionButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)
|
|
|
25
25
|
[_index.SizeEnum.LARGE]: ["px-600 h-1000"]
|
|
26
26
|
},
|
|
27
27
|
corners: {
|
|
28
|
-
[_index.CornersEnum.SMALL]: "rounded-
|
|
28
|
+
[_index.CornersEnum.SMALL]: "rounded-600",
|
|
29
29
|
[_index.CornersEnum.MEDIUM]: "rounded-700"
|
|
30
30
|
},
|
|
31
31
|
fullWidth: {
|
|
@@ -3,72 +3,127 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GradientAdd =
|
|
6
|
+
exports.GradientAdd = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
9
|
+
var _index = require("../../../../enums/index.js");
|
|
10
|
+
var _reactNative = require("react-native");
|
|
8
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
-
function
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
const GradientAdd = exports.GradientAdd = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
11
15
|
const {
|
|
12
|
-
size =
|
|
13
|
-
color = "currentColor"
|
|
16
|
+
size = _index.SizeEnum.MEDIUM,
|
|
17
|
+
color = "currentColor",
|
|
18
|
+
style,
|
|
19
|
+
...rest
|
|
14
20
|
} = props;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
ref: ref,
|
|
22
|
-
...props,
|
|
23
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
24
|
-
filter: "url(#filter0_i_3359_12285)",
|
|
25
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
26
|
-
fillRule: "evenodd",
|
|
27
|
-
clipRule: "evenodd",
|
|
28
|
-
d: "M7.99999 2.6665C8.72036 2.6665 9.30434 3.26346 9.30434 3.99984V6.6665H12.029C12.7493 6.6665 13.3333 7.26346 13.3333 7.99984C13.3333 8.73622 12.7493 9.33317 12.029 9.33317H9.30434V11.9998C9.30434 12.7362 8.72036 13.3332 7.99999 13.3332C7.27962 13.3332 6.69564 12.7362 6.69564 11.9998V9.33317H3.971C3.25063 9.33317 2.66666 8.73622 2.66666 7.99984C2.66666 7.26346 3.25063 6.6665 3.971 6.6665H6.69564V3.99984C6.69564 3.26346 7.27962 2.6665 7.99999 2.6665Z",
|
|
29
|
-
fill: "currentColor"
|
|
30
|
-
})
|
|
31
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
32
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Filter, {
|
|
33
|
-
id: "filter0_i_3359_12285",
|
|
21
|
+
const ICON_CONFIG = {
|
|
22
|
+
[_index.SizeEnum.SMALL]: {
|
|
23
|
+
path: "M7.99999 2.66663C8.72036 2.66663 9.30434 3.26358 9.30434 3.99996V6.66663H12.029C12.7493 6.66663 13.3333 7.26358 13.3333 7.99996C13.3333 8.73634 12.7493 9.33329 12.029 9.33329H9.30434V12C9.30434 12.7363 8.72036 13.3333 7.99999 13.3333C7.27962 13.3333 6.69564 12.7363 6.69564 12V9.33329H3.971C3.25063 9.33329 2.66666 8.73634 2.66666 7.99996C2.66666 7.26358 3.25063 6.66663 3.971 6.66663H6.69564V3.99996C6.69564 3.26358 7.27962 2.66663 7.99999 2.66663Z",
|
|
24
|
+
viewBox: "0 0 16 16",
|
|
25
|
+
filter: {
|
|
26
|
+
id: "filter0_i_8151_1877",
|
|
34
27
|
x: "2.66666",
|
|
35
|
-
y: "2.
|
|
28
|
+
y: "2.66663",
|
|
36
29
|
width: "11.6667",
|
|
37
|
-
height: "11.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
30
|
+
height: "11.6666"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
[_index.SizeEnum.MEDIUM]: {
|
|
34
|
+
path: "M12 4C13.0806 4 13.9565 4.89543 13.9565 6V10H18.0435C19.124 10 20 10.8954 20 12C20 13.1046 19.124 14 18.0435 14H13.9565V18C13.9565 19.1046 13.0806 20 12 20C10.9194 20 10.0435 19.1046 10.0435 18V14H5.95652C4.87596 14 4 13.1046 4 12C4 10.8954 4.87596 10 5.95652 10H10.0435V6C10.0435 4.89543 10.9194 4 12 4Z",
|
|
35
|
+
viewBox: "0 0 24 24",
|
|
36
|
+
filter: {
|
|
37
|
+
id: "filter0_i_8151_1873",
|
|
38
|
+
x: "4",
|
|
39
|
+
y: "4",
|
|
40
|
+
width: "17",
|
|
41
|
+
height: "17"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
[_index.SizeEnum.LARGE]: {
|
|
45
|
+
path: "M16 5.33337C17.4408 5.33337 18.6087 6.52728 18.6087 8.00004V13.3334H24.058C25.4987 13.3334 26.6667 14.5273 26.6667 16C26.6667 17.4728 25.4987 18.6667 24.058 18.6667H18.6087V24C18.6087 25.4728 17.4408 26.6667 16 26.6667C14.5593 26.6667 13.3913 25.4728 13.3913 24V18.6667H7.94204C6.5013 18.6667 5.33334 17.4728 5.33334 16C5.33334 14.5273 6.5013 13.3334 7.94204 13.3334H13.3913V8.00004C13.3913 6.52728 14.5593 5.33337 16 5.33337Z",
|
|
46
|
+
viewBox: "0 0 32 32",
|
|
47
|
+
filter: {
|
|
48
|
+
id: "filter0_i_8151_1881",
|
|
49
|
+
x: "5.33334",
|
|
50
|
+
y: "5.33337",
|
|
51
|
+
width: "22.3333",
|
|
52
|
+
height: "22.3334"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const SIZE_MAP = {
|
|
57
|
+
[_index.SizeEnum.SMALL]: 16,
|
|
58
|
+
[_index.SizeEnum.MEDIUM]: 24,
|
|
59
|
+
[_index.SizeEnum.LARGE]: 32
|
|
60
|
+
};
|
|
61
|
+
const config = ICON_CONFIG[size] || ICON_CONFIG[_index.SizeEnum.MEDIUM];
|
|
62
|
+
const filterId = config.filter.id;
|
|
63
|
+
const iconSize = SIZE_MAP[size] || 24;
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
65
|
+
style: [{
|
|
66
|
+
width: iconSize,
|
|
67
|
+
height: iconSize
|
|
68
|
+
}, style],
|
|
69
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
70
|
+
width: "100%",
|
|
71
|
+
height: "100%",
|
|
72
|
+
viewBox: config.viewBox,
|
|
73
|
+
fill: "none",
|
|
74
|
+
color: color,
|
|
75
|
+
ref: ref,
|
|
76
|
+
...rest,
|
|
77
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
78
|
+
filter: `url(#${filterId})`,
|
|
79
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
80
|
+
fillRule: "evenodd",
|
|
81
|
+
clipRule: "evenodd",
|
|
82
|
+
d: config.path,
|
|
83
|
+
fill: "currentColor"
|
|
84
|
+
})
|
|
85
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Filter, {
|
|
87
|
+
id: filterId,
|
|
88
|
+
x: config.filter.x,
|
|
89
|
+
y: config.filter.y,
|
|
90
|
+
width: config.filter.width,
|
|
91
|
+
height: config.filter.height,
|
|
92
|
+
filterUnits: "userSpaceOnUse",
|
|
93
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeFlood, {
|
|
94
|
+
floodOpacity: "0",
|
|
95
|
+
result: "BackgroundImageFix"
|
|
96
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeBlend, {
|
|
97
|
+
mode: "normal",
|
|
98
|
+
in: "SourceGraphic",
|
|
99
|
+
in2: "BackgroundImageFix",
|
|
100
|
+
result: "shape"
|
|
101
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeColorMatrix, {
|
|
102
|
+
in: "SourceAlpha",
|
|
103
|
+
type: "matrix",
|
|
104
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
105
|
+
result: "hardAlpha"
|
|
106
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeOffset, {
|
|
107
|
+
dx: "1",
|
|
108
|
+
dy: "1"
|
|
109
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeGaussianBlur, {
|
|
110
|
+
stdDeviation: "1"
|
|
111
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeComposite, {
|
|
112
|
+
in2: "hardAlpha",
|
|
113
|
+
operator: "arithmetic",
|
|
114
|
+
k2: "-1",
|
|
115
|
+
k3: "1"
|
|
116
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeColorMatrix, {
|
|
117
|
+
type: "matrix",
|
|
118
|
+
values: "0 0 0 0 0.447059 0 0 0 0 0.403922 0 0 0 0 0.894118 0 0 0 0.4 0"
|
|
119
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeBlend, {
|
|
120
|
+
mode: "normal",
|
|
121
|
+
in2: "shape",
|
|
122
|
+
result: `effect1_innerShadow_${filterId}`
|
|
123
|
+
})]
|
|
124
|
+
})
|
|
125
|
+
})]
|
|
126
|
+
})
|
|
72
127
|
});
|
|
73
|
-
}
|
|
128
|
+
});
|
|
74
129
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeSvg","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_index","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GradientAdd","exports","React","forwardRef","props","ref","size","SizeEnum","MEDIUM","color","style","rest","ICON_CONFIG","SMALL","path","viewBox","filter","id","x","y","width","height","LARGE","SIZE_MAP","config","filterId","iconSize","jsx","View","children","jsxs","fill","G","Path","fillRule","clipRule","d","Defs","Filter","filterUnits","FeFlood","floodOpacity","result","FeBlend","mode","in","in2","FeColorMatrix","type","values","FeOffset","dx","dy","FeGaussianBlur","stdDeviation","FeComposite","operator","k2","k3"],"sourceRoot":"../../../../../../src","sources":["components/InformationStatus/components/GradientAdd/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,76 +4,133 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.GradientAlert = GradientAlert;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
9
|
+
var _index = require("../../../../enums/index.js");
|
|
10
|
+
var _reactNative = require("react-native");
|
|
8
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
12
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
14
|
function GradientAlert(props, ref) {
|
|
11
15
|
const {
|
|
12
|
-
size =
|
|
13
|
-
color = "currentColor"
|
|
16
|
+
size = _index.SizeEnum.MEDIUM,
|
|
17
|
+
color = "currentColor",
|
|
18
|
+
style,
|
|
19
|
+
...rest
|
|
14
20
|
} = props;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
ref: ref,
|
|
22
|
-
...props,
|
|
23
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
24
|
-
filter: "url(#filter0_i_3359_12282)",
|
|
25
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
26
|
-
fillRule: "evenodd",
|
|
27
|
-
clipRule: "evenodd",
|
|
28
|
-
d: "M8.00001 2C8.73638 2 9.33334 2.58216 9.33334 3.30028V9.36639C9.33334 10.0845 8.73638 10.6667 8.00001 10.6667C7.26363 10.6667 6.66667 10.0845 6.66667 9.36639V3.30028C6.66667 2.58216 7.26363 2 8.00001 2Z",
|
|
29
|
-
fill: "currentColor"
|
|
30
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
31
|
-
fillRule: "evenodd",
|
|
32
|
-
clipRule: "evenodd",
|
|
33
|
-
d: "M8.00001 11.3333C8.73638 11.3333 9.33334 11.9154 9.33334 12.6336V12.6997C9.33334 13.4178 8.73638 14 8.00001 14C7.26363 14 6.66667 13.4178 6.66667 12.6997V12.6336C6.66667 11.9154 7.26363 11.3333 8.00001 11.3333Z",
|
|
34
|
-
fill: "currentColor"
|
|
35
|
-
})]
|
|
36
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
37
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Filter, {
|
|
38
|
-
id: "filter0_i_3359_12282",
|
|
21
|
+
const ICON_CONFIG = {
|
|
22
|
+
[_index.SizeEnum.SMALL]: {
|
|
23
|
+
paths: ["M8.00001 2C8.73638 2 9.33334 2.58216 9.33334 3.30028V9.36639C9.33334 10.0845 8.73638 10.6667 8.00001 10.6667C7.26363 10.6667 6.66667 10.0845 6.66667 9.36639V3.30028C6.66667 2.58216 7.26363 2 8.00001 2Z", "M8.00001 11.3333C8.73638 11.3333 9.33334 11.9154 9.33334 12.6336V12.6997C9.33334 13.4178 8.73638 14 8.00001 14C7.26363 14 6.66667 13.4178 6.66667 12.6997V12.6336C6.66667 11.9154 7.26363 11.3333 8.00001 11.3333Z"],
|
|
24
|
+
viewBox: "0 0 16 16",
|
|
25
|
+
filter: {
|
|
26
|
+
id: "filter0_i_8151_1867",
|
|
39
27
|
x: "6.66667",
|
|
40
28
|
y: "2",
|
|
41
29
|
width: "3.66667",
|
|
42
30
|
height: "13",
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
31
|
+
colorMatrix: "0 0 0 0 0.960784 0 0 0 0 0.541176 0 0 0 0 0.239216 0 0 0 0.4 0"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
[_index.SizeEnum.MEDIUM]: {
|
|
35
|
+
paths: ["M12 3C13.1046 3 14 3.87323 14 4.95042V14.0496C14 15.1268 13.1046 16 12 16C10.8954 16 10 15.1268 10 14.0496V4.95042C10 3.87323 10.8954 3 12 3Z", "M12 16.9999C13.1046 16.9999 14 17.8732 14 18.9503V19.0495C14 20.1267 13.1046 20.9999 12 20.9999C10.8954 20.9999 10 20.1267 10 19.0495V18.9503C10 17.8732 10.8954 16.9999 12 16.9999Z"],
|
|
36
|
+
viewBox: "0 0 24 24",
|
|
37
|
+
filter: {
|
|
38
|
+
id: "filter0_i_8151_1859",
|
|
39
|
+
x: "10",
|
|
40
|
+
y: "3",
|
|
41
|
+
width: "5",
|
|
42
|
+
height: "18.9999",
|
|
43
|
+
colorMatrix: "0 0 0 0 0.960784 0 0 0 0 0.541176 0 0 0 0 0.239216 0 0 0 0.4 0"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
[_index.SizeEnum.LARGE]: {
|
|
47
|
+
paths: ["M16 4C17.4728 4 18.6667 5.16431 18.6667 6.60056V18.7328C18.6667 20.169 17.4728 21.3333 16 21.3333C14.5272 21.3333 13.3333 20.169 13.3333 18.7328V6.60056C13.3333 5.16431 14.5272 4 16 4Z", "M16 22.6666C17.4728 22.6666 18.6667 23.8309 18.6667 25.2671V25.3993C18.6667 26.8356 17.4728 27.9999 16 27.9999C14.5272 27.9999 13.3333 26.8356 13.3333 25.3993V25.2671C13.3333 23.8309 14.5272 22.6666 16 22.6666Z"],
|
|
48
|
+
viewBox: "0 0 32 32",
|
|
49
|
+
filter: {
|
|
50
|
+
id: "filter0_i_8151_1869",
|
|
51
|
+
x: "13.3333",
|
|
52
|
+
y: "4",
|
|
53
|
+
width: "6.33333",
|
|
54
|
+
height: "24.9999",
|
|
55
|
+
colorMatrix: "0 0 0 0 0.960784 0 0 0 0 0.541176 0 0 0 0 0.239216 0 0 0 0.4 0"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
const SIZE_MAP = {
|
|
60
|
+
[_index.SizeEnum.SMALL]: 16,
|
|
61
|
+
[_index.SizeEnum.MEDIUM]: 24,
|
|
62
|
+
[_index.SizeEnum.LARGE]: 32
|
|
63
|
+
};
|
|
64
|
+
const config = ICON_CONFIG[size] || ICON_CONFIG[_index.SizeEnum.MEDIUM];
|
|
65
|
+
const {
|
|
66
|
+
paths,
|
|
67
|
+
viewBox,
|
|
68
|
+
filter
|
|
69
|
+
} = config;
|
|
70
|
+
const iconSize = SIZE_MAP[size] || 24;
|
|
71
|
+
const filterId = filter.id;
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
73
|
+
style: [{
|
|
74
|
+
width: iconSize,
|
|
75
|
+
height: iconSize
|
|
76
|
+
}, style],
|
|
77
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
78
|
+
width: "100%",
|
|
79
|
+
height: "100%",
|
|
80
|
+
viewBox: viewBox,
|
|
81
|
+
fill: "none",
|
|
82
|
+
color: color,
|
|
83
|
+
ref: ref,
|
|
84
|
+
...rest,
|
|
85
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
|
|
86
|
+
filter: `url(#${filterId})`,
|
|
87
|
+
children: paths.map((d, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
88
|
+
fillRule: "evenodd",
|
|
89
|
+
clipRule: "evenodd",
|
|
90
|
+
d: d,
|
|
91
|
+
fill: "currentColor"
|
|
92
|
+
}, i))
|
|
93
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
|
|
94
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Filter, {
|
|
95
|
+
id: filter.id,
|
|
96
|
+
x: filter.x,
|
|
97
|
+
y: filter.y,
|
|
98
|
+
width: filter.width,
|
|
99
|
+
height: filter.height,
|
|
100
|
+
filterUnits: "userSpaceOnUse",
|
|
101
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeFlood, {
|
|
102
|
+
floodOpacity: "0",
|
|
103
|
+
result: "BackgroundImageFix"
|
|
104
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeBlend, {
|
|
105
|
+
in: "SourceGraphic",
|
|
106
|
+
in2: "BackgroundImageFix",
|
|
107
|
+
result: "shape"
|
|
108
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeColorMatrix, {
|
|
109
|
+
in: "SourceAlpha",
|
|
110
|
+
type: "matrix",
|
|
111
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
112
|
+
result: "hardAlpha"
|
|
113
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeOffset, {
|
|
114
|
+
dx: "1",
|
|
115
|
+
dy: "1"
|
|
116
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeGaussianBlur, {
|
|
117
|
+
stdDeviation: "1"
|
|
118
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeComposite, {
|
|
119
|
+
in2: "hardAlpha",
|
|
120
|
+
operator: "arithmetic",
|
|
121
|
+
k2: "-1",
|
|
122
|
+
k3: "1"
|
|
123
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeColorMatrix, {
|
|
124
|
+
type: "matrix",
|
|
125
|
+
values: filter.colorMatrix
|
|
126
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.FeBlend, {
|
|
127
|
+
mode: "normal",
|
|
128
|
+
in2: "shape",
|
|
129
|
+
result: "effect1_innerShadow"
|
|
130
|
+
})]
|
|
131
|
+
})
|
|
132
|
+
})]
|
|
133
|
+
})
|
|
77
134
|
});
|
|
78
135
|
}
|
|
79
136
|
//# sourceMappingURL=index.js.map
|