@tecsinapse/cortex-core 0.0.10 → 0.0.11

package/dist/cjs/components/snackbar/snackbar.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const snackbarStyles = tailwindVariants.tv({
+  base: "animate-bottomToTop text-base font-bold p-mili flex justify-between fixed rounded-mili left-[50%] bottom-deca",
+  variants: {
+    intent: {
+      primary: "bg-primary-xlight text-primary-medium",
+      secondary: "bg-secondary-xlight text-secondary-medium",
+      success: "bg-success-xlight text-success-medium",
+      error: "bg-error-xlight text-error-medium",
+      info: "bg-info-xlight text-info-medium",
+      warning: "bg-warning-xlight text-warning-medium"
+    }
+  },
+  defaultVariants: {
+    intent: "primary"
+  }
+});
+const snackbar = (props) => snackbarStyles(props);
+
+exports.snackbar = snackbar;

package/dist/cjs/index.js

@@ -15,6 +15,7 @@ var table = require('./components/table/table.js');
 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');
 require('./preset/index.js');
 
 
@@ -61,3 +62,4 @@ exports.tooltip = tooltip.tooltip;
 exports.tooltipContainer = tooltip.tooltipContainer;
 exports.card = card.card;
 exports.modal = modal.modal;
+exports.snackbar = snackbar.snackbar;

package/dist/esm/components/snackbar/snackbar.js

@@ -0,0 +1,21 @@
+import { tv } from 'tailwind-variants';
+
+const snackbarStyles = tv({
+  base: "animate-bottomToTop text-base font-bold p-mili flex justify-between fixed rounded-mili left-[50%] bottom-deca",
+  variants: {
+    intent: {
+      primary: "bg-primary-xlight text-primary-medium",
+      secondary: "bg-secondary-xlight text-secondary-medium",
+      success: "bg-success-xlight text-success-medium",
+      error: "bg-error-xlight text-error-medium",
+      info: "bg-info-xlight text-info-medium",
+      warning: "bg-warning-xlight text-warning-medium"
+    }
+  },
+  defaultVariants: {
+    intent: "primary"
+  }
+});
+const snackbar = (props) => snackbarStyles(props);
+
+export { snackbar };

package/dist/esm/index.js

@@ -13,4 +13,5 @@ export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow } from './components/ta
 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';
 import './preset/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -21,5 +21,5 @@
     "tailwind-merge": "^2.0.0",
     "tailwind-variants": "^0.1.18"
   },
-  "gitHead": "a1489e62337d020ca4e197c864e64f464a20d1a1"
+  "gitHead": "0f89f7320ecbcee514b03329d97f224171d51933"
 }

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

@@ -1,99 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-declare const badgeStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}, undefined, "text-sub text-white font-bold rounded-pill absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}, {
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}>, {
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}, undefined, "text-sub text-white font-bold rounded-pill absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}, {
-    intent: {
-        primary: string;
-        secondary: string;
-        error: string;
-        success: string;
-        warning: string;
-        info: string;
-    };
-}>, unknown, unknown, undefined>>;
-export declare const containerBadge: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    } | undefined;
-} | {}, undefined, "relative items-center justify-center self-center", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative items-center justify-center self-center", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export type BadgeVariants = VariantProps<typeof badgeStyles>;
-export declare const badge: (props?: BadgeVariants) => string;
-export {};

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

@@ -1,137 +0,0 @@
-import { VariantProps, ClassProp } from 'tailwind-variants';
-export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}, undefined, "p-deca rounded-mili text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}, {
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}>, {
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}, undefined, "p-deca rounded-mili text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}, {
-    intent: {
-        primary: string;
-        secondary: string;
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-    variant: {
-        outline: string;
-        text: string;
-    };
-    size: {
-        default: string;
-        small: string;
-        square: string;
-        circle: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type ButtonVariants = VariantProps<typeof buttonStyles> & ClassProp;
-export declare const button: (props?: ButtonVariants) => string;

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

@@ -1,31 +0,0 @@
-export declare const card: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    } | undefined;
-} | {}, undefined, "rounded-mili shadow-default bg-white p-deca", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-mili shadow-default bg-white p-deca", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;

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

@@ -1,31 +0,0 @@
-export declare const checkbox: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    } | undefined;
-} | {}, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;

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

@@ -1,71 +0,0 @@
-import { ClassProp, VariantProps } from 'tailwind-variants';
-declare const drawerStyles: 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<{
-    position: {
-        left: string;
-        right: string;
-    };
-}, {
-    position: {
-        left: string;
-        right: string;
-    };
-}>, {
-    position: {
-        left: string;
-        right: 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<{
-    position: {
-        left: string;
-        right: string;
-    };
-}, {
-    position: {
-        left: string;
-        right: string;
-    };
-}>, unknown, unknown, undefined>>;
-export declare const overlay: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    } | undefined;
-} | {}, 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, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, 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, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export type DrawerVariants = VariantProps<typeof drawerStyles> & ClassProp;
-export declare const drawer: (props: DrawerVariants) => string;
-export {};

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

@@ -1,54 +0,0 @@
-import { ClassProp, VariantProps } from 'tailwind-variants';
-declare const hintStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}, undefined, "text-label font-bold flex items-center", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}, {
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}>, {
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}, undefined, "text-label font-bold flex items-center", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}, {
-    intent: {
-        default: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type HintVariants = VariantProps<typeof hintStyles> & ClassProp;
-export declare const hint: (props?: HintVariants) => string;
-export {};

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

@@ -1,14 +0,0 @@
-export * from './button/button';
-export * from './tag/tag';
-export * from './input/input';
-export * from './hint/hint';
-export * from './toggle/toggle';
-export * from './drawer/drawer';
-export * from './select/select';
-export * from './checkbox/checkbox';
-export * from './badge/badge';
-export * from './radio-button/radio-button';
-export * from './table/table';
-export * from './tooltip/tooltip';
-export * from './card/card';
-export * from './modal/modal';

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

@@ -1,114 +0,0 @@
-import { ClassProp, VariantProps } from 'tailwind-variants';
-export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}>, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}>, unknown, unknown, undefined>>;
-declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}>, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, undefined, "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none", import("tailwind-variants/dist/config").TVConfig<{
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}, {
-    intent: {
-        default: string[];
-        success: string[];
-        warning: string[];
-        error: string[];
-    };
-}>, unknown, unknown, undefined>>;
-export interface LabelVariants extends VariantProps<typeof labelBaseStyles> {
-    className?: string;
-    placeholder?: string;
-}
-export declare const labelStyle: ({ intent, placeholder, className }: LabelVariants) => string;
-export declare const inputBox: (placeholder?: string, label?: string, className?: string) => string;
-export type InputBaseVariants = VariantProps<typeof inputBaseStyles> & ClassProp;
-export declare const input: (props: InputBaseVariants) => string;
-export type LabelBaseVariants = ClassProp & VariantProps<typeof labelBaseStyles> & {
-    placeholder?: string;
-};
-export declare const label: (props: LabelBaseVariants) => string;
-export {};

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

@@ -1,31 +0,0 @@
-export declare const modal: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    } | undefined;
-} | {}, 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, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, 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, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;