native-variants 0.1.62 → 0.1.64
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/lib/cn.d.ts +1 -1
- package/dist/lib/create-nva.d.ts +1 -1
- package/dist/provider/create-provider.d.ts +3 -3
- package/dist/provider/create-provider.js +1 -1
- package/dist/provider/create-provider.jsx +34 -1
- package/dist/provider/create-provider.jsx.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/utils/compose-refs.d.ts +3 -2
- package/dist/utils/compose-refs.js +2 -0
- package/dist/utils/compose-refs.js.map +1 -1
- package/package.json +4 -5
package/dist/lib/cn.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { StyleProp } from "react-native";
|
|
1
|
+
import type { StyleProp } from "react-native";
|
|
2
2
|
export declare function cn<T extends object>(...styles: StyleProp<T>[]): T;
|
package/dist/lib/create-nva.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Base, Config, DefaultVariants, DefineConfig, Theme, Variants } from "../types.js";
|
|
1
|
+
import type { Base, Config, DefaultVariants, DefineConfig, Theme, Variants } from "../types.js";
|
|
2
2
|
export declare function styled<const S extends string, V extends Variants<S>>(config: Config<S, V>): (props?: DefaultVariants<S, V>) => Base<S>;
|
|
3
3
|
export declare function createNVA<Tokens extends Theme>({ theme, }?: {
|
|
4
4
|
theme?: Tokens;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
export declare const createCTX: <T>() => {
|
|
3
|
-
CTXProvider: ({ children, props, }: PropsWithChildren & {
|
|
3
|
+
CTXProvider: ({ children, props, }: React.PropsWithChildren & {
|
|
4
4
|
props: T;
|
|
5
|
-
}) =>
|
|
5
|
+
}) => React.JSX.Element;
|
|
6
6
|
useCTX: () => T | undefined;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createContext,useContext,useMemo}from"react";export const createCTX=()=>{const Context=createContext(undefined);const CTXProvider=({children,props})=>{const value=useMemo(()=>({props}),[props]);return React.createElement(Context.Provider,{value:value},children)};const useCTX=()=>{const context=useContext(Context);if(!context){return undefined}return context.props};return{CTXProvider,useCTX}};
|
|
1
|
+
import React,{createContext,useContext,useMemo}from"react";export const createCTX=()=>{const Context=createContext(undefined);const CTXProvider=({children,props})=>{const value=useMemo(()=>({props}),[props]);return React.createElement(Context.Provider,{value:value},children)};const useCTX=()=>{const context=useContext(Context);if(!context){return undefined}return context.props};return{CTXProvider,useCTX}};
|
|
@@ -1,7 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
2
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
36
|
exports.createCTX = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
5
38
|
const createCTX = () => {
|
|
6
39
|
const Context = (0, react_1.createContext)(undefined);
|
|
7
40
|
const CTXProvider = ({ children, props, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-provider.jsx","sourceRoot":"","sources":["../../src/provider/create-provider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"create-provider.jsx","sourceRoot":"","sources":["../../src/provider/create-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAM3D,MAAM,SAAS,GAAG,GAAO,EAAE;IAChC,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAgC,SAAS,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAGN,EAAE,EAAE;QACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAElD,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAkB,EAAE;QACjC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;QAEpC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,OAAO,CAAC,KAAU,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,SAAS,aA4BpB"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FlexStyle, ImageStyle, TextStyle, TransformsStyle, ViewStyle } from "react-native";
|
|
1
|
+
import type { FlexStyle, ImageStyle, TextStyle, TransformsStyle, ViewStyle } from "react-native";
|
|
2
2
|
export type Styles = Partial<ViewStyle & TextStyle & ImageStyle & FlexStyle & TransformsStyle>;
|
|
3
3
|
export type Base<S extends string> = Partial<Record<S, Styles>>;
|
|
4
4
|
export type DefaultVariants<S extends string, V extends Variants<S>> = {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { RefCallback, type Ref } from "react";
|
|
2
|
+
type PossibleRef<T> = Ref<T> | undefined;
|
|
3
|
+
export declare function composeRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
|
|
3
4
|
export {};
|
|
@@ -6,6 +6,7 @@ function setRef(ref, value) {
|
|
|
6
6
|
return ref(value);
|
|
7
7
|
}
|
|
8
8
|
else if (ref !== null && ref !== undefined) {
|
|
9
|
+
//@ts-expect-error
|
|
9
10
|
ref.current = value;
|
|
10
11
|
}
|
|
11
12
|
}
|
|
@@ -24,6 +25,7 @@ function composeRefs(...refs) {
|
|
|
24
25
|
for (let i = 0; i < cleanups.length; i++) {
|
|
25
26
|
const cleanup = cleanups[i];
|
|
26
27
|
if (typeof cleanup == "function") {
|
|
28
|
+
//@ts-expect-error
|
|
27
29
|
cleanup();
|
|
28
30
|
}
|
|
29
31
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/utils/compose-refs.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/utils/compose-refs.ts"],"names":[],"mappings":";;AAaA,kCA2BC;AApCD,SAAS,MAAM,CAAI,GAAmB,EAAE,KAAQ;IAC9C,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;SAAM,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QAC7C,kBAAkB;QAClB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;AACH,CAAC;AAED,SAAgB,WAAW,CACzB,GAAG,IAAsB;IAEzB,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;gBAChD,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,GAAG,EAAE;gBACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;wBACjC,kBAAkB;wBAClB,OAAO,EAAE,CAAC;oBACZ,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "native-variants",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.64",
|
|
4
4
|
"description": "A library for handling variants in React Native components with theme support.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -28,8 +28,6 @@
|
|
|
28
28
|
"@eslint/js": "^9.17.0",
|
|
29
29
|
"@swc/cli": "0.6.0",
|
|
30
30
|
"@swc/core": "^1.10.1",
|
|
31
|
-
"@types/react": "^19.0.7",
|
|
32
|
-
"@types/react-native": "^0.73.0",
|
|
33
31
|
"@typescript-eslint/eslint-plugin": "^8.18.0",
|
|
34
32
|
"@typescript-eslint/parser": "^8.18.0",
|
|
35
33
|
"eslint": "^9.17.0",
|
|
@@ -41,8 +39,9 @@
|
|
|
41
39
|
"typescript-eslint": "^8.18.0"
|
|
42
40
|
},
|
|
43
41
|
"peerDependencies": {
|
|
44
|
-
"react": "
|
|
45
|
-
"react-native": "
|
|
42
|
+
"react": ">=18",
|
|
43
|
+
"react-native": ">=0.78",
|
|
44
|
+
"@types/react": ">=18"
|
|
46
45
|
},
|
|
47
46
|
"packageManager": "yarn@1.22.22"
|
|
48
47
|
}
|