@tecsinapse/cortex-core 0.3.0-beta.0 → 0.3.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/common/common.js +1 -1
- package/dist/cjs/components/divider/divider.js +9 -0
- package/dist/cjs/components/input/input.js +4 -4
- package/dist/cjs/components/popover/popover.js +15 -0
- package/dist/cjs/components/select/select.js +6 -8
- package/dist/cjs/index.js +32 -26
- package/dist/esm/components/common/common.js +1 -1
- package/dist/esm/components/divider/divider.js +7 -0
- package/dist/esm/components/input/input.js +4 -4
- package/dist/esm/components/popover/popover.js +11 -0
- package/dist/esm/components/select/select.js +6 -8
- package/dist/esm/index.js +13 -11
- package/dist/types/components/divider/divider.d.ts +1 -0
- package/dist/types/components/index.d.ts +13 -11
- package/dist/types/components/input/input.d.ts +4 -4
- package/dist/types/components/popover/popover.d.ts +5 -0
- package/dist/types/components/select/select.d.ts +26 -64
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ const overlay = tailwindVariants.tv({
|
|
|
6
6
|
base: "fixed",
|
|
7
7
|
variants: {
|
|
8
8
|
show: {
|
|
9
|
-
true: "bg-opacity-50
|
|
9
|
+
true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
|
|
10
10
|
false: "invisible"
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -4,7 +4,7 @@ var tailwindVariants = require('tailwind-variants');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
|
|
6
6
|
const inputBaseStyles = tailwindVariants.tv({
|
|
7
|
-
base: "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
|
|
7
|
+
base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
|
|
8
8
|
variants: {
|
|
9
9
|
intent: {
|
|
10
10
|
default: [
|
|
@@ -38,13 +38,13 @@ const inputBaseStyles = tailwindVariants.tv({
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
const labelBaseStyles = tailwindVariants.tv({
|
|
41
|
-
base: "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",
|
|
41
|
+
base: "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 w-max",
|
|
42
42
|
variants: {
|
|
43
43
|
intent: {
|
|
44
44
|
default: [
|
|
45
45
|
"text-secondary-medium",
|
|
46
46
|
"peer-focus:text-secondary-medium",
|
|
47
|
-
"peer-placeholder-shown:text-secondary-
|
|
47
|
+
"peer-placeholder-shown:text-secondary-medium"
|
|
48
48
|
],
|
|
49
49
|
success: ["text-success-medium"],
|
|
50
50
|
warning: ["text-warning-medium"],
|
|
@@ -63,7 +63,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
|
|
|
63
63
|
});
|
|
64
64
|
const inputBox = (placeholder, label2, className) => clsx.clsx(
|
|
65
65
|
className,
|
|
66
|
-
"peer relative outline-none placeholder:text-base placeholder:text-secondary-
|
|
66
|
+
"peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
|
|
67
67
|
{
|
|
68
68
|
"focus:top-1.5": !placeholder && !!label2,
|
|
69
69
|
"top-1.5": !!label2
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tailwindVariants = require('tailwind-variants');
|
|
4
|
+
|
|
5
|
+
const popoverContainer = tailwindVariants.tv({
|
|
6
|
+
base: "group relative inline-block"
|
|
7
|
+
});
|
|
8
|
+
const popoverStyles = tailwindVariants.tv({
|
|
9
|
+
base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
|
|
10
|
+
});
|
|
11
|
+
const popover = (props) => popoverStyles(props);
|
|
12
|
+
|
|
13
|
+
exports.popover = popover;
|
|
14
|
+
exports.popoverContainer = popoverContainer;
|
|
15
|
+
exports.popoverStyles = popoverStyles;
|
|
@@ -3,25 +3,23 @@
|
|
|
3
3
|
var tailwindVariants = require('tailwind-variants');
|
|
4
4
|
|
|
5
5
|
const option = tailwindVariants.tv({
|
|
6
|
-
base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
|
|
6
|
+
base: "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
|
|
7
7
|
variants: {
|
|
8
8
|
selected: {
|
|
9
9
|
true: "text-primary-medium"
|
|
10
|
+
},
|
|
11
|
+
grouped: {
|
|
12
|
+
true: "px-mega"
|
|
10
13
|
}
|
|
11
14
|
}
|
|
12
15
|
});
|
|
13
16
|
const selectVariants = tailwindVariants.tv({
|
|
14
17
|
slots: {
|
|
15
|
-
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",
|
|
16
18
|
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",
|
|
17
|
-
groupedTitle: "font-bold text-secondary-medium",
|
|
18
|
-
|
|
19
|
+
groupedTitle: "font-bold text-secondary-medium mx-centi",
|
|
20
|
+
list: "list-none p-0"
|
|
19
21
|
},
|
|
20
22
|
variants: {
|
|
21
|
-
open: {
|
|
22
|
-
true: { dropdown: "-scale-y-1 visible" },
|
|
23
|
-
false: { dropdown: "scale-y-0 invisible" }
|
|
24
|
-
},
|
|
25
23
|
disabled: {
|
|
26
24
|
true: {
|
|
27
25
|
button: "pointer-events-none text-secondary-light bg-secondary-xlight"
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var definitions = require('./tokens/definitions.js');
|
|
4
|
+
var badge = require('./components/badge/badge.js');
|
|
4
5
|
var button = require('./components/button/button.js');
|
|
5
|
-
var
|
|
6
|
-
var input = require('./components/input/input.js');
|
|
7
|
-
var hint = require('./components/hint/hint.js');
|
|
8
|
-
var toggle = require('./components/toggle/toggle.js');
|
|
9
|
-
var drawer = require('./components/drawer/drawer.js');
|
|
10
|
-
var select = require('./components/select/select.js');
|
|
6
|
+
var card = require('./components/card/card.js');
|
|
11
7
|
var checkbox = require('./components/checkbox/checkbox.js');
|
|
12
|
-
var
|
|
8
|
+
var common = require('./components/common/common.js');
|
|
9
|
+
var divider = require('./components/divider/divider.js');
|
|
10
|
+
var drawer = require('./components/drawer/drawer.js');
|
|
11
|
+
var hint = require('./components/hint/hint.js');
|
|
12
|
+
var input = require('./components/input/input.js');
|
|
13
|
+
var modal = require('./components/modal/modal.js');
|
|
14
|
+
var popover = require('./components/popover/popover.js');
|
|
13
15
|
var radioButton = require('./components/radio-button/radio-button.js');
|
|
16
|
+
var select = require('./components/select/select.js');
|
|
17
|
+
var snackbar = require('./components/snackbar/snackbar.js');
|
|
14
18
|
var table = require('./components/table/table.js');
|
|
19
|
+
var tag = require('./components/tag/tag.js');
|
|
20
|
+
var toggle = require('./components/toggle/toggle.js');
|
|
15
21
|
var tooltip = require('./components/tooltip/tooltip.js');
|
|
16
|
-
var card = require('./components/card/card.js');
|
|
17
|
-
var modal = require('./components/modal/modal.js');
|
|
18
|
-
var snackbar = require('./components/snackbar/snackbar.js');
|
|
19
|
-
var common = require('./components/common/common.js');
|
|
20
22
|
var index = require('./preset/index.js');
|
|
21
23
|
|
|
22
24
|
|
|
@@ -30,26 +32,30 @@ exports.fontFamily = definitions.fontFamily;
|
|
|
30
32
|
exports.fontSize = definitions.fontSize;
|
|
31
33
|
exports.spacing = definitions.spacing;
|
|
32
34
|
exports.textColor = definitions.textColor;
|
|
35
|
+
exports.badge = badge.badge;
|
|
36
|
+
exports.containerBadge = badge.containerBadge;
|
|
33
37
|
exports.button = button.button;
|
|
34
38
|
exports.buttonStyles = button.buttonStyles;
|
|
35
|
-
exports.
|
|
39
|
+
exports.card = card.card;
|
|
40
|
+
exports.checkbox = checkbox.checkbox;
|
|
41
|
+
exports.overlay = common.overlay;
|
|
42
|
+
exports.divider = divider.divider;
|
|
43
|
+
exports.drawer = drawer.drawer;
|
|
44
|
+
exports.hint = hint.hint;
|
|
36
45
|
exports.input = input.input;
|
|
37
46
|
exports.inputBaseStyles = input.inputBaseStyles;
|
|
38
47
|
exports.inputBox = input.inputBox;
|
|
39
48
|
exports.label = input.label;
|
|
40
49
|
exports.labelStyle = input.labelStyle;
|
|
41
|
-
exports.
|
|
42
|
-
exports.
|
|
43
|
-
exports.
|
|
44
|
-
exports.
|
|
45
|
-
exports.drawer = drawer.drawer;
|
|
46
|
-
exports.option = select.option;
|
|
47
|
-
exports.selectVariants = select.selectVariants;
|
|
48
|
-
exports.checkbox = checkbox.checkbox;
|
|
49
|
-
exports.badge = badge.badge;
|
|
50
|
-
exports.containerBadge = badge.containerBadge;
|
|
50
|
+
exports.modal = modal.modal;
|
|
51
|
+
exports.popover = popover.popover;
|
|
52
|
+
exports.popoverContainer = popover.popoverContainer;
|
|
53
|
+
exports.popoverStyles = popover.popoverStyles;
|
|
51
54
|
exports.labelRadioButton = radioButton.labelRadioButton;
|
|
52
55
|
exports.radioButton = radioButton.radioButton;
|
|
56
|
+
exports.option = select.option;
|
|
57
|
+
exports.selectVariants = select.selectVariants;
|
|
58
|
+
exports.snackbar = snackbar.snackbar;
|
|
53
59
|
exports.hr = table.hr;
|
|
54
60
|
exports.tCell = table.tCell;
|
|
55
61
|
exports.tFoot = table.tFoot;
|
|
@@ -57,10 +63,10 @@ exports.tHead = table.tHead;
|
|
|
57
63
|
exports.tHeadCell = table.tHeadCell;
|
|
58
64
|
exports.tRoot = table.tRoot;
|
|
59
65
|
exports.tRow = table.tRow;
|
|
66
|
+
exports.tag = tag.tag;
|
|
67
|
+
exports.styleInputElement = toggle.styleInputElement;
|
|
68
|
+
exports.styleLabelElement = toggle.styleLabelElement;
|
|
69
|
+
exports.toggle = toggle.toggle;
|
|
60
70
|
exports.tooltip = tooltip.tooltip;
|
|
61
71
|
exports.tooltipContainer = tooltip.tooltipContainer;
|
|
62
|
-
exports.card = card.card;
|
|
63
|
-
exports.modal = modal.modal;
|
|
64
|
-
exports.snackbar = snackbar.snackbar;
|
|
65
|
-
exports.overlay = common.overlay;
|
|
66
72
|
exports.preset = index;
|
|
@@ -4,7 +4,7 @@ const overlay = tv({
|
|
|
4
4
|
base: "fixed",
|
|
5
5
|
variants: {
|
|
6
6
|
show: {
|
|
7
|
-
true: "bg-opacity-50
|
|
7
|
+
true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
|
|
8
8
|
false: "invisible"
|
|
9
9
|
}
|
|
10
10
|
}
|
|
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
|
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
|
|
4
4
|
const inputBaseStyles = tv({
|
|
5
|
-
base: "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
|
|
5
|
+
base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
|
|
6
6
|
variants: {
|
|
7
7
|
intent: {
|
|
8
8
|
default: [
|
|
@@ -36,13 +36,13 @@ const inputBaseStyles = tv({
|
|
|
36
36
|
}
|
|
37
37
|
});
|
|
38
38
|
const labelBaseStyles = tv({
|
|
39
|
-
base: "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",
|
|
39
|
+
base: "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 w-max",
|
|
40
40
|
variants: {
|
|
41
41
|
intent: {
|
|
42
42
|
default: [
|
|
43
43
|
"text-secondary-medium",
|
|
44
44
|
"peer-focus:text-secondary-medium",
|
|
45
|
-
"peer-placeholder-shown:text-secondary-
|
|
45
|
+
"peer-placeholder-shown:text-secondary-medium"
|
|
46
46
|
],
|
|
47
47
|
success: ["text-success-medium"],
|
|
48
48
|
warning: ["text-warning-medium"],
|
|
@@ -61,7 +61,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
|
|
|
61
61
|
});
|
|
62
62
|
const inputBox = (placeholder, label2, className) => clsx(
|
|
63
63
|
className,
|
|
64
|
-
"peer relative outline-none placeholder:text-base placeholder:text-secondary-
|
|
64
|
+
"peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
|
|
65
65
|
{
|
|
66
66
|
"focus:top-1.5": !placeholder && !!label2,
|
|
67
67
|
"top-1.5": !!label2
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { tv } from 'tailwind-variants';
|
|
2
|
+
|
|
3
|
+
const popoverContainer = tv({
|
|
4
|
+
base: "group relative inline-block"
|
|
5
|
+
});
|
|
6
|
+
const popoverStyles = tv({
|
|
7
|
+
base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
|
|
8
|
+
});
|
|
9
|
+
const popover = (props) => popoverStyles(props);
|
|
10
|
+
|
|
11
|
+
export { popover, popoverContainer, popoverStyles };
|
|
@@ -1,25 +1,23 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
|
|
3
3
|
const option = tv({
|
|
4
|
-
base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
|
|
4
|
+
base: "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
|
|
5
5
|
variants: {
|
|
6
6
|
selected: {
|
|
7
7
|
true: "text-primary-medium"
|
|
8
|
+
},
|
|
9
|
+
grouped: {
|
|
10
|
+
true: "px-mega"
|
|
8
11
|
}
|
|
9
12
|
}
|
|
10
13
|
});
|
|
11
14
|
const selectVariants = tv({
|
|
12
15
|
slots: {
|
|
13
|
-
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",
|
|
14
16
|
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",
|
|
15
|
-
groupedTitle: "font-bold text-secondary-medium",
|
|
16
|
-
|
|
17
|
+
groupedTitle: "font-bold text-secondary-medium mx-centi",
|
|
18
|
+
list: "list-none p-0"
|
|
17
19
|
},
|
|
18
20
|
variants: {
|
|
19
|
-
open: {
|
|
20
|
-
true: { dropdown: "-scale-y-1 visible" },
|
|
21
|
-
false: { dropdown: "scale-y-0 invisible" }
|
|
22
|
-
},
|
|
23
21
|
disabled: {
|
|
24
22
|
true: {
|
|
25
23
|
button: "pointer-events-none text-secondary-light bg-secondary-xlight"
|
package/dist/esm/index.js
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor } from './tokens/definitions.js';
|
|
2
|
+
export { badge, containerBadge } from './components/badge/badge.js';
|
|
2
3
|
export { button, buttonStyles } from './components/button/button.js';
|
|
3
|
-
export {
|
|
4
|
-
export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
|
|
5
|
-
export { hint } from './components/hint/hint.js';
|
|
6
|
-
export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
|
|
7
|
-
export { drawer } from './components/drawer/drawer.js';
|
|
8
|
-
export { option, selectVariants } from './components/select/select.js';
|
|
4
|
+
export { card } from './components/card/card.js';
|
|
9
5
|
export { checkbox } from './components/checkbox/checkbox.js';
|
|
10
|
-
export {
|
|
6
|
+
export { overlay } from './components/common/common.js';
|
|
7
|
+
export { divider } from './components/divider/divider.js';
|
|
8
|
+
export { drawer } from './components/drawer/drawer.js';
|
|
9
|
+
export { hint } from './components/hint/hint.js';
|
|
10
|
+
export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
|
|
11
|
+
export { modal } from './components/modal/modal.js';
|
|
12
|
+
export { popover, popoverContainer, popoverStyles } from './components/popover/popover.js';
|
|
11
13
|
export { labelRadioButton, radioButton } from './components/radio-button/radio-button.js';
|
|
14
|
+
export { option, selectVariants } from './components/select/select.js';
|
|
15
|
+
export { snackbar } from './components/snackbar/snackbar.js';
|
|
12
16
|
export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow } from './components/table/table.js';
|
|
17
|
+
export { tag } from './components/tag/tag.js';
|
|
18
|
+
export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
|
|
13
19
|
export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
|
|
14
|
-
export { card } from './components/card/card.js';
|
|
15
|
-
export { modal } from './components/modal/modal.js';
|
|
16
|
-
export { snackbar } from './components/snackbar/snackbar.js';
|
|
17
|
-
export { overlay } from './components/common/common.js';
|
|
18
20
|
export { default as preset } from './preset/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
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>>;
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
+
export * from './badge/badge';
|
|
1
2
|
export * from './button/button';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './input/input';
|
|
4
|
-
export * from './hint/hint';
|
|
5
|
-
export * from './toggle/toggle';
|
|
6
|
-
export * from './drawer/drawer';
|
|
7
|
-
export * from './select/select';
|
|
3
|
+
export * from './card/card';
|
|
8
4
|
export * from './checkbox/checkbox';
|
|
9
|
-
export * from './
|
|
5
|
+
export * from './common/common';
|
|
6
|
+
export * from './divider/divider';
|
|
7
|
+
export * from './drawer/drawer';
|
|
8
|
+
export * from './hint/hint';
|
|
9
|
+
export * from './input/input';
|
|
10
|
+
export * from './modal/modal';
|
|
11
|
+
export * from './popover/popover';
|
|
10
12
|
export * from './radio-button/radio-button';
|
|
13
|
+
export * from './select/select';
|
|
14
|
+
export * from './snackbar/snackbar';
|
|
11
15
|
export * from './table/table';
|
|
16
|
+
export * from './tag/tag';
|
|
17
|
+
export * from './toggle/toggle';
|
|
12
18
|
export * from './tooltip/tooltip';
|
|
13
|
-
export * from './card/card';
|
|
14
|
-
export * from './modal/modal';
|
|
15
|
-
export * from './snackbar/snackbar';
|
|
16
|
-
export * from './common/common';
|
|
@@ -6,7 +6,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
|
|
|
6
6
|
warning: string[];
|
|
7
7
|
error: string[];
|
|
8
8
|
};
|
|
9
|
-
}, 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
|
|
9
|
+
}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
|
|
10
10
|
intent: {
|
|
11
11
|
default: string[];
|
|
12
12
|
success: string[];
|
|
@@ -34,7 +34,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
|
|
|
34
34
|
warning: string[];
|
|
35
35
|
error: string[];
|
|
36
36
|
};
|
|
37
|
-
}, 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
|
|
37
|
+
}, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
|
|
38
38
|
intent: {
|
|
39
39
|
default: string[];
|
|
40
40
|
success: string[];
|
|
@@ -56,7 +56,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
|
|
|
56
56
|
warning: string[];
|
|
57
57
|
error: string[];
|
|
58
58
|
};
|
|
59
|
-
}, 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<{
|
|
59
|
+
}, 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 w-max", import("tailwind-variants/dist/config").TVConfig<{
|
|
60
60
|
intent: {
|
|
61
61
|
default: string[];
|
|
62
62
|
success: string[];
|
|
@@ -84,7 +84,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
|
|
|
84
84
|
warning: string[];
|
|
85
85
|
error: string[];
|
|
86
86
|
};
|
|
87
|
-
}, 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<{
|
|
87
|
+
}, 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 w-max", import("tailwind-variants/dist/config").TVConfig<{
|
|
88
88
|
intent: {
|
|
89
89
|
default: string[];
|
|
90
90
|
success: string[];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ClassProp, VariantProps } from 'tailwind-variants';
|
|
2
|
+
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>>;
|
|
3
|
+
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>>;
|
|
4
|
+
export type popoverVariants = VariantProps<typeof popoverStyles> & ClassProp;
|
|
5
|
+
export declare const popover: (props: popoverVariants) => string;
|
|
@@ -2,40 +2,53 @@ export declare const option: import("tailwind-variants").TVReturnType<{
|
|
|
2
2
|
selected: {
|
|
3
3
|
true: string;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
grouped: {
|
|
6
|
+
true: string;
|
|
7
|
+
};
|
|
8
|
+
}, undefined, "flex flex-row gap-x-deca items-center 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<{
|
|
6
9
|
selected: {
|
|
7
10
|
true: string;
|
|
8
11
|
};
|
|
12
|
+
grouped: {
|
|
13
|
+
true: string;
|
|
14
|
+
};
|
|
9
15
|
}, {
|
|
10
16
|
selected: {
|
|
11
17
|
true: string;
|
|
12
18
|
};
|
|
19
|
+
grouped: {
|
|
20
|
+
true: string;
|
|
21
|
+
};
|
|
13
22
|
}>, {
|
|
14
23
|
selected: {
|
|
15
24
|
true: string;
|
|
16
25
|
};
|
|
26
|
+
grouped: {
|
|
27
|
+
true: string;
|
|
28
|
+
};
|
|
17
29
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
18
30
|
selected: {
|
|
19
31
|
true: string;
|
|
20
32
|
};
|
|
21
|
-
|
|
33
|
+
grouped: {
|
|
34
|
+
true: string;
|
|
35
|
+
};
|
|
36
|
+
}, undefined, "flex flex-row gap-x-deca items-center 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<{
|
|
22
37
|
selected: {
|
|
23
38
|
true: string;
|
|
24
39
|
};
|
|
40
|
+
grouped: {
|
|
41
|
+
true: string;
|
|
42
|
+
};
|
|
25
43
|
}, {
|
|
26
44
|
selected: {
|
|
27
45
|
true: string;
|
|
28
46
|
};
|
|
47
|
+
grouped: {
|
|
48
|
+
true: string;
|
|
49
|
+
};
|
|
29
50
|
}>, unknown, unknown, undefined>>;
|
|
30
51
|
export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
31
|
-
open: {
|
|
32
|
-
true: {
|
|
33
|
-
dropdown: string;
|
|
34
|
-
};
|
|
35
|
-
false: {
|
|
36
|
-
dropdown: string;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
52
|
disabled: {
|
|
40
53
|
true: {
|
|
41
54
|
button: string;
|
|
@@ -48,19 +61,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
48
61
|
default: string;
|
|
49
62
|
};
|
|
50
63
|
}, {
|
|
51
|
-
dropdown: string;
|
|
52
64
|
button: string;
|
|
53
65
|
groupedTitle: string;
|
|
54
|
-
|
|
66
|
+
list: string;
|
|
55
67
|
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
56
|
-
open: {
|
|
57
|
-
true: {
|
|
58
|
-
dropdown: string;
|
|
59
|
-
};
|
|
60
|
-
false: {
|
|
61
|
-
dropdown: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
68
|
disabled: {
|
|
65
69
|
true: {
|
|
66
70
|
button: string;
|
|
@@ -73,14 +77,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
73
77
|
default: string;
|
|
74
78
|
};
|
|
75
79
|
}, {
|
|
76
|
-
open: {
|
|
77
|
-
true: {
|
|
78
|
-
dropdown: string;
|
|
79
|
-
};
|
|
80
|
-
false: {
|
|
81
|
-
dropdown: string;
|
|
82
|
-
};
|
|
83
|
-
};
|
|
84
80
|
disabled: {
|
|
85
81
|
true: {
|
|
86
82
|
button: string;
|
|
@@ -93,14 +89,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
93
89
|
default: string;
|
|
94
90
|
};
|
|
95
91
|
}>, {
|
|
96
|
-
open: {
|
|
97
|
-
true: {
|
|
98
|
-
dropdown: string;
|
|
99
|
-
};
|
|
100
|
-
false: {
|
|
101
|
-
dropdown: string;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
92
|
disabled: {
|
|
105
93
|
true: {
|
|
106
94
|
button: string;
|
|
@@ -113,19 +101,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
113
101
|
default: string;
|
|
114
102
|
};
|
|
115
103
|
}, {
|
|
116
|
-
dropdown: string;
|
|
117
104
|
button: string;
|
|
118
105
|
groupedTitle: string;
|
|
119
|
-
|
|
106
|
+
list: string;
|
|
120
107
|
}, import("tailwind-variants").TVReturnType<{
|
|
121
|
-
open: {
|
|
122
|
-
true: {
|
|
123
|
-
dropdown: string;
|
|
124
|
-
};
|
|
125
|
-
false: {
|
|
126
|
-
dropdown: string;
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
108
|
disabled: {
|
|
130
109
|
true: {
|
|
131
110
|
button: string;
|
|
@@ -138,19 +117,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
138
117
|
default: string;
|
|
139
118
|
};
|
|
140
119
|
}, {
|
|
141
|
-
dropdown: string;
|
|
142
120
|
button: string;
|
|
143
121
|
groupedTitle: string;
|
|
144
|
-
|
|
122
|
+
list: string;
|
|
145
123
|
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
146
|
-
open: {
|
|
147
|
-
true: {
|
|
148
|
-
dropdown: string;
|
|
149
|
-
};
|
|
150
|
-
false: {
|
|
151
|
-
dropdown: string;
|
|
152
|
-
};
|
|
153
|
-
};
|
|
154
124
|
disabled: {
|
|
155
125
|
true: {
|
|
156
126
|
button: string;
|
|
@@ -163,14 +133,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
|
163
133
|
default: string;
|
|
164
134
|
};
|
|
165
135
|
}, {
|
|
166
|
-
open: {
|
|
167
|
-
true: {
|
|
168
|
-
dropdown: string;
|
|
169
|
-
};
|
|
170
|
-
false: {
|
|
171
|
-
dropdown: string;
|
|
172
|
-
};
|
|
173
|
-
};
|
|
174
136
|
disabled: {
|
|
175
137
|
true: {
|
|
176
138
|
button: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-core",
|
|
3
|
-
"version": "0.3.0-beta.
|
|
3
|
+
"version": "0.3.0-beta.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Core library for tailwindcss based design",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"tailwindcss": ">=3.3.0"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "77df5fcf8a51f5f7163663ef33a4961829823940"
|
|
35
35
|
}
|