@tecsinapse/cortex-core 0.3.0-beta.10 → 0.3.0-beta.12

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

@@ -6,7 +6,7 @@ const overlay = tailwindVariants.tv({
   base: "fixed",
   variants: {
     show: {
-      true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
+      true: "bg-opacity-50 z-[700] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
       false: "invisible"
     }
   }

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

@@ -10,7 +10,7 @@ const drawerStyles = tailwindVariants.tv({
       right: "right-1 translate-x-full rounded-l-mili"
     },
     open: {
-      true: "translate-x-0",
+      true: "translate-x-0 z-[700]",
       false: "invisible"
     }
   },

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

@@ -2,12 +2,19 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const radioButton = tailwindVariants.tv({
-  base: "accent-orange-600 h-5 w-5 cursor-pointer peer"
-});
-const labelRadioButton = tailwindVariants.tv({
-  base: "cursor-pointer peer-checked:font-bold"
+const radioButtonStyles = tailwindVariants.tv({
+  slots: {
+    container: "gap-x-mili flex items-center justify-center",
+    label: "cursor-pointer peer-checked:font-bold ",
+    input: "accent-orange-600 h-5 w-5 cursor-pointer peer"
+  },
+  variants: {
+    reversed: {
+      true: {
+        container: "flex-row-reverse"
+      }
+    }
+  }
 });
 
-exports.labelRadioButton = labelRadioButton;
-exports.radioButton = radioButton;
+exports.radioButtonStyles = radioButtonStyles;

package/dist/cjs/index.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var definitions = require('./tokens/definitions.js');
 var badge = require('./components/badge/badge.js');
 var button = require('./components/button/button.js');
 var card = require('./components/card/card.js');
@@ -20,18 +19,10 @@ var tag = require('./components/tag/tag.js');
 var toggle = require('./components/toggle/toggle.js');
 var tooltip = require('./components/tooltip/tooltip.js');
 var index = require('./preset/index.js');
+var definitions = require('./tokens/definitions.js');
 
 
 
-exports.borderColor = definitions.borderColor;
-exports.borderRadius = definitions.borderRadius;
-exports.borderWidth = definitions.borderWidth;
-exports.boxShadow = definitions.boxShadow;
-exports.colors = definitions.colors;
-exports.fontFamily = definitions.fontFamily;
-exports.fontSize = definitions.fontSize;
-exports.spacing = definitions.spacing;
-exports.textColor = definitions.textColor;
 exports.badge = badge.badge;
 exports.containerBadge = badge.containerBadge;
 exports.button = button.button;
@@ -51,8 +42,7 @@ exports.modal = modal.modal;
 exports.popover = popover.popover;
 exports.popoverContainer = popover.popoverContainer;
 exports.popoverStyles = popover.popoverStyles;
-exports.labelRadioButton = radioButton.labelRadioButton;
-exports.radioButton = radioButton.radioButton;
+exports.radioButtonStyles = radioButton.radioButtonStyles;
 exports.option = select.option;
 exports.selectVariants = select.selectVariants;
 exports.snackbar = snackbar.snackbar;
@@ -70,3 +60,12 @@ exports.toggle = toggle.toggle;
 exports.tooltip = tooltip.tooltip;
 exports.tooltipContainer = tooltip.tooltipContainer;
 exports.preset = index;
+exports.borderColor = definitions.borderColor;
+exports.borderRadius = definitions.borderRadius;
+exports.borderWidth = definitions.borderWidth;
+exports.boxShadow = definitions.boxShadow;
+exports.colors = definitions.colors;
+exports.fontFamily = definitions.fontFamily;
+exports.fontSize = definitions.fontSize;
+exports.spacing = definitions.spacing;
+exports.textColor = definitions.textColor;

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

@@ -4,7 +4,7 @@ const overlay = tv({
   base: "fixed",
   variants: {
     show: {
-      true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
+      true: "bg-opacity-50 z-[700] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
       false: "invisible"
     }
   }

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

@@ -8,7 +8,7 @@ const drawerStyles = tv({
       right: "right-1 translate-x-full rounded-l-mili"
     },
     open: {
-      true: "translate-x-0",
+      true: "translate-x-0 z-[700]",
       false: "invisible"
     }
   },

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

@@ -1,10 +1,18 @@
 import { tv } from 'tailwind-variants';
 
-const radioButton = tv({
-  base: "accent-orange-600 h-5 w-5 cursor-pointer peer"
-});
-const labelRadioButton = tv({
-  base: "cursor-pointer peer-checked:font-bold"
+const radioButtonStyles = tv({
+  slots: {
+    container: "gap-x-mili flex items-center justify-center",
+    label: "cursor-pointer peer-checked:font-bold ",
+    input: "accent-orange-600 h-5 w-5 cursor-pointer peer"
+  },
+  variants: {
+    reversed: {
+      true: {
+        container: "flex-row-reverse"
+      }
+    }
+  }
 });
 
-export { labelRadioButton, radioButton };
+export { radioButtonStyles };

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor } from './tokens/definitions.js';
 export { badge, containerBadge } from './components/badge/badge.js';
 export { button, buttonStyles } from './components/button/button.js';
 export { card } from './components/card/card.js';
@@ -10,7 +9,7 @@ export { hint } from './components/hint/hint.js';
 export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
 export { modal } from './components/modal/modal.js';
 export { popover, popoverContainer, popoverStyles } from './components/popover/popover.js';
-export { labelRadioButton, radioButton } from './components/radio-button/radio-button.js';
+export { radioButtonStyles } from './components/radio-button/radio-button.js';
 export { option, selectVariants } from './components/select/select.js';
 export { snackbar } from './components/snackbar/snackbar.js';
 export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow } from './components/table/table.js';
@@ -18,3 +17,4 @@ export { tag } from './components/tag/tag.js';
 export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
 export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
 export { default as preset } from './preset/index.js';
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor } from './tokens/definitions.js';

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

@@ -1,2 +1,55 @@
-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>>;
+export declare const radioButtonStyles: import("tailwind-variants").TVReturnType<{
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}>, {
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    input: string;
+}, import("tailwind-variants").TVReturnType<{
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    input: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    reversed: {
+        true: {
+            container: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export * from './tokens/definitions';
 export * from './components';
 export { default as preset } from './preset';
+export * from './tokens/definitions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "0.3.0-beta.10",
+  "version": "0.3.0-beta.12",
   "license": "MIT",
   "description": "Core library for tailwindcss based design",
   "main": "dist/esm/index.js",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "tailwindcss": ">=3.3.0"
   },
-  "gitHead": "77df5fcf8a51f5f7163663ef33a4961829823940"
+  "gitHead": "c6722ce5d39bf6f0152ce2041106b511947edee9"
 }