@auronui/styles 1.2.1 → 1.3.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/components/context-menu.css +44 -0
- package/components/editable.css +136 -0
- package/components/hover-card.css +68 -0
- package/components/index.css +8 -0
- package/components/input.css +53 -10
- package/components/menubar.css +80 -0
- package/components/modal.css +4 -12
- package/components/month-range-picker.css +154 -0
- package/components/navigation-menu.css +144 -0
- package/components/time-range-field.css +543 -0
- package/components/year-range-picker.css +155 -0
- package/dist/components/context-menu/context-menu.styles.d.ts +40 -0
- package/dist/components/context-menu/context-menu.styles.d.ts.map +1 -0
- package/dist/components/context-menu/context-menu.styles.js +11 -0
- package/dist/components/context-menu/context-menu.styles.js.map +1 -0
- package/dist/components/context-menu/index.d.ts +2 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/index.js +2 -0
- package/dist/components/dropdown/dropdown.styles.d.ts +3 -3
- package/dist/components/editable/editable.styles.d.ts +85 -0
- package/dist/components/editable/editable.styles.d.ts.map +1 -0
- package/dist/components/editable/editable.styles.js +15 -0
- package/dist/components/editable/editable.styles.js.map +1 -0
- package/dist/components/editable/index.d.ts +2 -0
- package/dist/components/editable/index.d.ts.map +1 -0
- package/dist/components/editable/index.js +2 -0
- package/dist/components/hover-card/hover-card.styles.d.ts +34 -0
- package/dist/components/hover-card/hover-card.styles.d.ts.map +1 -0
- package/dist/components/hover-card/hover-card.styles.js +10 -0
- package/dist/components/hover-card/hover-card.styles.js.map +1 -0
- package/dist/components/hover-card/index.d.ts +2 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/index.js +2 -0
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/menubar/index.d.ts +2 -0
- package/dist/components/menubar/index.d.ts.map +1 -0
- package/dist/components/menubar/index.js +2 -0
- package/dist/components/menubar/menubar.styles.d.ts +40 -0
- package/dist/components/menubar/menubar.styles.d.ts.map +1 -0
- package/dist/components/menubar/menubar.styles.js +11 -0
- package/dist/components/menubar/menubar.styles.js.map +1 -0
- package/dist/components/month-range-picker/index.d.ts +2 -0
- package/dist/components/month-range-picker/index.d.ts.map +1 -0
- package/dist/components/month-range-picker/index.js +2 -0
- package/dist/components/month-range-picker/month-range-picker.styles.d.ts +61 -0
- package/dist/components/month-range-picker/month-range-picker.styles.d.ts.map +1 -0
- package/dist/components/month-range-picker/month-range-picker.styles.js +21 -0
- package/dist/components/month-range-picker/month-range-picker.styles.js.map +1 -0
- package/dist/components/navigation-menu/index.d.ts +2 -0
- package/dist/components/navigation-menu/index.d.ts.map +1 -0
- package/dist/components/navigation-menu/index.js +2 -0
- package/dist/components/navigation-menu/navigation-menu.styles.d.ts +76 -0
- package/dist/components/navigation-menu/navigation-menu.styles.d.ts.map +1 -0
- package/dist/components/navigation-menu/navigation-menu.styles.js +17 -0
- package/dist/components/navigation-menu/navigation-menu.styles.js.map +1 -0
- package/dist/components/time-range-field/index.d.ts +2 -0
- package/dist/components/time-range-field/index.d.ts.map +1 -0
- package/dist/components/time-range-field/index.js +2 -0
- package/dist/components/time-range-field/time-range-field.styles.d.ts +310 -0
- package/dist/components/time-range-field/time-range-field.styles.d.ts.map +1 -0
- package/dist/components/time-range-field/time-range-field.styles.js +94 -0
- package/dist/components/time-range-field/time-range-field.styles.js.map +1 -0
- package/dist/components/year-range-picker/index.d.ts +2 -0
- package/dist/components/year-range-picker/index.d.ts.map +1 -0
- package/dist/components/year-range-picker/index.js +2 -0
- package/dist/components/year-range-picker/year-range-picker.styles.d.ts +61 -0
- package/dist/components/year-range-picker/year-range-picker.styles.d.ts.map +1 -0
- package/dist/components/year-range-picker/year-range-picker.styles.js +21 -0
- package/dist/components/year-range-picker/year-range-picker.styles.js.map +1 -0
- package/dist/index.js +9 -1
- package/package.json +33 -1
- package/src/components/context-menu/context-menu.styles.ts +13 -0
- package/src/components/context-menu/index.ts +1 -0
- package/src/components/editable/editable.styles.ts +24 -0
- package/src/components/editable/index.ts +1 -0
- package/src/components/hover-card/hover-card.styles.ts +12 -0
- package/src/components/hover-card/index.ts +1 -0
- package/src/components/index.ts +8 -0
- package/src/components/menubar/index.ts +1 -0
- package/src/components/menubar/menubar.styles.ts +13 -0
- package/src/components/month-range-picker/index.ts +1 -0
- package/src/components/month-range-picker/month-range-picker.styles.ts +30 -0
- package/src/components/navigation-menu/index.ts +1 -0
- package/src/components/navigation-menu/navigation-menu.styles.ts +19 -0
- package/src/components/time-range-field/index.ts +1 -0
- package/src/components/time-range-field/time-range-field.styles.ts +87 -0
- package/src/components/year-range-picker/index.ts +1 -0
- package/src/components/year-range-picker/year-range-picker.styles.ts +30 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
//#region src/components/month-range-picker/month-range-picker.styles.ts
|
|
3
|
+
var monthRangePickerVariants = tv({
|
|
4
|
+
defaultVariants: {},
|
|
5
|
+
slots: {
|
|
6
|
+
base: "month-range-picker",
|
|
7
|
+
header: "month-range-picker__header",
|
|
8
|
+
navButton: "month-range-picker__nav-button",
|
|
9
|
+
navButtonIcon: "month-range-picker__nav-button-icon",
|
|
10
|
+
heading: "month-range-picker__heading",
|
|
11
|
+
grid: "month-range-picker__grid",
|
|
12
|
+
gridBody: "month-range-picker__grid-body",
|
|
13
|
+
gridRow: "month-range-picker__grid-row",
|
|
14
|
+
cell: "month-range-picker__cell"
|
|
15
|
+
},
|
|
16
|
+
variants: {}
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
export { monthRangePickerVariants };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=month-range-picker.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"month-range-picker.styles.js","names":[],"sources":["../../../src/components/month-range-picker/month-range-picker.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const monthRangePickerVariants = tv({\n defaultVariants: {},\n slots: {\n /** Root month range picker container */\n base: \"month-range-picker\",\n /** Header containing heading and navigation */\n header: \"month-range-picker__header\",\n /** Previous/Next navigation button */\n navButton: \"month-range-picker__nav-button\",\n /** Navigation button icon */\n navButtonIcon: \"month-range-picker__nav-button-icon\",\n /** Heading text */\n heading: \"month-range-picker__heading\",\n /** Grid (table) */\n grid: \"month-range-picker__grid\",\n /** Grid body (tbody) */\n gridBody: \"month-range-picker__grid-body\",\n /** Grid row (tr) */\n gridRow: \"month-range-picker__grid-row\",\n /** Month cell (button per month) */\n cell: \"month-range-picker__cell\",\n },\n variants: {},\n});\n\nexport type MonthRangePickerVariants = VariantProps<typeof monthRangePickerVariants>;\n"],"mappings":";;AAIA,IAAa,2BAA2B,GAAG;CACzC,iBAAiB,EAAE;CACnB,OAAO;EAEL,MAAM;EAEN,QAAQ;EAER,WAAW;EAEX,eAAe;EAEf,SAAS;EAET,MAAM;EAEN,UAAU;EAEV,SAAS;EAET,MAAM;EACP;CACD,UAAU,EAAE;CACb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { VariantProps } from '../../utils';
|
|
2
|
+
export declare const navigationMenuVariants: import('tailwind-variants').TVReturnType<{
|
|
3
|
+
[key: string]: {
|
|
4
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
5
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
6
|
+
trigger?: import('tailwind-variants').ClassValue;
|
|
7
|
+
content?: import('tailwind-variants').ClassValue;
|
|
8
|
+
root?: import('tailwind-variants').ClassValue;
|
|
9
|
+
list?: import('tailwind-variants').ClassValue;
|
|
10
|
+
chevron?: import('tailwind-variants').ClassValue;
|
|
11
|
+
viewportWrapper?: import('tailwind-variants').ClassValue;
|
|
12
|
+
viewport?: import('tailwind-variants').ClassValue;
|
|
13
|
+
indicatorArrow?: import('tailwind-variants').ClassValue;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
} | {
|
|
17
|
+
[x: string]: {
|
|
18
|
+
[x: string]: import('tailwind-variants').ClassValue | {
|
|
19
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
20
|
+
trigger?: import('tailwind-variants').ClassValue;
|
|
21
|
+
content?: import('tailwind-variants').ClassValue;
|
|
22
|
+
root?: import('tailwind-variants').ClassValue;
|
|
23
|
+
list?: import('tailwind-variants').ClassValue;
|
|
24
|
+
chevron?: import('tailwind-variants').ClassValue;
|
|
25
|
+
viewportWrapper?: import('tailwind-variants').ClassValue;
|
|
26
|
+
viewport?: import('tailwind-variants').ClassValue;
|
|
27
|
+
indicatorArrow?: import('tailwind-variants').ClassValue;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
} | {}, {
|
|
31
|
+
root: string;
|
|
32
|
+
list: string;
|
|
33
|
+
trigger: string;
|
|
34
|
+
chevron: string;
|
|
35
|
+
content: string;
|
|
36
|
+
viewportWrapper: string;
|
|
37
|
+
viewport: string;
|
|
38
|
+
indicator: string;
|
|
39
|
+
indicatorArrow: string;
|
|
40
|
+
}, undefined, {
|
|
41
|
+
[key: string]: {
|
|
42
|
+
[key: string]: import('tailwind-variants').ClassValue | {
|
|
43
|
+
indicator?: import('tailwind-variants').ClassValue;
|
|
44
|
+
trigger?: import('tailwind-variants').ClassValue;
|
|
45
|
+
content?: import('tailwind-variants').ClassValue;
|
|
46
|
+
root?: import('tailwind-variants').ClassValue;
|
|
47
|
+
list?: import('tailwind-variants').ClassValue;
|
|
48
|
+
chevron?: import('tailwind-variants').ClassValue;
|
|
49
|
+
viewportWrapper?: import('tailwind-variants').ClassValue;
|
|
50
|
+
viewport?: import('tailwind-variants').ClassValue;
|
|
51
|
+
indicatorArrow?: import('tailwind-variants').ClassValue;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
} | {}, {
|
|
55
|
+
root: string;
|
|
56
|
+
list: string;
|
|
57
|
+
trigger: string;
|
|
58
|
+
chevron: string;
|
|
59
|
+
content: string;
|
|
60
|
+
viewportWrapper: string;
|
|
61
|
+
viewport: string;
|
|
62
|
+
indicator: string;
|
|
63
|
+
indicatorArrow: string;
|
|
64
|
+
}, import('tailwind-variants').TVReturnType<unknown, {
|
|
65
|
+
root: string;
|
|
66
|
+
list: string;
|
|
67
|
+
trigger: string;
|
|
68
|
+
chevron: string;
|
|
69
|
+
content: string;
|
|
70
|
+
viewportWrapper: string;
|
|
71
|
+
viewport: string;
|
|
72
|
+
indicator: string;
|
|
73
|
+
indicatorArrow: string;
|
|
74
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
75
|
+
export type NavigationMenuVariants = VariantProps<typeof navigationMenuVariants>;
|
|
76
|
+
//# sourceMappingURL=navigation-menu.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.styles.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu/navigation-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
//#region src/components/navigation-menu/navigation-menu.styles.ts
|
|
3
|
+
var navigationMenuVariants = tv({ slots: {
|
|
4
|
+
root: "navigation-menu",
|
|
5
|
+
list: "navigation-menu__list",
|
|
6
|
+
trigger: "navigation-menu__trigger",
|
|
7
|
+
chevron: "navigation-menu__chevron",
|
|
8
|
+
content: "navigation-menu__content",
|
|
9
|
+
viewportWrapper: "navigation-menu__viewport-wrapper",
|
|
10
|
+
viewport: "navigation-menu__viewport",
|
|
11
|
+
indicator: "navigation-menu__indicator",
|
|
12
|
+
indicatorArrow: "navigation-menu__indicator-arrow"
|
|
13
|
+
} });
|
|
14
|
+
//#endregion
|
|
15
|
+
export { navigationMenuVariants };
|
|
16
|
+
|
|
17
|
+
//# sourceMappingURL=navigation-menu.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.styles.js","names":[],"sources":["../../../src/components/navigation-menu/navigation-menu.styles.ts"],"sourcesContent":["import type { VariantProps } from \"../../utils\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const navigationMenuVariants = tv({\n slots: {\n root: \"navigation-menu\",\n list: \"navigation-menu__list\",\n trigger: \"navigation-menu__trigger\",\n chevron: \"navigation-menu__chevron\",\n content: \"navigation-menu__content\",\n viewportWrapper: \"navigation-menu__viewport-wrapper\",\n viewport: \"navigation-menu__viewport\",\n indicator: \"navigation-menu__indicator\",\n indicatorArrow: \"navigation-menu__indicator-arrow\",\n },\n});\n\nexport type NavigationMenuVariants = VariantProps<typeof navigationMenuVariants>;\n"],"mappings":";;AAIA,IAAa,yBAAyB,GAAG,EACvC,OAAO;CACL,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;CACT,iBAAiB;CACjB,UAAU;CACV,WAAW;CACX,gBAAgB;CACjB,EACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/time-range-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
import { VariantProps } from '../../utils';
|
|
2
|
+
export declare const timeRangeFieldVariants: import('tailwind-variants').TVReturnType<{
|
|
3
|
+
variant: {
|
|
4
|
+
flat: {
|
|
5
|
+
inputWrapper: string;
|
|
6
|
+
};
|
|
7
|
+
bordered: {
|
|
8
|
+
inputWrapper: string;
|
|
9
|
+
};
|
|
10
|
+
faded: {
|
|
11
|
+
inputWrapper: string;
|
|
12
|
+
};
|
|
13
|
+
underlined: {
|
|
14
|
+
inputWrapper: string;
|
|
15
|
+
};
|
|
16
|
+
raised: {
|
|
17
|
+
inputWrapper: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
size: {
|
|
21
|
+
sm: {
|
|
22
|
+
inputWrapper: string;
|
|
23
|
+
};
|
|
24
|
+
md: {};
|
|
25
|
+
lg: {
|
|
26
|
+
inputWrapper: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
color: {
|
|
30
|
+
default: {
|
|
31
|
+
inputWrapper: string;
|
|
32
|
+
};
|
|
33
|
+
primary: {
|
|
34
|
+
inputWrapper: string;
|
|
35
|
+
};
|
|
36
|
+
secondary: {
|
|
37
|
+
inputWrapper: string;
|
|
38
|
+
};
|
|
39
|
+
success: {
|
|
40
|
+
inputWrapper: string;
|
|
41
|
+
};
|
|
42
|
+
warning: {
|
|
43
|
+
inputWrapper: string;
|
|
44
|
+
};
|
|
45
|
+
danger: {
|
|
46
|
+
inputWrapper: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
fullWidth: {
|
|
50
|
+
false: {};
|
|
51
|
+
true: {
|
|
52
|
+
base: string;
|
|
53
|
+
inputWrapper: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
isInvalid: {
|
|
57
|
+
false: {};
|
|
58
|
+
true: {
|
|
59
|
+
base: string;
|
|
60
|
+
inputWrapper: string;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
isDisabled: {
|
|
64
|
+
false: {};
|
|
65
|
+
true: {
|
|
66
|
+
base: string;
|
|
67
|
+
inputWrapper: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
isReadonly: {
|
|
71
|
+
false: {};
|
|
72
|
+
true: {
|
|
73
|
+
inputWrapper: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
hasLabel: {
|
|
77
|
+
false: {};
|
|
78
|
+
true: {};
|
|
79
|
+
};
|
|
80
|
+
labelPlacement: {
|
|
81
|
+
inside: {
|
|
82
|
+
base: string;
|
|
83
|
+
};
|
|
84
|
+
outside: {
|
|
85
|
+
base: string;
|
|
86
|
+
};
|
|
87
|
+
"outside-left": {
|
|
88
|
+
base: string;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
}, {
|
|
92
|
+
base: string;
|
|
93
|
+
mainWrapper: string;
|
|
94
|
+
inputWrapper: string;
|
|
95
|
+
segmentList: string;
|
|
96
|
+
segment: string;
|
|
97
|
+
separator: string;
|
|
98
|
+
startContent: string;
|
|
99
|
+
endContent: string;
|
|
100
|
+
label: string;
|
|
101
|
+
helperWrapper: string;
|
|
102
|
+
description: string;
|
|
103
|
+
errorMessage: string;
|
|
104
|
+
}, undefined, {
|
|
105
|
+
variant: {
|
|
106
|
+
flat: {
|
|
107
|
+
inputWrapper: string;
|
|
108
|
+
};
|
|
109
|
+
bordered: {
|
|
110
|
+
inputWrapper: string;
|
|
111
|
+
};
|
|
112
|
+
faded: {
|
|
113
|
+
inputWrapper: string;
|
|
114
|
+
};
|
|
115
|
+
underlined: {
|
|
116
|
+
inputWrapper: string;
|
|
117
|
+
};
|
|
118
|
+
raised: {
|
|
119
|
+
inputWrapper: string;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
size: {
|
|
123
|
+
sm: {
|
|
124
|
+
inputWrapper: string;
|
|
125
|
+
};
|
|
126
|
+
md: {};
|
|
127
|
+
lg: {
|
|
128
|
+
inputWrapper: string;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
color: {
|
|
132
|
+
default: {
|
|
133
|
+
inputWrapper: string;
|
|
134
|
+
};
|
|
135
|
+
primary: {
|
|
136
|
+
inputWrapper: string;
|
|
137
|
+
};
|
|
138
|
+
secondary: {
|
|
139
|
+
inputWrapper: string;
|
|
140
|
+
};
|
|
141
|
+
success: {
|
|
142
|
+
inputWrapper: string;
|
|
143
|
+
};
|
|
144
|
+
warning: {
|
|
145
|
+
inputWrapper: string;
|
|
146
|
+
};
|
|
147
|
+
danger: {
|
|
148
|
+
inputWrapper: string;
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
fullWidth: {
|
|
152
|
+
false: {};
|
|
153
|
+
true: {
|
|
154
|
+
base: string;
|
|
155
|
+
inputWrapper: string;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
isInvalid: {
|
|
159
|
+
false: {};
|
|
160
|
+
true: {
|
|
161
|
+
base: string;
|
|
162
|
+
inputWrapper: string;
|
|
163
|
+
};
|
|
164
|
+
};
|
|
165
|
+
isDisabled: {
|
|
166
|
+
false: {};
|
|
167
|
+
true: {
|
|
168
|
+
base: string;
|
|
169
|
+
inputWrapper: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
isReadonly: {
|
|
173
|
+
false: {};
|
|
174
|
+
true: {
|
|
175
|
+
inputWrapper: string;
|
|
176
|
+
};
|
|
177
|
+
};
|
|
178
|
+
hasLabel: {
|
|
179
|
+
false: {};
|
|
180
|
+
true: {};
|
|
181
|
+
};
|
|
182
|
+
labelPlacement: {
|
|
183
|
+
inside: {
|
|
184
|
+
base: string;
|
|
185
|
+
};
|
|
186
|
+
outside: {
|
|
187
|
+
base: string;
|
|
188
|
+
};
|
|
189
|
+
"outside-left": {
|
|
190
|
+
base: string;
|
|
191
|
+
};
|
|
192
|
+
};
|
|
193
|
+
}, {
|
|
194
|
+
base: string;
|
|
195
|
+
mainWrapper: string;
|
|
196
|
+
inputWrapper: string;
|
|
197
|
+
segmentList: string;
|
|
198
|
+
segment: string;
|
|
199
|
+
separator: string;
|
|
200
|
+
startContent: string;
|
|
201
|
+
endContent: string;
|
|
202
|
+
label: string;
|
|
203
|
+
helperWrapper: string;
|
|
204
|
+
description: string;
|
|
205
|
+
errorMessage: string;
|
|
206
|
+
}, import('tailwind-variants').TVReturnType<{
|
|
207
|
+
variant: {
|
|
208
|
+
flat: {
|
|
209
|
+
inputWrapper: string;
|
|
210
|
+
};
|
|
211
|
+
bordered: {
|
|
212
|
+
inputWrapper: string;
|
|
213
|
+
};
|
|
214
|
+
faded: {
|
|
215
|
+
inputWrapper: string;
|
|
216
|
+
};
|
|
217
|
+
underlined: {
|
|
218
|
+
inputWrapper: string;
|
|
219
|
+
};
|
|
220
|
+
raised: {
|
|
221
|
+
inputWrapper: string;
|
|
222
|
+
};
|
|
223
|
+
};
|
|
224
|
+
size: {
|
|
225
|
+
sm: {
|
|
226
|
+
inputWrapper: string;
|
|
227
|
+
};
|
|
228
|
+
md: {};
|
|
229
|
+
lg: {
|
|
230
|
+
inputWrapper: string;
|
|
231
|
+
};
|
|
232
|
+
};
|
|
233
|
+
color: {
|
|
234
|
+
default: {
|
|
235
|
+
inputWrapper: string;
|
|
236
|
+
};
|
|
237
|
+
primary: {
|
|
238
|
+
inputWrapper: string;
|
|
239
|
+
};
|
|
240
|
+
secondary: {
|
|
241
|
+
inputWrapper: string;
|
|
242
|
+
};
|
|
243
|
+
success: {
|
|
244
|
+
inputWrapper: string;
|
|
245
|
+
};
|
|
246
|
+
warning: {
|
|
247
|
+
inputWrapper: string;
|
|
248
|
+
};
|
|
249
|
+
danger: {
|
|
250
|
+
inputWrapper: string;
|
|
251
|
+
};
|
|
252
|
+
};
|
|
253
|
+
fullWidth: {
|
|
254
|
+
false: {};
|
|
255
|
+
true: {
|
|
256
|
+
base: string;
|
|
257
|
+
inputWrapper: string;
|
|
258
|
+
};
|
|
259
|
+
};
|
|
260
|
+
isInvalid: {
|
|
261
|
+
false: {};
|
|
262
|
+
true: {
|
|
263
|
+
base: string;
|
|
264
|
+
inputWrapper: string;
|
|
265
|
+
};
|
|
266
|
+
};
|
|
267
|
+
isDisabled: {
|
|
268
|
+
false: {};
|
|
269
|
+
true: {
|
|
270
|
+
base: string;
|
|
271
|
+
inputWrapper: string;
|
|
272
|
+
};
|
|
273
|
+
};
|
|
274
|
+
isReadonly: {
|
|
275
|
+
false: {};
|
|
276
|
+
true: {
|
|
277
|
+
inputWrapper: string;
|
|
278
|
+
};
|
|
279
|
+
};
|
|
280
|
+
hasLabel: {
|
|
281
|
+
false: {};
|
|
282
|
+
true: {};
|
|
283
|
+
};
|
|
284
|
+
labelPlacement: {
|
|
285
|
+
inside: {
|
|
286
|
+
base: string;
|
|
287
|
+
};
|
|
288
|
+
outside: {
|
|
289
|
+
base: string;
|
|
290
|
+
};
|
|
291
|
+
"outside-left": {
|
|
292
|
+
base: string;
|
|
293
|
+
};
|
|
294
|
+
};
|
|
295
|
+
}, {
|
|
296
|
+
base: string;
|
|
297
|
+
mainWrapper: string;
|
|
298
|
+
inputWrapper: string;
|
|
299
|
+
segmentList: string;
|
|
300
|
+
segment: string;
|
|
301
|
+
separator: string;
|
|
302
|
+
startContent: string;
|
|
303
|
+
endContent: string;
|
|
304
|
+
label: string;
|
|
305
|
+
helperWrapper: string;
|
|
306
|
+
description: string;
|
|
307
|
+
errorMessage: string;
|
|
308
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
309
|
+
export type TimeRangeFieldVariants = VariantProps<typeof timeRangeFieldVariants>;
|
|
310
|
+
//# sourceMappingURL=time-range-field.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-range-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/time-range-field/time-range-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAgFjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
//#region src/components/time-range-field/time-range-field.styles.ts
|
|
3
|
+
var timeRangeFieldVariants = tv({
|
|
4
|
+
slots: {
|
|
5
|
+
base: "time-range-field-root",
|
|
6
|
+
mainWrapper: "time-range-field__main-wrapper",
|
|
7
|
+
inputWrapper: "time-range-field",
|
|
8
|
+
segmentList: "time-range-field__segment-list",
|
|
9
|
+
segment: "time-range-field__segment",
|
|
10
|
+
separator: "time-range-field__separator",
|
|
11
|
+
startContent: "time-range-field__start-content",
|
|
12
|
+
endContent: "time-range-field__end-content",
|
|
13
|
+
label: "time-range-field__label",
|
|
14
|
+
helperWrapper: "time-range-field__helper-wrapper",
|
|
15
|
+
description: "time-range-field__description",
|
|
16
|
+
errorMessage: "time-range-field__error-message"
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "flat",
|
|
20
|
+
size: "md",
|
|
21
|
+
color: "default",
|
|
22
|
+
fullWidth: false,
|
|
23
|
+
isInvalid: false,
|
|
24
|
+
isDisabled: false,
|
|
25
|
+
isReadonly: false,
|
|
26
|
+
hasLabel: false,
|
|
27
|
+
labelPlacement: "inside"
|
|
28
|
+
},
|
|
29
|
+
variants: {
|
|
30
|
+
variant: {
|
|
31
|
+
flat: { inputWrapper: "time-range-field--flat" },
|
|
32
|
+
bordered: { inputWrapper: "time-range-field--bordered" },
|
|
33
|
+
faded: { inputWrapper: "time-range-field--faded" },
|
|
34
|
+
underlined: { inputWrapper: "time-range-field--underlined" },
|
|
35
|
+
raised: { inputWrapper: "time-range-field--raised" }
|
|
36
|
+
},
|
|
37
|
+
size: {
|
|
38
|
+
sm: { inputWrapper: "time-range-field--sm" },
|
|
39
|
+
md: {},
|
|
40
|
+
lg: { inputWrapper: "time-range-field--lg" }
|
|
41
|
+
},
|
|
42
|
+
color: {
|
|
43
|
+
default: { inputWrapper: "time-range-field--default" },
|
|
44
|
+
primary: { inputWrapper: "time-range-field--primary" },
|
|
45
|
+
secondary: { inputWrapper: "time-range-field--secondary" },
|
|
46
|
+
success: { inputWrapper: "time-range-field--success" },
|
|
47
|
+
warning: { inputWrapper: "time-range-field--warning" },
|
|
48
|
+
danger: { inputWrapper: "time-range-field--danger" }
|
|
49
|
+
},
|
|
50
|
+
fullWidth: {
|
|
51
|
+
false: {},
|
|
52
|
+
true: {
|
|
53
|
+
base: "time-range-field-root--full-width",
|
|
54
|
+
inputWrapper: "time-range-field--full-width"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
isInvalid: {
|
|
58
|
+
false: {},
|
|
59
|
+
true: {
|
|
60
|
+
base: "time-range-field-root--invalid",
|
|
61
|
+
inputWrapper: "time-range-field--invalid"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
isDisabled: {
|
|
65
|
+
false: {},
|
|
66
|
+
true: {
|
|
67
|
+
base: "time-range-field-root--disabled",
|
|
68
|
+
inputWrapper: "time-range-field--disabled"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
isReadonly: {
|
|
72
|
+
false: {},
|
|
73
|
+
true: { inputWrapper: "time-range-field--readonly" }
|
|
74
|
+
},
|
|
75
|
+
hasLabel: {
|
|
76
|
+
false: {},
|
|
77
|
+
true: {}
|
|
78
|
+
},
|
|
79
|
+
labelPlacement: {
|
|
80
|
+
inside: { base: "time-range-field-root--label-inside" },
|
|
81
|
+
outside: { base: "time-range-field-root--label-outside" },
|
|
82
|
+
"outside-left": { base: "time-range-field-root--label-outside-left" }
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
compoundVariants: [{
|
|
86
|
+
hasLabel: true,
|
|
87
|
+
labelPlacement: "inside",
|
|
88
|
+
class: { inputWrapper: "time-range-field--label-inside" }
|
|
89
|
+
}]
|
|
90
|
+
});
|
|
91
|
+
//#endregion
|
|
92
|
+
export { timeRangeFieldVariants };
|
|
93
|
+
|
|
94
|
+
//# sourceMappingURL=time-range-field.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-range-field.styles.js","names":[],"sources":["../../../src/components/time-range-field/time-range-field.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const timeRangeFieldVariants = tv({\n slots: {\n base: \"time-range-field-root\",\n mainWrapper: \"time-range-field__main-wrapper\",\n inputWrapper: \"time-range-field\",\n segmentList: \"time-range-field__segment-list\",\n segment: \"time-range-field__segment\",\n separator: \"time-range-field__separator\",\n startContent: \"time-range-field__start-content\",\n endContent: \"time-range-field__end-content\",\n label: \"time-range-field__label\",\n helperWrapper: \"time-range-field__helper-wrapper\",\n description: \"time-range-field__description\",\n errorMessage: \"time-range-field__error-message\",\n },\n defaultVariants: {\n variant: \"flat\",\n size: \"md\",\n color: \"default\",\n fullWidth: false,\n isInvalid: false,\n isDisabled: false,\n isReadonly: false,\n hasLabel: false,\n labelPlacement: \"inside\",\n },\n variants: {\n variant: {\n flat: { inputWrapper: \"time-range-field--flat\" },\n bordered: { inputWrapper: \"time-range-field--bordered\" },\n faded: { inputWrapper: \"time-range-field--faded\" },\n underlined: { inputWrapper: \"time-range-field--underlined\" },\n raised: { inputWrapper: \"time-range-field--raised\" },\n },\n size: {\n sm: { inputWrapper: \"time-range-field--sm\" },\n md: {},\n lg: { inputWrapper: \"time-range-field--lg\" },\n },\n color: {\n default: { inputWrapper: \"time-range-field--default\" },\n primary: { inputWrapper: \"time-range-field--primary\" },\n secondary: { inputWrapper: \"time-range-field--secondary\" },\n success: { inputWrapper: \"time-range-field--success\" },\n warning: { inputWrapper: \"time-range-field--warning\" },\n danger: { inputWrapper: \"time-range-field--danger\" },\n },\n fullWidth: {\n false: {},\n true: { base: \"time-range-field-root--full-width\", inputWrapper: \"time-range-field--full-width\" },\n },\n isInvalid: {\n false: {},\n true: { base: \"time-range-field-root--invalid\", inputWrapper: \"time-range-field--invalid\" },\n },\n isDisabled: {\n false: {},\n true: { base: \"time-range-field-root--disabled\", inputWrapper: \"time-range-field--disabled\" },\n },\n isReadonly: {\n false: {},\n true: { inputWrapper: \"time-range-field--readonly\" },\n },\n hasLabel: {\n false: {},\n true: {},\n },\n labelPlacement: {\n inside: { base: \"time-range-field-root--label-inside\" },\n outside: { base: \"time-range-field-root--label-outside\" },\n \"outside-left\": { base: \"time-range-field-root--label-outside-left\" },\n },\n },\n compoundVariants: [\n {\n hasLabel: true,\n labelPlacement: \"inside\",\n class: { inputWrapper: \"time-range-field--label-inside\" },\n },\n ],\n});\n\nexport type TimeRangeFieldVariants = VariantProps<typeof timeRangeFieldVariants>;\n"],"mappings":";;AAIA,IAAa,yBAAyB,GAAG;CACvC,OAAO;EACL,MAAM;EACN,aAAa;EACb,cAAc;EACd,aAAa;EACb,SAAS;EACT,WAAW;EACX,cAAc;EACd,YAAY;EACZ,OAAO;EACP,eAAe;EACf,aAAa;EACb,cAAc;EACf;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,OAAO;EACP,WAAW;EACX,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,UAAU;EACV,gBAAgB;EACjB;CACD,UAAU;EACR,SAAS;GACP,MAAY,EAAE,cAAc,0BAA0B;GACtD,UAAY,EAAE,cAAc,8BAA8B;GAC1D,OAAY,EAAE,cAAc,2BAA2B;GACvD,YAAY,EAAE,cAAc,gCAAgC;GAC5D,QAAY,EAAE,cAAc,4BAA4B;GACzD;EACD,MAAM;GACJ,IAAI,EAAE,cAAc,wBAAwB;GAC5C,IAAI,EAAE;GACN,IAAI,EAAE,cAAc,wBAAwB;GAC7C;EACD,OAAO;GACL,SAAW,EAAE,cAAc,6BAA6B;GACxD,SAAW,EAAE,cAAc,6BAA6B;GACxD,WAAW,EAAE,cAAc,+BAA+B;GAC1D,SAAW,EAAE,cAAc,6BAA6B;GACxD,SAAW,EAAE,cAAc,6BAA6B;GACxD,QAAW,EAAE,cAAc,4BAA4B;GACxD;EACD,WAAW;GACT,OAAO,EAAE;GACT,MAAO;IAAE,MAAM;IAAqC,cAAc;IAAgC;GACnG;EACD,WAAW;GACT,OAAO,EAAE;GACT,MAAO;IAAE,MAAM;IAAkC,cAAc;IAA6B;GAC7F;EACD,YAAY;GACV,OAAO,EAAE;GACT,MAAO;IAAE,MAAM;IAAmC,cAAc;IAA8B;GAC/F;EACD,YAAY;GACV,OAAO,EAAE;GACT,MAAO,EAAE,cAAc,8BAA8B;GACtD;EACD,UAAU;GACR,OAAO,EAAE;GACT,MAAO,EAAE;GACV;EACD,gBAAgB;GACd,QAAgB,EAAE,MAAM,uCAAuC;GAC/D,SAAgB,EAAE,MAAM,wCAAwC;GAChE,gBAAgB,EAAE,MAAM,6CAA6C;GACtE;EACF;CACD,kBAAkB,CAChB;EACE,UAAU;EACV,gBAAgB;EAChB,OAAO,EAAE,cAAc,kCAAkC;EAC1D,CACF;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/year-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { VariantProps } from '../../utils';
|
|
2
|
+
export declare const yearRangePickerVariants: import('tailwind-variants').TVReturnType<{}, {
|
|
3
|
+
/** Root year range picker container */
|
|
4
|
+
base: string;
|
|
5
|
+
/** Header containing heading and navigation */
|
|
6
|
+
header: string;
|
|
7
|
+
/** Previous/Next navigation button */
|
|
8
|
+
navButton: string;
|
|
9
|
+
/** Navigation button icon */
|
|
10
|
+
navButtonIcon: string;
|
|
11
|
+
/** Heading text */
|
|
12
|
+
heading: string;
|
|
13
|
+
/** Grid (table) */
|
|
14
|
+
grid: string;
|
|
15
|
+
/** Grid body (tbody) */
|
|
16
|
+
gridBody: string;
|
|
17
|
+
/** Grid row (tr) */
|
|
18
|
+
gridRow: string;
|
|
19
|
+
/** Year cell (button per year) */
|
|
20
|
+
cell: string;
|
|
21
|
+
}, undefined, {}, {
|
|
22
|
+
/** Root year range picker container */
|
|
23
|
+
base: string;
|
|
24
|
+
/** Header containing heading and navigation */
|
|
25
|
+
header: string;
|
|
26
|
+
/** Previous/Next navigation button */
|
|
27
|
+
navButton: string;
|
|
28
|
+
/** Navigation button icon */
|
|
29
|
+
navButtonIcon: string;
|
|
30
|
+
/** Heading text */
|
|
31
|
+
heading: string;
|
|
32
|
+
/** Grid (table) */
|
|
33
|
+
grid: string;
|
|
34
|
+
/** Grid body (tbody) */
|
|
35
|
+
gridBody: string;
|
|
36
|
+
/** Grid row (tr) */
|
|
37
|
+
gridRow: string;
|
|
38
|
+
/** Year cell (button per year) */
|
|
39
|
+
cell: string;
|
|
40
|
+
}, import('tailwind-variants').TVReturnType<{}, {
|
|
41
|
+
/** Root year range picker container */
|
|
42
|
+
base: string;
|
|
43
|
+
/** Header containing heading and navigation */
|
|
44
|
+
header: string;
|
|
45
|
+
/** Previous/Next navigation button */
|
|
46
|
+
navButton: string;
|
|
47
|
+
/** Navigation button icon */
|
|
48
|
+
navButtonIcon: string;
|
|
49
|
+
/** Heading text */
|
|
50
|
+
heading: string;
|
|
51
|
+
/** Grid (table) */
|
|
52
|
+
grid: string;
|
|
53
|
+
/** Grid body (tbody) */
|
|
54
|
+
gridBody: string;
|
|
55
|
+
/** Grid row (tr) */
|
|
56
|
+
gridRow: string;
|
|
57
|
+
/** Year cell (button per year) */
|
|
58
|
+
cell: string;
|
|
59
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
60
|
+
export type YearRangePickerVariants = VariantProps<typeof yearRangePickerVariants>;
|
|
61
|
+
//# sourceMappingURL=year-range-picker.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"year-range-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/year-range-picker/year-range-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,uBAAuB;IAGhC,uCAAuC;;IAEvC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,kCAAkC;;;IAhBlC,uCAAuC;;IAEvC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,kCAAkC;;;IAhBlC,uCAAuC;;IAEvC,+CAA+C;;IAE/C,sCAAsC;;IAEtC,6BAA6B;;IAE7B,mBAAmB;;IAEnB,mBAAmB;;IAEnB,wBAAwB;;IAExB,oBAAoB;;IAEpB,kCAAkC;;2CAIpC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { tv } from "tailwind-variants";
|
|
2
|
+
//#region src/components/year-range-picker/year-range-picker.styles.ts
|
|
3
|
+
var yearRangePickerVariants = tv({
|
|
4
|
+
defaultVariants: {},
|
|
5
|
+
slots: {
|
|
6
|
+
base: "year-range-picker",
|
|
7
|
+
header: "year-range-picker__header",
|
|
8
|
+
navButton: "year-range-picker__nav-button",
|
|
9
|
+
navButtonIcon: "year-range-picker__nav-button-icon",
|
|
10
|
+
heading: "year-range-picker__heading",
|
|
11
|
+
grid: "year-range-picker__grid",
|
|
12
|
+
gridBody: "year-range-picker__grid-body",
|
|
13
|
+
gridRow: "year-range-picker__grid-row",
|
|
14
|
+
cell: "year-range-picker__cell"
|
|
15
|
+
},
|
|
16
|
+
variants: {}
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
export { yearRangePickerVariants };
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=year-range-picker.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"year-range-picker.styles.js","names":[],"sources":["../../../src/components/year-range-picker/year-range-picker.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const yearRangePickerVariants = tv({\n defaultVariants: {},\n slots: {\n /** Root year range picker container */\n base: \"year-range-picker\",\n /** Header containing heading and navigation */\n header: \"year-range-picker__header\",\n /** Previous/Next navigation button */\n navButton: \"year-range-picker__nav-button\",\n /** Navigation button icon */\n navButtonIcon: \"year-range-picker__nav-button-icon\",\n /** Heading text */\n heading: \"year-range-picker__heading\",\n /** Grid (table) */\n grid: \"year-range-picker__grid\",\n /** Grid body (tbody) */\n gridBody: \"year-range-picker__grid-body\",\n /** Grid row (tr) */\n gridRow: \"year-range-picker__grid-row\",\n /** Year cell (button per year) */\n cell: \"year-range-picker__cell\",\n },\n variants: {},\n});\n\nexport type YearRangePickerVariants = VariantProps<typeof yearRangePickerVariants>;\n"],"mappings":";;AAIA,IAAa,0BAA0B,GAAG;CACxC,iBAAiB,EAAE;CACnB,OAAO;EAEL,MAAM;EAEN,QAAQ;EAER,WAAW;EAEX,eAAe;EAEf,SAAS;EAET,MAAM;EAEN,UAAU;EAEV,SAAS;EAET,MAAM;EACP;CACD,UAAU,EAAE;CACb,CAAC"}
|