@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.4
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/Button/assets/class-variants.js +0 -5
- package/dist/commonjs/components/Button/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/Button/index.js +10 -4
- package/dist/commonjs/components/Button/index.js.map +1 -1
- package/dist/commonjs/components/Chip/index.js +7 -3
- package/dist/commonjs/components/Chip/index.js.map +1 -1
- package/dist/commonjs/components/HighlightedText/index.js +20 -16
- package/dist/commonjs/components/HighlightedText/index.js.map +1 -1
- package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js +3 -3
- package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js.map +1 -1
- package/dist/commonjs/components/InputOTP/enums/index.js +9 -11
- package/dist/commonjs/components/InputOTP/enums/index.js.map +1 -1
- package/dist/commonjs/components/Toggle/enums/variant.js +8 -8
- package/dist/commonjs/components/Toggle/enums/variant.js.map +1 -1
- package/dist/commonjs/components/Toggle/index.js +1 -1
- package/dist/commonjs/components/Toggle/index.js.map +1 -1
- package/dist/commonjs/components/Typography/assets/class-variants.js +59 -0
- package/dist/commonjs/components/Typography/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Typography/index.js +9 -5
- package/dist/commonjs/components/Typography/index.js.map +1 -1
- package/dist/commonjs/components/index.js +97 -9
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/commonjs/hooks/use-fonts.js +8 -0
- package/dist/commonjs/hooks/use-fonts.js.map +1 -1
- package/dist/module/components/Button/assets/class-variants.js +0 -5
- package/dist/module/components/Button/assets/class-variants.js.map +1 -1
- package/dist/module/components/Button/index.js +11 -4
- package/dist/module/components/Button/index.js.map +1 -1
- package/dist/module/components/Chip/index.js +8 -4
- package/dist/module/components/Chip/index.js.map +1 -1
- package/dist/module/components/HighlightedText/index.js +20 -16
- package/dist/module/components/HighlightedText/index.js.map +1 -1
- package/dist/module/components/InputOTP/components/InformationStatus/index.js +1 -1
- package/dist/module/components/InputOTP/components/InformationStatus/index.js.map +1 -1
- package/dist/module/components/InputOTP/enums/index.js +8 -1
- package/dist/module/components/InputOTP/enums/index.js.map +1 -1
- package/dist/module/components/Toggle/enums/variant.js +7 -7
- package/dist/module/components/Toggle/enums/variant.js.map +1 -1
- package/dist/module/components/Toggle/index.js +2 -2
- package/dist/module/components/Toggle/index.js.map +1 -1
- package/dist/module/components/Typography/assets/class-variants.js +55 -0
- package/dist/module/components/Typography/assets/class-variants.js.map +1 -0
- package/dist/module/components/Typography/index.js +9 -5
- package/dist/module/components/Typography/index.js.map +1 -1
- package/dist/module/components/index.js +8 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/hooks/use-fonts.js +8 -0
- package/dist/module/hooks/use-fonts.js.map +1 -1
- package/dist/package.json +1 -2
- package/dist/typescript/components/Button/assets/class-variants.d.ts +0 -1
- package/dist/typescript/components/Button/index.d.ts +2 -2
- package/dist/typescript/components/Chip/index.d.ts +2 -1
- package/dist/typescript/components/HighlightedText/index.d.ts +1 -0
- package/dist/typescript/components/HighlightedText/types.d.ts +9 -3
- package/dist/typescript/components/InputOTP/enums/index.d.ts +7 -1
- package/dist/typescript/components/Toggle/enums/variant.d.ts +1 -1
- package/dist/typescript/components/Toggle/types.d.ts +2 -2
- package/dist/typescript/components/Typography/assets/class-variants.d.ts +4 -0
- package/dist/typescript/components/Typography/index.d.ts +3 -3
- package/dist/typescript/components/Typography/types.d.ts +3 -3
- package/dist/typescript/components/index.d.ts +17 -0
- package/package.json +12 -14
- package/src/components/Button/assets/class-variants.ts +0 -5
- package/src/components/Button/index.tsx +24 -6
- package/src/components/Chip/index.tsx +16 -8
- package/src/components/HighlightedText/index.stories.tsx +117 -18
- package/src/components/HighlightedText/index.tsx +36 -16
- package/src/components/HighlightedText/types.ts +9 -3
- package/src/components/InputOTP/components/InformationStatus/index.tsx +1 -1
- package/src/components/InputOTP/enums/index.ts +7 -1
- package/src/components/InputOTP/index.stories.tsx +13 -4
- package/src/components/Title/index.stories.tsx +185 -75
- package/src/components/Toggle/enums/variant.ts +1 -1
- package/src/components/Toggle/index.stories.tsx +19 -19
- package/src/components/Toggle/index.tsx +2 -2
- package/src/components/Toggle/types.ts +2 -2
- package/src/components/Typography/assets/class-variants.ts +56 -0
- package/src/components/Typography/index.stories.tsx +117 -159
- package/src/components/Typography/index.tsx +9 -5
- package/src/components/Typography/types.ts +5 -3
- package/src/components/index.ts +27 -0
- package/src/hooks/use-fonts.ts +8 -0
- package/assets/adaptive-icon.png +0 -0
- package/assets/favicon.png +0 -0
- package/assets/fonts/Nunito-Bold.ttf +0 -0
- package/assets/fonts/Nunito-BoldItalic.ttf +0 -0
- package/assets/fonts/Nunito-Italic.ttf +0 -0
- package/assets/fonts/Nunito-Medium.ttf +0 -0
- package/assets/fonts/Nunito-MediumItalic.ttf +0 -0
- package/assets/fonts/Nunito-Regular.ttf +0 -0
- package/assets/fonts/Nunito-SemiBold.ttf +0 -0
- package/assets/fonts/Nunito-SemiBoldItalic.ttf +0 -0
- package/assets/icon.png +0 -0
- package/assets/splash.png +0 -0
- package/dist/commonjs/components/InputOTP/enums/information-status.js +0 -15
- package/dist/commonjs/components/InputOTP/enums/information-status.js.map +0 -1
- package/dist/module/components/InputOTP/enums/information-status.js +0 -11
- package/dist/module/components/InputOTP/enums/information-status.js.map +0 -1
- package/dist/typescript/components/InputOTP/enums/information-status.d.ts +0 -7
- package/src/components/InputOTP/enums/information-status.ts +0 -7
|
@@ -54,11 +54,6 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("",
|
|
|
54
54
|
glass: "text-chia-900",
|
|
55
55
|
ghost: "text-chia-900"
|
|
56
56
|
},
|
|
57
|
-
size: {
|
|
58
|
-
small: "text-label_small_700",
|
|
59
|
-
medium: "text-label_medium_700",
|
|
60
|
-
large: "text-label_large_700"
|
|
61
|
-
},
|
|
62
57
|
selected: {
|
|
63
58
|
true: ""
|
|
64
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","buttonVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","small","medium","large","corners","fullWidth","true","selected","defaultVariants","textVariants","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,sCAAsC,EACtC,WAAW,EACX,0BAA0B,CAC3B,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,2CAA2C,CAAC;MACpEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,SAAS,EAAE,CACT,kBAAkB,EAClB,+CAA+C,CAChD;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,gDAAgD,CACjD;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,OAAO,EAAE,CACP,wCAAwC,EACxC,0CAA0C,CAC3C;MACDC,KAAK,EAAE,CACL,0CAA0C,EAC1C,6CAA6C,CAC9C;MACDC,KAAK,EAAE,CAAC,gBAAgB,EAAE,qBAAqB;IACjD,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,CAAC,cAAc,CAAC;MACvBC,MAAM,EAAE,CAAC,cAAc,CAAC;MACxBC,KAAK,EAAE,CAAC,eAAe;IACzB,CAAC;IACDC,OAAO,EAAE;MACPH,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACflB,OAAO,EAAE,OAAO;IAChBU,IAAI,EAAE,QAAQ;IACdI,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,MAAMI,YAAY,GAAAtB,OAAA,CAAAsB,YAAA,GAAG,IAAArB,2BAAG,EAAC,EAAE,EAAE;EAC3BC,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,eAAe;MACxBC,KAAK,EAAE,eAAe;MACtBC,KAAK,EAAE;IACT,CAAC;
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","buttonVariants","exports","cva","variants","variant","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","size","small","medium","large","corners","fullWidth","true","selected","defaultVariants","textVariants","compoundVariants","class","selectedVariants"],"sourceRoot":"../../../../../src","sources":["components/Button/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,sCAAsC,EACtC,WAAW,EACX,0BAA0B,CAC3B,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,cAAc,EAAE,2CAA2C,CAAC;MACpEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,SAAS,EAAE,CACT,kBAAkB,EAClB,+CAA+C,CAChD;MACDC,UAAU,EAAE,CACV,mBAAmB,EACnB,gDAAgD,CACjD;MACDC,IAAI,EAAE,CAAC,aAAa,EAAE,0CAA0C,CAAC;MACjEC,OAAO,EAAE,CACP,wCAAwC,EACxC,0CAA0C,CAC3C;MACDC,KAAK,EAAE,CACL,0CAA0C,EAC1C,6CAA6C,CAC9C;MACDC,KAAK,EAAE,CAAC,gBAAgB,EAAE,qBAAqB;IACjD,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,CAAC,cAAc,CAAC;MACvBC,MAAM,EAAE,CAAC,cAAc,CAAC;MACxBC,KAAK,EAAE,CAAC,eAAe;IACzB,CAAC;IACDC,OAAO,EAAE;MACPH,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDG,SAAS,EAAE;MACTC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACflB,OAAO,EAAE,OAAO;IAChBU,IAAI,EAAE,QAAQ;IACdI,OAAO,EAAE,QAAQ;IACjBC,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,MAAMI,YAAY,GAAAtB,OAAA,CAAAsB,YAAA,GAAG,IAAArB,2BAAG,EAAC,EAAE,EAAE;EAC3BC,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,eAAe;MACxBC,KAAK,EAAE,eAAe;MACtBC,KAAK,EAAE;IACT,CAAC;IACDQ,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDI,gBAAgB,EAAE,CAChB;IACEpB,OAAO,EAAE,SAAS;IAClBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC,EACD;IACErB,OAAO,EAAE,OAAO;IAChBiB,QAAQ,EAAE,IAAI;IACdI,KAAK,EAAE;EACT,CAAC;AAEL,CAAC,CAAC;AAEF,MAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,GAAG,IAAAxB,2BAAG,EAAC,EAAE,EAAE;EAC/BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,cAAc;MACrBC,IAAI,EAAE,aAAa;MACnBC,IAAI,EAAE,aAAa;MACnBC,SAAS,EAAE,kBAAkB;MAC7BC,UAAU,EAAE,mBAAmB;MAC/BC,IAAI,EAAE,aAAa;MACnBC,OAAO,EAAE,0CAA0C;MACnDC,KAAK,EAAE,gBAAgB;MACvBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Button = Button;
|
|
7
|
-
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _reactNative = require("react-native");
|
|
10
9
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
11
10
|
var _index = require("../LoadingDots/index.js");
|
|
11
|
+
var _index2 = require("../Typography/index.js");
|
|
12
12
|
var _classVariants = require("./assets/class-variants.js");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -42,10 +42,15 @@ function Button(props) {
|
|
|
42
42
|
glass: "grape",
|
|
43
43
|
ghost: "grape"
|
|
44
44
|
};
|
|
45
|
+
const typographyVariantMap = {
|
|
46
|
+
small: "label_small",
|
|
47
|
+
medium: "label_medium",
|
|
48
|
+
large: "label_large"
|
|
49
|
+
};
|
|
50
|
+
const typographyVariant = typographyVariantMap[size ?? "medium"];
|
|
45
51
|
function renderContent() {
|
|
46
52
|
const textStyle = (0, _tailwindPreset.merge)((0, _classVariants.textVariants)({
|
|
47
53
|
variant,
|
|
48
|
-
size,
|
|
49
54
|
selected: selected && (variant === "outline" || variant === "ghost")
|
|
50
55
|
}));
|
|
51
56
|
if (loading) {
|
|
@@ -57,7 +62,9 @@ function Button(props) {
|
|
|
57
62
|
})
|
|
58
63
|
});
|
|
59
64
|
}
|
|
60
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
65
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Typography, {
|
|
66
|
+
variant: typographyVariant,
|
|
67
|
+
weight: "700",
|
|
61
68
|
className: textStyle,
|
|
62
69
|
numberOfLines: 1,
|
|
63
70
|
children: children
|
|
@@ -112,5 +119,4 @@ function Button(props) {
|
|
|
112
119
|
});
|
|
113
120
|
}
|
|
114
121
|
Button.displayName = "Button";
|
|
115
|
-
var _default = exports.default = Button;
|
|
116
122
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_classVariants","_jsxRuntime","e","__esModule","default","Button","props","variant","size","corners","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Animated","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_index","_index2","_classVariants","_jsxRuntime","e","__esModule","default","Button","props","variant","size","corners","fullWidth","loading","selected","disabled","className","children","onPress","accessibilityLabel","ref","onPressIn","onPressOut","rest","animatedValue","React","useRef","Animated","Value","current","loadingDotsVariantsMap","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost","typographyVariantMap","small","medium","large","typographyVariant","renderContent","textStyle","merge","textVariants","_variant","jsx","Fragment","LoadingDots","Typography","weight","numberOfLines","buttonStyle","buttonVariants","undefined","selectedVariants","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","View","style","opacity","Pressable","accessibilityRole","accessibilityState","busy","pointerEvents","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _classVariants = require("./assets/class-variants.js");
|
|
|
9
9
|
var _index = require("../Seal/index.js");
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _index2 = require("../Seal/enums/index.js");
|
|
12
|
+
var _index3 = require("../Typography/index.js");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function Chip(props) {
|
|
14
15
|
const {
|
|
@@ -18,7 +19,8 @@ function Chip(props) {
|
|
|
18
19
|
size = "medium",
|
|
19
20
|
variant = "outline"
|
|
20
21
|
} = props;
|
|
21
|
-
const
|
|
22
|
+
const typographyVariant = size === "medium" ? "label_small" : "label_medium";
|
|
23
|
+
const textColorClass = variant === "filled" ? "text-chia-200" : "text-chia-900";
|
|
22
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
23
25
|
className: (0, _tailwindPreset.merge)((0, _classVariants.chipVariants)({
|
|
24
26
|
size,
|
|
@@ -29,8 +31,10 @@ function Chip(props) {
|
|
|
29
31
|
variant: sealVariant,
|
|
30
32
|
inverted: variant === "filled",
|
|
31
33
|
size: "small"
|
|
32
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
33
|
-
|
|
34
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
35
|
+
variant: typographyVariant,
|
|
36
|
+
weight: "700",
|
|
37
|
+
className: (0, _tailwindPreset.merge)("mx-auto", textColorClass),
|
|
34
38
|
children: label
|
|
35
39
|
})]
|
|
36
40
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_tailwindPreset","require","_classVariants","_index","_reactNative","_index2","_jsxRuntime","Chip","props","label","className","sealVariant","SealVariantEnum","ADD","size","variant","
|
|
1
|
+
{"version":3,"names":["_tailwindPreset","require","_classVariants","_index","_reactNative","_index2","_index3","_jsxRuntime","Chip","props","label","className","sealVariant","SealVariantEnum","ADD","size","variant","typographyVariant","textColorClass","jsxs","View","merge","chipVariants","children","jsx","Seal","inverted","Typography","weight"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAEpC,SAASO,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,WAAW,GAAGC,uBAAe,CAACC,GAAG;IACjCC,IAAI,GAAG,QAAQ;IACfC,OAAO,GAAG;EACZ,CAAC,GAAGP,KAAK;EAET,MAAMQ,iBAAiB,GAAGF,IAAI,KAAK,QAAQ,GAAG,aAAa,GAAG,cAAc;EAE5E,MAAMG,cAAc,GAClBF,OAAO,KAAK,QAAQ,GAAG,eAAe,GAAG,eAAe;EAE1D,oBACE,IAAAT,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;IACHT,SAAS,EAAE,IAAAU,qBAAK,EAAC,IAAAC,2BAAY,EAAC;MAAEP,IAAI;MAAEC,OAAO;MAAEJ;IAAY,CAAC,CAAC,EAAED,SAAS,CAAE;IAAAY,QAAA,gBAE1E,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,MAAA,CAAAsB,IAAI;MACHT,OAAO,EAAEJ,WAAY;MACrBc,QAAQ,EAAEV,OAAO,KAAK,QAAS;MAC/BD,IAAI,EAAC;IAAO,CACb,CAAC,eACF,IAAAR,WAAA,CAAAiB,GAAA,EAAClB,OAAA,CAAAqB,UAAU;MACTX,OAAO,EAAEC,iBAAkB;MAC3BW,MAAM,EAAC,KAAK;MACZjB,SAAS,EAAE,IAAAU,qBAAK,EAAC,SAAS,EAAEH,cAAc,CAAE;MAAAK,QAAA,EAE3Cb;IAAK,CACI,CAAC;EAAA,CACT,CAAC;AAEX","ignoreList":[]}
|
|
@@ -5,38 +5,42 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.HighlightedText = HighlightedText;
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var
|
|
9
|
-
var _reactNative = require("react-native");
|
|
8
|
+
var _index = require("../Typography/index.js");
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
function HighlightedText(props) {
|
|
12
11
|
const {
|
|
13
12
|
text,
|
|
14
13
|
highlightText,
|
|
15
14
|
className,
|
|
16
|
-
highlightTextClassName,
|
|
17
15
|
reverse,
|
|
18
|
-
|
|
16
|
+
highlightedTextProps = {},
|
|
17
|
+
variant = "label_medium",
|
|
18
|
+
weight = "400",
|
|
19
19
|
...rest
|
|
20
20
|
} = props;
|
|
21
|
-
const mergeClassName = (0, _tailwindPreset.merge)("text-label_medium_300", className);
|
|
22
|
-
const mergeHighlightClassName = (0, _tailwindPreset.merge)("text-label_medium_700", highlightTextClassName);
|
|
23
21
|
if (reverse) {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Typography, {
|
|
23
|
+
variant: variant,
|
|
24
|
+
weight: weight,
|
|
25
|
+
className: className,
|
|
27
26
|
...rest,
|
|
28
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
29
|
-
|
|
27
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
|
|
28
|
+
variant: highlightedTextProps.variant,
|
|
29
|
+
weight: highlightedTextProps.weight,
|
|
30
|
+
...highlightedTextProps,
|
|
30
31
|
children: highlightText
|
|
31
32
|
}), " ", text]
|
|
32
33
|
});
|
|
33
34
|
}
|
|
34
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Typography, {
|
|
36
|
+
variant: variant,
|
|
37
|
+
weight: weight,
|
|
38
|
+
className: className,
|
|
37
39
|
...rest,
|
|
38
|
-
children: [text, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
39
|
-
|
|
40
|
+
children: [text, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
|
|
41
|
+
variant: highlightedTextProps.variant || "label_medium",
|
|
42
|
+
weight: highlightedTextProps.weight || "700",
|
|
43
|
+
...highlightedTextProps,
|
|
40
44
|
children: highlightText
|
|
41
45
|
})]
|
|
42
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_index","require","_jsxRuntime","HighlightedText","props","text","highlightText","className","reverse","highlightedTextProps","variant","weight","rest","jsxs","Typography","children","jsx","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAA2C,IAAAC,WAAA,GAAAD,OAAA;AAEpC,SAASE,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,IAAI;IACJC,aAAa;IACbC,SAAS;IACTC,OAAO;IACPC,oBAAoB,GAAG,CAAC,CAAC;IACzBC,OAAO,GAAG,cAAc;IACxBC,MAAM,GAAG,KAAK;IACd,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,IAAII,OAAO,EAAE;IACX,oBACE,IAAAN,WAAA,CAAAW,IAAA,EAACb,MAAA,CAAAc,UAAU;MACTJ,OAAO,EAAEA,OAAQ;MACjBC,MAAM,EAAEA,MAAO;MACfJ,SAAS,EAAEA,SAAU;MAAA,GACjBK,IAAI;MAAAG,QAAA,gBAER,IAAAb,WAAA,CAAAc,GAAA,EAAChB,MAAA,CAAAc,UAAU;QACTJ,OAAO,EAAED,oBAAoB,CAACC,OAAQ;QACtCC,MAAM,EAAEF,oBAAoB,CAACE,MAAO;QAAA,GAChCF,oBAAoB;QAAAM,QAAA,EAEvBT;MAAa,CACJ,CAAC,EAAC,GAAG,EAChBD,IAAI;IAAA,CACK,CAAC;EAEjB;EAEA,oBACE,IAAAH,WAAA,CAAAW,IAAA,EAACb,MAAA,CAAAc,UAAU;IACTJ,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfJ,SAAS,EAAEA,SAAU;IAAA,GACjBK,IAAI;IAAAG,QAAA,GAEPV,IAAI,EAAE,GAAG,eACV,IAAAH,WAAA,CAAAc,GAAA,EAAChB,MAAA,CAAAc,UAAU;MACTJ,OAAO,EAAED,oBAAoB,CAACC,OAAO,IAAI,cAAe;MACxDC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,IAAI,KAAM;MAAA,GACzCF,oBAAoB;MAAAM,QAAA,EAEvBT;IAAa,CACJ,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAH,eAAe,CAACc,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACjCjB,eAAe","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ exports.InformationStatus = InformationStatus;
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
11
|
-
var _index =
|
|
11
|
+
var _index = require("../../../Button/index.js");
|
|
12
12
|
var _index2 = require("../../../HighlightedText/index.js");
|
|
13
13
|
var _index3 = _interopRequireDefault(require("../../../LoadingDots/index.js"));
|
|
14
14
|
var _index4 = require("../../../Chip/index.js");
|
|
@@ -28,7 +28,7 @@ function InformationStatus(props) {
|
|
|
28
28
|
const textStyle = (0, _tailwindPreset.merge)("", disabled && "opacity-50");
|
|
29
29
|
if (status === _index7.InformationStatusEnum.DEFAULT) {
|
|
30
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
31
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
|
|
32
32
|
variant: "outline",
|
|
33
33
|
corners: "medium",
|
|
34
34
|
disabled: disabled,
|
|
@@ -71,7 +71,7 @@ function InformationStatus(props) {
|
|
|
71
71
|
}
|
|
72
72
|
if (status === _index7.InformationStatusEnum.ERROR) {
|
|
73
73
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
74
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
74
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
|
|
75
75
|
variant: "outline",
|
|
76
76
|
corners: "medium",
|
|
77
77
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Object","defineProperty","exports","value","InformationStatus","default","_react","require","_tailwindPreset","_index","
|
|
1
|
+
{"version":3,"names":["Object","defineProperty","exports","value","InformationStatus","default","_react","require","_tailwindPreset","_index","_index2","_index3","_interopRequireDefault","_index4","_reactNative","_index5","_index6","_index7","_jsxRuntime","e","__esModule","props","status","InformationStatusEnum","DEFAULT","disabled","onPress","renderInformation","useMemo","textStyle","merge","jsxs","Fragment","children","jsx","Button","variant","corners","size","HighlightedText","highlightText","text","reverse","className","LOADING","SUCCESS","Chip","ChipVariantEnum","OUTLINE","sealVariant","SealVariantEnum","label","ERROR","Text","_default"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAAAF,OAAA,CAAAG,OAAA;AAEb,IAAAC,MAAA,GAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAAoD,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAK,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAd,OAAA,EAAAc,CAAA;AAE7C,SAASf,iBAAiBA,CAACiB,KAA6B,EAAE;EAC/D,MAAM;IACJC,MAAM,GAAGC,6BAAqB,CAACC,OAAO;IACtCC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACtC,MAAMC,SAAS,GAAG,IAAAC,qBAAK,EAAC,EAAE,EAAEL,QAAQ,IAAI,YAAY,CAAC;IAErD,IAAIH,MAAM,KAAKC,6BAAqB,CAACC,OAAO,EAAE;MAC5C,oBACE,IAAAN,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;QAAAC,QAAA,gBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACzB,MAAA,CAAA0B,MAAM;UACLC,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAC,QAAQ;UAChBZ,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBY,IAAI,EAAC,OAAO;UAAAL,QAAA,EACb;QAED,CAAQ,CAAC,eAET,IAAAf,WAAA,CAAAgB,GAAA,EAACxB,OAAA,CAAA6B,eAAe;UACdC,aAAa,EAAC,SAAS;UACvBC,IAAI,EAAC,0CAAiC;UACtCC,OAAO;UACPC,SAAS,EAAEd;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIP,MAAM,KAAKC,6BAAqB,CAACqB,OAAO,EAAE;MAC5C,oBACE,IAAA1B,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;QAAAC,QAAA,gBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACvB,OAAA,CAAAN,OAAW;UAAC+B,OAAO,EAAC;QAAM,CAAE,CAAC,eAC9B,IAAAlB,WAAA,CAAAgB,GAAA,EAACxB,OAAA,CAAA6B,eAAe;UACdC,aAAa,EAAC,sBAAmB;UACjCC,IAAI,EAAC,oBAAoB;UACzBC,OAAO;UACPC,SAAS,EAAEd;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIP,MAAM,KAAKC,6BAAqB,CAACsB,OAAO,EAAE;MAC5C,oBACE,IAAA3B,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;QAAAC,QAAA,gBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACrB,OAAA,CAAAiC,IAAI;UACHV,OAAO,EAAEW,uBAAe,CAACC,OAAQ;UACjCC,WAAW,EAAEC,uBAAe,CAACL,OAAQ;UACrCM,KAAK,EAAC;QAAY,CACnB,CAAC,eACF,IAAAjC,WAAA,CAAAgB,GAAA,EAACxB,OAAA,CAAA6B,eAAe;UACdC,aAAa,EAAC,oBAAiB;UAC/BC,IAAI,EAAC,cAAc;UACnBC,OAAO;UACPC,SAAS,EAAEd;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIP,MAAM,KAAKC,6BAAqB,CAAC6B,KAAK,EAAE;MAC1C,oBACE,IAAAlC,WAAA,CAAAa,IAAA,EAAAb,WAAA,CAAAc,QAAA;QAAAC,QAAA,gBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACzB,MAAA,CAAA0B,MAAM;UACLC,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAC,QAAQ;UAChBZ,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBY,IAAI,EAAC,OAAO;UAAAL,QAAA,EACb;QAED,CAAQ,CAAC,eAET,IAAAf,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAuC,IAAI;UAACV,SAAS,EAAElB,QAAQ,GAAG,YAAY,GAAG,EAAG;UAAAQ,QAAA,EAAC;QAE/C,CAAM,CAAC;MAAA,CACP,CAAC;IAEP;EACF,CAAC,EAAE,CAACR,QAAQ,EAAEC,OAAO,EAAEJ,MAAM,CAAC,CAAC;EAE/B,oBAAO,IAAAJ,WAAA,CAAAgB,GAAA,EAAAhB,WAAA,CAAAc,QAAA;IAAAC,QAAA,EAAGN;EAAiB,CAAG,CAAC;AACjC;AAAC,IAAA2B,QAAA,GAAApD,OAAA,CAAAG,OAAA,GAEcD,iBAAiB","ignoreList":[]}
|
|
@@ -3,15 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
});
|
|
16
|
-
});
|
|
6
|
+
exports.InformationStatusEnum = void 0;
|
|
7
|
+
let InformationStatusEnum = exports.InformationStatusEnum = /*#__PURE__*/function (InformationStatusEnum) {
|
|
8
|
+
InformationStatusEnum["DEFAULT"] = "default";
|
|
9
|
+
InformationStatusEnum["ERROR"] = "error";
|
|
10
|
+
InformationStatusEnum["SUCCESS"] = "success";
|
|
11
|
+
InformationStatusEnum["LOADING"] = "loading";
|
|
12
|
+
InformationStatusEnum["COOLDOWN"] = "cooldown";
|
|
13
|
+
return InformationStatusEnum;
|
|
14
|
+
}({});
|
|
17
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["InformationStatusEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;;;;;IAAYA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
let
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return
|
|
6
|
+
exports.ToggleVariantEnum = void 0;
|
|
7
|
+
let ToggleVariantEnum = exports.ToggleVariantEnum = /*#__PURE__*/function (ToggleVariantEnum) {
|
|
8
|
+
ToggleVariantEnum["GRAPE"] = "grape";
|
|
9
|
+
ToggleVariantEnum["JAVA"] = "java";
|
|
10
|
+
ToggleVariantEnum["PEAR"] = "pear";
|
|
11
|
+
ToggleVariantEnum["TANGERINE"] = "tangerine";
|
|
12
|
+
ToggleVariantEnum["CHIA"] = "chia";
|
|
13
|
+
return ToggleVariantEnum;
|
|
14
14
|
}({});
|
|
15
15
|
//# sourceMappingURL=variant.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["ToggleVariantEnum","exports"],"sourceRoot":"../../../../../src","sources":["components/Toggle/enums/variant.ts"],"mappings":";;;;;;IAAYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_index","_tailwindPreset","_classVariants","_jsxRuntime","Toggle","props","checked","disabled","variant","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_tailwindPreset","_classVariants","_jsxRuntime","Toggle","props","checked","disabled","variant","ToggleVariantEnum","JAVA","onChange","handleToggle","mergeToggleClass","merge","toggleVariants","jsx","Pressable","onPress","className","children","View"],"sourceRoot":"../../../../src","sources":["components/Toggle/index.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAElD,SAASK,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGC,wBAAiB,CAACC,IAAI;IAChCC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIL,QAAQ,EAAE;IAEd,IAAII,QAAQ,EAAE;MACZA,QAAQ,CAAC,CAACL,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMO,gBAAgB,GAAG,IAAAC,qBAAK,EAC5B,IAAAC,6BAAc,EAAC;IAAEP,OAAO;IAAEF,OAAO;IAAEC;EAAS,CAAC,CAAC,EAC9CA,QAAQ,IAAI,CAACD,OAAO,GAAG,aAAa,GAAG,EACzC,CAAC;EAED,oBACE,IAAAH,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAAmB,SAAS;IACRC,OAAO,EAAEN,YAAa;IACtBO,SAAS,EAAC,2CAA2C;IAAAC,QAAA,eAErD,IAAAjB,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAAuB,IAAI;MAACF,SAAS,EAAEN,gBAAiB;MAAAO,QAAA,eAChC,IAAAjB,WAAA,CAAAa,GAAA,EAAClB,YAAA,CAAAuB,IAAI;QACHF,SAAS,EAAE,gGACTb,OAAO,GAAG,oBAAoB,GAAG,iBAAiB;MACjD,CACE;IAAC,CACJ;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.typographyVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
const getWeightVariants = () => {
|
|
10
|
+
if (_reactNative.Platform.OS === "web") {
|
|
11
|
+
return {
|
|
12
|
+
"200": "font-[200]",
|
|
13
|
+
"300": "font-[300]",
|
|
14
|
+
"400": "font-[400]",
|
|
15
|
+
"500": "font-[500]",
|
|
16
|
+
"600": "font-[600]",
|
|
17
|
+
"700": "font-[700]",
|
|
18
|
+
"800": "font-[800]",
|
|
19
|
+
"900": "font-[900]"
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
return {
|
|
23
|
+
"200": "font-nunito-extralight",
|
|
24
|
+
"300": "font-nunito-light",
|
|
25
|
+
"400": "font-nunito-regular",
|
|
26
|
+
"500": "font-nunito-medium",
|
|
27
|
+
"600": "font-nunito-semibold",
|
|
28
|
+
"700": "font-nunito-bold",
|
|
29
|
+
"800": "font-nunito-extrabold",
|
|
30
|
+
"900": "font-nunito-black"
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
const typographyVariants = exports.typographyVariants = (0, _classVarianceAuthority.cva)("font-nunito-regular", {
|
|
34
|
+
variants: {
|
|
35
|
+
variant: {
|
|
36
|
+
label_small: "text-[12px] leading-[16px]",
|
|
37
|
+
label_medium: "text-[14px] leading-[16px]",
|
|
38
|
+
label_large: "text-[16px] leading-[18px]",
|
|
39
|
+
body_small: "text-[12px] leading-[16px]",
|
|
40
|
+
body_medium: "text-[14px] leading-[20px]",
|
|
41
|
+
body_large: "text-[16px] leading-[24px]",
|
|
42
|
+
title_small: "text-[16px] leading-[20px]",
|
|
43
|
+
title_medium: "text-[18px] leading-[22px]",
|
|
44
|
+
title_large: "text-[22px] leading-[24px]",
|
|
45
|
+
headline_small: "text-[26px] leading-[32px]",
|
|
46
|
+
headline_medium: "text-[32px] leading-[36px]",
|
|
47
|
+
headline_large: "text-[36px] leading-[40px]",
|
|
48
|
+
display_small: "text-[40px] leading-[48px]",
|
|
49
|
+
display_medium: "text-[44px] leading-[56px]",
|
|
50
|
+
display_large: "text-[56px] leading-[64px]"
|
|
51
|
+
},
|
|
52
|
+
weight: getWeightVariants()
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: "body_medium",
|
|
56
|
+
weight: "400"
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_reactNative","getWeightVariants","Platform","OS","typographyVariants","exports","cva","variants","variant","label_small","label_medium","label_large","body_small","body_medium","body_large","title_small","title_medium","title_large","headline_small","headline_medium","headline_large","display_small","display_medium","display_large","weight","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Typography/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;EACH;EAEA,OAAO;IACL,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,sBAAsB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAEM,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EAAC,qBAAqB,EAAE;EAC3DC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,4BAA4B;MAC1CC,WAAW,EAAE,4BAA4B;MACzCC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,4BAA4B;MACzCC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,4BAA4B;MAC1CC,WAAW,EAAE,4BAA4B;MACzCC,cAAc,EAAE,4BAA4B;MAC5CC,eAAe,EAAE,4BAA4B;MAC7CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE,4BAA4B;MAC3CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAEvB,iBAAiB,CAAC;EAC5B,CAAC;EAEDwB,eAAe,EAAE;IACfjB,OAAO,EAAE,aAAa;IACtBgB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.default = exports.Typography = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
10
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
/**
|
|
@@ -20,26 +21,29 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
20
21
|
*
|
|
21
22
|
* @example
|
|
22
23
|
* // Display text with automatic font mapping
|
|
23
|
-
* <Typography variant="
|
|
24
|
+
* <Typography variant="display_large" weight="700">Hero Title</Typography>
|
|
24
25
|
*
|
|
25
26
|
* @example
|
|
26
27
|
* // Body text with medium weight
|
|
27
|
-
* <Typography variant="
|
|
28
|
+
* <Typography variant="body_medium" weight="500">Content text</Typography>
|
|
28
29
|
*
|
|
29
30
|
* @example
|
|
30
31
|
* // With additional styling
|
|
31
|
-
* <Typography variant="
|
|
32
|
+
* <Typography variant="label_small" weight="300" className="text-gray-600">
|
|
32
33
|
* Form label
|
|
33
34
|
* </Typography>
|
|
34
35
|
*/
|
|
35
36
|
const Typography = ({
|
|
36
37
|
variant,
|
|
37
38
|
className,
|
|
38
|
-
|
|
39
|
+
weight,
|
|
39
40
|
children,
|
|
40
41
|
...props
|
|
41
42
|
}) => {
|
|
42
|
-
const textClassName = (0, _tailwindPreset.merge)(
|
|
43
|
+
const textClassName = (0, _tailwindPreset.merge)((0, _classVariants.typographyVariants)({
|
|
44
|
+
variant,
|
|
45
|
+
weight
|
|
46
|
+
}), className);
|
|
43
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
44
48
|
className: textClassName,
|
|
45
49
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_jsxRuntime","e","__esModule","default","Typography","variant","className","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_classVariants","_jsxRuntime","e","__esModule","default","Typography","variant","className","weight","children","props","textClassName","merge","typographyVariants","jsx","Text","exports","displayName","_default"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA6D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,qBAAK,EACzB,IAAAC,iCAAkB,EAAC;IAAEP,OAAO;IAAEE;EAAO,CAAC,CAAC,EACvCD,SACF,CAAC;EAED,oBACE,IAAAN,WAAA,CAAAa,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACR,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACO,OAAA,CAAAX,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACY,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAF,OAAA,CAAAZ,OAAA,GACvBC,UAAU","ignoreList":[]}
|