@tecsinapse/cortex-core 0.1.8 → 0.1.10-beta.0
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/badge/badge.js +7 -2
- package/dist/cjs/components/button/button.js +9 -7
- package/dist/cjs/components/select/select.js +20 -12
- package/dist/cjs/index.js +1 -2
- package/dist/esm/components/badge/badge.js +7 -2
- package/dist/esm/components/button/button.js +9 -7
- package/dist/esm/components/select/select.js +20 -11
- package/dist/esm/index.js +1 -1
- package/dist/types/components/badge/badge.d.ts +30 -2
- package/dist/types/components/button/button.d.ts +9 -2
- package/dist/types/components/select/select.d.ts +126 -103
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var tailwindVariants = require('tailwind-variants');
|
|
4
4
|
|
|
5
5
|
const badgeStyles = tailwindVariants.tv({
|
|
6
|
-
base: "text-sub text-white font-bold rounded-pill
|
|
6
|
+
base: "text-sub text-white font-bold rounded-pill",
|
|
7
7
|
variants: {
|
|
8
8
|
intent: {
|
|
9
9
|
primary: "bg-primary-medium",
|
|
@@ -12,10 +12,15 @@ const badgeStyles = tailwindVariants.tv({
|
|
|
12
12
|
success: "bg-success-medium",
|
|
13
13
|
warning: "bg-warning-medium",
|
|
14
14
|
info: "bg-info-medium"
|
|
15
|
+
},
|
|
16
|
+
isAnchor: {
|
|
17
|
+
true: "absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]",
|
|
18
|
+
false: "px-[5px]"
|
|
15
19
|
}
|
|
16
20
|
},
|
|
17
21
|
defaultVariants: {
|
|
18
|
-
intent: "primary"
|
|
22
|
+
intent: "primary",
|
|
23
|
+
isAnchor: false
|
|
19
24
|
}
|
|
20
25
|
});
|
|
21
26
|
const containerBadge = tailwindVariants.tv({
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var tailwindVariants = require('tailwind-variants');
|
|
4
4
|
|
|
5
5
|
const buttonStyles = tailwindVariants.tv({
|
|
6
|
-
base: "p-deca
|
|
6
|
+
base: "p-deca 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",
|
|
7
7
|
variants: {
|
|
8
8
|
intent: {
|
|
9
9
|
primary: "bg-primary-medium disabled:bg-primary-light active:bg-primary-dark enabled:hover:border-primary-dark hover:bg-primary-dark",
|
|
@@ -15,13 +15,14 @@ const buttonStyles = tailwindVariants.tv({
|
|
|
15
15
|
},
|
|
16
16
|
variant: {
|
|
17
17
|
outline: "bg-transparent disabled:bg-transparent",
|
|
18
|
-
text: "bg-transparent border-0 disabled:bg-transparent"
|
|
18
|
+
text: "bg-transparent border-0 disabled:bg-transparent",
|
|
19
|
+
filled: ""
|
|
19
20
|
},
|
|
20
21
|
size: {
|
|
21
|
-
default: "px-kilo py-mili min-h-[44px]",
|
|
22
|
-
small: "px-deca py-mili min-h-[34px]",
|
|
23
|
-
square: "p-[14px] min-h-fit aspect-square",
|
|
24
|
-
circle: "p-[14px] rounded-full min-h-fit
|
|
22
|
+
default: "px-kilo rounded-mili py-mili min-h-[44px]",
|
|
23
|
+
small: "px-deca rounded-mili py-mili min-h-[34px]",
|
|
24
|
+
square: "p-[14px] rounded-mili min-h-fit aspect-square",
|
|
25
|
+
circle: "p-[14px] rounded-full min-h-fit"
|
|
25
26
|
}
|
|
26
27
|
},
|
|
27
28
|
compoundVariants: [
|
|
@@ -88,7 +89,8 @@ const buttonStyles = tailwindVariants.tv({
|
|
|
88
89
|
],
|
|
89
90
|
defaultVariants: {
|
|
90
91
|
intent: "primary",
|
|
91
|
-
size: "default"
|
|
92
|
+
size: "default",
|
|
93
|
+
variant: "filled"
|
|
92
94
|
}
|
|
93
95
|
});
|
|
94
96
|
const button = (props) => buttonStyles(props);
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var tailwindVariants = require('tailwind-variants');
|
|
4
|
-
var input = require('../input/input.js');
|
|
5
4
|
|
|
6
|
-
const buttonSelect = tailwindVariants.tv({
|
|
7
|
-
extend: input.inputBaseStyles,
|
|
8
|
-
base: "w-full justify-between bg-white gap-[200px]"
|
|
9
|
-
});
|
|
10
5
|
const option = tailwindVariants.tv({
|
|
11
6
|
base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
|
|
12
7
|
});
|
|
13
|
-
const
|
|
14
|
-
|
|
8
|
+
const selectVariants = tailwindVariants.tv({
|
|
9
|
+
slots: {
|
|
10
|
+
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 ",
|
|
11
|
+
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",
|
|
12
|
+
groupedTitle: "font-bold text-secondary-medium",
|
|
13
|
+
containerGrouped: "m-centi",
|
|
14
|
+
hintBody: "flex flex-row gap-1 mt-mili"
|
|
15
|
+
},
|
|
15
16
|
variants: {
|
|
16
17
|
open: {
|
|
17
|
-
true: "-scale-y-1 opacity-1",
|
|
18
|
-
false: "scale-y-0 opacity-0"
|
|
18
|
+
true: { dropdown: "-scale-y-1 opacity-1" },
|
|
19
|
+
false: { dropdown: "scale-y-0 opacity-0" }
|
|
20
|
+
},
|
|
21
|
+
disabled: {
|
|
22
|
+
true: {
|
|
23
|
+
button: "pointer-events-none text-secondary-light bg-secondary-xlight"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
intent: {
|
|
27
|
+
error: { button: "border-error-light" },
|
|
28
|
+
default: ""
|
|
19
29
|
}
|
|
20
30
|
}
|
|
21
31
|
});
|
|
22
|
-
const dropdown = (props) => dropDownStyles(props);
|
|
23
32
|
|
|
24
|
-
exports.buttonSelect = buttonSelect;
|
|
25
|
-
exports.dropdown = dropdown;
|
|
26
33
|
exports.option = option;
|
|
34
|
+
exports.selectVariants = selectVariants;
|
package/dist/cjs/index.js
CHANGED
|
@@ -43,9 +43,8 @@ exports.styleInputElement = toggle.styleInputElement;
|
|
|
43
43
|
exports.styleLabelElement = toggle.styleLabelElement;
|
|
44
44
|
exports.toggle = toggle.toggle;
|
|
45
45
|
exports.drawer = drawer.drawer;
|
|
46
|
-
exports.buttonSelect = select.buttonSelect;
|
|
47
|
-
exports.dropdown = select.dropdown;
|
|
48
46
|
exports.option = select.option;
|
|
47
|
+
exports.selectVariants = select.selectVariants;
|
|
49
48
|
exports.checkbox = checkbox.checkbox;
|
|
50
49
|
exports.badge = badge.badge;
|
|
51
50
|
exports.containerBadge = badge.containerBadge;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
|
|
3
3
|
const badgeStyles = tv({
|
|
4
|
-
base: "text-sub text-white font-bold rounded-pill
|
|
4
|
+
base: "text-sub text-white font-bold rounded-pill",
|
|
5
5
|
variants: {
|
|
6
6
|
intent: {
|
|
7
7
|
primary: "bg-primary-medium",
|
|
@@ -10,10 +10,15 @@ const badgeStyles = tv({
|
|
|
10
10
|
success: "bg-success-medium",
|
|
11
11
|
warning: "bg-warning-medium",
|
|
12
12
|
info: "bg-info-medium"
|
|
13
|
+
},
|
|
14
|
+
isAnchor: {
|
|
15
|
+
true: "absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]",
|
|
16
|
+
false: "px-[5px]"
|
|
13
17
|
}
|
|
14
18
|
},
|
|
15
19
|
defaultVariants: {
|
|
16
|
-
intent: "primary"
|
|
20
|
+
intent: "primary",
|
|
21
|
+
isAnchor: false
|
|
17
22
|
}
|
|
18
23
|
});
|
|
19
24
|
const containerBadge = tv({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
|
|
3
3
|
const buttonStyles = tv({
|
|
4
|
-
base: "p-deca
|
|
4
|
+
base: "p-deca 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",
|
|
5
5
|
variants: {
|
|
6
6
|
intent: {
|
|
7
7
|
primary: "bg-primary-medium disabled:bg-primary-light active:bg-primary-dark enabled:hover:border-primary-dark hover:bg-primary-dark",
|
|
@@ -13,13 +13,14 @@ const buttonStyles = tv({
|
|
|
13
13
|
},
|
|
14
14
|
variant: {
|
|
15
15
|
outline: "bg-transparent disabled:bg-transparent",
|
|
16
|
-
text: "bg-transparent border-0 disabled:bg-transparent"
|
|
16
|
+
text: "bg-transparent border-0 disabled:bg-transparent",
|
|
17
|
+
filled: ""
|
|
17
18
|
},
|
|
18
19
|
size: {
|
|
19
|
-
default: "px-kilo py-mili min-h-[44px]",
|
|
20
|
-
small: "px-deca py-mili min-h-[34px]",
|
|
21
|
-
square: "p-[14px] min-h-fit aspect-square",
|
|
22
|
-
circle: "p-[14px] rounded-full min-h-fit
|
|
20
|
+
default: "px-kilo rounded-mili py-mili min-h-[44px]",
|
|
21
|
+
small: "px-deca rounded-mili py-mili min-h-[34px]",
|
|
22
|
+
square: "p-[14px] rounded-mili min-h-fit aspect-square",
|
|
23
|
+
circle: "p-[14px] rounded-full min-h-fit"
|
|
23
24
|
}
|
|
24
25
|
},
|
|
25
26
|
compoundVariants: [
|
|
@@ -86,7 +87,8 @@ const buttonStyles = tv({
|
|
|
86
87
|
],
|
|
87
88
|
defaultVariants: {
|
|
88
89
|
intent: "primary",
|
|
89
|
-
size: "default"
|
|
90
|
+
size: "default",
|
|
91
|
+
variant: "filled"
|
|
90
92
|
}
|
|
91
93
|
});
|
|
92
94
|
const button = (props) => buttonStyles(props);
|
|
@@ -1,22 +1,31 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
|
-
import { inputBaseStyles } from '../input/input.js';
|
|
3
2
|
|
|
4
|
-
const buttonSelect = tv({
|
|
5
|
-
extend: inputBaseStyles,
|
|
6
|
-
base: "w-full justify-between bg-white gap-[200px]"
|
|
7
|
-
});
|
|
8
3
|
const option = tv({
|
|
9
4
|
base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
|
|
10
5
|
});
|
|
11
|
-
const
|
|
12
|
-
|
|
6
|
+
const selectVariants = tv({
|
|
7
|
+
slots: {
|
|
8
|
+
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 ",
|
|
9
|
+
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",
|
|
10
|
+
groupedTitle: "font-bold text-secondary-medium",
|
|
11
|
+
containerGrouped: "m-centi",
|
|
12
|
+
hintBody: "flex flex-row gap-1 mt-mili"
|
|
13
|
+
},
|
|
13
14
|
variants: {
|
|
14
15
|
open: {
|
|
15
|
-
true: "-scale-y-1 opacity-1",
|
|
16
|
-
false: "scale-y-0 opacity-0"
|
|
16
|
+
true: { dropdown: "-scale-y-1 opacity-1" },
|
|
17
|
+
false: { dropdown: "scale-y-0 opacity-0" }
|
|
18
|
+
},
|
|
19
|
+
disabled: {
|
|
20
|
+
true: {
|
|
21
|
+
button: "pointer-events-none text-secondary-light bg-secondary-xlight"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
intent: {
|
|
25
|
+
error: { button: "border-error-light" },
|
|
26
|
+
default: ""
|
|
17
27
|
}
|
|
18
28
|
}
|
|
19
29
|
});
|
|
20
|
-
const dropdown = (props) => dropDownStyles(props);
|
|
21
30
|
|
|
22
|
-
export {
|
|
31
|
+
export { option, selectVariants };
|
package/dist/esm/index.js
CHANGED
|
@@ -5,7 +5,7 @@ export { input, inputBaseStyles, inputBox, label, labelStyle } from './component
|
|
|
5
5
|
export { hint } from './components/hint/hint.js';
|
|
6
6
|
export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
|
|
7
7
|
export { drawer } from './components/drawer/drawer.js';
|
|
8
|
-
export {
|
|
8
|
+
export { option, selectVariants } from './components/select/select.js';
|
|
9
9
|
export { checkbox } from './components/checkbox/checkbox.js';
|
|
10
10
|
export { badge, containerBadge } from './components/badge/badge.js';
|
|
11
11
|
export { labelRadioButton, radioButton } from './components/radio-button/radio-button.js';
|
|
@@ -8,7 +8,11 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
8
8
|
warning: string;
|
|
9
9
|
info: string;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
isAnchor: {
|
|
12
|
+
true: string;
|
|
13
|
+
false: string;
|
|
14
|
+
};
|
|
15
|
+
}, undefined, "text-sub text-white font-bold rounded-pill", import("tailwind-variants/dist/config").TVConfig<{
|
|
12
16
|
intent: {
|
|
13
17
|
primary: string;
|
|
14
18
|
secondary: string;
|
|
@@ -17,6 +21,10 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
17
21
|
warning: string;
|
|
18
22
|
info: string;
|
|
19
23
|
};
|
|
24
|
+
isAnchor: {
|
|
25
|
+
true: string;
|
|
26
|
+
false: string;
|
|
27
|
+
};
|
|
20
28
|
}, {
|
|
21
29
|
intent: {
|
|
22
30
|
primary: string;
|
|
@@ -26,6 +34,10 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
26
34
|
warning: string;
|
|
27
35
|
info: string;
|
|
28
36
|
};
|
|
37
|
+
isAnchor: {
|
|
38
|
+
true: string;
|
|
39
|
+
false: string;
|
|
40
|
+
};
|
|
29
41
|
}>, {
|
|
30
42
|
intent: {
|
|
31
43
|
primary: string;
|
|
@@ -35,6 +47,10 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
35
47
|
warning: string;
|
|
36
48
|
info: string;
|
|
37
49
|
};
|
|
50
|
+
isAnchor: {
|
|
51
|
+
true: string;
|
|
52
|
+
false: string;
|
|
53
|
+
};
|
|
38
54
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
39
55
|
intent: {
|
|
40
56
|
primary: string;
|
|
@@ -44,7 +60,11 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
44
60
|
warning: string;
|
|
45
61
|
info: string;
|
|
46
62
|
};
|
|
47
|
-
|
|
63
|
+
isAnchor: {
|
|
64
|
+
true: string;
|
|
65
|
+
false: string;
|
|
66
|
+
};
|
|
67
|
+
}, undefined, "text-sub text-white font-bold rounded-pill", import("tailwind-variants/dist/config").TVConfig<{
|
|
48
68
|
intent: {
|
|
49
69
|
primary: string;
|
|
50
70
|
secondary: string;
|
|
@@ -53,6 +73,10 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
53
73
|
warning: string;
|
|
54
74
|
info: string;
|
|
55
75
|
};
|
|
76
|
+
isAnchor: {
|
|
77
|
+
true: string;
|
|
78
|
+
false: string;
|
|
79
|
+
};
|
|
56
80
|
}, {
|
|
57
81
|
intent: {
|
|
58
82
|
primary: string;
|
|
@@ -62,6 +86,10 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
|
|
|
62
86
|
warning: string;
|
|
63
87
|
info: string;
|
|
64
88
|
};
|
|
89
|
+
isAnchor: {
|
|
90
|
+
true: string;
|
|
91
|
+
false: string;
|
|
92
|
+
};
|
|
65
93
|
}>, unknown, unknown, undefined>>;
|
|
66
94
|
export declare const containerBadge: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative items-center justify-center self-center w-fit", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative items-center justify-center self-center w-fit", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
67
95
|
export type BadgeVariants = VariantProps<typeof badgeStyles> & ClassProp;
|
|
@@ -11,6 +11,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
11
11
|
variant: {
|
|
12
12
|
outline: string;
|
|
13
13
|
text: string;
|
|
14
|
+
filled: string;
|
|
14
15
|
};
|
|
15
16
|
size: {
|
|
16
17
|
default: string;
|
|
@@ -18,7 +19,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
18
19
|
square: string;
|
|
19
20
|
circle: string;
|
|
20
21
|
};
|
|
21
|
-
}, undefined, "p-deca
|
|
22
|
+
}, undefined, "p-deca 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<{
|
|
22
23
|
intent: {
|
|
23
24
|
primary: string;
|
|
24
25
|
secondary: string;
|
|
@@ -30,6 +31,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
30
31
|
variant: {
|
|
31
32
|
outline: string;
|
|
32
33
|
text: string;
|
|
34
|
+
filled: string;
|
|
33
35
|
};
|
|
34
36
|
size: {
|
|
35
37
|
default: string;
|
|
@@ -49,6 +51,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
49
51
|
variant: {
|
|
50
52
|
outline: string;
|
|
51
53
|
text: string;
|
|
54
|
+
filled: string;
|
|
52
55
|
};
|
|
53
56
|
size: {
|
|
54
57
|
default: string;
|
|
@@ -68,6 +71,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
68
71
|
variant: {
|
|
69
72
|
outline: string;
|
|
70
73
|
text: string;
|
|
74
|
+
filled: string;
|
|
71
75
|
};
|
|
72
76
|
size: {
|
|
73
77
|
default: string;
|
|
@@ -87,6 +91,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
87
91
|
variant: {
|
|
88
92
|
outline: string;
|
|
89
93
|
text: string;
|
|
94
|
+
filled: string;
|
|
90
95
|
};
|
|
91
96
|
size: {
|
|
92
97
|
default: string;
|
|
@@ -94,7 +99,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
94
99
|
square: string;
|
|
95
100
|
circle: string;
|
|
96
101
|
};
|
|
97
|
-
}, undefined, "p-deca
|
|
102
|
+
}, undefined, "p-deca 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<{
|
|
98
103
|
intent: {
|
|
99
104
|
primary: string;
|
|
100
105
|
secondary: string;
|
|
@@ -106,6 +111,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
106
111
|
variant: {
|
|
107
112
|
outline: string;
|
|
108
113
|
text: string;
|
|
114
|
+
filled: string;
|
|
109
115
|
};
|
|
110
116
|
size: {
|
|
111
117
|
default: string;
|
|
@@ -125,6 +131,7 @@ export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
|
|
|
125
131
|
variant: {
|
|
126
132
|
outline: string;
|
|
127
133
|
text: string;
|
|
134
|
+
filled: string;
|
|
128
135
|
};
|
|
129
136
|
size: {
|
|
130
137
|
default: string;
|
|
@@ -1,137 +1,160 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
success: import("tailwind-merge").ClassNameValue | {
|
|
8
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
1
|
+
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>>;
|
|
2
|
+
export declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
open: {
|
|
4
|
+
true: {
|
|
5
|
+
dropdown: string;
|
|
9
6
|
};
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
false: {
|
|
8
|
+
dropdown: string;
|
|
12
9
|
};
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
};
|
|
11
|
+
disabled: {
|
|
12
|
+
true: {
|
|
13
|
+
button: string;
|
|
15
14
|
};
|
|
16
15
|
};
|
|
17
|
-
}, undefined, "w-full justify-between bg-white gap-[200px]", import("tailwind-variants/dist/config").TVConfig<{} | {
|
|
18
16
|
intent: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
};
|
|
22
|
-
success: import("tailwind-merge").ClassNameValue | {
|
|
23
|
-
base?: import("tailwind-merge").ClassNameValue;
|
|
17
|
+
error: {
|
|
18
|
+
button: string;
|
|
24
19
|
};
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
22
|
+
}, {
|
|
23
|
+
dropdown: string;
|
|
24
|
+
button: string;
|
|
25
|
+
groupedTitle: string;
|
|
26
|
+
containerGrouped: string;
|
|
27
|
+
hintBody: string;
|
|
28
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
29
|
+
open: {
|
|
30
|
+
true: {
|
|
31
|
+
dropdown: string;
|
|
27
32
|
};
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
false: {
|
|
34
|
+
dropdown: string;
|
|
30
35
|
};
|
|
31
36
|
};
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
warning: string[];
|
|
37
|
-
error: string[];
|
|
37
|
+
disabled: {
|
|
38
|
+
true: {
|
|
39
|
+
button: string;
|
|
40
|
+
};
|
|
38
41
|
};
|
|
39
|
-
}>, {
|
|
40
42
|
intent: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
error: {
|
|
44
|
+
button: string;
|
|
45
|
+
};
|
|
46
|
+
default: string;
|
|
45
47
|
};
|
|
46
|
-
},
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
}, {
|
|
49
|
+
open: {
|
|
50
|
+
true: {
|
|
51
|
+
dropdown: string;
|
|
52
|
+
};
|
|
53
|
+
false: {
|
|
54
|
+
dropdown: string;
|
|
55
|
+
};
|
|
52
56
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
warning: string[];
|
|
58
|
-
error: string[];
|
|
57
|
+
disabled: {
|
|
58
|
+
true: {
|
|
59
|
+
button: string;
|
|
60
|
+
};
|
|
59
61
|
};
|
|
60
|
-
}, {
|
|
61
62
|
intent: {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
error: {
|
|
64
|
+
button: string;
|
|
65
|
+
};
|
|
66
|
+
default: string;
|
|
66
67
|
};
|
|
67
68
|
}>, {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
open: {
|
|
70
|
+
true: {
|
|
71
|
+
dropdown: string;
|
|
72
|
+
};
|
|
73
|
+
false: {
|
|
74
|
+
dropdown: string;
|
|
75
|
+
};
|
|
73
76
|
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
warning: string[];
|
|
79
|
-
error: string[];
|
|
77
|
+
disabled: {
|
|
78
|
+
true: {
|
|
79
|
+
button: string;
|
|
80
|
+
};
|
|
80
81
|
};
|
|
81
|
-
}, 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<{
|
|
82
82
|
intent: {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
error: {
|
|
84
|
+
button: string;
|
|
85
|
+
};
|
|
86
|
+
default: string;
|
|
87
87
|
};
|
|
88
88
|
}, {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}>, unknown, unknown, undefined>>>;
|
|
96
|
-
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>>;
|
|
97
|
-
declare const dropDownStyles: import("tailwind-variants").TVReturnType<{
|
|
89
|
+
dropdown: string;
|
|
90
|
+
button: string;
|
|
91
|
+
groupedTitle: string;
|
|
92
|
+
containerGrouped: string;
|
|
93
|
+
hintBody: string;
|
|
94
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
98
95
|
open: {
|
|
99
|
-
true:
|
|
100
|
-
|
|
96
|
+
true: {
|
|
97
|
+
dropdown: string;
|
|
98
|
+
};
|
|
99
|
+
false: {
|
|
100
|
+
dropdown: string;
|
|
101
|
+
};
|
|
101
102
|
};
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
disabled: {
|
|
104
|
+
true: {
|
|
105
|
+
button: string;
|
|
106
|
+
};
|
|
106
107
|
};
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
intent: {
|
|
109
|
+
error: {
|
|
110
|
+
button: string;
|
|
111
|
+
};
|
|
112
|
+
default: string;
|
|
111
113
|
};
|
|
112
|
-
}
|
|
114
|
+
}, {
|
|
115
|
+
dropdown: string;
|
|
116
|
+
button: string;
|
|
117
|
+
groupedTitle: string;
|
|
118
|
+
containerGrouped: string;
|
|
119
|
+
hintBody: string;
|
|
120
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
113
121
|
open: {
|
|
114
|
-
true:
|
|
115
|
-
|
|
122
|
+
true: {
|
|
123
|
+
dropdown: string;
|
|
124
|
+
};
|
|
125
|
+
false: {
|
|
126
|
+
dropdown: string;
|
|
127
|
+
};
|
|
116
128
|
};
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
129
|
+
disabled: {
|
|
130
|
+
true: {
|
|
131
|
+
button: string;
|
|
132
|
+
};
|
|
121
133
|
};
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
134
|
+
intent: {
|
|
135
|
+
error: {
|
|
136
|
+
button: string;
|
|
137
|
+
};
|
|
138
|
+
default: string;
|
|
126
139
|
};
|
|
127
140
|
}, {
|
|
128
141
|
open: {
|
|
129
|
-
true:
|
|
130
|
-
|
|
142
|
+
true: {
|
|
143
|
+
dropdown: string;
|
|
144
|
+
};
|
|
145
|
+
false: {
|
|
146
|
+
dropdown: string;
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
disabled: {
|
|
150
|
+
true: {
|
|
151
|
+
button: string;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
intent: {
|
|
155
|
+
error: {
|
|
156
|
+
button: string;
|
|
157
|
+
};
|
|
158
|
+
default: string;
|
|
131
159
|
};
|
|
132
160
|
}>, unknown, unknown, undefined>>;
|
|
133
|
-
type DropDownVariants = VariantProps<typeof dropDownStyles> & ClassProp;
|
|
134
|
-
export interface DropDownProps extends Omit<DropDownVariants, 'open'>, Required<Pick<DropDownVariants, 'open'>> {
|
|
135
|
-
}
|
|
136
|
-
export declare const dropdown: (props: DropDownVariants) => string;
|
|
137
|
-
export {};
|
|
@@ -36,6 +36,6 @@ declare const tooltipStyles: import("tailwind-variants").TVReturnType<{
|
|
|
36
36
|
top: string[];
|
|
37
37
|
};
|
|
38
38
|
}>, unknown, unknown, undefined>>;
|
|
39
|
-
type TooltipVariants = VariantProps<typeof tooltipStyles> & ClassProp;
|
|
39
|
+
export type TooltipVariants = VariantProps<typeof tooltipStyles> & ClassProp;
|
|
40
40
|
export declare const tooltip: (props: TooltipVariants) => string;
|
|
41
41
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10-beta.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Core library for tailwindcss based design",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"tailwindcss": ">=3.3.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "4aa98a3ca6323ecbf694403927a12e62867d6991"
|
|
36
36
|
}
|