@tecsinapse/cortex-core 0.2.2-beta.2 → 0.3.0-beta.1

package/dist/cjs/components/popover/popover.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const popoverContainer = tailwindVariants.tv({
+  base: "group relative inline-block"
+});
+const popoverStyles = tailwindVariants.tv({
+  base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
+});
+const popover = (props) => popoverStyles(props);
+
+exports.popover = popover;
+exports.popoverContainer = popoverContainer;
+exports.popoverStyles = popoverStyles;

package/dist/cjs/components/select/select.js

@@ -3,15 +3,19 @@
 var tailwindVariants = require('tailwind-variants');
 
 const option = tailwindVariants.tv({
-  base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
+  base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
+  variants: {
+    selected: {
+      true: "text-primary-medium"
+    }
+  }
 });
 const selectVariants = tailwindVariants.tv({
   slots: {
-    dropdown: "text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30 px-micro shadow-lg	",
+    dropdown: "flex flex-col gap-y-mili text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30  shadow-lg",
     button: "flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center bg-transparent border border-secondary-light rounded-mili",
     groupedTitle: "font-bold text-secondary-medium",
-    containerGrouped: "m-centi",
-    hintBody: "flex flex-row gap-1 mt-mili"
+    containerGrouped: "mx-centi"
   },
   variants: {
     open: {

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ 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 popover = require('./components/popover/popover.js');
 var index = require('./preset/index.js');
 
 
@@ -63,4 +64,7 @@ exports.card = card.card;
 exports.modal = modal.modal;
 exports.snackbar = snackbar.snackbar;
 exports.overlay = common.overlay;
+exports.popover = popover.popover;
+exports.popoverContainer = popover.popoverContainer;
+exports.popoverStyles = popover.popoverStyles;
 exports.preset = index;

package/dist/esm/components/popover/popover.js

@@ -0,0 +1,11 @@
+import { tv } from 'tailwind-variants';
+
+const popoverContainer = tv({
+  base: "group relative inline-block"
+});
+const popoverStyles = tv({
+  base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
+});
+const popover = (props) => popoverStyles(props);
+
+export { popover, popoverContainer, popoverStyles };

package/dist/esm/components/select/select.js

@@ -1,15 +1,19 @@
 import { tv } from 'tailwind-variants';
 
 const option = tv({
-  base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
+  base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
+  variants: {
+    selected: {
+      true: "text-primary-medium"
+    }
+  }
 });
 const selectVariants = tv({
   slots: {
-    dropdown: "text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30 px-micro shadow-lg	",
+    dropdown: "flex flex-col gap-y-mili text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30  shadow-lg",
     button: "flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center bg-transparent border border-secondary-light rounded-mili",
     groupedTitle: "font-bold text-secondary-medium",
-    containerGrouped: "m-centi",
-    hintBody: "flex flex-row gap-1 mt-mili"
+    containerGrouped: "mx-centi"
   },
   variants: {
     open: {

package/dist/esm/index.js

@@ -15,4 +15,5 @@ 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 { popover, popoverContainer, popoverStyles } from './components/popover/popover.js';
 export { default as preset } from './preset/index.js';

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

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

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

@@ -0,0 +1,5 @@
+import { ClassProp, VariantProps } from 'tailwind-variants';
+export declare const popoverContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "group relative inline-block", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "group relative inline-block", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const popoverStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export type popoverVariants = VariantProps<typeof popoverStyles> & ClassProp;
+export declare const popover: (props: popoverVariants) => string;

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

@@ -1,4 +1,32 @@
-export declare const option: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const option: import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: string;
+    };
+}, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
+    selected: {
+        true: string;
+    };
+}, {
+    selected: {
+        true: string;
+    };
+}>, {
+    selected: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    selected: {
+        true: string;
+    };
+}, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
+    selected: {
+        true: string;
+    };
+}, {
+    selected: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const selectVariants: import("tailwind-variants").TVReturnType<{
     open: {
         true: {
@@ -24,7 +52,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
     button: string;
     groupedTitle: string;
     containerGrouped: string;
-    hintBody: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
     open: {
         true: {
@@ -90,7 +117,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
     button: string;
     groupedTitle: string;
     containerGrouped: string;
-    hintBody: string;
 }, import("tailwind-variants").TVReturnType<{
     open: {
         true: {
@@ -116,7 +142,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
     button: string;
     groupedTitle: string;
     containerGrouped: string;
-    hintBody: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
     open: {
         true: {

package/package.json

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