@tecsinapse/cortex-core 0.1.3 → 0.1.5

package/dist/cjs/components/common/common.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const overlay = tailwindVariants.tv({
+  base: "fixed",
+  variants: {
+    show: {
+      true: "bg-opacity-50 cursor-pointer z-[0] bg-black h-full w-full left-0 top-0 transition",
+      false: "invisible"
+    }
+  }
+});
+
+exports.overlay = overlay;

package/dist/cjs/components/drawer/drawer.js

@@ -3,21 +3,21 @@
 var tailwindVariants = require('tailwind-variants');
 
 const drawerStyles = tailwindVariants.tv({
-  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0",
+  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform",
   variants: {
     position: {
       left: "left-0 -translate-x-full rounded-r-mili",
       right: "right-1 translate-x-full rounded-l-mili"
+    },
+    open: {
+      true: "translate-x-0",
+      false: ""
     }
   },
   defaultVariants: {
     position: "left"
   }
 });
-const overlay = tailwindVariants.tv({
-  base: "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer"
-});
 const drawer = (props) => drawerStyles(props);
 
 exports.drawer = drawer;
-exports.overlay = overlay;

package/dist/cjs/components/modal/modal.js

@@ -3,7 +3,13 @@
 var tailwindVariants = require('tailwind-variants');
 
 const modal = tailwindVariants.tv({
-  base: "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100"
+  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0",
+  variants: {
+    open: {
+      true: "scale-100 visible",
+      false: "invisible"
+    }
+  }
 });
 
 exports.modal = modal;

package/dist/cjs/components/radio-button/radio-button.js

@@ -3,10 +3,10 @@
 var tailwindVariants = require('tailwind-variants');
 
 const radioButton = tailwindVariants.tv({
-  base: "accent-orange-600 h-5 w-5 cursor-pointer"
+  base: "accent-orange-600 h-5 w-5 cursor-pointer peer"
 });
 const labelRadioButton = tailwindVariants.tv({
-  base: "cursor-pointer"
+  base: "cursor-pointer peer-checked:font-bold"
 });
 
 exports.labelRadioButton = labelRadioButton;

package/dist/cjs/index.js

@@ -16,6 +16,7 @@ var tooltip = require('./components/tooltip/tooltip.js');
 var card = require('./components/card/card.js');
 var modal = require('./components/modal/modal.js');
 var snackbar = require('./components/snackbar/snackbar.js');
+var common = require('./components/common/common.js');
 var index = require('./preset/index.js');
 
 
@@ -42,7 +43,6 @@ exports.styleInputElement = toggle.styleInputElement;
 exports.styleLabelElement = toggle.styleLabelElement;
 exports.toggle = toggle.toggle;
 exports.drawer = drawer.drawer;
-exports.overlay = drawer.overlay;
 exports.buttonSelect = select.buttonSelect;
 exports.dropdown = select.dropdown;
 exports.option = select.option;
@@ -63,4 +63,5 @@ exports.tooltipContainer = tooltip.tooltipContainer;
 exports.card = card.card;
 exports.modal = modal.modal;
 exports.snackbar = snackbar.snackbar;
+exports.overlay = common.overlay;
 exports.preset = index;

package/dist/esm/components/common/common.js

@@ -0,0 +1,13 @@
+import { tv } from 'tailwind-variants';
+
+const overlay = tv({
+  base: "fixed",
+  variants: {
+    show: {
+      true: "bg-opacity-50 cursor-pointer z-[0] bg-black h-full w-full left-0 top-0 transition",
+      false: "invisible"
+    }
+  }
+});
+
+export { overlay };

package/dist/esm/components/drawer/drawer.js

@@ -1,20 +1,21 @@
 import { tv } from 'tailwind-variants';
 
 const drawerStyles = tv({
-  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0",
+  base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform",
   variants: {
     position: {
       left: "left-0 -translate-x-full rounded-r-mili",
       right: "right-1 translate-x-full rounded-l-mili"
+    },
+    open: {
+      true: "translate-x-0",
+      false: ""
     }
   },
   defaultVariants: {
     position: "left"
   }
 });
-const overlay = tv({
-  base: "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer"
-});
 const drawer = (props) => drawerStyles(props);
 
-export { drawer, overlay };
+export { drawer };

package/dist/esm/components/modal/modal.js

@@ -1,7 +1,13 @@
 import { tv } from 'tailwind-variants';
 
 const modal = tv({
-  base: "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100"
+  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0",
+  variants: {
+    open: {
+      true: "scale-100 visible",
+      false: "invisible"
+    }
+  }
 });
 
 export { modal };

package/dist/esm/components/radio-button/radio-button.js

@@ -1,10 +1,10 @@
 import { tv } from 'tailwind-variants';
 
 const radioButton = tv({
-  base: "accent-orange-600 h-5 w-5 cursor-pointer"
+  base: "accent-orange-600 h-5 w-5 cursor-pointer peer"
 });
 const labelRadioButton = tv({
-  base: "cursor-pointer"
+  base: "cursor-pointer peer-checked:font-bold"
 });
 
 export { labelRadioButton, radioButton };

package/dist/esm/index.js

@@ -4,7 +4,7 @@ export { tag } from './components/tag/tag.js';
 export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
 export { hint } from './components/hint/hint.js';
 export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
-export { drawer, overlay } from './components/drawer/drawer.js';
+export { drawer } from './components/drawer/drawer.js';
 export { buttonSelect, dropdown, option } from './components/select/select.js';
 export { checkbox } from './components/checkbox/checkbox.js';
 export { badge, containerBadge } from './components/badge/badge.js';
@@ -14,4 +14,5 @@ export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
 export { card } from './components/card/card.js';
 export { modal } from './components/modal/modal.js';
 export { snackbar } from './components/snackbar/snackbar.js';
+export { overlay } from './components/common/common.js';
 export { default as preset } from './preset/index.js';

package/dist/types/components/common/common.d.ts

@@ -0,0 +1,36 @@
+export declare const overlay: import("tailwind-variants").TVReturnType<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, "fixed", import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, {
+    show: {
+        true: string;
+        false: string;
+    };
+}>, {
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, undefined, "fixed", import("tailwind-variants/dist/config").TVConfig<{
+    show: {
+        true: string;
+        false: string;
+    };
+}, {
+    show: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/drawer/drawer.d.ts

@@ -4,38 +4,65 @@ declare const drawerStyles: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0", import("tailwind-variants/dist/config").TVConfig<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform", import("tailwind-variants/dist/config").TVConfig<{
     position: {
         left: string;
         right: string;
     };
+    open: {
+        true: string;
+        false: string;
+    };
 }, {
     position: {
         left: string;
         right: string;
     };
+    open: {
+        true: string;
+        false: string;
+    };
 }>, {
     position: {
         left: string;
         right: string;
     };
+    open: {
+        true: string;
+        false: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     position: {
         left: string;
         right: string;
     };
-}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0", import("tailwind-variants/dist/config").TVConfig<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform", import("tailwind-variants/dist/config").TVConfig<{
     position: {
         left: string;
         right: string;
     };
+    open: {
+        true: string;
+        false: string;
+    };
 }, {
     position: {
         left: string;
         right: string;
     };
+    open: {
+        true: string;
+        false: string;
+    };
 }>, unknown, unknown, undefined>>;
-export declare const overlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export type DrawerVariants = VariantProps<typeof drawerStyles> & ClassProp;
 export declare const drawer: (props: DrawerVariants) => string;
 export {};

package/dist/types/components/index.d.ts

@@ -13,3 +13,4 @@ export * from './tooltip/tooltip';
 export * from './card/card';
 export * from './modal/modal';
 export * from './snackbar/snackbar';
+export * from './common/common';

package/dist/types/components/modal/modal.d.ts

@@ -1 +1,36 @@
-export declare const modal: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const modal: import("tailwind-variants").TVReturnType<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0", import("tailwind-variants/dist/config").TVConfig<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, {
+    open: {
+        true: string;
+        false: string;
+    };
+}>, {
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0", import("tailwind-variants/dist/config").TVConfig<{
+    open: {
+        true: string;
+        false: string;
+    };
+}, {
+    open: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,2 +1,2 @@
-export declare const radioButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "accent-orange-600 h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "accent-orange-600 h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const labelRadioButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const radioButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "accent-orange-600 h-5 w-5 cursor-pointer peer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "accent-orange-600 h-5 w-5 cursor-pointer peer", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const labelRadioButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "cursor-pointer peer-checked:font-bold", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "cursor-pointer peer-checked:font-bold", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -20,5 +20,5 @@
     "tailwind-merge": "^2.0.0",
     "tailwind-variants": "^0.1.18"
   },
-  "gitHead": "b91967b65eef72b87d6a7b55582937494dcbdfb3"
+  "gitHead": "b87da8712b36d9de22a98598c4efa8d785964bc3"
 }