@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.5
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/Avatar/assets/class-variants.js +23 -0
- package/dist/commonjs/components/Avatar/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Avatar/enums/index.js +17 -0
- package/dist/commonjs/components/Avatar/enums/index.js.map +1 -0
- package/dist/commonjs/components/Avatar/enums/size.js +15 -0
- package/dist/commonjs/components/Avatar/enums/size.js.map +1 -0
- package/dist/commonjs/components/Avatar/images/girl.jpg +0 -0
- package/dist/commonjs/components/Avatar/index.js +97 -0
- package/dist/commonjs/components/Avatar/index.js.map +1 -0
- package/dist/commonjs/components/Avatar/types.js +6 -0
- package/dist/commonjs/components/Avatar/types.js.map +1 -0
- 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 +110 -11
- 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/Avatar/assets/class-variants.js +20 -0
- package/dist/module/components/Avatar/assets/class-variants.js.map +1 -0
- package/dist/module/components/Avatar/enums/index.js +4 -0
- package/dist/module/components/Avatar/enums/index.js.map +1 -0
- package/dist/module/components/Avatar/enums/size.js +11 -0
- package/dist/module/components/Avatar/enums/size.js.map +1 -0
- package/dist/module/components/Avatar/images/girl.jpg +0 -0
- package/dist/module/components/Avatar/index.js +92 -0
- package/dist/module/components/Avatar/index.js.map +1 -0
- package/dist/module/components/Avatar/types.js +4 -0
- package/dist/module/components/Avatar/types.js.map +1 -0
- 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 +9 -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/Avatar/assets/class-variants.d.ts +5 -0
- package/dist/typescript/components/Avatar/enums/index.d.ts +1 -0
- package/dist/typescript/components/Avatar/enums/size.d.ts +7 -0
- package/dist/typescript/components/Avatar/index.d.ts +2 -0
- package/dist/typescript/components/Avatar/types.d.ts +6 -0
- 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/assets/class-variants.d.ts +1 -1
- 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/Seal/assets/class-variants.d.ts +1 -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 +18 -0
- package/package.json +11 -13
- package/src/components/Avatar/assets/class-variants.ts +22 -0
- package/src/components/Avatar/enums/index.ts +1 -0
- package/src/components/Avatar/enums/size.ts +7 -0
- package/src/components/Avatar/images/girl.jpg +0 -0
- package/src/components/Avatar/index.stories.tsx +84 -0
- package/src/components/Avatar/index.tsx +98 -0
- package/src/components/Avatar/types.ts +7 -0
- 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 +28 -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
|
@@ -1,37 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import { Text } from "react-native";
|
|
3
|
+
import { Typography } from "../Typography/index.js";
|
|
5
4
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
5
|
export function HighlightedText(props) {
|
|
7
6
|
const {
|
|
8
7
|
text,
|
|
9
8
|
highlightText,
|
|
10
9
|
className,
|
|
11
|
-
highlightTextClassName,
|
|
12
10
|
reverse,
|
|
13
|
-
|
|
11
|
+
highlightedTextProps = {},
|
|
12
|
+
variant = "label_medium",
|
|
13
|
+
weight = "400",
|
|
14
14
|
...rest
|
|
15
15
|
} = props;
|
|
16
|
-
const mergeClassName = merge("text-label_medium_300", className);
|
|
17
|
-
const mergeHighlightClassName = merge("text-label_medium_700", highlightTextClassName);
|
|
18
16
|
if (reverse) {
|
|
19
|
-
return /*#__PURE__*/_jsxs(
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
return /*#__PURE__*/_jsxs(Typography, {
|
|
18
|
+
variant: variant,
|
|
19
|
+
weight: weight,
|
|
20
|
+
className: className,
|
|
22
21
|
...rest,
|
|
23
|
-
children: [/*#__PURE__*/_jsx(
|
|
24
|
-
|
|
22
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
23
|
+
variant: highlightedTextProps.variant,
|
|
24
|
+
weight: highlightedTextProps.weight,
|
|
25
|
+
...highlightedTextProps,
|
|
25
26
|
children: highlightText
|
|
26
27
|
}), " ", text]
|
|
27
28
|
});
|
|
28
29
|
}
|
|
29
|
-
return /*#__PURE__*/_jsxs(
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
return /*#__PURE__*/_jsxs(Typography, {
|
|
31
|
+
variant: variant,
|
|
32
|
+
weight: weight,
|
|
33
|
+
className: className,
|
|
32
34
|
...rest,
|
|
33
|
-
children: [text, " ", /*#__PURE__*/_jsx(
|
|
34
|
-
|
|
35
|
+
children: [text, " ", /*#__PURE__*/_jsx(Typography, {
|
|
36
|
+
variant: highlightedTextProps.variant || "label_medium",
|
|
37
|
+
weight: highlightedTextProps.weight || "700",
|
|
38
|
+
...highlightedTextProps,
|
|
35
39
|
children: highlightText
|
|
36
40
|
})]
|
|
37
41
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Typography","jsx","_jsx","jsxs","_jsxs","HighlightedText","props","text","highlightText","className","reverse","highlightedTextProps","variant","weight","rest","children","displayName"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,OAAO,SAASC,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,oBACEN,KAAA,CAACJ,UAAU;MACTY,OAAO,EAAEA,OAAQ;MACjBC,MAAM,EAAEA,MAAO;MACfJ,SAAS,EAAEA,SAAU;MAAA,GACjBK,IAAI;MAAAC,QAAA,gBAERb,IAAA,CAACF,UAAU;QACTY,OAAO,EAAED,oBAAoB,CAACC,OAAQ;QACtCC,MAAM,EAAEF,oBAAoB,CAACE,MAAO;QAAA,GAChCF,oBAAoB;QAAAI,QAAA,EAEvBP;MAAa,CACJ,CAAC,EAAC,GAAG,EAChBD,IAAI;IAAA,CACK,CAAC;EAEjB;EAEA,oBACEH,KAAA,CAACJ,UAAU;IACTY,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfJ,SAAS,EAAEA,SAAU;IAAA,GACjBK,IAAI;IAAAC,QAAA,GAEPR,IAAI,EAAE,GAAG,eACVL,IAAA,CAACF,UAAU;MACTY,OAAO,EAAED,oBAAoB,CAACC,OAAO,IAAI,cAAe;MACxDC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,IAAI,KAAM;MAAA,GACzCF,oBAAoB;MAAAI,QAAA,EAEvBP;IAAa,CACJ,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAH,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAC/C,eAAeX,eAAe","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { merge } from "@kivid/tailwind-preset";
|
|
6
|
-
import Button from "../../../Button/index.js";
|
|
6
|
+
import { Button } from "../../../Button/index.js";
|
|
7
7
|
import { HighlightedText } from "../../../HighlightedText/index.js";
|
|
8
8
|
import LoadingDots from "../../../LoadingDots/index.js";
|
|
9
9
|
import { Chip } from "../../../Chip/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","ChipVariantEnum","SealVariantEnum","InformationStatusEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","size","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":";AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,OAAO;AAG/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,
|
|
1
|
+
{"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","ChipVariantEnum","SealVariantEnum","InformationStatusEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","size","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/InputOTP/components/InformationStatus/index.tsx"],"mappings":";AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,OAAO;AAG/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,0BAAiB;AACxC,SAASC,eAAe,QAAQ,mCAA0B;AAC1D,OAAOC,WAAW,MAAM,+BAAsB;AAC9C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,qBAAqB,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IACJC,MAAM,GAAGT,qBAAqB,CAACU,OAAO;IACtCC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAGJ,KAAK;EAET,MAAMK,iBAAiB,GAAGtB,OAAO,CAAC,MAAM;IACtC,MAAMuB,SAAS,GAAGtB,KAAK,CAAC,EAAE,EAAEmB,QAAQ,IAAI,YAAY,CAAC;IAErD,IAAIF,MAAM,KAAKT,qBAAqB,CAACU,OAAO,EAAE;MAC5C,oBACEJ,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACT,MAAM;UACLuB,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAC,QAAQ;UAChBN,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBM,IAAI,EAAC,OAAO;UAAAH,QAAA,EACb;QAED,CAAQ,CAAC,eAETb,IAAA,CAACR,eAAe;UACdyB,aAAa,EAAC,SAAS;UACvBC,IAAI,EAAC,0CAAiC;UACtCC,OAAO;UACPC,SAAS,EAAER;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIL,MAAM,KAAKT,qBAAqB,CAACuB,OAAO,EAAE;MAC5C,oBACEjB,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACP,WAAW;UAACqB,OAAO,EAAC;QAAM,CAAE,CAAC,eAC9Bd,IAAA,CAACR,eAAe;UACdyB,aAAa,EAAC,sBAAmB;UACjCC,IAAI,EAAC,oBAAoB;UACzBC,OAAO;UACPC,SAAS,EAAER;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIL,MAAM,KAAKT,qBAAqB,CAACwB,OAAO,EAAE;MAC5C,oBACElB,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACN,IAAI;UACHoB,OAAO,EAAElB,eAAe,CAAC2B,OAAQ;UACjCC,WAAW,EAAE3B,eAAe,CAACyB,OAAQ;UACrCG,KAAK,EAAC;QAAY,CACnB,CAAC,eACFzB,IAAA,CAACR,eAAe;UACdyB,aAAa,EAAC,oBAAiB;UAC/BC,IAAI,EAAC,cAAc;UACnBC,OAAO;UACPC,SAAS,EAAER;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIL,MAAM,KAAKT,qBAAqB,CAAC4B,KAAK,EAAE;MAC1C,oBACEtB,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACT,MAAM;UACLuB,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAC,QAAQ;UAChBN,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBM,IAAI,EAAC,OAAO;UAAAH,QAAA,EACb;QAED,CAAQ,CAAC,eAETb,IAAA,CAACL,IAAI;UAACyB,SAAS,EAAEX,QAAQ,GAAG,YAAY,GAAG,EAAG;UAAAI,QAAA,EAAC;QAE/C,CAAM,CAAC;MAAA,CACP,CAAC;IAEP;EACF,CAAC,EAAE,CAACJ,QAAQ,EAAEC,OAAO,EAAEH,MAAM,CAAC,CAAC;EAE/B,oBAAOP,IAAA,CAAAE,SAAA;IAAAW,QAAA,EAAGF;EAAiB,CAAG,CAAC;AACjC;AAEA,eAAeN,iBAAiB","ignoreList":[]}
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export
|
|
3
|
+
export let InformationStatusEnum = /*#__PURE__*/function (InformationStatusEnum) {
|
|
4
|
+
InformationStatusEnum["DEFAULT"] = "default";
|
|
5
|
+
InformationStatusEnum["ERROR"] = "error";
|
|
6
|
+
InformationStatusEnum["SUCCESS"] = "success";
|
|
7
|
+
InformationStatusEnum["LOADING"] = "loading";
|
|
8
|
+
InformationStatusEnum["COOLDOWN"] = "cooldown";
|
|
9
|
+
return InformationStatusEnum;
|
|
10
|
+
}({});
|
|
4
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["InformationStatusEnum"],"sourceRoot":"../../../../../src","sources":["components/InputOTP/enums/index.ts"],"mappings":";;AAAA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export let
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return
|
|
3
|
+
export let ToggleVariantEnum = /*#__PURE__*/function (ToggleVariantEnum) {
|
|
4
|
+
ToggleVariantEnum["GRAPE"] = "grape";
|
|
5
|
+
ToggleVariantEnum["JAVA"] = "java";
|
|
6
|
+
ToggleVariantEnum["PEAR"] = "pear";
|
|
7
|
+
ToggleVariantEnum["TANGERINE"] = "tangerine";
|
|
8
|
+
ToggleVariantEnum["CHIA"] = "chia";
|
|
9
|
+
return ToggleVariantEnum;
|
|
10
10
|
}({});
|
|
11
11
|
//# sourceMappingURL=variant.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["ToggleVariantEnum"],"sourceRoot":"../../../../../src","sources":["components/Toggle/enums/variant.ts"],"mappings":";;AAAA,WAAYA,iBAAiB,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
|
-
import {
|
|
4
|
+
import { ToggleVariantEnum } from "./enums/index.js";
|
|
5
5
|
import { merge } from "@kivid/tailwind-preset";
|
|
6
6
|
import { toggleVariants } from "./assets/class-variants.js";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -9,7 +9,7 @@ export function Toggle(props) {
|
|
|
9
9
|
const {
|
|
10
10
|
checked,
|
|
11
11
|
disabled = false,
|
|
12
|
-
variant =
|
|
12
|
+
variant = ToggleVariantEnum.JAVA,
|
|
13
13
|
onChange
|
|
14
14
|
} = props;
|
|
15
15
|
const handleToggle = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Pressable","View","
|
|
1
|
+
{"version":3,"names":["Pressable","View","ToggleVariantEnum","merge","toggleVariants","jsx","_jsx","Toggle","props","checked","disabled","variant","JAVA","onChange","handleToggle","mergeToggleClass","onPress","className","children"],"sourceRoot":"../../../../src","sources":["components/Toggle/index.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,iBAAiB,QAAQ,kBAAS;AAC3C,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,cAAc,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IACJC,OAAO;IACPC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGT,iBAAiB,CAACU,IAAI;IAChCC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIJ,QAAQ,EAAE;IAEd,IAAIG,QAAQ,EAAE;MACZA,QAAQ,CAAC,CAACJ,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMM,gBAAgB,GAAGZ,KAAK,CAC5BC,cAAc,CAAC;IAAEO,OAAO;IAAEF,OAAO;IAAEC;EAAS,CAAC,CAAC,EAC9CA,QAAQ,IAAI,CAACD,OAAO,GAAG,aAAa,GAAG,EACzC,CAAC;EAED,oBACEH,IAAA,CAACN,SAAS;IACRgB,OAAO,EAAEF,YAAa;IACtBG,SAAS,EAAC,2CAA2C;IAAAC,QAAA,eAErDZ,IAAA,CAACL,IAAI;MAACgB,SAAS,EAAEF,gBAAiB;MAAAG,QAAA,eAChCZ,IAAA,CAACL,IAAI;QACHgB,SAAS,EAAE,gGACTR,OAAO,GAAG,oBAAoB,GAAG,iBAAiB;MACjD,CACE;IAAC,CACJ;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { Platform } from "react-native";
|
|
5
|
+
const getWeightVariants = () => {
|
|
6
|
+
if (Platform.OS === "web") {
|
|
7
|
+
return {
|
|
8
|
+
"200": "font-[200]",
|
|
9
|
+
"300": "font-[300]",
|
|
10
|
+
"400": "font-[400]",
|
|
11
|
+
"500": "font-[500]",
|
|
12
|
+
"600": "font-[600]",
|
|
13
|
+
"700": "font-[700]",
|
|
14
|
+
"800": "font-[800]",
|
|
15
|
+
"900": "font-[900]"
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
return {
|
|
19
|
+
"200": "font-nunito-extralight",
|
|
20
|
+
"300": "font-nunito-light",
|
|
21
|
+
"400": "font-nunito-regular",
|
|
22
|
+
"500": "font-nunito-medium",
|
|
23
|
+
"600": "font-nunito-semibold",
|
|
24
|
+
"700": "font-nunito-bold",
|
|
25
|
+
"800": "font-nunito-extrabold",
|
|
26
|
+
"900": "font-nunito-black"
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export const typographyVariants = cva("font-nunito-regular", {
|
|
30
|
+
variants: {
|
|
31
|
+
variant: {
|
|
32
|
+
label_small: "text-[12px] leading-[16px]",
|
|
33
|
+
label_medium: "text-[14px] leading-[16px]",
|
|
34
|
+
label_large: "text-[16px] leading-[18px]",
|
|
35
|
+
body_small: "text-[12px] leading-[16px]",
|
|
36
|
+
body_medium: "text-[14px] leading-[20px]",
|
|
37
|
+
body_large: "text-[16px] leading-[24px]",
|
|
38
|
+
title_small: "text-[16px] leading-[20px]",
|
|
39
|
+
title_medium: "text-[18px] leading-[22px]",
|
|
40
|
+
title_large: "text-[22px] leading-[24px]",
|
|
41
|
+
headline_small: "text-[26px] leading-[32px]",
|
|
42
|
+
headline_medium: "text-[32px] leading-[36px]",
|
|
43
|
+
headline_large: "text-[36px] leading-[40px]",
|
|
44
|
+
display_small: "text-[40px] leading-[48px]",
|
|
45
|
+
display_medium: "text-[44px] leading-[56px]",
|
|
46
|
+
display_large: "text-[56px] leading-[64px]"
|
|
47
|
+
},
|
|
48
|
+
weight: getWeightVariants()
|
|
49
|
+
},
|
|
50
|
+
defaultVariants: {
|
|
51
|
+
variant: "body_medium",
|
|
52
|
+
weight: "400"
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","Platform","getWeightVariants","OS","typographyVariants","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,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAID,QAAQ,CAACE,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;AAED,OAAO,MAAMC,kBAAkB,GAAGJ,GAAG,CAAC,qBAAqB,EAAE;EAC3DK,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,EAAEpB,iBAAiB,CAAC;EAC5B,CAAC;EAEDqB,eAAe,EAAE;IACfjB,OAAO,EAAE,aAAa;IACtBgB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Text } from "react-native";
|
|
5
5
|
import { merge } from "@kivid/tailwind-preset";
|
|
6
|
+
import { typographyVariants } from "./assets/class-variants.js";
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* Universal Typography component for React Native.
|
|
@@ -15,15 +16,15 @@ import { merge } from "@kivid/tailwind-preset";
|
|
|
15
16
|
*
|
|
16
17
|
* @example
|
|
17
18
|
* // Display text with automatic font mapping
|
|
18
|
-
* <Typography variant="
|
|
19
|
+
* <Typography variant="display_large" weight="700">Hero Title</Typography>
|
|
19
20
|
*
|
|
20
21
|
* @example
|
|
21
22
|
* // Body text with medium weight
|
|
22
|
-
* <Typography variant="
|
|
23
|
+
* <Typography variant="body_medium" weight="500">Content text</Typography>
|
|
23
24
|
*
|
|
24
25
|
* @example
|
|
25
26
|
* // With additional styling
|
|
26
|
-
* <Typography variant="
|
|
27
|
+
* <Typography variant="label_small" weight="300" className="text-gray-600">
|
|
27
28
|
* Form label
|
|
28
29
|
* </Typography>
|
|
29
30
|
*/
|
|
@@ -31,11 +32,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
31
32
|
export const Typography = ({
|
|
32
33
|
variant,
|
|
33
34
|
className,
|
|
34
|
-
|
|
35
|
+
weight,
|
|
35
36
|
children,
|
|
36
37
|
...props
|
|
37
38
|
}) => {
|
|
38
|
-
const textClassName = merge(
|
|
39
|
+
const textClassName = merge(typographyVariants({
|
|
40
|
+
variant,
|
|
41
|
+
weight
|
|
42
|
+
}), className);
|
|
39
43
|
return /*#__PURE__*/_jsx(Text, {
|
|
40
44
|
className: textClassName,
|
|
41
45
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","merge","jsx","_jsx","Typography","variant","className","
|
|
1
|
+
{"version":3,"names":["React","Text","merge","typographyVariants","jsx","_jsx","Typography","variant","className","weight","children","props","textClassName","displayName"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,kBAAkB,QAAQ,4BAAyB;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAtBA,SAAAC,GAAA,IAAAC,IAAA;AAuBA,OAAO,MAAMC,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGV,KAAK,CACzBC,kBAAkB,CAAC;IAAEI,OAAO;IAAEE;EAAO,CAAC,CAAC,EACvCD,SACF,CAAC;EAED,oBACEH,IAAA,CAACJ,IAAI;IAACO,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDJ,UAAU,CAACO,WAAW,GAAG,YAAY;AACrC,eAAeP,UAAU","ignoreList":[]}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
export * from "./Avatar/index.js";
|
|
3
4
|
export * from "./Button/index.js";
|
|
4
5
|
export * from "./Chip/index.js";
|
|
6
|
+
export * from "./Chip/types.js";
|
|
7
|
+
export * from "./Chip/enums/index.js";
|
|
5
8
|
export * from "./InformationStatus/index.js";
|
|
9
|
+
export * from "./InformationStatus/enums.js";
|
|
6
10
|
export * from "./InputCheckbox/index.js";
|
|
11
|
+
export * from "./InputCheckbox/enums/index.js";
|
|
7
12
|
export * from "./InputOTP/index.js";
|
|
13
|
+
export * from "./InputOTP/enums/index.js";
|
|
8
14
|
export * from "./HighlightedText/index.js";
|
|
9
15
|
export * from "./LoadingDots/index.js";
|
|
16
|
+
export * from "./LoadingDots/types.js";
|
|
10
17
|
export * from "./Seal/index.js";
|
|
18
|
+
export * from "./Seal/enums/index.js";
|
|
11
19
|
export * from "./Title/index.js";
|
|
12
20
|
export * from "./Toggle/index.js";
|
|
21
|
+
export * from "./Toggle/enums/index.js";
|
|
13
22
|
export * from "./Typography/index.js";
|
|
14
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,8BAAqB;
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -10,9 +10,17 @@ import { useFonts as useExpoFonts } from "expo-font";
|
|
|
10
10
|
*/
|
|
11
11
|
export const useBrandFonts = () => {
|
|
12
12
|
const [fontsLoaded, fontError] = useExpoFonts({
|
|
13
|
+
"Nunito-Black": require("../../assets/fonts/Nunito-Black.ttf"),
|
|
14
|
+
"Nunito-BlackItalic": require("../../assets/fonts/Nunito-BlackItalic.ttf"),
|
|
13
15
|
"Nunito-Bold": require("../../assets/fonts/Nunito-Bold.ttf"),
|
|
14
16
|
"Nunito-BoldItalic": require("../../assets/fonts/Nunito-BoldItalic.ttf"),
|
|
17
|
+
"Nunito-ExtraBold": require("../../assets/fonts/Nunito-ExtraBold.ttf"),
|
|
18
|
+
"Nunito-ExtraBoldItalic": require("../../assets/fonts/Nunito-ExtraBoldItalic.ttf"),
|
|
19
|
+
"Nunito-ExtraLight": require("../../assets/fonts/Nunito-ExtraLight.ttf"),
|
|
20
|
+
"Nunito-ExtraLightItalic": require("../../assets/fonts/Nunito-ExtraLightItalic.ttf"),
|
|
15
21
|
"Nunito-Italic": require("../../assets/fonts/Nunito-Italic.ttf"),
|
|
22
|
+
"Nunito-Light": require("../../assets/fonts/Nunito-Light.ttf"),
|
|
23
|
+
"Nunito-LightItalic": require("../../assets/fonts/Nunito-LightItalic.ttf"),
|
|
16
24
|
"Nunito-Medium": require("../../assets/fonts/Nunito-Medium.ttf"),
|
|
17
25
|
"Nunito-MediumItalic": require("../../assets/fonts/Nunito-MediumItalic.ttf"),
|
|
18
26
|
"Nunito-Regular": require("../../assets/fonts/Nunito-Regular.ttf"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useFonts","useExpoFonts","useBrandFonts","fontsLoaded","fontError","require"],"sourceRoot":"../../../src","sources":["hooks/use-fonts.ts"],"mappings":";;AAAA,SAASA,QAAQ,IAAIC,YAAY,QAAQ,WAAW;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGH,YAAY,CAAC;IAC5C,
|
|
1
|
+
{"version":3,"names":["useFonts","useExpoFonts","useBrandFonts","fontsLoaded","fontError","require"],"sourceRoot":"../../../src","sources":["hooks/use-fonts.ts"],"mappings":";;AAAA,SAASA,QAAQ,IAAIC,YAAY,QAAQ,WAAW;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM,CAACC,WAAW,EAAEC,SAAS,CAAC,GAAGH,YAAY,CAAC;IAC5C,cAAc,EAAEI,OAAO,CAAC,qCAAqC,CAAC;IAC9D,oBAAoB,EAAEA,OAAO,CAAC,2CAA2C,CAAC;IAC1E,aAAa,EAAEA,OAAO,CAAC,oCAAoC,CAAC;IAC5D,mBAAmB,EAAEA,OAAO,CAAC,0CAA0C,CAAC;IACxE,kBAAkB,EAAEA,OAAO,CAAC,yCAAyC,CAAC;IACtE,wBAAwB,EAAEA,OAAO,CAAC,+CAA+C,CAAC;IAClF,mBAAmB,EAAEA,OAAO,CAAC,0CAA0C,CAAC;IACxE,yBAAyB,EAAEA,OAAO,CAAC,gDAAgD,CAAC;IACpF,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,cAAc,EAAEA,OAAO,CAAC,qCAAqC,CAAC;IAC9D,oBAAoB,EAAEA,OAAO,CAAC,2CAA2C,CAAC;IAC1E,eAAe,EAAEA,OAAO,CAAC,sCAAsC,CAAC;IAChE,qBAAqB,EAAEA,OAAO,CAAC,4CAA4C,CAAC;IAC5E,gBAAgB,EAAEA,OAAO,CAAC,uCAAuC,CAAC;IAClE,iBAAiB,EAAEA,OAAO,CAAC,wCAAwC,CAAC;IACpE,uBAAuB,EAAEA,OAAO,CAAC,8CAA8C;EACjF,CAAC,CAAC;EAEF,OAAO;IAAEF,WAAW;IAAEC;EAAU,CAAC;AACnC,CAAC","ignoreList":[]}
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kivid/native-components",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.5",
|
|
4
4
|
"description": "A React Native component library for the Butterfly Design System.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"sideEffects": false,
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@kivid/icons": "workspace:*",
|
|
21
|
-
"@kivid/tailwind-preset": "workspace:*",
|
|
22
21
|
"@lottiefiles/dotlottie-react": "^0.15.1",
|
|
23
22
|
"class-variance-authority": "^0.7.1",
|
|
24
23
|
"lottie-react-native": "^7.2.4",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./size";
|
|
@@ -7,7 +7,6 @@ declare const buttonVariants: (props?: ({
|
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare const textVariants: (props?: ({
|
|
9
9
|
variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
|
|
10
|
-
size?: "small" | "medium" | "large" | null | undefined;
|
|
11
10
|
selected?: boolean | null | undefined;
|
|
12
11
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
12
|
declare const selectedVariants: (props?: ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ButtonProps } from "./types";
|
|
1
|
+
import type { ButtonCorners, ButtonProps, ButtonSize, ButtonVariant } from "./types";
|
|
2
2
|
export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare namespace Button {
|
|
4
4
|
var displayName: string;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export { ButtonProps, ButtonVariant, ButtonSize, ButtonCorners };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const chipVariants: (props?: ({
|
|
2
2
|
size?: "medium" | "large" | null | undefined;
|
|
3
3
|
variant?: "outline" | "highlight" | "filled" | null | undefined;
|
|
4
|
-
sealVariant?: "
|
|
4
|
+
sealVariant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TextProps } from "react-native";
|
|
2
|
+
import type { TypographyProps } from "../Typography/types";
|
|
2
3
|
export interface HighlightedTextProps extends TextProps {
|
|
3
4
|
text: string;
|
|
4
5
|
highlightText?: string;
|
|
5
|
-
highlightTextClassName?: string;
|
|
6
6
|
className?: string;
|
|
7
|
-
ref?: React.RefObject<Text | null>;
|
|
8
7
|
reverse?: boolean;
|
|
8
|
+
variant?: TypographyProps["variant"];
|
|
9
|
+
weight?: TypographyProps["weight"];
|
|
10
|
+
highlightedTextProps?: {
|
|
11
|
+
className?: string;
|
|
12
|
+
variant?: TypographyProps["variant"];
|
|
13
|
+
weight?: TypographyProps["weight"];
|
|
14
|
+
};
|
|
9
15
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const sealVariants: (props?: ({
|
|
2
2
|
size?: "small" | "medium" | null | undefined;
|
|
3
|
-
variant?: "
|
|
3
|
+
variant?: "alert" | "left" | "right" | "add" | "success" | "error" | "minus" | null | undefined;
|
|
4
4
|
inverted?: boolean | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ToggleVariantEnum } from "./enums";
|
|
2
2
|
export interface ToggleProps {
|
|
3
3
|
checked: boolean;
|
|
4
4
|
disabled?: boolean;
|
|
5
|
-
variant?:
|
|
5
|
+
variant?: ToggleVariantEnum;
|
|
6
6
|
onChange: (checked: boolean) => void;
|
|
7
7
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const typographyVariants: (props?: ({
|
|
2
|
+
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" | null | undefined;
|
|
3
|
+
weight?: "400" | "200" | "300" | "500" | "600" | "700" | "800" | "900" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -11,15 +11,15 @@ import type { TypographyProps } from "./types";
|
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* // Display text with automatic font mapping
|
|
14
|
-
* <Typography variant="
|
|
14
|
+
* <Typography variant="display_large" weight="700">Hero Title</Typography>
|
|
15
15
|
*
|
|
16
16
|
* @example
|
|
17
17
|
* // Body text with medium weight
|
|
18
|
-
* <Typography variant="
|
|
18
|
+
* <Typography variant="body_medium" weight="500">Content text</Typography>
|
|
19
19
|
*
|
|
20
20
|
* @example
|
|
21
21
|
* // With additional styling
|
|
22
|
-
* <Typography variant="
|
|
22
|
+
* <Typography variant="label_small" weight="300" className="text-gray-600">
|
|
23
23
|
* Form label
|
|
24
24
|
* </Typography>
|
|
25
25
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { TextProps as RNTextProps } from "react-native";
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import type { VariantProps } from "class-variance-authority";
|
|
3
|
+
import { typographyVariants } from "./assets/class-variants";
|
|
4
|
+
export interface TypographyProps extends Omit<RNTextProps, "children">, VariantProps<typeof typographyVariants> {
|
|
5
5
|
className?: string;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
}
|
|
@@ -1,11 +1,29 @@
|
|
|
1
|
+
export * from "./Avatar";
|
|
1
2
|
export * from "./Button";
|
|
3
|
+
export type * from "./Button/types";
|
|
2
4
|
export * from "./Chip";
|
|
5
|
+
export * from "./Chip/types";
|
|
6
|
+
export * from "./Chip/enums";
|
|
3
7
|
export * from "./InformationStatus";
|
|
8
|
+
export type * from "./InformationStatus/types";
|
|
9
|
+
export * from "./InformationStatus/enums";
|
|
4
10
|
export * from "./InputCheckbox";
|
|
11
|
+
export type * from "./InputCheckbox/types";
|
|
12
|
+
export * from "./InputCheckbox/enums";
|
|
5
13
|
export * from "./InputOTP";
|
|
14
|
+
export type * from "./InputOTP/types";
|
|
15
|
+
export * from "./InputOTP/enums";
|
|
6
16
|
export * from "./HighlightedText";
|
|
17
|
+
export type * from "./HighlightedText/types";
|
|
7
18
|
export * from "./LoadingDots";
|
|
19
|
+
export * from "./LoadingDots/types";
|
|
8
20
|
export * from "./Seal";
|
|
21
|
+
export type * from "./Seal/types";
|
|
22
|
+
export * from "./Seal/enums";
|
|
9
23
|
export * from "./Title";
|
|
24
|
+
export type * from "./Title/types";
|
|
10
25
|
export * from "./Toggle";
|
|
26
|
+
export type * from "./Toggle/types";
|
|
27
|
+
export * from "./Toggle/enums";
|
|
11
28
|
export * from "./Typography";
|
|
29
|
+
export type * from "./Typography/types";
|