@vnejs/uis.react.backdrop 0.1.7 → 0.1.9

package/dist/Backdrop.types.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import type { CssInsertValueLength, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
 export declare const BackdropType: {
     readonly TOP: "top";
     readonly RIGHT: "right";
@@ -7,13 +8,13 @@ export declare const BackdropType: {
 };
 export type BackdropTypeValue = (typeof BackdropType)[keyof typeof BackdropType];
 export type BackdropProps = {
-    zIndex?: number | null;
-    transition?: number | null;
+    zIndex?: CssInsertValueNumber;
+    transition?: CssInsertValueNumber;
     type?: BackdropTypeValue | "";
-    size?: number;
-    opacity?: number;
-    color1?: string;
-    color2?: string;
+    size?: CssInsertValueLength;
+    opacity?: CssInsertValueNumber;
+    color1?: CssInsertValueString;
+    color2?: CssInsertValueString;
     className?: string;
     children?: ReactNode;
 };

package/dist/Backdrop.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.types.d.ts","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,iBAAiB,GAAG,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Backdrop.types.d.ts","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAEjF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,CAAC,EAAE,iBAAiB,GAAG,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/Backdrop.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.types.js","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC"}
+{"version":3,"file":"Backdrop.types.js","sourceRoot":"","sources":["../src/Backdrop.types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.backdrop",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -15,9 +15,6 @@
   "peerDependencies": {
     "@vnejs/uis.utils": "~0.1.0"
   },
-  "devDependencies": {
-    "@vnejs/uis.react": "~0.1.0"
-  },
   "files": [
     "dist",
     "src",

package/src/Backdrop.stories.tsx

@@ -1,6 +1,5 @@
-import { VneWrap } from "@vnejs/uis.react";
-
-import { Backdrop } from "@vnejs/uis.react";
+import { VneWrap } from "@vnejs/uis.react.vne-wrap";
+import { Backdrop } from "./Backdrop.js";
 
 export const Common = {
   args: {

package/src/Backdrop.types.tsx

@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
 
+import type { CssInsertValueLength, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
+
 export const BackdropType = {
   TOP: "top",
   RIGHT: "right",
@@ -10,13 +12,13 @@ export const BackdropType = {
 export type BackdropTypeValue = (typeof BackdropType)[keyof typeof BackdropType];
 
 export type BackdropProps = {
-  zIndex?: number | null;
-  transition?: number | null;
+  zIndex?: CssInsertValueNumber;
+  transition?: CssInsertValueNumber;
   type?: BackdropTypeValue | "";
-  size?: number;
-  opacity?: number;
-  color1?: string;
-  color2?: string;
+  size?: CssInsertValueLength;
+  opacity?: CssInsertValueNumber;
+  color1?: CssInsertValueString;
+  color2?: CssInsertValueString;
   className?: string;
   children?: ReactNode;
 };