@tecsinapse/cortex-core 0.3.0-beta.13 → 0.3.0-beta.14

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

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

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

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 
 const modal = tailwindVariants.tv({
-  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0",
+  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/cjs/index.js

@@ -69,3 +69,4 @@ exports.fontFamily = definitions.fontFamily;
 exports.fontSize = definitions.fontSize;
 exports.spacing = definitions.spacing;
 exports.textColor = definitions.textColor;
+exports.zIndex = definitions.zIndex;

package/dist/cjs/preset/index.js

@@ -14,6 +14,7 @@ const preset = {
       fontSize: definitions.fontSize,
       boxShadow: definitions.boxShadow,
       borderColor: definitions.borderColor,
+      zIndex: definitions.zIndex,
       keyframes: {
         opacity: {
           "0%": { opacity: 0 },

package/dist/cjs/tokens/definitions.js

@@ -158,6 +158,19 @@ const textColor = {
   dark: "#353231",
   orange: "#f89907"
 };
+const zIndex = {
+  default: 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1e3
+};
 
 exports.borderColor = borderColor;
 exports.borderRadius = borderRadius;
@@ -168,3 +181,4 @@ exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.spacing = spacing;
 exports.textColor = textColor;
+exports.zIndex = zIndex;

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

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

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

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 
 const modal = tv({
-  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0",
+  base: "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal",
   variants: {
     open: {
       true: "scale-100 visible",

package/dist/esm/index.js

@@ -17,4 +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';
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex } from './tokens/definitions.js';

package/dist/esm/preset/index.js

@@ -1,4 +1,4 @@
-import { fontFamily, colors, textColor, spacing, borderRadius, borderWidth, fontSize, boxShadow, borderColor } from '../tokens/definitions.js';
+import { fontFamily, colors, textColor, spacing, borderRadius, borderWidth, fontSize, boxShadow, borderColor, zIndex } from '../tokens/definitions.js';
 
 const preset = {
   theme: {
@@ -12,6 +12,7 @@ const preset = {
       fontSize,
       boxShadow,
       borderColor,
+      zIndex,
       keyframes: {
         opacity: {
           "0%": { opacity: 0 },

package/dist/esm/tokens/definitions.js

@@ -156,5 +156,18 @@ const textColor = {
   dark: "#353231",
   orange: "#f89907"
 };
+const zIndex = {
+  default: 0,
+  absolute: 1,
+  select: 20,
+  input: 20,
+  popover: 30,
+  tooltip: 40,
+  header: 600,
+  backdrop: 700,
+  drawer: 700,
+  sidebar: 800,
+  modal: 1e3
+};
 
-export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor };
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex };

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

@@ -3,7 +3,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal", import("tailwind-variants/dist/config").TVConfig<{
     open: {
         true: string;
         false: string;
@@ -23,7 +23,7 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         true: string;
         false: string;
     };
-}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "fixed rounded-micro p-kilo bg-white shadow-default flex transition inset-0 z-modal", import("tailwind-variants/dist/config").TVConfig<{
     open: {
         true: string;
         false: string;

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

@@ -105,6 +105,19 @@ declare const preset: {
             borderColor: {
                 'success-light': string;
             };
+            zIndex: {
+                default: number;
+                absolute: number;
+                select: number;
+                input: number;
+                popover: number;
+                tooltip: number;
+                header: number;
+                backdrop: number;
+                drawer: number;
+                sidebar: number;
+                modal: number;
+            };
             keyframes: {
                 opacity: {
                     '0%': {

package/dist/types/tokens/definitions.d.ts

@@ -102,4 +102,17 @@ declare const textColor: {
     dark: string;
     orange: string;
 };
-export { colors, textColor, borderColor, borderWidth, boxShadow, borderRadius, spacing, fontSize, fontFamily, };
+declare const zIndex: {
+    default: number;
+    absolute: number;
+    select: number;
+    input: number;
+    popover: number;
+    tooltip: number;
+    header: number;
+    backdrop: number;
+    drawer: number;
+    sidebar: number;
+    modal: number;
+};
+export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor, zIndex, };

package/package.json

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