@kivid/native-components 1.0.0-alpha.1 → 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 +11 -5
- package/dist/commonjs/components/Button/index.js.map +1 -1
- package/dist/commonjs/components/Chip/index.js +8 -4
- 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/InformationStatus/index.js +1 -1
- package/dist/commonjs/components/InputOTP/components/InformationStatus/index.js +4 -4
- 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/InputOTP/index.js +1 -1
- package/dist/commonjs/components/Seal/index.js +1 -1
- package/dist/commonjs/components/Title/index.js +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 +2 -2
- 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 +10 -6
- 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/commonjs/iconography/Icons/index.js +7 -8
- package/dist/commonjs/iconography/Icons/index.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 +12 -5
- package/dist/module/components/Button/index.js.map +1 -1
- package/dist/module/components/Chip/index.js +9 -5
- 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/InformationStatus/index.js +1 -1
- package/dist/module/components/InformationStatus/index.js.map +1 -1
- package/dist/module/components/InputOTP/components/InformationStatus/index.js +2 -2
- 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/InputOTP/index.js +1 -1
- package/dist/module/components/InputOTP/index.js.map +1 -1
- package/dist/module/components/Seal/index.js +1 -1
- package/dist/module/components/Seal/index.js.map +1 -1
- package/dist/module/components/Title/index.js +1 -1
- package/dist/module/components/Title/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 +3 -3
- 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 +10 -6
- 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/module/iconography/Icons/index.js +9 -10
- package/dist/module/iconography/Icons/index.js.map +1 -1
- package/dist/package.json +3 -4
- 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/dist/typescript/iconography/Icons/index.d.ts +1 -1
- package/package.json +12 -14
- package/src/components/Button/assets/class-variants.ts +0 -5
- package/src/components/Button/index.tsx +25 -7
- package/src/components/Chip/index.tsx +17 -9
- 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/InformationStatus/index.tsx +1 -1
- package/src/components/InputOTP/components/InformationStatus/index.tsx +2 -2
- package/src/components/InputOTP/enums/index.ts +7 -1
- package/src/components/InputOTP/index.stories.tsx +13 -4
- package/src/components/InputOTP/index.tsx +1 -1
- package/src/components/Seal/index.tsx +1 -1
- package/src/components/Title/index.stories.tsx +186 -76
- package/src/components/Title/index.tsx +1 -1
- package/src/components/Toggle/enums/variant.ts +1 -1
- package/src/components/Toggle/index.stories.tsx +19 -19
- package/src/components/Toggle/index.tsx +3 -3
- 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 +10 -6
- package/src/components/Typography/types.ts +5 -3
- package/src/components/index.ts +27 -0
- package/src/hooks/use-fonts.ts +8 -0
- package/src/iconography/Icons/index.tsx +21 -15
- 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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","View","TextInput","Platform","merge","InformationStatus","InformationStatusEnum","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","InputOTP","props","status","DEFAULT","OTPInputsQuantity","customInformation","rounded","disabled","onChange","onPressRetryToken","inputsRef","inputValues","setInputValues","Array","fill","hasError","ERROR","handlePress","values","inputRefValuesJoined","join","length","handleChange","event","index","text","nativeEvent","newValues","chars","split","targetIndex","forEach","char","nextEmptyIndex","findIndex","value","current","focus","v","i","handleKeyDown","e","key","hasValueAhead","slice","some","lastFilledIndex","map","filter","pop","undefined","handleFocus","firstEmptyIndex","preventDefault","renderInformationStatus","children","onPress","inputStyle","className","from","_","ref","textContentType","placeholder","autoComplete","OS","placeholderTextColor","editable","onKeyPress","onFocus"],"sourceRoot":"../../../../src","sources":["components/InputOTP/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxC,SACEC,IAAI,EACJC,SAAS,EAGTC,QAAQ,QAGH,cAAc;AAErB,SAASC,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"names":["useRef","useState","View","TextInput","Platform","merge","InformationStatus","InformationStatusEnum","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","InputOTP","props","status","DEFAULT","OTPInputsQuantity","customInformation","rounded","disabled","onChange","onPressRetryToken","inputsRef","inputValues","setInputValues","Array","fill","hasError","ERROR","handlePress","values","inputRefValuesJoined","join","length","handleChange","event","index","text","nativeEvent","newValues","chars","split","targetIndex","forEach","char","nextEmptyIndex","findIndex","value","current","focus","v","i","handleKeyDown","e","key","hasValueAhead","slice","some","lastFilledIndex","map","filter","pop","undefined","handleFocus","firstEmptyIndex","preventDefault","renderInformationStatus","children","onPress","inputStyle","className","from","_","ref","textContentType","placeholder","autoComplete","OS","placeholderTextColor","editable","onKeyPress","onFocus"],"sourceRoot":"../../../../src","sources":["components/InputOTP/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { View } from "react-native";
|
|
5
5
|
import { AddIcon, ErrorIcon, MinusIcon, SuccessIcon, RightIcon, LeftIcon, AlertIcon } from "./components/index.js";
|
|
6
|
-
import { merge } from "@
|
|
6
|
+
import { merge } from "@kivid/tailwind-preset";
|
|
7
7
|
import { sealVariants } from "./assets/class-variants.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
export const Seal = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","AddIcon","ErrorIcon","MinusIcon","SuccessIcon","RightIcon","LeftIcon","AlertIcon","merge","sealVariants","jsx","_jsx","Seal","variant","size","inverted","className","mappedColorByVariant","add","success","error","alert","minus","right","left","iconMap","Icon","children","color"],"sourceRoot":"../../../../src","sources":["components/Seal/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,SAAS,QACJ,uBAAc;AACrB,SAASC,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","View","AddIcon","ErrorIcon","MinusIcon","SuccessIcon","RightIcon","LeftIcon","AlertIcon","merge","sealVariants","jsx","_jsx","Seal","variant","size","inverted","className","mappedColorByVariant","add","success","error","alert","minus","right","left","iconMap","Icon","children","color"],"sourceRoot":"../../../../src","sources":["components/Seal/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,SAAS,QACJ,uBAAc;AACrB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,OAAO,MAAMC,IAAyB,GAAGA,CAAC;EACxCC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,oBAAoB,GAAG;IAC3BC,GAAG,EAAEH,QAAQ,GAAG,SAAS,GAAG,SAAS;IACrCI,OAAO,EAAEJ,QAAQ,GAAG,SAAS,GAAG,SAAS;IACzCK,KAAK,EAAEL,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvCM,KAAK,EAAEN,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvCO,KAAK,EAAEP,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvCQ,KAAK,EAAER,QAAQ,GAAG,SAAS,GAAG,SAAS;IACvCS,IAAI,EAAET,QAAQ,GAAG,SAAS,GAAG;EAC/B,CAAC;EAED,MAAMU,OAAO,GAAG;IACdN,OAAO,EAAEf,WAAW;IACpBc,GAAG,EAAEjB,OAAO;IACZmB,KAAK,EAAElB,SAAS;IAChBqB,KAAK,EAAElB,SAAS;IAChBmB,IAAI,EAAElB,QAAQ;IACdgB,KAAK,EAAEnB,SAAS;IAChBkB,KAAK,EAAEd;EACT,CAAC;EAED,MAAMmB,IAAI,GAAGD,OAAO,CAACZ,OAAO,CAAC;EAE7B,oBACEF,IAAA,CAACX,IAAI;IACHgB,SAAS,EAAER,KAAK,CAACC,YAAY,CAAC;MAAEK,IAAI;MAAED,OAAO;MAAEE;IAAS,CAAC,CAAC,EAAEC,SAAS,CAAE;IAAAW,QAAA,eAEvEhB,IAAA,CAACe,IAAI;MAACZ,IAAI,EAAEA,IAAK;MAACc,KAAK,EAAEX,oBAAoB,CAACJ,OAAO;IAAE,CAAE;EAAC,CACtD,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { View } from "react-native";
|
|
4
4
|
import { Icon, Marker } from "./components/index.js";
|
|
5
|
-
import { merge } from "@
|
|
5
|
+
import { merge } from "@kivid/tailwind-preset";
|
|
6
6
|
import { cva } from "class-variance-authority";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
function Title(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Icon","Marker","merge","cva","jsx","_jsx","jsxs","_jsxs","Title","props","children","className","variant","head","variantClass","variants","xlarge","large","medium","small","xsmall","mergedClassName"],"sourceRoot":"../../../../src","sources":["components/Title/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,MAAM,QAAQ,uBAAc;AAE3C,SAASC,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"names":["View","Icon","Marker","merge","cva","jsx","_jsx","jsxs","_jsxs","Title","props","children","className","variant","head","variantClass","variants","xlarge","large","medium","small","xsmall","mergedClassName"],"sourceRoot":"../../../../src","sources":["components/Title/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,MAAM,QAAQ,uBAAc;AAE3C,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,GAAG,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,SAASC,KAAKA,CAACC,KAAiB,EAAE;EAChC,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO,GAAG,QAAQ;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EAE/D,MAAMK,YAAY,GAAGX,GAAG,CAAC,EAAE,EAAE;IAC3BY,QAAQ,EAAE;MACRH,OAAO,EAAE;QACP,SAAS,EAAE,QAAQ;QACnBI,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE,QAAQ;QACfC,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE,QAAQ;QACfC,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC,CAAC;IAAER;EAAQ,CAAC,CAAC;EAEf,MAAMS,eAAe,GAAGnB,KAAK,CAAC,6BAA6B,EAAES,SAAS,CAAC;EAEvE,oBACEJ,KAAA,CAACR,IAAI;IAACY,SAAS,EAAEU,eAAgB;IAAAX,QAAA,gBAC/BL,IAAA,CAACN,IAAI;MAACY,SAAS,EAAE,GAAGG,YAAY,EAAG;MAAAJ,QAAA,EAAEG;IAAI,CAAO,CAAC,EAChDH,QAAQ;EAAA,CACL,CAAC;AAEX;AAEAF,KAAK,CAACR,IAAI,GAAGA,IAAI;AACjBQ,KAAK,CAACP,MAAM,GAAGA,MAAM;AAErB,SAASO,KAAK","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,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Pressable, View } from "react-native";
|
|
4
|
-
import {
|
|
5
|
-
import { merge } from "@
|
|
4
|
+
import { ToggleVariantEnum } from "./enums/index.js";
|
|
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";
|
|
8
8
|
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":[]}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Text } from "react-native";
|
|
5
|
-
import { merge } from "@
|
|
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 "@butterfly/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":[]}
|
|
@@ -2,13 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
export * from "./Button/index.js";
|
|
4
4
|
export * from "./Chip/index.js";
|
|
5
|
+
export * from "./Chip/types.js";
|
|
6
|
+
export * from "./Chip/enums/index.js";
|
|
5
7
|
export * from "./InformationStatus/index.js";
|
|
8
|
+
export * from "./InformationStatus/enums.js";
|
|
6
9
|
export * from "./InputCheckbox/index.js";
|
|
10
|
+
export * from "./InputCheckbox/enums/index.js";
|
|
7
11
|
export * from "./InputOTP/index.js";
|
|
12
|
+
export * from "./InputOTP/enums/index.js";
|
|
8
13
|
export * from "./HighlightedText/index.js";
|
|
9
14
|
export * from "./LoadingDots/index.js";
|
|
15
|
+
export * from "./LoadingDots/types.js";
|
|
10
16
|
export * from "./Seal/index.js";
|
|
17
|
+
export * from "./Seal/enums/index.js";
|
|
11
18
|
export * from "./Title/index.js";
|
|
12
19
|
export * from "./Toggle/index.js";
|
|
20
|
+
export * from "./Toggle/enums/index.js";
|
|
13
21
|
export * from "./Typography/index.js";
|
|
14
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,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":[]}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import * as IconsNative from
|
|
4
|
-
import React, { useMemo, useState } from
|
|
5
|
-
import { Alert, FlatList, Pressable, SafeAreaView, Text, TextInput, View } from
|
|
3
|
+
import * as IconsNative from "@kivid/icons/native";
|
|
4
|
+
import React, { useMemo, useState } from "react";
|
|
5
|
+
import { Alert, FlatList, Pressable, SafeAreaView, Text, TextInput, View } from "react-native";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
export function Icons(props) {
|
|
8
8
|
const {
|
|
9
9
|
size = 24,
|
|
10
|
-
color =
|
|
10
|
+
color = "currentColor"
|
|
11
11
|
} = props;
|
|
12
12
|
const icons = Object.entries(IconsNative).map(([name, IconComponent]) => ({
|
|
13
13
|
name,
|
|
14
14
|
component: IconComponent
|
|
15
15
|
}));
|
|
16
|
-
const [searchTerm, setSearchTerm] = useState(
|
|
16
|
+
const [searchTerm, setSearchTerm] = useState("");
|
|
17
17
|
const iconsFiltered = useMemo(() => {
|
|
18
18
|
const sorted = [...icons].sort((a, b) => a.name.localeCompare(b.name));
|
|
19
19
|
return sorted.filter(icon => icon.name.toLowerCase().includes(searchTerm.toLowerCase()));
|
|
20
20
|
}, [icons, searchTerm]);
|
|
21
21
|
function handleIconPress(name) {
|
|
22
|
-
const isCurrentColor = color ===
|
|
23
|
-
const component = `<${name} size={${size}} ${isCurrentColor ?
|
|
22
|
+
const isCurrentColor = color === "currentColor";
|
|
23
|
+
const component = `<${name} size={${size}} ${isCurrentColor ? "" : `color="${color}"`} />`;
|
|
24
24
|
Alert.alert(`Ícone selecionado: ${component}`);
|
|
25
25
|
}
|
|
26
26
|
return /*#__PURE__*/_jsxs(SafeAreaView, {
|
|
@@ -29,12 +29,12 @@ export function Icons(props) {
|
|
|
29
29
|
placeholder: "Pesquisar \xEDcones...",
|
|
30
30
|
placeholderTextColor: "#98A3A3",
|
|
31
31
|
style: {
|
|
32
|
-
width:
|
|
32
|
+
width: "100%",
|
|
33
33
|
height: 40,
|
|
34
34
|
marginBottom: 16,
|
|
35
35
|
borderRadius: 8,
|
|
36
36
|
borderWidth: 1,
|
|
37
|
-
borderColor:
|
|
37
|
+
borderColor: "#98A3A3",
|
|
38
38
|
paddingHorizontal: 12,
|
|
39
39
|
fontSize: 16
|
|
40
40
|
},
|
|
@@ -88,5 +88,4 @@ export function Icons(props) {
|
|
|
88
88
|
})]
|
|
89
89
|
});
|
|
90
90
|
}
|
|
91
|
-
;
|
|
92
91
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IconsNative","React","useMemo","useState","Alert","FlatList","Pressable","SafeAreaView","Text","TextInput","View","jsx","_jsx","jsxs","_jsxs","Icons","props","size","color","icons","Object","entries","map","name","IconComponent","component","searchTerm","setSearchTerm","iconsFiltered","sorted","sort","a","b","localeCompare","filter","icon","toLowerCase","includes","handleIconPress","isCurrentColor","alert","className","children","placeholder","placeholderTextColor","style","width","height","marginBottom","borderRadius","borderWidth","borderColor","paddingHorizontal","fontSize","onChangeText","value","data","keyExtractor","numColumns","columnWrapperStyle","justifyContent","contentContainerStyle","paddingBottom","renderItem","item","flex","alignItems","marginVertical","flexDirection","padding","onPress","marginTop","textAlign","maxWidth","numberOfLines"],"sourceRoot":"../../../../src","sources":["iconography/Icons/index.tsx"],"mappings":";;AAAA,OAAO,KAAKA,WAAW,MAAM,
|
|
1
|
+
{"version":3,"names":["IconsNative","React","useMemo","useState","Alert","FlatList","Pressable","SafeAreaView","Text","TextInput","View","jsx","_jsx","jsxs","_jsxs","Icons","props","size","color","icons","Object","entries","map","name","IconComponent","component","searchTerm","setSearchTerm","iconsFiltered","sorted","sort","a","b","localeCompare","filter","icon","toLowerCase","includes","handleIconPress","isCurrentColor","alert","className","children","placeholder","placeholderTextColor","style","width","height","marginBottom","borderRadius","borderWidth","borderColor","paddingHorizontal","fontSize","onChangeText","value","data","keyExtractor","numColumns","columnWrapperStyle","justifyContent","contentContainerStyle","paddingBottom","renderItem","item","flex","alignItems","marginVertical","flexDirection","padding","onPress","marginTop","textAlign","maxWidth","numberOfLines"],"sourceRoot":"../../../../src","sources":["iconography/Icons/index.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "@
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"name": "@kivid/native-components",
|
|
3
|
+
"version": "1.0.0-alpha.4",
|
|
4
4
|
"description": "A React Native component library for the Butterfly Design System.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,8 +17,7 @@
|
|
|
17
17
|
"types": "./typescript/index.d.ts",
|
|
18
18
|
"sideEffects": false,
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@
|
|
21
|
-
"@butterfly/tailwind-preset": "workspace:*",
|
|
20
|
+
"@kivid/icons": "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",
|
|
@@ -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,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,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,28 @@
|
|
|
1
1
|
export * from "./Button";
|
|
2
|
+
export type * from "./Button/types";
|
|
2
3
|
export * from "./Chip";
|
|
4
|
+
export * from "./Chip/types";
|
|
5
|
+
export * from "./Chip/enums";
|
|
3
6
|
export * from "./InformationStatus";
|
|
7
|
+
export type * from "./InformationStatus/types";
|
|
8
|
+
export * from "./InformationStatus/enums";
|
|
4
9
|
export * from "./InputCheckbox";
|
|
10
|
+
export type * from "./InputCheckbox/types";
|
|
11
|
+
export * from "./InputCheckbox/enums";
|
|
5
12
|
export * from "./InputOTP";
|
|
13
|
+
export type * from "./InputOTP/types";
|
|
14
|
+
export * from "./InputOTP/enums";
|
|
6
15
|
export * from "./HighlightedText";
|
|
16
|
+
export type * from "./HighlightedText/types";
|
|
7
17
|
export * from "./LoadingDots";
|
|
18
|
+
export * from "./LoadingDots/types";
|
|
8
19
|
export * from "./Seal";
|
|
20
|
+
export type * from "./Seal/types";
|
|
21
|
+
export * from "./Seal/enums";
|
|
9
22
|
export * from "./Title";
|
|
23
|
+
export type * from "./Title/types";
|
|
10
24
|
export * from "./Toggle";
|
|
25
|
+
export type * from "./Toggle/types";
|
|
26
|
+
export * from "./Toggle/enums";
|
|
11
27
|
export * from "./Typography";
|
|
28
|
+
export type * from "./Typography/types";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { IconsProps } from
|
|
1
|
+
import type { IconsProps } from "./types";
|
|
2
2
|
export declare function Icons(props: IconsProps): import("react/jsx-runtime").JSX.Element;
|