@tecsinapse/cortex-core 0.3.0-beta.0 → 0.3.0-beta.2

package/dist/cjs/components/divider/divider.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const divider = tailwindVariants.tv({
+  base: "border-solid border-t border-secondary-light w-full"
+});
+
+exports.divider = divider;

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/index.js

@@ -1,22 +1,24 @@
 'use strict';
 
 var definitions = require('./tokens/definitions.js');
+var badge = require('./components/badge/badge.js');
 var button = require('./components/button/button.js');
-var tag = require('./components/tag/tag.js');
-var input = require('./components/input/input.js');
-var hint = require('./components/hint/hint.js');
-var toggle = require('./components/toggle/toggle.js');
-var drawer = require('./components/drawer/drawer.js');
-var select = require('./components/select/select.js');
+var card = require('./components/card/card.js');
 var checkbox = require('./components/checkbox/checkbox.js');
-var badge = require('./components/badge/badge.js');
+var common = require('./components/common/common.js');
+var divider = require('./components/divider/divider.js');
+var drawer = require('./components/drawer/drawer.js');
+var hint = require('./components/hint/hint.js');
+var input = require('./components/input/input.js');
+var modal = require('./components/modal/modal.js');
+var popover = require('./components/popover/popover.js');
 var radioButton = require('./components/radio-button/radio-button.js');
+var select = require('./components/select/select.js');
+var snackbar = require('./components/snackbar/snackbar.js');
 var table = require('./components/table/table.js');
+var tag = require('./components/tag/tag.js');
+var toggle = require('./components/toggle/toggle.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');
-var common = require('./components/common/common.js');
 var index = require('./preset/index.js');
 
 
@@ -30,26 +32,30 @@ 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;
 exports.buttonStyles = button.buttonStyles;
-exports.tag = tag.tag;
+exports.card = card.card;
+exports.checkbox = checkbox.checkbox;
+exports.overlay = common.overlay;
+exports.divider = divider.divider;
+exports.drawer = drawer.drawer;
+exports.hint = hint.hint;
 exports.input = input.input;
 exports.inputBaseStyles = input.inputBaseStyles;
 exports.inputBox = input.inputBox;
 exports.label = input.label;
 exports.labelStyle = input.labelStyle;
-exports.hint = hint.hint;
-exports.styleInputElement = toggle.styleInputElement;
-exports.styleLabelElement = toggle.styleLabelElement;
-exports.toggle = toggle.toggle;
-exports.drawer = drawer.drawer;
-exports.option = select.option;
-exports.selectVariants = select.selectVariants;
-exports.checkbox = checkbox.checkbox;
-exports.badge = badge.badge;
-exports.containerBadge = badge.containerBadge;
+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.option = select.option;
+exports.selectVariants = select.selectVariants;
+exports.snackbar = snackbar.snackbar;
 exports.hr = table.hr;
 exports.tCell = table.tCell;
 exports.tFoot = table.tFoot;
@@ -57,10 +63,10 @@ exports.tHead = table.tHead;
 exports.tHeadCell = table.tHeadCell;
 exports.tRoot = table.tRoot;
 exports.tRow = table.tRow;
+exports.tag = tag.tag;
+exports.styleInputElement = toggle.styleInputElement;
+exports.styleLabelElement = toggle.styleLabelElement;
+exports.toggle = toggle.toggle;
 exports.tooltip = tooltip.tooltip;
 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/divider/divider.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const divider = tv({
+  base: "border-solid border-t border-secondary-light w-full"
+});
+
+export { divider };

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/index.js

@@ -1,18 +1,20 @@
 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 { 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 } from './components/drawer/drawer.js';
-export { option, selectVariants } from './components/select/select.js';
+export { card } from './components/card/card.js';
 export { checkbox } from './components/checkbox/checkbox.js';
-export { badge, containerBadge } from './components/badge/badge.js';
+export { overlay } from './components/common/common.js';
+export { divider } from './components/divider/divider.js';
+export { drawer } from './components/drawer/drawer.js';
+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 { 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';
+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 { 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/divider/divider.d.ts

@@ -0,0 +1 @@
+export declare const divider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "border-solid border-t border-secondary-light w-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "border-solid border-t border-secondary-light w-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

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

@@ -1,16 +1,18 @@
+export * from './badge/badge';
 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 './card/card';
 export * from './checkbox/checkbox';
-export * from './badge/badge';
+export * from './common/common';
+export * from './divider/divider';
+export * from './drawer/drawer';
+export * from './hint/hint';
+export * from './input/input';
+export * from './modal/modal';
+export * from './popover/popover';
 export * from './radio-button/radio-button';
+export * from './select/select';
+export * from './snackbar/snackbar';
 export * from './table/table';
+export * from './tag/tag';
+export * from './toggle/toggle';
 export * from './tooltip/tooltip';
-export * from './card/card';
-export * from './modal/modal';
-export * from './snackbar/snackbar';
-export * from './common/common';

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/package.json

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