@frontfriend/tailwind 4.0.18 → 4.0.19
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/browser.mjs +1 -1
- package/dist/browser.mjs.map +3 -3
- package/dist/cli.js +33 -32
- package/dist/component-recipes.d.ts +14 -0
- package/dist/components-config-schema.js +1 -1
- package/dist/components-config-schema.js.map +3 -3
- package/dist/ffdc.d.ts +11 -1
- package/dist/ffdc.js +1 -1
- package/dist/ffdc.js.map +4 -4
- package/dist/index.js +3 -3
- package/dist/index.js.map +4 -4
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +3 -3
- package/dist/lib/core/cache-manager.js +4 -3
- package/dist/lib/core/cached-components-config.js +2 -0
- package/dist/lib/core/cached-components-config.js.map +7 -0
- package/dist/lib/core/component-recipes.js +8 -0
- package/dist/lib/core/component-recipes.js.map +7 -0
- package/dist/lib/core/components-config-schema.js +1 -1
- package/dist/lib/core/components-config-schema.js.map +3 -3
- package/dist/next.js +1 -1
- package/dist/next.js.map +4 -4
- package/dist/runtime.js +1 -1
- package/dist/runtime.js.map +3 -3
- package/dist/types/index.d.ts +15 -1
- package/dist/vite.js +6 -19
- package/dist/vite.js.map +4 -4
- package/dist/vite.mjs +4 -4
- package/dist/vite.mjs.map +3 -3
- package/package.json +7 -1
- package/scripts/build.js +32 -9
- package/src/theme.css +3 -9
- package/dist/lib/core/default-config-data.js +0 -2
- package/dist/lib/core/default-config-data.js.map +0 -7
- package/dist/lib/core/default-config.js +0 -2
- package/dist/lib/core/default-config.js.map +0 -7
- package/scripts/master-components-config.json +0 -1678
- package/scripts/update-default-config-data.js +0 -891
|
@@ -1,1678 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"accordion": {
|
|
3
|
-
"root": "border border-neutral-low rounded-md [&>*:last-child]:border-b-0 font-primary",
|
|
4
|
-
"font": "font-primary text-brand-strong",
|
|
5
|
-
"last": "[&>*]:border-b-0",
|
|
6
|
-
"header": "flex",
|
|
7
|
-
"item": "border-b border-neutral-low",
|
|
8
|
-
"trigger": {
|
|
9
|
-
"root": "flex flex-1 items-center text-brand-strong active:text-brand-mid justify-between p-4 font-semibold transition-all [&[data-state=open]>svg]:rotate-180",
|
|
10
|
-
"icon": "shrink-0 transition-transform duration-200"
|
|
11
|
-
},
|
|
12
|
-
"content": {
|
|
13
|
-
"root": "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-neutral-mid",
|
|
14
|
-
"wrapper": "p-4 pt-0"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"actionbar": {
|
|
18
|
-
"root": "pb-safe-bottom w-full justify-center border-t border-neutral-low z-20 bg-layer-raised items-center absolute bottom-0 left-1/2 transform -translate-x-1/2 flex",
|
|
19
|
-
"content": "gap-3 lg:gap-8 flex flex-row w-full",
|
|
20
|
-
"compact": "py-4 px-4",
|
|
21
|
-
"relaxed": "px-6 py-6",
|
|
22
|
-
"maxWidth": "max-w-2xl",
|
|
23
|
-
"align": {
|
|
24
|
-
"start": "justify-start",
|
|
25
|
-
"end": "justify-end",
|
|
26
|
-
"center": "justify-center",
|
|
27
|
-
"justify": "justify-between",
|
|
28
|
-
"stretch": "[&>*]:flex-1"
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
"alert": {
|
|
32
|
-
"root": "relative w-full rounded min-h-12 border gap-2 p-4 [&>svg~*]:pl-7 flex flex-col justify-center [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 font-primary shadow-sm",
|
|
33
|
-
"variant": {
|
|
34
|
-
"default": "bg-neutral-subtle border border-transparent [&>svg]:text-icon-neutral-low text-neutral-mid [&>div]:text-neutral-low",
|
|
35
|
-
"destructive": "bg-negative-low border border-transparent [&>svg]:text-icon-onnegative-low text-onnegative-low",
|
|
36
|
-
"info": "bg-info-low border border-transparent [&>svg]:text-icon-oninfo-low text-oninfo-low",
|
|
37
|
-
"success": "bg-positive-low border border-transparent [&>svg]:text-icon-onpositive-low text-onpositive-low",
|
|
38
|
-
"warning": "bg-warning-low border border-transparent [&>svg]:text-icon-onwarning-low text-onwarning-low",
|
|
39
|
-
"brand": "bg-brand-low border border-transparent [&>svg]:text-icon-onbrand-low text-onbrand-low"
|
|
40
|
-
},
|
|
41
|
-
"title": "text-base leading-none tracking-tight font-semibold mb-0",
|
|
42
|
-
"description": "text-sm [&_p]:leading-relaxed leading-relaxed font-normal"
|
|
43
|
-
},
|
|
44
|
-
"alertDialog": {
|
|
45
|
-
"overlay": "fixed inset-0 z-50 bg-overlay-mid data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
46
|
-
"content": "font-primary border border-neutral-subtle fixed left-[50%] top-[50%] z-50 max-w-[90vw] grid w-full lg:max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 border border-neutral-subtle bg-layer-dialog p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-lg shadow-2xl",
|
|
47
|
-
"header": "flex flex-col space-y-2 gap-0.5 text-left",
|
|
48
|
-
"footer": "flex flex-row justify-end gap-4",
|
|
49
|
-
"title": "text-lg font-semibold text-neutral-mid",
|
|
50
|
-
"description": "text-sm text-neutral-subtle font-medium",
|
|
51
|
-
"media": "mb-2 inline-flex size-16 items-center justify-center rounded-md bg-neutral-subtle sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8",
|
|
52
|
-
"cancel": "sm:mt-0"
|
|
53
|
-
},
|
|
54
|
-
"avatar": {
|
|
55
|
-
"root": "font-primary group/avatar relative border-neutral-low flex h-10 w-10 shrink-0 overflow-hidden rounded-full select-none",
|
|
56
|
-
"image": "aspect-square h-full w-full",
|
|
57
|
-
"fallback": "bg-brand-low flex h-full w-full items-center justify-center rounded-full text-interactive-mid text-[40cqw] group-data-[size=sm]/avatar:text-xs",
|
|
58
|
-
"badge": "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-brand-mid text-onbrand-mid ring-2 ring-layer-base select-none group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
|
|
59
|
-
"group": "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-layer-base",
|
|
60
|
-
"groupCount": "relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-brand-low text-sm text-interactive-mid ring-2 ring-layer-base group-has-data-[size=lg]/avatar-group:h-10 group-has-data-[size=lg]/avatar-group:w-10 group-has-data-[size=sm]/avatar-group:h-6 group-has-data-[size=sm]/avatar-group:w-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
|
|
61
|
-
"props": {
|
|
62
|
-
"size": {
|
|
63
|
-
"default": "",
|
|
64
|
-
"sm": "h-6 w-6",
|
|
65
|
-
"lg": "h-10 w-10"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
"badge": {
|
|
70
|
-
"root": "font-primary shrink-0 [&>svg]:h-4 [&>svg]:w-4 gap-x-1 pt-0.5 pb-0.5 pl-2.5 pr-2.5 rounded-sm text-xs leading-snug font-medium border flex items-center justify-center box-border h-5 inline-flex overflow-hidden",
|
|
71
|
-
"variant": {
|
|
72
|
-
"main": "bg-brand-mid border-transparent text-onbrand-mid [&>svg]:text-icon-onbrand-mid",
|
|
73
|
-
"secondary": "bg-interactive-mid border-transparent text-oninteractive-mid [&>svg]:text-icon-oninteractive-mid",
|
|
74
|
-
"destructive": "bg-negative-mid border-transparent text-onnegative-mid [&>svg]:text-icon-onnegative-mid",
|
|
75
|
-
"success": "bg-positive-mid border-transparent text-onpositive-mid [&>svg]:text-icon-onpositive-mid",
|
|
76
|
-
"tertiary": "bg-transparent border-neutral-subtle text-brand-strong [&>svg]:text-icon-brand-strong",
|
|
77
|
-
"warning": "bg-warning-mid border-transparent text-onwarning-mid [&>svg]:text-icon-onwarning-mid",
|
|
78
|
-
"brand": "bg-brand-strong border-transparent text-onbrand-strong [&>svg]:text-icon-onbrand-strong",
|
|
79
|
-
"informative": "bg-info-mid border-transparent text-oninfo-mid [&>svg]:text-icon-oninfo-mid",
|
|
80
|
-
"highlight": "bg-highlight-mid border-transparent text-onhighlight-mid [&>svg]:text-icon-onhighlight-mid",
|
|
81
|
-
"subtle": {
|
|
82
|
-
"main": "bg-brand-subtle border-transparent text-onbrand-subtle [&>svg]:text-icon-onbrand-subtle",
|
|
83
|
-
"secondary": "bg-interactive-subtle border-transparent text-oninteractive-subtle [&>svg]:text-icon-oninteractive-subtle",
|
|
84
|
-
"destructive": "bg-negative-subtle border-transparent text-onnegative-subtle [&>svg]:text-icon-onnegative-subtle",
|
|
85
|
-
"success": "bg-positive-subtle border-transparent text-onpositive-subtle [&>svg]:text-icon-onpositive-subtle",
|
|
86
|
-
"warning": "bg-warning-subtle border-transparent text-onwarning-subtle [&>svg]:text-icon-onwarning-subtle",
|
|
87
|
-
"tertiary": "bg-neutral-subtle border-transparent text-neutral-mid [&>svg]:text-icon-neutral-mid",
|
|
88
|
-
"brand": "bg-brand-subtle border-transparent text-onbrand-subtle [&>svg]:text-icon-onbrand-subtle",
|
|
89
|
-
"informative": "bg-info-subtle border-transparent text-oninfo-subtle [&>svg]:text-icon-oninfo-subtle",
|
|
90
|
-
"highlight": "bg-highlight-subtle border-transparent text-onhighlight-subtle [&>svg]:text-icon-onhighlight-subtle"
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
"dismissable": "hover:opacity-80",
|
|
94
|
-
"icon": "cursor-pointer",
|
|
95
|
-
"bullet": "p-0.5 w-5 h-5"
|
|
96
|
-
},
|
|
97
|
-
"button": {
|
|
98
|
-
"root": "font-primary group rounded disabled:opacity-100 inline-flex items-center justify-center disabled:cursor-not-allowed gap-2",
|
|
99
|
-
"size": {
|
|
100
|
-
"default": "text-base font-medium tracking-0 pl-4 pr-4 h-10",
|
|
101
|
-
"sm": "text-sm font-medium tracking-0 pl-3 pr-3 h-9",
|
|
102
|
-
"lg": "text-base font-semibold tracking-0 pl-4 pr-4 h-12",
|
|
103
|
-
"small": "text-sm font-medium tracking-0 pl-3 pr-3 h-9",
|
|
104
|
-
"large": "text-base font-semibold tracking-0 pl-4 pr-4 h-12",
|
|
105
|
-
"icon": "pl-3 pr-3 w-10"
|
|
106
|
-
},
|
|
107
|
-
"iconPosition": {
|
|
108
|
-
"prefix": {
|
|
109
|
-
"small": "pl-2",
|
|
110
|
-
"default": "pl-3",
|
|
111
|
-
"large": "pl-3",
|
|
112
|
-
"sm": "pl-2",
|
|
113
|
-
"lg": "pl-3"
|
|
114
|
-
},
|
|
115
|
-
"suffix": {
|
|
116
|
-
"small": "pr-2",
|
|
117
|
-
"default": "pr-3",
|
|
118
|
-
"large": "pr-3",
|
|
119
|
-
"sm": "pr-2",
|
|
120
|
-
"lg": "pr-3"
|
|
121
|
-
},
|
|
122
|
-
"default": {
|
|
123
|
-
"small": "pl-2 pr-2 w-9",
|
|
124
|
-
"default": "pl-3 pr-3 w-10",
|
|
125
|
-
"large": "pl-3 pr-3 w-12",
|
|
126
|
-
"sm": "pl-2 pr-2 w-9",
|
|
127
|
-
"lg": "pl-3 pr-3 w-12"
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
"fullwidth": {
|
|
131
|
-
"false": "",
|
|
132
|
-
"true": "w-full"
|
|
133
|
-
},
|
|
134
|
-
"defaultVariants": {
|
|
135
|
-
"variant": "main",
|
|
136
|
-
"size": "default"
|
|
137
|
-
},
|
|
138
|
-
"compoundVariants": {
|
|
139
|
-
"links": "p-0 text-sm font-medium tracking-0 h-fit"
|
|
140
|
-
},
|
|
141
|
-
"variant": {
|
|
142
|
-
"main": "bg-brand-mid hover:bg-brand-mid-hover active:bg-brand-mid-active disabled:bg-disabled text-onbrand-mid hover:text-onbrand-mid-hover active:text-onbrand-mid-active disabled:text-disabled border-brand-strong hover:border-transperent active:border-transperent disabled:border-disabled border-0",
|
|
143
|
-
"secondary": "bg-layer-control hover:bg-brand-low-hover active:bg-brand-low-active disabled:bg-disabled text-brand-mid hover:text-brand-mid-hover active:text-brand-mid-active disabled:text-disabled border-brand-mid hover:border-brand-mid-hover active:border-brand-mid-active border border-t border-b border-r border-l",
|
|
144
|
-
"tertiary": "bg-layer-control hover:bg-neutral-subtle-hover active:bg-neutral-subtle-active disabled:bg-disabled text-neutral-subtle hover:text-neutral-mid-hover active:text-neutral-mid-active disabled:text-disabled border-neutral-subtle hover:border-neutral-low-hover active:border-neutral-subtle-active disabled:border-transparent border border-t border-b border-r border-l",
|
|
145
|
-
"destructive": "bg-negative-mid hover:bg-negative-mid-hover active:bg-negative-mid-active disabled:bg-disabled text-onnegative-mid hover:text-onnegative-mid-hover active:text-onnegative-mid-active disabled:text-disabled border-transparent disabled:border-disabled border-0",
|
|
146
|
-
"ghost": "bg-transparent hover:bg-neutral-subtle-hover active:bg-neutral-subtle-active disabled:bg-transparent text-neutral-mid hover:text-neutral-mid-hover active:text-neutral-mid-active disabled:text-disabled border-transparent hover:border-transparent active:border-transparent disabled:border-transparent border-0",
|
|
147
|
-
"ghostmain": "bg-transparent hover:bg-brand-low-hover active:bg-brand-low-active disabled:bg-transparent text-brand-mid hover:text-brand-mid-hover active:text-brand-mid-active disabled:text-disabled border-transparent hover:border-transparent active:border-transparent disabled:border-transparent",
|
|
148
|
-
"link": "text-interactive-mid hover:interactive-brand-mid-hover active:text-interactive-mid-active disabled:text-disabled",
|
|
149
|
-
"linkdestructive": "text-negative-mid hover:text-negative-mid-hover active:text-negative-mid-active disabled:text-disabled",
|
|
150
|
-
"default": "bg-brand-mid hover:bg-brand-mid-hover active:bg-brand-mid-active disabled:bg-disabled text-onbrand-mid hover:text-onbrand-mid-hover active:text-onbrand-mid-active disabled:text-disabled border-brand-strong hover:border-transperent active:border-transperent disabled:border-disabled border-0",
|
|
151
|
-
"outline": "bg-layer-control hover:bg-neutral-subtle-hover active:bg-neutral-subtle-active disabled:bg-disabled text-neutral-subtle hover:text-neutral-mid-hover active:text-neutral-mid-active disabled:text-disabled border-neutral-subtle hover:border-neutral-low-hover active:border-neutral-subtle-active disabled:border-transparent border border-t border-b border-r border-l",
|
|
152
|
-
"linkDestructive": "text-negative-mid hover:text-negative-mid-hover active:text-negative-mid-active disabled:text-disabled"
|
|
153
|
-
},
|
|
154
|
-
"slots": {
|
|
155
|
-
"icon": {
|
|
156
|
-
"root": "gap-2",
|
|
157
|
-
"size": {
|
|
158
|
-
"sm": "4",
|
|
159
|
-
"default": "5",
|
|
160
|
-
"lg": "6",
|
|
161
|
-
"small": "4",
|
|
162
|
-
"large": "6",
|
|
163
|
-
"icon": "5"
|
|
164
|
-
},
|
|
165
|
-
"color": {
|
|
166
|
-
"main": "text-icon-onbrand-mid group-hover:text-icon-onbrand-mid-hover group-active:text-icon-onbrand-mid-active group-disabled:text-disabled",
|
|
167
|
-
"secondary": "text-icon-brand-mid group-hover:text-icon-brand-mid-active group-active:text-icon-brand-mid-active group-disabled:text-disabled",
|
|
168
|
-
"destructive": "text-icon-onnegative-mid group-hover:text-icon-onnegative-mid-hover group-active:text-icon-onnegative-mid-active group-disabled:text-disabled",
|
|
169
|
-
"ghost": "text-icon-neutral-mid group-hover:text-icon-neutral-mid-hover group-active:text-icon-neutral-mid-active group-disabled:text-disabled",
|
|
170
|
-
"tertiary": "text-icon-neutral-subtle group-hover:text-icon-neutral-mid-hover group-active:text-icon-neutral-mid-active group-disabled:text-disabled",
|
|
171
|
-
"ghostmain": "text-icon-brand-mid group-hover:text-icon-brand-mid-hover group-active:text-icon-brand-mid-active group-disabled:text-disabled",
|
|
172
|
-
"link": "text-icon-interactive-mid group-hover:text-icon-brand-mid-hover group-active:text-icon-brand-mid-active group-disabled:text-disabled",
|
|
173
|
-
"linkdestructive": "text-icon-negative-mid group-hover:text-icon-negative-mid-hover group-active:text-icon-negative-mid-active group-disabled:text-disabled",
|
|
174
|
-
"default": "text-icon-onbrand-mid group-hover:text-icon-onbrand-mid-hover group-active:text-icon-onbrand-mid-active group-disabled:text-disabled",
|
|
175
|
-
"outline": "text-icon-neutral-subtle group-hover:text-icon-neutral-mid-hover group-active:text-icon-neutral-mid-active group-disabled:text-disabled",
|
|
176
|
-
"linkDestructive": "text-icon-negative-mid group-hover:text-icon-negative-mid-hover group-active:text-icon-negative-mid-active group-disabled:text-disabled"
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
"calendar": {
|
|
182
|
-
"root": "p-3 rounded-md font-primary",
|
|
183
|
-
"caption": {
|
|
184
|
-
"root": "flex justify-center pt-1 relative items-center",
|
|
185
|
-
"label": "text-sm text-neutral-mid leading-snug font-medium"
|
|
186
|
-
},
|
|
187
|
-
"months": "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
|
|
188
|
-
"month": "space-y-4",
|
|
189
|
-
"nav": {
|
|
190
|
-
"root": "space-x-1 flex items-center",
|
|
191
|
-
"button": {
|
|
192
|
-
"next": {
|
|
193
|
-
"root": "absolute right-1",
|
|
194
|
-
"props": {
|
|
195
|
-
"iconSize": {
|
|
196
|
-
"else": "4",
|
|
197
|
-
"ghost": "6"
|
|
198
|
-
},
|
|
199
|
-
"defaultVariant": "ghostmain"
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
"root": "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
|
|
203
|
-
"iconSize": "w-7 h-7",
|
|
204
|
-
"previous": {
|
|
205
|
-
"root": "absolute left-1",
|
|
206
|
-
"props": {
|
|
207
|
-
"iconSize": {
|
|
208
|
-
"else": "4",
|
|
209
|
-
"ghost": "6"
|
|
210
|
-
},
|
|
211
|
-
"defaultVariant": "ghostmain"
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
"row": "flex w-full mt-2 cursor-not-allowed",
|
|
217
|
-
"table": "w-full border-collapse space-y-1",
|
|
218
|
-
"head": {
|
|
219
|
-
"row": "flex",
|
|
220
|
-
"cell": "text-neutral-subtle leading-snug w-9 font-normal text-sm"
|
|
221
|
-
},
|
|
222
|
-
"cell": "text-center text-sm p-0 relative [&:has([aria-selected])]:bg-neutral-low-hover first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
|
|
223
|
-
"day": {
|
|
224
|
-
"root": "h-9 w-9 p-0 font-normal text-neutral-mid aria-selected:opacity-100 inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background hover:bg-neutral-low-hover aria-selected:hover:bg-interactive-mid-hover",
|
|
225
|
-
"range": {
|
|
226
|
-
"end": "day-range-end",
|
|
227
|
-
"middle": "aria-selected:bg-neutral-low-hover aria-selected:text-neutral-mid aria-selected:hover:bg-neutral-low-hover"
|
|
228
|
-
},
|
|
229
|
-
"selected": "bg-interactive-mid text-oninteractive-mid hover:bg-interactive-mid-hover hover:text-oninteractive-mid-hover focus:bg-interactive-mid focus:text-oninteractive-mid",
|
|
230
|
-
"today": "bg-interactive-subtle text-oninteractive-low aria-selected:bg-interactive-mid aria-selected:text-oninteractive-mid aria-selected:hover:bg-interactive-mid-hover aria-selected:focus:bg-interactive-mid-hover",
|
|
231
|
-
"outside": "text-disabled opacity-50 aria-selected:text-neutral-mid day-outside aria-selected:bg-neutral-low-hover aria-selected:hover:bg-neutral-low-hover aria-selected:hover:text-neutral-mid aria-selected:focus:bg-neutral-low-hover aria-selected:focus:text-neutral-mid",
|
|
232
|
-
"disabled": "text-neutral-mid opacity-50",
|
|
233
|
-
"hidden": "invisible"
|
|
234
|
-
}
|
|
235
|
-
},
|
|
236
|
-
"card": {
|
|
237
|
-
"root": "rounded-2xl font-primary gap-0 border bg-layer-raised text-neutral-mid border-neutral-subtle relative shadow-sm",
|
|
238
|
-
"title": "text-base text-neutral-mid font-semibold leading-normal ",
|
|
239
|
-
"description": "text-xs font-medium text-neutral-subtle",
|
|
240
|
-
"header": "flex flex-col space-y-1.5 p-4 pb-0 rounded-t-2xl",
|
|
241
|
-
"content": "p-4 gap-4",
|
|
242
|
-
"action": "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
|
|
243
|
-
"footer": "flex gap-4 items-center p-4 bg-neutral-subtle rounded-b-2xl",
|
|
244
|
-
"footerAlign": {
|
|
245
|
-
"justify": "flex justify-between",
|
|
246
|
-
"end": "flex justify-end",
|
|
247
|
-
"start": "flex justify-start",
|
|
248
|
-
"stretch": "flex [&>*]:flex-1"
|
|
249
|
-
},
|
|
250
|
-
"outside": "absolute w-full pt-8 mt-[-16px] -z-10",
|
|
251
|
-
"noContent": "p-4"
|
|
252
|
-
},
|
|
253
|
-
"chart": {
|
|
254
|
-
"root": "font-primary flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-neutral-mid [&_.recharts-cartesian-grid_line]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke=\"#fff\"]]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke=\"#ccc\"]]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-neutral-subtle [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-neutral-subtle [&_.recharts-reference-line-line]:stroke-border [&_.recharts-sector[stroke=\"#fff\"]]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
|
|
255
|
-
"slots": {
|
|
256
|
-
"tooltip": "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-neutral-subtle/50 bg-layer-below px-2.5 py-1.5 text-xs shadow-xl",
|
|
257
|
-
"legend": "flex items-center justify-center gap-4",
|
|
258
|
-
"legendItem": "h-2 w-2 shrink-0 rounded-[2px]"
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
"checkbox": {
|
|
262
|
-
"root": "peer rounded border w-5 h-5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-neutral-strong disabled:border-disabled border-neutral-subtle hover:border-neutral-subtle-hover bg-layer-below hover:bg-neutral-low-hover data-[state=checked]:border-interactive-mid data-[state=checked]:hover:border-interactive-mid-hover data-[state=checked]:bg-interactive-mid data-[state=checked]:hover:bg-interactive-mid-hover shrink-0 shadow-sm",
|
|
263
|
-
"icon": "text-icon-inverse-mid hover:text-icon-inverse-mid flex items-center justify-center"
|
|
264
|
-
},
|
|
265
|
-
"checkboxField": {
|
|
266
|
-
"root": "flex items-center gap-2 font-primary w-fit",
|
|
267
|
-
"disabled": "opacity-5"
|
|
268
|
-
},
|
|
269
|
-
"command": {
|
|
270
|
-
"root": "flex h-full w-full flex-col overflow-hidden rounded-md bg-layer-control text-neutral-strong font-primary",
|
|
271
|
-
"slots": {
|
|
272
|
-
"dialog": {
|
|
273
|
-
"content": "overflow-hidden p-0",
|
|
274
|
-
"root": "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-mid [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
|
|
275
|
-
"srOnly": "sr-only"
|
|
276
|
-
},
|
|
277
|
-
"input": {
|
|
278
|
-
"wrapper": "flex h-9 items-center gap-2 border-b border-neutral-subtle px-3 text-neutral-subtle",
|
|
279
|
-
"icon": "size-4 shrink-0 opacity-50",
|
|
280
|
-
"root": "flex h-10 w-full rounded-md bg-transparent py-3 text-sm text-neutral-mid outline-hidden placeholder:text-neutral-subtle disabled:cursor-not-allowed disabled:opacity-50"
|
|
281
|
-
},
|
|
282
|
-
"list": "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
|
|
283
|
-
"empty": "py-6 text-center text-sm",
|
|
284
|
-
"group": "overflow-hidden p-1 text-neutral-strong [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-mid",
|
|
285
|
-
"separator": "-mx-1 h-px bg-neutral-subtle",
|
|
286
|
-
"item": "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-neutral-mid outline-hidden select-none data-[highlighted]:bg-neutral-low-hover data-[highlighted]:text-neutral-mid-hover data-[selected=true]:bg-neutral-low-hover data-[selected=true]:text-neutral-mid data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 [&_svg:not([class*=text-])]:text-icon-neutral-subtle",
|
|
287
|
-
"shortcut": "ml-auto text-xs tracking-widest text-neutral-subtle",
|
|
288
|
-
"combobox": {
|
|
289
|
-
"label": "px-2 py-1.5 text-xs font-medium text-neutral-mid"
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
},
|
|
293
|
-
"datePicker": {
|
|
294
|
-
"root": "w-[280px] justify-start text-left font-normal gap-y-0 [&>span]:truncate font-primary",
|
|
295
|
-
"button": "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-normal ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-sm font-medium tracking-0 pl-4 pr-4 h-10 bg-neutral-low hover:bg-neutral-mid-hover active:bg-neutral-mid-active disabled:bg-disabled border-neutral-subtle hover:border-neutral-subtle-hovered active:border-neutral-subtle-active disabled:border-disabled border border-t border-b border-r border-l",
|
|
296
|
-
"isSelected": {
|
|
297
|
-
"true": "pointer-events-none",
|
|
298
|
-
"false": "w-full justify-start"
|
|
299
|
-
},
|
|
300
|
-
"trigger": {
|
|
301
|
-
"popover": "w-fit justify-start font-normal text-sm leading-none",
|
|
302
|
-
"text": "truncate text-default-mid",
|
|
303
|
-
"select": "w-full mx-auto mb-2"
|
|
304
|
-
},
|
|
305
|
-
"popover": {
|
|
306
|
-
"content": {
|
|
307
|
-
"root": "flex p-0 items-start gap-6 w-auto flex-col h-[563px] bg-layer-popover z-50",
|
|
308
|
-
"relaxed": "flex p-0 items-start gap-6 w-auto flex-col lg:flex-row h-[522px] lg:h-auto bg-layer-popover z-50",
|
|
309
|
-
"range": "w-auto p-0 z-50"
|
|
310
|
-
}
|
|
311
|
-
},
|
|
312
|
-
"presets": {
|
|
313
|
-
"relaxed": "flex flex-col items-sart gap-2 w-[150px]"
|
|
314
|
-
},
|
|
315
|
-
"separator": {
|
|
316
|
-
"root": "hidden",
|
|
317
|
-
"relaxed": "h-[397px] shrink-0 hidden lg:flex"
|
|
318
|
-
},
|
|
319
|
-
"dateInput": {
|
|
320
|
-
"relaxed": "lg:flex-row",
|
|
321
|
-
"root": "flex justify-between gap-6 w-full flex-col",
|
|
322
|
-
"wrapper": "flex gap-2 w-full",
|
|
323
|
-
"control": "w-full justify-center",
|
|
324
|
-
"separator": "py-1"
|
|
325
|
-
},
|
|
326
|
-
"calendar": {
|
|
327
|
-
"container": {
|
|
328
|
-
"wrapper": "h-[457px]",
|
|
329
|
-
"root": "flex flex-col gap-2 items-start justify-between",
|
|
330
|
-
"relaxed": "lg:w-[544px] h-[397px]"
|
|
331
|
-
}
|
|
332
|
-
},
|
|
333
|
-
"buttons": {
|
|
334
|
-
"root": "flex-1",
|
|
335
|
-
"relaxed": "lg:flex-initial",
|
|
336
|
-
"trigger": "w-fit justify-start",
|
|
337
|
-
"container": {
|
|
338
|
-
"root": "flex gap-2",
|
|
339
|
-
"relaxed": "lg:pr-4"
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
},
|
|
343
|
-
"dateInput": {
|
|
344
|
-
"arrowUp": "ArrowUp",
|
|
345
|
-
"arrowDown": "ArrowDown",
|
|
346
|
-
"arrowLeft": "ArrowLeft",
|
|
347
|
-
"arrowRight": "ArrowRight",
|
|
348
|
-
"delete": "Delete",
|
|
349
|
-
"tab": "Tab",
|
|
350
|
-
"backspace": "Backspace",
|
|
351
|
-
"enter": "Enter",
|
|
352
|
-
"root": "flex border rounded-lg items-center text-sm px-1 font-medium leading-5 font-primary text-default-subtle h-10 border-neutral-subtle shadow-sm",
|
|
353
|
-
"inputs": {
|
|
354
|
-
"month": "p-0 outline-none w-6 border-none text-center bg-layer-below",
|
|
355
|
-
"day": "p-0 outline-none w-7 border-none text-center bg-layer-below",
|
|
356
|
-
"year": "p-0 outline-none w-12 border-none text-center bg-layer-below"
|
|
357
|
-
},
|
|
358
|
-
"span": "opacity-20 -mx-px"
|
|
359
|
-
},
|
|
360
|
-
"dialog": {
|
|
361
|
-
"overlay": "fixed inset-0 z-50 bg-overlay-mid data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
362
|
-
"content": "fixed flex flex-col lg:max-h-[90vh] max-h-[100vh] bg-layer-dialog font-primary left-[50%] overflow-clip top-[50%] z-50 w-full translate-x-[-50%] translate-y-[-50%] data-[state=open]:animate-in data-[state=closed]:animate-out duration-200 border border-neutral-subtle data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-2xl shadow-2xl",
|
|
363
|
-
"body": "gap-0 flex flex-col h-full w-full overflow-y-auto mb-20 text-neutral-mid",
|
|
364
|
-
"close": "absolute right-4 top-4 opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
|
|
365
|
-
"header": "flex gap-0.5 flex-col p-6 pr-14 space-y-1.5 text-left bg-layer-raised sticky top-0",
|
|
366
|
-
"footer": "bg-layer-raised gap-4 h-20 px-6 items-center fixed bottom-0 w-full flex",
|
|
367
|
-
"footerAlign": {
|
|
368
|
-
"justify": "flex justify-between",
|
|
369
|
-
"end": "flex justify-end",
|
|
370
|
-
"start": "flex justify-start",
|
|
371
|
-
"stretch": "flex [&>*]:flex-1"
|
|
372
|
-
},
|
|
373
|
-
"title": "text-2xl font-semibold leading-normal tracking-tight text-neutral-mid",
|
|
374
|
-
"description": "text-sm text-neutral-subtle leading-normal font-semibold",
|
|
375
|
-
"width": {
|
|
376
|
-
"xs": "max-w-sm",
|
|
377
|
-
"sm": "max-w-sm",
|
|
378
|
-
"md": "max-w-md",
|
|
379
|
-
"lg": "max-w-lg",
|
|
380
|
-
"3xl": "max-w-3xl",
|
|
381
|
-
"5xl": "max-w-5xl",
|
|
382
|
-
"full": "max-w-full",
|
|
383
|
-
"fit": "max-w-fit"
|
|
384
|
-
},
|
|
385
|
-
"isSm": "w-full",
|
|
386
|
-
"height": {
|
|
387
|
-
"full": "h-full",
|
|
388
|
-
"auto": "h-auto",
|
|
389
|
-
"else": "h-auto lg:h-full"
|
|
390
|
-
},
|
|
391
|
-
"padding": {
|
|
392
|
-
"true": "px-6",
|
|
393
|
-
"false": "px-0"
|
|
394
|
-
}
|
|
395
|
-
},
|
|
396
|
-
"drawer": {
|
|
397
|
-
"overlay": "fixed inset-0 z-50 bg-overlay-mid",
|
|
398
|
-
"content": {
|
|
399
|
-
"root": "overflow-clip fixed font-primary z-50 w-full",
|
|
400
|
-
"wrapper": "w-full h-full flex flex-col rounded-lg border border-neutral-subtle bg-layer-dialog overflow-clip shadow-2xl"
|
|
401
|
-
},
|
|
402
|
-
"header": "grid gap-0.5 text-left bg-layer-raised p-6 pr-14 sticky top-0 self-stretch",
|
|
403
|
-
"footer": "flex h-20 gap-4 bg-layer-raised items-center p-6 sticky bottom-0 w-full",
|
|
404
|
-
"title": "text-2xl font-semibold leading-none tracking-tight text-neutral-mid",
|
|
405
|
-
"description": "text-sm font-semibold text-neutral-subtle",
|
|
406
|
-
"footerAlign": {
|
|
407
|
-
"justify": "flex justify-between",
|
|
408
|
-
"end": "flex justify-end",
|
|
409
|
-
"start": "flex justify-start",
|
|
410
|
-
"stretch": "flex [&>*]:flex-1"
|
|
411
|
-
},
|
|
412
|
-
"close": "absolute right-4 top-4 z-51 ",
|
|
413
|
-
"body": "gap-6 flex flex-col h-full w-full overflow-y-auto text-neutral-mid max-h-[calc(100vh-160px)]",
|
|
414
|
-
"width": {
|
|
415
|
-
"xs": "max-w-sm",
|
|
416
|
-
"sm": "max-w-sm",
|
|
417
|
-
"md": "max-w-md",
|
|
418
|
-
"lg": "max-w-lg",
|
|
419
|
-
"3xl": "max-w-3xl",
|
|
420
|
-
"5xl": "max-w-5xl",
|
|
421
|
-
"full": "max-w-full",
|
|
422
|
-
"fit": "max-w-fit"
|
|
423
|
-
},
|
|
424
|
-
"isSm": "w-full",
|
|
425
|
-
"height": {
|
|
426
|
-
"full": "h-full",
|
|
427
|
-
"auto": "h-auto",
|
|
428
|
-
"else": "h-auto lg:h-full"
|
|
429
|
-
},
|
|
430
|
-
"side": {
|
|
431
|
-
"left": "left-0 bottom-0",
|
|
432
|
-
"right": "right-0 bottom-0",
|
|
433
|
-
"bottom": "bottom-0",
|
|
434
|
-
"top": "top-0"
|
|
435
|
-
},
|
|
436
|
-
"lgSide": {
|
|
437
|
-
"left": "lg:left-0 lg:bottom-0 lg:top-auto lg:right-auto",
|
|
438
|
-
"right": "lg:right-0 lg:bottom-0 lg:top-auto lg:left-auto",
|
|
439
|
-
"bottom": "lg:bottom-0 lg:inset-x-auto lg:top-auto",
|
|
440
|
-
"top": "lg:top-0 lg:inset-x-auto lg:bottom-auto"
|
|
441
|
-
},
|
|
442
|
-
"padding": {
|
|
443
|
-
"true": "px-6",
|
|
444
|
-
"false": "px-0"
|
|
445
|
-
},
|
|
446
|
-
"portal": {
|
|
447
|
-
"overlay": "no-after",
|
|
448
|
-
"content": "no_after p-2 max-h-screen"
|
|
449
|
-
}
|
|
450
|
-
},
|
|
451
|
-
"dropdown": {
|
|
452
|
-
"subTrigger": {
|
|
453
|
-
"root": "flex cursor-base select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none text-neutral-mid data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
454
|
-
"icon": "ml-auto"
|
|
455
|
-
},
|
|
456
|
-
"subContent": "font-primary z-30 min-w-[8rem] overflow-hidden rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
457
|
-
"content": "font-primary z-30 min-w-[8rem] gap-y-1 overflow-hidden border-neutral-subtle rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
458
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-subtle-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-neutral-mid hover:text-neutral-mid-hover data-[disabled]:text-disabled flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-subtle-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
459
|
-
"destructive": {
|
|
460
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-subtle-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-negative-mid hover:text-negative-mid data-[disabled]:text-negative-mid flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-subtle-hover data-[highlighted]:border-transparent data-[highlighted]:text-negative-mid",
|
|
461
|
-
"shortcut": "ml-auto tracking-widest text-negative-subtle"
|
|
462
|
-
},
|
|
463
|
-
"checkbox": {
|
|
464
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-mid-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-neutral-mid hover:text-neutral-mid-hover data-[disabled]:text-disabled flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
465
|
-
"icon": "h-4 w-4 shrink-0 justify-center"
|
|
466
|
-
},
|
|
467
|
-
"radio": {
|
|
468
|
-
"item": "relative flex cursor-base select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 text-neutral-mid data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
469
|
-
"icon": "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
470
|
-
"indicator": "fill-current"
|
|
471
|
-
},
|
|
472
|
-
"label": "bg-transparent border-transparent text-neutral-mid px-2 py-1.5 rounded-sm text-sm leading-snug font-semibold",
|
|
473
|
-
"separator": "-mx-1 my-1 bg-neutral-subtle h-px",
|
|
474
|
-
"inset": "pl-8",
|
|
475
|
-
"trigger": "outline-none",
|
|
476
|
-
"shortcut": "ml-auto tracking-widest text-neutral-subtle group-hover:text-neutral-subtle-hover disabled:text-disabled"
|
|
477
|
-
},
|
|
478
|
-
"fileupload": {
|
|
479
|
-
"root": "flex flex-col gap-4 items-center w-[343px] relative",
|
|
480
|
-
"uploader": "w-full relative shadow-sm shadow-sm rounded-md",
|
|
481
|
-
"card": "p-4 w-full min-h-[144px] flex flex-col justify-center items-center gap-0 border-neutral-low bg-neutral-low shadow-sm",
|
|
482
|
-
"dragging": "bg-neutral-subtle",
|
|
483
|
-
"container": "flex flex-col justify-center items-center gap-1 self-stretch relative",
|
|
484
|
-
"name": "text-center text-neutral-mid font-primary text-lg w-full truncate font-semibold h-[27px]",
|
|
485
|
-
"description": "text-center font-primary text-neutral-low text-sm w-full truncate font-medium h-[27px]",
|
|
486
|
-
"list": {
|
|
487
|
-
"title": "w-full flex justify-between items-center",
|
|
488
|
-
"root": "w-full font-primary",
|
|
489
|
-
"icon": {
|
|
490
|
-
"positive": "[&>svg]:text-positive-mid",
|
|
491
|
-
"negative": "[&>svg]:text-negative-mid"
|
|
492
|
-
}
|
|
493
|
-
},
|
|
494
|
-
"spinner": "fill-icon-interactive-mid",
|
|
495
|
-
"button": "absolute z-20 top-4 right-4"
|
|
496
|
-
},
|
|
497
|
-
"form": {
|
|
498
|
-
"label": {
|
|
499
|
-
"error": "text-negative-mid font-primary"
|
|
500
|
-
},
|
|
501
|
-
"description": "text-sm text-neutral-subtle font-primary",
|
|
502
|
-
"message": "text-sm font-medium text-negative-mid font-primary",
|
|
503
|
-
"item": {
|
|
504
|
-
"vertical": "flex flex-col gap-2 w-full",
|
|
505
|
-
"horizontal": "flex flex-row gap-2 items-center"
|
|
506
|
-
}
|
|
507
|
-
},
|
|
508
|
-
"input": {
|
|
509
|
-
"root": "font-primary focus:placeholder:text-neutral-subtle w-full text-neutral-mid file:disabled:placeholder:text-disabled gap-x-2 file:disabled:bg-disabled file:disabled:text-disabled file:disabled:border-disabled leading-relaxed font-medium font-primary text-sm disabled:opacity-100 h-10 file:h-full gap-x-2 px-3 py-2 bg-layer-below border-neutral-subtle placeholder:text-neutral-subtle rounded focus:ring border focus:ring-blue-600 focus:ring-2 focus:ring-offset-1 focus:bg-neutral-low focus-visible:outline-none focus:border-neutral-mid focus:text-neutral-mid disabled:bg-disabled disabled:border-neutral-mid file:border-0 disabled:placeholder:text-disabled disabled:text-disabled disabled:border-disabled file:bg-transparent file:border-neutral-subtle file:placeholder:text-neutral-subtle file:text-neutral-mid disabled:cursor-not-allowed [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden shadow-sm",
|
|
510
|
-
"file": "text-neutral-subtle",
|
|
511
|
-
"container": "relative w-full text-neutral-mid",
|
|
512
|
-
"prefixIcon": {
|
|
513
|
-
"root": "absolute left-3 top-1/2 transform -translate-y-1/2 disabled:opacity-100 disabled:cursor-not-allowed",
|
|
514
|
-
"props": {
|
|
515
|
-
"size": "4"
|
|
516
|
-
}
|
|
517
|
-
},
|
|
518
|
-
"prefix": "absolute left-3 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
519
|
-
"prefixSlot": "absolute left-3 top-1/2 transform -translate-y-1/2 disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
520
|
-
"suffixIcon": {
|
|
521
|
-
"root": "absolute right-3 top-1/2 transform -translate-y-1/2 disabled:opacity-100 disabled:cursor-not-allowed",
|
|
522
|
-
"props": {
|
|
523
|
-
"size": "4"
|
|
524
|
-
}
|
|
525
|
-
},
|
|
526
|
-
"suffix": "absolute right-3 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
527
|
-
"suffixSlot": "absolute right-3 top-1/2 transform -translate-y-1/2 disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
528
|
-
"clearable": {
|
|
529
|
-
"root": "absolute right-3 top-1/2 transform -translate-y-1/2 disabled:opacity-100 disabled:cursor-not-allowed cursor-pointer w-5 h-5 text-icon-interactive-mid hover:text-icon-interactive-mid active:text-icon-interactive-mid p-0 hover:bg-transparent active:bg-transparent",
|
|
530
|
-
"props": {
|
|
531
|
-
"size": "default"
|
|
532
|
-
}
|
|
533
|
-
},
|
|
534
|
-
"passwordIcon": "absolute right-3 cursor-pointer top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
535
|
-
"clearableIconSuffix": "right-12"
|
|
536
|
-
},
|
|
537
|
-
"inputOTP": {
|
|
538
|
-
"root": "flex items-center gap-x-2 has-[:disabled]:opacity-50 font-primary",
|
|
539
|
-
"group": "flex items-center",
|
|
540
|
-
"input": "disabled:cursor-not-allowed",
|
|
541
|
-
"slot": {
|
|
542
|
-
"root": "p-3 font-medium relative flex h-10 w-10 bg-layer-below text-neutral-subtle items-center justify-center border-y border-r border-neutral-subtle text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md text-center shadow-sm",
|
|
543
|
-
"active": "z-10 ring-2"
|
|
544
|
-
},
|
|
545
|
-
"fakeCaret": {
|
|
546
|
-
"wrapper": "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
547
|
-
"root": "h-4 w-px animate-caret-blink bg-neutral-strong duration-1000"
|
|
548
|
-
}
|
|
549
|
-
},
|
|
550
|
-
"label": {
|
|
551
|
-
"root": "gap-y-1 gap-x-0 text-xs font-medium disable:opacity-70 font-primary",
|
|
552
|
-
"main": "text-neutral-subtle disable:text-disabled",
|
|
553
|
-
"secondary": "text-neutral-subtle disable:text-disabled",
|
|
554
|
-
"disabled": "text-disabled"
|
|
555
|
-
},
|
|
556
|
-
"list": {
|
|
557
|
-
"root": "gap-y-2 flex flex-col rounded-2xl font-primary text-neutral-mid",
|
|
558
|
-
"naked": {
|
|
559
|
-
"false": "[&>*:last-child]:[&>*:last-child]:border-b-0 [&>*:first-child]:[&>*:last-child]:rounded-t-2xl [&>*:last-child]:[&>*:last-child]:rounded-b-2xl",
|
|
560
|
-
"true": "[&>*:last-child]:bg-transparent border-0 [&>*:last-child]:border-transparent rounded-none [&>*:last-child>*]:px-0"
|
|
561
|
-
},
|
|
562
|
-
"content": "border border-neutral-subtle rounded-2xl bg-layer-raised",
|
|
563
|
-
"shadow": {
|
|
564
|
-
"true": "[&>*:last-child]:shadow-none",
|
|
565
|
-
"false": "[&>*:last-child]:shadow-sm"
|
|
566
|
-
},
|
|
567
|
-
"item": "p-3 px-4 gap-x-3 border-neutral-subtle border-b gap-y-0.5 min-h-14 flex items-center justify-between",
|
|
568
|
-
"interactive": "hover:bg-brand-low cursor-pointer",
|
|
569
|
-
"wrapper": "justify-between flex items-center gap-x-3 w-full",
|
|
570
|
-
"inverted": "[&>*]:flex-col-reverse",
|
|
571
|
-
"attribute": "flex flex-col gap-x-1 justify-center",
|
|
572
|
-
"first": "text-base leading-normal font-medium text-neutral-mid text-right whitespace-nowrap",
|
|
573
|
-
"second": "text-sm leading-normal font-medium text-neutral-low text-right whitespace-nowrap",
|
|
574
|
-
"itemTitle": {
|
|
575
|
-
"root": "flex flex-col",
|
|
576
|
-
"title": "text-base leading-normal font-semibold text-neutral-mid",
|
|
577
|
-
"description": "text-sm leading-normal font-medium text-neutral-low"
|
|
578
|
-
},
|
|
579
|
-
"title": {
|
|
580
|
-
"root": "text-brand-strong p-0",
|
|
581
|
-
"main": "text-base leading-normal font-semibold",
|
|
582
|
-
"secondary": "text-xs leading-normal font-medium",
|
|
583
|
-
"justify": "flex justify-between",
|
|
584
|
-
"end": "flex justify-end",
|
|
585
|
-
"start": "flex justify-start",
|
|
586
|
-
"stretch": "flex [&>*]:flex-1"
|
|
587
|
-
}
|
|
588
|
-
},
|
|
589
|
-
"navbar": {
|
|
590
|
-
"wrapper": "font-primary font-medium flex flex-col w-full z-20 absolute w-full top-0 left-1/2 transform -translate-x-1/2 text-sm text-neutral-mid px-6 bg-transparent lg:bg-transparent",
|
|
591
|
-
"root": "flex flex-col w-full items-center z-20",
|
|
592
|
-
"container": "flex w-full flex-col items-start z-20 justify-center flex-1",
|
|
593
|
-
"relaxed": "py-5 px-0 gap-4 gap-y-1",
|
|
594
|
-
"compact": "py-3 px-0 gap-2",
|
|
595
|
-
"content": "h-10 flex w-full relative gap-4",
|
|
596
|
-
"isTitle": "h-auto items-center",
|
|
597
|
-
"centerTitle": "flex-col items-center",
|
|
598
|
-
"external": "w-full hidden lg:flex",
|
|
599
|
-
"center": {
|
|
600
|
-
"root": "font-semibold h-full flex items-center max-w-full min-w-0 flex-[2] flex-col justify-center text-center",
|
|
601
|
-
"relaxed": "text-lg leading-normal",
|
|
602
|
-
"text": "line-clamp-1 w-full",
|
|
603
|
-
"compact": "text-lg"
|
|
604
|
-
},
|
|
605
|
-
"left": "flex flex-1 justify-start items-center h-full gap-2 shrink-0",
|
|
606
|
-
"right": "flex flex-1 justify-end items-center h-full shrink-0 gap-4"
|
|
607
|
-
},
|
|
608
|
-
"page": {
|
|
609
|
-
"root": "ff-page bg-layer-below lg:bg-layer-surface h-screen text-neutral-mid font-primary",
|
|
610
|
-
"focus": "bg-layer-below lg:bg-layer-below h-auto min-h-screen",
|
|
611
|
-
"focusOld": "bg-layer-surface lg:bg-layer-surface",
|
|
612
|
-
"inset": "bg-layer-below lg:bg-layer-below",
|
|
613
|
-
"focus-inset": "bg-layer-below lg:bg-layer-below",
|
|
614
|
-
"inset-2col": "bg-layer-below lg:bg-layer-below",
|
|
615
|
-
"inset-max-w": "bg-layer-below lg:bg-layer-below",
|
|
616
|
-
"inset-no-bg": "bg-neutral-subtle lg:bg-neutral-subtle",
|
|
617
|
-
"side": {
|
|
618
|
-
"root": "ff-pageSide px-4 py-4 lg:px-8 lg:py-8 pb-1 lg:pb-8 lg:border-neutral-subtle lg:border-r lg:w-80 w-full flex flex-col items-center lg:h-full h-fit lg:min-w-80",
|
|
619
|
-
"focus": "lg:py-10 lg:px-11 px-5 py-4 pb-4 lg:pb-10 gap-8 min-w-0 lg:min-w-0 lg:rounded-l-3xl rounded-t-3xl lg:rounded-t-none w-full lg:w-full bg-brand-low flex-col items-start overflow-hidden"
|
|
620
|
-
},
|
|
621
|
-
"container": {
|
|
622
|
-
"root": "ff-pageContainer flex flex-col items-center w-full h-full lg:h-full min-h-full lg:max-w-7xl bg-transparent",
|
|
623
|
-
"focus": "max-w-5xl min-h-0 h-full lg:h-fit",
|
|
624
|
-
"focusOld": "bg-transparent lg:bg-transparent max-w-[9999px] lg:max-w-7xl rounded-t-none rounded-b-none border-0 border-neutral-subtle",
|
|
625
|
-
"focus-inset": "max-w-[358px] lg:max-w-3xl lg:min-h-[536px] min-h-[576px] h-fit lg:h-fit min-h-none rounded-lg border border-neutral-subtle bg-layer-surface lg:bg-layer-surface shadow-sm relative overflow-hidden pb-18 lg:pb-[88px]",
|
|
626
|
-
"inset": "max-w-[9999px] lg:max-w-[9999px] rounded-lg border border-neutral-subtle bg-layer-surface lg:bg-layer-surface shadow-sm relative overflow-hidden shadow-sm pb-18 lg:pb-[88px]",
|
|
627
|
-
"inset-max-w": "max-w-[9999px] lg:max-w-[9999px] rounded-lg border border-neutral-subtle bg-layer-surface lg:bg-layer-surface shadow-sm relative overflow-hidden shadow-sm pb-18 lg:pb-[88px]",
|
|
628
|
-
"inset-2col": "max-w-[9999px] lg:max-w-[1216px] rounded-lg border lg:min-h-0 lg:max-h-[800px] border-neutral-subtle bg-layer-surface lg:bg-layer-surface shadow-sm relative overflow-hidden shadow-sm",
|
|
629
|
-
"inset-no-bg": "max-w-[9999px] lg:max-w-[1440px] bg-transparent lg:bg-transparent shadow-sm relative overflow-hidden shadow-sm"
|
|
630
|
-
},
|
|
631
|
-
"wrap": {
|
|
632
|
-
"root": "ff-pageWrap pt-16 pb-0 lg:pb-0 lg:pt-20 flex items-center flex-col self-stretch h-full bg-transparent lg:bg-transparent",
|
|
633
|
-
"focusOld": "pt-16 pb-28 lg:pt-24 lg:pb-28 h-full",
|
|
634
|
-
"focus": "lg:pt-0 pt-0 pb-0 lg:pb-0 min-h-screen ",
|
|
635
|
-
"focus-inset": "pt-16 pb-4 lg:pt-20 lg:pb-0 bg-transparent lg:bg-transparent",
|
|
636
|
-
"inset": "px-0 pb-0 pt-16 lg:pt-20 bg-transparent lg:bg-transparent",
|
|
637
|
-
"inset-max-w": "px-0 pb-0 pt-16 lg:pt-20 bg-transparent lg:bg-transparent",
|
|
638
|
-
"inset-2col": "px-0 py-0 lg:px-0 lg:py-0 bg-transparent lg:bg-transparent",
|
|
639
|
-
"inset-no-bg": "px-0 pb-0 pt-16 lg:pt-20 bg-transparent lg:bg-transparent"
|
|
640
|
-
},
|
|
641
|
-
"content": {
|
|
642
|
-
"root": "ff-pageContent flex gap-16 w-full self-stretch items-start h-full",
|
|
643
|
-
"focus": "lg:pt-0 pt-0 pb-0 lg:pb-0 border border-neutral-subtle overflow-hidden",
|
|
644
|
-
"focus-inset": "lg:gap-16 gap-0 justify-center items-start self-stretch w-full",
|
|
645
|
-
"focusOld": "justify-center",
|
|
646
|
-
"inset": "gap-16 self-stretch w-full",
|
|
647
|
-
"inset-max-w": "gap-16 self-stretch w-full justify-center overflow-x-auto lg:overflow-x-hidden",
|
|
648
|
-
"inset-2col": "lg:gap-16 gap-0 self-stretch w-full justify-center",
|
|
649
|
-
"inset-no-bg": "lg:gap-16 gap-0 self-stretch w-full items-start"
|
|
650
|
-
},
|
|
651
|
-
"main": {
|
|
652
|
-
"root": "ff-pageMain h-full w-full bg-transparent max-w-none gap-y-6 flex flex-col items-start lg:py-6 lg:px-6 px-4 py-4 max-w-[9999px] flex-1 self-stretch overflow-x-auto lg:overflow-x-hidden",
|
|
653
|
-
"focus": "lg:px-10 lg:py-10 px-4 ly-4 w-full flex-col justify-center items-start gap-0 lg:min-h-0",
|
|
654
|
-
"focusOld": "bg-transparent lg:bg-transparent border-transparent lg:border-transparent px-0 py-0 lg:px-0 lg:py-0 max-w-[9999px] lg:max-w-3xl",
|
|
655
|
-
"focus-inset": "lg:max-w-3xl max-w-[9999px] lg:py-6 lg:px-6 px-4 py-4 lg:gap-6 gap-4 bg-transparent items-start w-full",
|
|
656
|
-
"noPadding": "lg:px-0 lg:py-0 py-0 px-0",
|
|
657
|
-
"inset": "lg:min-h-[536px] min-h-[576px] max-w-[9999px] lg:py-6 lg:px-6 px-4 py-4 lg:gap-6 gap-4 bg-transparent lg:items-center items-start",
|
|
658
|
-
"inset-2col": "lg:min-h-[536px] min-h-[576px] max-w-[9999px] lg:flex-row flex-col-reverse lg:py-0 lg:px-0 px-0 py-0 lg:gap-0 gap-0 bg-transparent lg:items-start items-start",
|
|
659
|
-
"inset-no-bg": "lg:min-h-[536px] min-h-[576px] max-w-[9999px] lg:py-6 lg:px-6 px-4 py-4 lg:gap-6 gap-4 bg-transparent lg:items-center items-start",
|
|
660
|
-
"inset-max-w": "lg:min-h-[536px] min-h-[576px] lg:h-fit h-fit lg:max-w-3xl max-w-[9999px] self-stretch lg:py-6 lg:px-6 px-4 py-4 lg:gap-6 gap-4 bg-transparent lg:items-center items-start "
|
|
661
|
-
},
|
|
662
|
-
"inner": {
|
|
663
|
-
"root": "ff-pageInner flex flex-col items-center w-full h-full min-h-full self-stretch bg-layer-surface",
|
|
664
|
-
"focus": "lg:py-6 lg:px-6 px-2 py-2 h-full items-center justify-center min-h-screen bg-transparent",
|
|
665
|
-
"noPadding": "lg:px-0 lg:py-0 py-0 px-0",
|
|
666
|
-
"inset": "lg:px-6 px-4 pt-0 lg:pb-6 pb-4 bg-transparent",
|
|
667
|
-
"inset-max-w": "lg:px-6 px-4 pt-0 lg:pb-6 pb-4 bg-transparent",
|
|
668
|
-
"inset-2col": "lg:px-6 px-4 lg:pb-6 pb-6 lg:pt-6 pt-4 bg-transparent lg:justify-center",
|
|
669
|
-
"focus-inset": "lg:px-0 px-0 lg:pt-6 pt-2 lg:pb-12 pb-4 bg-transparent",
|
|
670
|
-
"inset-no-bg": "lg:px-0 px-0 pt-0 lg:pb-0 pb-0 bg-transparent"
|
|
671
|
-
},
|
|
672
|
-
"props": {
|
|
673
|
-
"layout": {
|
|
674
|
-
"props": {
|
|
675
|
-
"options": "main,focus"
|
|
676
|
-
}
|
|
677
|
-
}
|
|
678
|
-
}
|
|
679
|
-
},
|
|
680
|
-
"multiSelect": {
|
|
681
|
-
"trigger": "flex w-full items-center bg-layer-below h-auto min-h-10 max-h-auto p-3 px-4 justify-between [&_svg]:pointer-events-auto rounded font-normal",
|
|
682
|
-
"selected": "flex justify-between items-center w-full",
|
|
683
|
-
"wrapper": "flex flex-wrap items-center gap-2",
|
|
684
|
-
"optionIcon": "mr-2",
|
|
685
|
-
"controls": "flex items-center justify-between gap-2",
|
|
686
|
-
"separator": "flex min-h-6 h-full",
|
|
687
|
-
"noValue": "flex items-center justify-between w-full mx-auto",
|
|
688
|
-
"placeholder": "text-sm text-neutral-mid mx-3",
|
|
689
|
-
"item": "cursor-pointer justify-normal gap-1",
|
|
690
|
-
"noClearable": "ml-2"
|
|
691
|
-
},
|
|
692
|
-
"pdfViewer": {
|
|
693
|
-
"root": "w-full h-full font-primary",
|
|
694
|
-
"worker": {
|
|
695
|
-
"root": "rpv-core__viewer flex h-full relative border",
|
|
696
|
-
"wrapper": "w-full h-full"
|
|
697
|
-
},
|
|
698
|
-
"toolbar": {
|
|
699
|
-
"root": "items-center rounded-sm bottom-6 flex left-1/2 p-1 absolute z-[1] bg-neutral-subtle translate-x-[-50%]",
|
|
700
|
-
"icon": {
|
|
701
|
-
"root": "px-0 py-0.5",
|
|
702
|
-
"center": "px-0 py-0.5 ml-auto"
|
|
703
|
-
}
|
|
704
|
-
},
|
|
705
|
-
"input": "w-[40px] mr-2",
|
|
706
|
-
"viewer": "flex-1 overflow-hidden"
|
|
707
|
-
},
|
|
708
|
-
"phoneInput": {
|
|
709
|
-
"trigger": {
|
|
710
|
-
"root": "",
|
|
711
|
-
"props": {
|
|
712
|
-
"size": "default"
|
|
713
|
-
}
|
|
714
|
-
}
|
|
715
|
-
},
|
|
716
|
-
"popover": {
|
|
717
|
-
"root": "z-30 font-primary w-72 rounded border gap-0 border-neutral-subtle bg-layer-popover text-neutral-mid shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 shadow-md",
|
|
718
|
-
"slots": {
|
|
719
|
-
"trigger": "rounded",
|
|
720
|
-
"header": "flex flex-col gap-1 text-sm",
|
|
721
|
-
"title": "font-medium",
|
|
722
|
-
"description": "text-neutral-subtle"
|
|
723
|
-
},
|
|
724
|
-
"padding": {
|
|
725
|
-
"true": "p-4",
|
|
726
|
-
"false": "p-0"
|
|
727
|
-
},
|
|
728
|
-
"trigger": "rounded"
|
|
729
|
-
},
|
|
730
|
-
"progress": {
|
|
731
|
-
"root": "relative h-2 w-full overflow-hidden rounded-full bg-neutral-subtle",
|
|
732
|
-
"slots": {
|
|
733
|
-
"indicator": "h-full w-full rounded-full flex-1 bg-brand-mid transition-all"
|
|
734
|
-
}
|
|
735
|
-
},
|
|
736
|
-
"radiogroup": {
|
|
737
|
-
"groupe": "grid gap-2 font-primary text-neutral-mid",
|
|
738
|
-
"item": "aspect-square group h-6 w-6 bg-layer-below aria-checked:bg-neutral-low hover:bg-neutral-low-hover aria-checked:hover:bg-neutral-low-hover disabled:bg-disabled aria-checked:disabled:bg-disabled border-neutral-subtle aria-checked:border-info-mid hover:border-neutral-subtle-hover aria-checked:hover:border-info-mid-hover disabled:border-disabled aria-checked:disabled:border-disabled rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 shadow-sm",
|
|
739
|
-
"indicator": "flex items-center justify-center ",
|
|
740
|
-
"icon": "h-3.5 w-3.5 rounded-full",
|
|
741
|
-
"color": {
|
|
742
|
-
"root": "text-info-mid",
|
|
743
|
-
"disabled": "text-disabled"
|
|
744
|
-
}
|
|
745
|
-
},
|
|
746
|
-
"radiogroupeField": {
|
|
747
|
-
"root": "flex gap-2 font-primary self-stretch p-px",
|
|
748
|
-
"disabled": "opacity-50"
|
|
749
|
-
},
|
|
750
|
-
"segmented": {
|
|
751
|
-
"root": "relative",
|
|
752
|
-
"active": "[&>svg]:text-icon-interactive-mid",
|
|
753
|
-
"icon": "text-icon-interactive-mid"
|
|
754
|
-
},
|
|
755
|
-
"select": {
|
|
756
|
-
"trigger": "disabled:opacity-50 [&>span]:truncate disabled:cursor-not-allowed focus:outline-none flex w-full items-center justify-between font-primary h rounded p-3 border bg-layer-below disabled:bg-disabled border-neutral-subtle text-neutral-subtle text-sm leading-normal font-medium disabled:text-disabled shadow-sm h-10",
|
|
757
|
-
"scrollButton": "flex cursor-base items-center justify-center py-1",
|
|
758
|
-
"content": {
|
|
759
|
-
"root": "font-primary p-1 max-h-96 min-w-32 relative bg-neutral-low border-neutral-subtle gap-y-1 border rounded z-30 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 shadow-sm",
|
|
760
|
-
"popper": "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1"
|
|
761
|
-
},
|
|
762
|
-
"label": "text-sm leading-snug font-semibold bg-transparent border-transparent text-neutral-mid pl-8 pr-2 pt-1.5 pb-1.5",
|
|
763
|
-
"item": {
|
|
764
|
-
"root": "select-none focus:outline-none relative flex w-full items-center data-[disabled]:opacity-50 data-[disabled]:text-disabled rounded-sm pl-8 pr-2 pt-1.5 pb-1.5 font-normal text-sm leading-snug border-0 bg-transparent border-transparent hover:bg-neutral-low-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-neutral-mid hover:text-neutral-mid-hover data-[highlighted]:text-neutral-mid-hover data-[highlighted]:bg-neutral-low-hover data-[highlighted]:border-transparent",
|
|
765
|
-
"icon": "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
|
|
766
|
-
},
|
|
767
|
-
"separator": "-mx-1 my-1 h-px bg-neutral-subtle rounded-full",
|
|
768
|
-
"viewport": "",
|
|
769
|
-
"group": "w-full",
|
|
770
|
-
"icon": "opacity-50"
|
|
771
|
-
},
|
|
772
|
-
"separator": {
|
|
773
|
-
"container": {
|
|
774
|
-
"root": "flex gap-2 font-primary text-neutral-mid",
|
|
775
|
-
"horizontal": "flex-row items-center w-full",
|
|
776
|
-
"vertical": "flex-col items-center h-full"
|
|
777
|
-
},
|
|
778
|
-
"root": "bg-transparent border-neutral-subtle border-b text-neutral-subtle rounded-full font-normal",
|
|
779
|
-
"vertical": "h-full w-[1px] border-b-0 border-l",
|
|
780
|
-
"horizontal": "h-[1px] w-full",
|
|
781
|
-
"padding": {
|
|
782
|
-
"horizontal": "py-4",
|
|
783
|
-
"vertical": "px-4"
|
|
784
|
-
}
|
|
785
|
-
},
|
|
786
|
-
"sheet": {
|
|
787
|
-
"overlay": "fixed inset-0 z-50 bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
788
|
-
"content": {
|
|
789
|
-
"base": "fixed z-50 gap-4 bg-layer-below p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
790
|
-
"variants": {
|
|
791
|
-
"top": "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
|
|
792
|
-
"bottom": "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
|
|
793
|
-
"left": "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
|
|
794
|
-
"right": "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
|
|
795
|
-
}
|
|
796
|
-
},
|
|
797
|
-
"closeButton": "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-brand-mid focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-subtle",
|
|
798
|
-
"header": "flex flex-col space-y-2 text-center sm:text-left",
|
|
799
|
-
"footer": "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
800
|
-
"title": "text-lg font-semibold text-neutral-mid",
|
|
801
|
-
"description": "text-sm text-neutral-subtle"
|
|
802
|
-
},
|
|
803
|
-
"sidebar": {
|
|
804
|
-
"sheet": {
|
|
805
|
-
"root": "w-[var(--sidebar-width)] bg-layer-below p-0 text-neutral-strong [&>button]:hidden"
|
|
806
|
-
},
|
|
807
|
-
"provider": {
|
|
808
|
-
"wrapper": "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar"
|
|
809
|
-
},
|
|
810
|
-
"root": {
|
|
811
|
-
"base": "flex h-full w-[var(--sidebar-width)] flex-col bg-layer-below text-neutral-strong",
|
|
812
|
-
"props": {
|
|
813
|
-
"width": {
|
|
814
|
-
"root": "16rem",
|
|
815
|
-
"icon": "88px",
|
|
816
|
-
"mobile": "18rem"
|
|
817
|
-
},
|
|
818
|
-
"shortcut": ""
|
|
819
|
-
},
|
|
820
|
-
"container": "flex h-full w-full flex-col",
|
|
821
|
-
"default": "group peer hidden lg:block",
|
|
822
|
-
"wrapper": {
|
|
823
|
-
"base": "duration-200 relative h-svh w-[var(--sidebar-width)] bg-transparent transition-[width] ease-linear",
|
|
824
|
-
"collapsibleOffcanvas": "group-data-[collapsible=offcanvas]:w-0",
|
|
825
|
-
"flipped": "group-data-[side=right]:rotate-180",
|
|
826
|
-
"variants": {
|
|
827
|
-
"floating": "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]",
|
|
828
|
-
"inset": "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]",
|
|
829
|
-
"default": "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)]"
|
|
830
|
-
}
|
|
831
|
-
},
|
|
832
|
-
"fixed": {
|
|
833
|
-
"base": "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[var(--sidebar-width)] transition-[left,right,width] ease-linear md:flex border-neutral-subtle",
|
|
834
|
-
"side": {
|
|
835
|
-
"left": "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]",
|
|
836
|
-
"right": "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]"
|
|
837
|
-
},
|
|
838
|
-
"variants": {
|
|
839
|
-
"floatingOrInset": "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]",
|
|
840
|
-
"default": "group-data-[collapsible=icon]:w-[var(--sidebar-width-icon)] group-data-[side=left]:border-r group-data-[side=right]:border-l"
|
|
841
|
-
},
|
|
842
|
-
"inner": "flex h-full w-full flex-col text-neutral-strong bg-layer-below group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-neutral-subtle group-data-[variant=floating]:shadow"
|
|
843
|
-
}
|
|
844
|
-
},
|
|
845
|
-
"rail": "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-neutral-low group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex [[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
|
|
846
|
-
"trigger": "p-1 flex items-center border-neutral-subtle justify-center bg-layer-surface [&>svg]:text-icon-neutral-strong [&>svg]:size-4 [&>svg]:shrink-0",
|
|
847
|
-
"separator": "mx-2 w-auto bg-neutral-low",
|
|
848
|
-
"content": "flex min-h-0 flex-1 flex-col gap-3 overflow-auto group-data-[collapsible=icon]:overflow-hidden px-2 py-3 ",
|
|
849
|
-
"header": "flex flex-col gap-2 pt-6 px-6 pb-0",
|
|
850
|
-
"footer": "flex flex-col gap-2 px-4 py-4",
|
|
851
|
-
"input": "h-8 w-full bg-layer-below shadow-none focus-visible:ring-2 focus-visible:ring-teal-600",
|
|
852
|
-
"inset": "relative flex min-h-svh flex-1 flex-col bg-layer-below peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] lg:peer-data-[variant=inset]:m-2 lg:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 lg:peer-data-[variant=inset]:ml-0 lg:peer-data-[variant=inset]:rounded-xl lg:peer-data-[variant=inset]:shadow min-h-full relative overflow-hidden",
|
|
853
|
-
"group": {
|
|
854
|
-
"root": "relative flex w-full min-w-0 flex-col px-2 py-3",
|
|
855
|
-
"label": "duration-200 flex h-8 shrink-0 items-center font-primary rounded px-4 text-xs font-normal text-neutral-low outline-none transition-[margin,opa] ease-linear [&>svg]:text-icon-neutral-strong [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
|
|
856
|
-
"content": "w-full text-sm",
|
|
857
|
-
"action": "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-strong outline-none ring-teal-600 transition-transform hover:bg-neutral-subtle hover:text-neutral-strong focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 after:lg:hidden group-data-[collapsible=icon]:hidden"
|
|
858
|
-
},
|
|
859
|
-
"menu": {
|
|
860
|
-
"root": "flex w-full min-w-0 flex-col gap-2 py-2 px-2 ",
|
|
861
|
-
"item": "group/menu-item relative rounded font-primary font-medium",
|
|
862
|
-
"badge": "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-neutral-strong select-none pointer-events-none peer-hover/menu-button:text-neutral-strong peer-data-[active=true]/menu-button:text-neutral-strong peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden",
|
|
863
|
-
"action": "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-strong outline-none ring-teal-600 transition-transform hover:bg-neutral-subtle hover:text-neutral-strong focus-visible:ring-2 peer-hover/menu-button:text-neutral-strong after:absolute after:-inset-2 after:lg:hidden peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden",
|
|
864
|
-
"actionHover": "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-neutral-strong lg:opacity-0",
|
|
865
|
-
"skeleton": {
|
|
866
|
-
"root": "rounded-md h-8 flex gap-2 px-2 items-center",
|
|
867
|
-
"icon": "size-4 rounded-md",
|
|
868
|
-
"text": "h-4 flex-1 max-w-[var(--skeleton-width)]"
|
|
869
|
-
},
|
|
870
|
-
"button": {
|
|
871
|
-
"root": "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded py-2 px-3 text-left text-sm outline-none transition-[width,height,padding] focus-visible:ring-2 active:bg-neutral-subtle active:text-neutral-strong disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-neutral-subtle data-[active=true]:font-medium data-[active=true]:text-neutral-strong data-[state=open]:hover:bg-neutral-subtle data-[state=open]: group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 font-medium",
|
|
872
|
-
"variant": {
|
|
873
|
-
"default": "items-center gap-2 overflow-hidden rounded font-primary font-medium px-2 py-1.5 text-neutral-subtle aria-disabled:bg-transparent hover:text-neutral-strong-hover hover:bg-neutral-subtle-hover aria-expanded:bg-layer-below aria-expanded:text-neutral-strong-active [&>svg]:aria-expanded:text-icon-neutral-strong-active aria-disabled:[&>svg]:text-disabled aria-disabled:text-disabled [&>svg]:hover:text-icon-neutral-strong-hover [&>svg]:text-icon-neutral-subtle data-[active=true]:bg-layer-below [&>svg]:data-[active=true]:text-icon-neutral-strong-active data-[active=true]:text-neutral-strong-active",
|
|
874
|
-
"outline": "bg-layer-below shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-neutral-subtle hover:text-neutral-strong hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
|
|
875
|
-
},
|
|
876
|
-
"size": {
|
|
877
|
-
"default": "h-11 text-base",
|
|
878
|
-
"sm": "h-7 text-xs",
|
|
879
|
-
"lg": "h-12 text-sm p-0"
|
|
880
|
-
},
|
|
881
|
-
"defaultVariants": {
|
|
882
|
-
"variant": "default",
|
|
883
|
-
"size": "default"
|
|
884
|
-
}
|
|
885
|
-
},
|
|
886
|
-
"sub": {
|
|
887
|
-
"list": "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
|
|
888
|
-
"button": "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded font-primary font-medium px-3 py-2 text-neutral-subtle aria-disabled:bg-transparent hover:text-neutral-strong-hover hover:bg-neutral-subtle-hover focus-visible:ring-2 active:bg-layer-below active:text-neutral-strong-active active:[&>svg]:text-icon-neutral-strong-active aria-disabled:[&>svg]:text-disabled aria-disabled:text-disabled [&>svg]:hover:text-icon-neutral-strong-hover [&>svg]:text-icon-neutral-subtle data-[active=true]:bg-layer-below data-[active=true]:text-neutral-strong-active group-data-[collapsible=icon]:hidden",
|
|
889
|
-
"buttonSize": {
|
|
890
|
-
"sm": "text-xs",
|
|
891
|
-
"default": "text-base",
|
|
892
|
-
"md": "text-sm"
|
|
893
|
-
}
|
|
894
|
-
}
|
|
895
|
-
}
|
|
896
|
-
},
|
|
897
|
-
"skeleton": {
|
|
898
|
-
"root": "animate-pulse rounded-md bg-neutral-subtle"
|
|
899
|
-
},
|
|
900
|
-
"spinner": "animate-spin",
|
|
901
|
-
"switch": {
|
|
902
|
-
"root": "peer p-0.5 inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-0 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed data-[state=checked]:bg-interactive-mid data-[state=unchecked]:bg-neutral-strong disabled:data-[state=unchecked]:bg-disabled disabled:data-[state=checked]:bg-disabled",
|
|
903
|
-
"trigger": "border-transparent disabled:opacity-50 border-0 pointer-events-none block h-5 w-5 rounded-full data-[state=unchecked]:bg-layer-below data-[state=checked]:bg-layer-below shadow ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
|
|
904
|
-
},
|
|
905
|
-
"table": {
|
|
906
|
-
"root": "w-full overflow-clip caption-bottom text-sm bg-layer-below rounded font-primary text-neutral-mid",
|
|
907
|
-
"header": "[&_tr]:border-b h-12 bg-layer-below border-neutral-subtle w-full",
|
|
908
|
-
"body": "[&_tr:last-child]:border-0",
|
|
909
|
-
"footer": "border-t bg-layer-below font-medium [&>tr]:last:border-b-0",
|
|
910
|
-
"row": "items-center border-b [&>*:first-child]:pl-4 [&>*:last-child]:pr-4 border-neutral-subtle group transition-colors bg-layer-below data-[state=selected]:bg-neutral-low-active",
|
|
911
|
-
"head": " px-2 py-[10px] bg-transparent text-left align-middle font-medium text-neutral-low text-xs",
|
|
912
|
-
"cell": "truncate px-2 h-12 align-middle [&:has([role=checkbox])]:pr-0 font-medium text-neutral-mid text-sm",
|
|
913
|
-
"caption": "mt-4 text-sm text-neutral-subtle",
|
|
914
|
-
"container": "w-full border border-neutral-subtle rounded overflow-x-auto max-w-full",
|
|
915
|
-
"empty": "flex items-center justify-center py-10"
|
|
916
|
-
},
|
|
917
|
-
"tabs": {
|
|
918
|
-
"list": {
|
|
919
|
-
"root": "inline-flex h-[34px] gap-1 items-center justify-center rounded-md p-0.5 font-primary bg-layer-below border border-neutral-low",
|
|
920
|
-
"line": "bg-transparent p-0 rounded-none border-neutral-subtle border-none border-b gap-0 h-auto relative",
|
|
921
|
-
"indicator": "absolute bottom-0 h-[1px] z-10 bg-brand-mid transition-all duration-300 disabled:opacity-50",
|
|
922
|
-
"solidActive": "absolute transition-all duration-300 disabled:opacity-50 h-8 rounded-md bottom-auto bg-brand-low left-0 shadow"
|
|
923
|
-
},
|
|
924
|
-
"trigger": {
|
|
925
|
-
"root": "gap-1 font-sm leading-snug font-medium inline-flex items-center justify-center whitespace-nowrap bg-transparent transition-all disabled:cursor-not-allowed disabled:opacity-50 disabled:text-disabled",
|
|
926
|
-
"solid": "font-primary text-sm font-semibold [&>svg]:text-icon-neutral-low rounded px-3 py-1.5 text-neutral-low data-[state=active]:text-onbrand-low data-[state=active]:[&>svg]:text-icon-onbrand-low z-0",
|
|
927
|
-
"line": "text-neutral-subtle text-base font-semibold px-4 py-2 rounded-none bg-transparent z-0 data-[state=active]:text-brand-mid data-[state=active]:[&>svg]:text-icon-brand-mid [&>svg]:text-icon-neutral-low border-neutral-subtle border-b font-semibold"
|
|
928
|
-
},
|
|
929
|
-
"content": "font-primary mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2"
|
|
930
|
-
},
|
|
931
|
-
"textarea": {
|
|
932
|
-
"root": "flex gap-y-1.5 w-full leading-snug font-medium font-primary rounded border border-neutral-subtle bg-layer-below focus-visible:border-interactive-mid focus-visible:bg-neutral-subtle px-3 py-2 text-sm placeholder:text-neutral-subtle focus-visible:placeholder:text-neutral-subtle text-neutral-mid focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-disabled disabled:border-disabled disabled:text-disabled shadow-sm"
|
|
933
|
-
},
|
|
934
|
-
"toast": {
|
|
935
|
-
"variant": {
|
|
936
|
-
"root": "flex w-full font-primary p-4 items-center gap-2 rounded border shadow-lg group",
|
|
937
|
-
"neutral": "bg-neutral-subtle border-transparent ",
|
|
938
|
-
"destructive": "bg-negative-low border-transparent ",
|
|
939
|
-
"warning": "bg-warning-low border-warning-subtle ",
|
|
940
|
-
"success": "bg-positive-low border-positive-subtle",
|
|
941
|
-
"info": "bg-info-low border-info-subtle"
|
|
942
|
-
},
|
|
943
|
-
"description": {
|
|
944
|
-
"variant": {
|
|
945
|
-
"root": "leading-4 text-xs font-normal",
|
|
946
|
-
"neutral": "!text-neutral-subtle flex",
|
|
947
|
-
"destructive": "!text-onnegative-low",
|
|
948
|
-
"warning": "!text-neutral-subtle",
|
|
949
|
-
"success": "!text-neutral-subtle",
|
|
950
|
-
"info": "!text-neutral-subtle"
|
|
951
|
-
}
|
|
952
|
-
},
|
|
953
|
-
"title": {
|
|
954
|
-
"variant": {
|
|
955
|
-
"root": "text-sm leading-4 font-medium",
|
|
956
|
-
"neutral": "text-neutral-mid",
|
|
957
|
-
"destructive": "text-onnegative-low",
|
|
958
|
-
"warning": "text-onwarning-low",
|
|
959
|
-
"success": "text-onpositive-low",
|
|
960
|
-
"info": "text-oninfo-low"
|
|
961
|
-
}
|
|
962
|
-
},
|
|
963
|
-
"icon": {
|
|
964
|
-
"root": "size-4",
|
|
965
|
-
"loading": "size-4 animate-spin",
|
|
966
|
-
"variant": {
|
|
967
|
-
"neutral": "text-icon-neutral-mid",
|
|
968
|
-
"destructive": "text-icon-onnegative-low",
|
|
969
|
-
"warning": "text-icon-onwarning-low",
|
|
970
|
-
"success": "text-icon-onpositive-low",
|
|
971
|
-
"info": "text-icon-oninfo-low"
|
|
972
|
-
}
|
|
973
|
-
},
|
|
974
|
-
"root": "lg:max-w-md justify-end flex",
|
|
975
|
-
"content": "flex gap-1 items-start flex-col flex-1"
|
|
976
|
-
},
|
|
977
|
-
"tooltip": {
|
|
978
|
-
"content": "z-30 overflow-hidden rounded-md font-normal font-primary border gap-1 bg-inverse-mid px-3 py-1.5 text-sm text-inverse-mid animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
|
|
979
|
-
},
|
|
980
|
-
"avatarGroup": {
|
|
981
|
-
"root": "flex flex-row relative h-10 w-full font-primary",
|
|
982
|
-
"avatar": "relative ml-[-8px]"
|
|
983
|
-
},
|
|
984
|
-
"breadcrumb": {
|
|
985
|
-
"root": "",
|
|
986
|
-
"slots": {
|
|
987
|
-
"list": "flex flex-wrap items-center gap-1.5 text-sm break-words text-neutral-mid sm:gap-2.5",
|
|
988
|
-
"item": "inline-flex items-center gap-1.5",
|
|
989
|
-
"link": "transition-colors hover:text-neutral-strong",
|
|
990
|
-
"page": "font-normal text-neutral-strong",
|
|
991
|
-
"separator": "[&>svg]:size-3.5",
|
|
992
|
-
"ellipsis": "flex size-9 items-center justify-center",
|
|
993
|
-
"icon": "size-4",
|
|
994
|
-
"srOnly": "sr-only"
|
|
995
|
-
},
|
|
996
|
-
"icons": {
|
|
997
|
-
"separator": "ChevronRight",
|
|
998
|
-
"ellipsis": "MoreHorizontal"
|
|
999
|
-
}
|
|
1000
|
-
},
|
|
1001
|
-
"dateSlider": {
|
|
1002
|
-
"cell": "w-full",
|
|
1003
|
-
"dialog": {
|
|
1004
|
-
"body": "mb-0 gap-[15px] justify-center",
|
|
1005
|
-
"false": "text-interactive-mid font-bold",
|
|
1006
|
-
"range": "gap-[15px]",
|
|
1007
|
-
"content": "pb-6"
|
|
1008
|
-
},
|
|
1009
|
-
"header": "justify-between gap-2.5 bg-neutral-subtle border border-neutral-low rounded-2xl h-14 px-0.5 py-2",
|
|
1010
|
-
"buttons": {
|
|
1011
|
-
"props": {
|
|
1012
|
-
"variant": "ghost"
|
|
1013
|
-
}
|
|
1014
|
-
},
|
|
1015
|
-
"customRootSlider": "w-full p-0"
|
|
1016
|
-
},
|
|
1017
|
-
"dayIndicator": {
|
|
1018
|
-
"bg": {
|
|
1019
|
-
"full": "absolute inset-0",
|
|
1020
|
-
"layer": "bg-neutral-mid",
|
|
1021
|
-
"halfTop": "absolute top-0 left-0 right-0 h-1/2",
|
|
1022
|
-
"halfBottom": "absolute bottom-0 left-0 right-0 h-1/2"
|
|
1023
|
-
},
|
|
1024
|
-
"root": "relative w-full min-w-10 h-10 rounded-[10px] shadow-sm flex items-center justify-center overflow-hidden",
|
|
1025
|
-
"border": "border border-neutral-subtle",
|
|
1026
|
-
"number": "relative z-[5] text-base font-primary",
|
|
1027
|
-
"default": "extra-six",
|
|
1028
|
-
"outline": {
|
|
1029
|
-
"info": "border-info-mid",
|
|
1030
|
-
"main": "border-neutral-mid",
|
|
1031
|
-
"brand": "border-brand-mid",
|
|
1032
|
-
"success": "border-positive-mid",
|
|
1033
|
-
"warning": "border-warning-mid",
|
|
1034
|
-
"destructive": "border-negative-mid"
|
|
1035
|
-
},
|
|
1036
|
-
"variant": {
|
|
1037
|
-
"anomaly": {
|
|
1038
|
-
"bg": "bg-[var(--extra-six-subtle)]",
|
|
1039
|
-
"text": "text-warning-mid"
|
|
1040
|
-
},
|
|
1041
|
-
"extra-one": {
|
|
1042
|
-
"bg": "bg-[var(--extra-one-subtle)]",
|
|
1043
|
-
"text": "text-[var(--extra-one-mid)]",
|
|
1044
|
-
"striped": "subtle-one"
|
|
1045
|
-
},
|
|
1046
|
-
"extra-six": {
|
|
1047
|
-
"bg": "bg-[var(--extra-six-subtle)]",
|
|
1048
|
-
"text": "text-[var(--extra-six-strong)]",
|
|
1049
|
-
"striped": "subtle-six"
|
|
1050
|
-
},
|
|
1051
|
-
"extra-two": {
|
|
1052
|
-
"bg": "bg-[var(--extra-two-subtle)]",
|
|
1053
|
-
"text": "text-[var(--extra-two-mid)]",
|
|
1054
|
-
"striped": "subtle-two"
|
|
1055
|
-
},
|
|
1056
|
-
"extra-five": {
|
|
1057
|
-
"bg": "bg-[var(--extra-five-subtle)]",
|
|
1058
|
-
"text": "text-[var(--extra-five-mid)]",
|
|
1059
|
-
"striped": "subtle-five"
|
|
1060
|
-
},
|
|
1061
|
-
"extra-four": {
|
|
1062
|
-
"bg": "bg-[var(--extra-four-subtle)]",
|
|
1063
|
-
"text": "text-[var(--extra-four-mid)]",
|
|
1064
|
-
"striped": "subtle-four"
|
|
1065
|
-
},
|
|
1066
|
-
"extra-three": {
|
|
1067
|
-
"bg": "bg-[var(--extra-three-subtle)]",
|
|
1068
|
-
"text": "text-[var(--extra-three-mid)]",
|
|
1069
|
-
"striped": "subtle-three"
|
|
1070
|
-
},
|
|
1071
|
-
"extra-seven-strong": {
|
|
1072
|
-
"bg": "bg-[var(--extra-seven-strong)]",
|
|
1073
|
-
"text": "text-[var(--extra-seven-subtle)]"
|
|
1074
|
-
},
|
|
1075
|
-
"extra-seven-subtle": {
|
|
1076
|
-
"bg": "bg-[var(--extra-seven-subtle)]",
|
|
1077
|
-
"text": "text-[var(--extra-seven-mid)]"
|
|
1078
|
-
}
|
|
1079
|
-
},
|
|
1080
|
-
"iconBadge": {
|
|
1081
|
-
"bg": {
|
|
1082
|
-
"info": "bg-info-mid",
|
|
1083
|
-
"main": "bg-neutral-strong-active",
|
|
1084
|
-
"brand": "bg-brand-mid",
|
|
1085
|
-
"success": "bg-positive-mid",
|
|
1086
|
-
"warning": "bg-warning-mid",
|
|
1087
|
-
"destructive": "bg-negative-mid"
|
|
1088
|
-
},
|
|
1089
|
-
"icon": "text-white h-[14px] w-[14px]",
|
|
1090
|
-
"border": "border-warning-mid",
|
|
1091
|
-
"container": "absolute top-0 right-0 z-[2] flex items-center justify-center bg-warning-mid rounded-bl-[5px] h-[14px] w-[14px]"
|
|
1092
|
-
},
|
|
1093
|
-
"topBorder": "absolute top-0 left-0 right-0 h-1 bg-negative-mid-hover z-[3]",
|
|
1094
|
-
"bottomBorder": "absolute bottom-0 left-0 right-0 h-1 bg-info-mid z-[3]"
|
|
1095
|
-
},
|
|
1096
|
-
"inputNumber": {
|
|
1097
|
-
"root": "text-center",
|
|
1098
|
-
"prefix": "absolute left-14 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
1099
|
-
"suffix": "absolute right-14 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
1100
|
-
"padding": "px-16",
|
|
1101
|
-
"slots": {
|
|
1102
|
-
"numberField": {
|
|
1103
|
-
"root": "grid gap-1.5",
|
|
1104
|
-
"content": "relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5",
|
|
1105
|
-
"input": "flex h-9 w-full rounded-md border border-neutral-subtle bg-layer-below py-1 text-sm text-center shadow-sm transition-colors placeholder:text-neutral-mid focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-brand-mid disabled:cursor-not-allowed disabled:opacity-50",
|
|
1106
|
-
"increment": "absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3",
|
|
1107
|
-
"decrement": "absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20",
|
|
1108
|
-
"icon": "h-4 w-4"
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
},
|
|
1112
|
-
"resizable": {
|
|
1113
|
-
"root": "flex h-full w-full data-[panel-group-direction=vertical]:flex-col data-[orientation=vertical]:flex-col",
|
|
1114
|
-
"slots": {
|
|
1115
|
-
"handle": "relative flex w-px items-center justify-center bg-neutral-subtle after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-brand-mid focus-visible:ring-offset-1 aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0 data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90 [&[data-orientation=vertical]>div]:rotate-90",
|
|
1116
|
-
"handleIcon": "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-neutral-subtle",
|
|
1117
|
-
"iconSize": "2.5"
|
|
1118
|
-
},
|
|
1119
|
-
"icons": {
|
|
1120
|
-
"handle": "GripVertical"
|
|
1121
|
-
}
|
|
1122
|
-
},
|
|
1123
|
-
"stepper": {
|
|
1124
|
-
"root": "block w-full",
|
|
1125
|
-
"slots": {
|
|
1126
|
-
"nav": "group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
|
|
1127
|
-
"item": "group/step flex items-center justify-center not-last:flex-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-60 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col",
|
|
1128
|
-
"trigger": "focus-visible:border-brand-mid focus-visible:ring-interactive-mid/50 inline-flex cursor-pointer items-center gap-2.5 rounded-full outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60",
|
|
1129
|
-
"indicator": "border-neutral-subtle bg-neutral-subtle text-neutral-strong data-[state=completed]:bg-brand-mid data-[state=completed]:text-onbrand-mid data-[state=active]:bg-brand-mid data-[state=active]:text-onbrand-mid data-[state=loading]:bg-brand-mid data-[state=loading]:text-onbrand-mid relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-xs",
|
|
1130
|
-
"indicatorContent": "absolute",
|
|
1131
|
-
"separator": "bg-neutral-subtle group-data-[state=completed]/step:bg-brand-mid data-[state=completed]:bg-brand-mid m-0.5 rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5",
|
|
1132
|
-
"title": "text-sm leading-none font-medium text-neutral-strong",
|
|
1133
|
-
"description": "text-sm text-neutral-mid",
|
|
1134
|
-
"panel": "w-full",
|
|
1135
|
-
"content": "w-full",
|
|
1136
|
-
"contentHidden": "hidden"
|
|
1137
|
-
}
|
|
1138
|
-
},
|
|
1139
|
-
"tabBar": {
|
|
1140
|
-
"item": {
|
|
1141
|
-
"fab": "h-full relative hover:opacity-100 hover:cursor-default overflow-visible",
|
|
1142
|
-
"root": "flex px-1 pt-3 flex-col z-20 items-center gap-1 font-primary text-xs leading-none flex-1 bg-transparent text-neutral-low [&>svg]:text-icon-neutral-low hover:opacity-70 hover:cursor-pointer overflow-ellipsis overflow-hidden pb-3 h-auto text-center",
|
|
1143
|
-
"text": "line-clamp-2 self-stretch text-center overflow-ellipsis",
|
|
1144
|
-
"active": "font-semibold text-interactive-mid [&>svg]:text-icon-interactive-mid",
|
|
1145
|
-
"content": {
|
|
1146
|
-
"root": "absolute top-[-32px] flex justify-center items-center gap-2 pt-4 w-14 h-14"
|
|
1147
|
-
}
|
|
1148
|
-
},
|
|
1149
|
-
"root": "flex w-full relative flex-col bg-layer-below",
|
|
1150
|
-
"content": "flex justify-center items-start gap-0 w-full self-stretch z-20",
|
|
1151
|
-
"wrapper": "flex fixed bottom-0 w-full left-1/2 transform z-10 -translate-x-1/2 pb-safe-bottom flex-col"
|
|
1152
|
-
},
|
|
1153
|
-
"timePicker": {
|
|
1154
|
-
"input": "w-full shadow-sm",
|
|
1155
|
-
"select": {
|
|
1156
|
-
"root": "overflow-scroll w-full",
|
|
1157
|
-
"label": "text-neutral-low text-center",
|
|
1158
|
-
"content": "flex h-8 px-[11px] py-[5px] cursor-pointer disabled:cursor-not-allowed text-sm flex-col justify-center items-center flex-1 bg-neutral-low text-neutral-mid data-[state=active]:bg-brand-strong hover:data-[state=active]:bg-brand-strong-hover data-[state=active]:text-onbrand-mid rounded-md",
|
|
1159
|
-
"container": "p-[4px]"
|
|
1160
|
-
},
|
|
1161
|
-
"popover": {
|
|
1162
|
-
"content": "w-[200px] relative py-3 px-2 box-border"
|
|
1163
|
-
},
|
|
1164
|
-
"trigger": "w-[200px]",
|
|
1165
|
-
"wrapper": "h-[200px] w-full flex items-stretch justify-between"
|
|
1166
|
-
},
|
|
1167
|
-
"toggle": {
|
|
1168
|
-
"root": "inline-flex flex-row leading-snug items-center justify-center gap-1 font-normal h-9 px-3 text-sm rounded-xl shrink-0",
|
|
1169
|
-
"size": {
|
|
1170
|
-
"lg": "h-11 py-3 px-5 min-w-11",
|
|
1171
|
-
"sm": "h-9 py-2 px-2.5 min-w-9",
|
|
1172
|
-
"default": "h-10 py-2.5 px-3 min-w-10"
|
|
1173
|
-
},
|
|
1174
|
-
"variant": {
|
|
1175
|
-
"ghost": "bg-transparent text-neutral-mid hover:bg-neutral-subtle hover:text-neutral-low data-[state=on]:bg-brand-low data-[state=on]:text-neutral-mid-active",
|
|
1176
|
-
"outline": "border border-neutral-subtle bg-transparent text-neutral-mid hover:border-neutral-subtle hover:text-neutral-low hover:bg-neutral-mid-hover disabled:bg-disabled disabled:text-disabled disabled:border-disabled data-[state=on]:bg-brand-low data-[state=on]:text-neutral-mid data-[state=on]:border-neutral-subtle"
|
|
1177
|
-
}
|
|
1178
|
-
},
|
|
1179
|
-
"slider": {
|
|
1180
|
-
"root": "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
|
|
1181
|
-
"slots": {
|
|
1182
|
-
"track": "relative grow overflow-hidden rounded-full bg-neutral-subtle data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
|
|
1183
|
-
"range": "absolute bg-brand-mid data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
|
|
1184
|
-
"thumb": "block size-4 shrink-0 rounded-full border border-brand-mid bg-white shadow-sm ring-brand-mid/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
1185
|
-
}
|
|
1186
|
-
},
|
|
1187
|
-
"pagination": {
|
|
1188
|
-
"root": "mx-auto flex w-full justify-center",
|
|
1189
|
-
"slots": {
|
|
1190
|
-
"content": "flex flex-row items-center gap-1",
|
|
1191
|
-
"previous": "gap-1 px-2.5 sm:pl-2.5",
|
|
1192
|
-
"next": "gap-1 px-2.5 sm:pr-2.5",
|
|
1193
|
-
"ellipsis": "flex size-9 items-center justify-center",
|
|
1194
|
-
"icon": "size-4",
|
|
1195
|
-
"label": "hidden sm:block",
|
|
1196
|
-
"srOnly": "sr-only"
|
|
1197
|
-
},
|
|
1198
|
-
"icons": {
|
|
1199
|
-
"previous": "ChevronLeft",
|
|
1200
|
-
"next": "ChevronRight",
|
|
1201
|
-
"ellipsis": "MoreHorizontal"
|
|
1202
|
-
}
|
|
1203
|
-
},
|
|
1204
|
-
"scrollarea": {
|
|
1205
|
-
"root": "relative",
|
|
1206
|
-
"slots": {
|
|
1207
|
-
"viewport": "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-brand-mid/50 focus-visible:outline-1",
|
|
1208
|
-
"scrollbar": "flex touch-none p-px transition-colors select-none",
|
|
1209
|
-
"vertical": "h-full w-2.5 border-l border-l-transparent",
|
|
1210
|
-
"horizontal": "h-2.5 flex-col border-t border-t-transparent",
|
|
1211
|
-
"thumb": "relative flex-1 rounded-full bg-neutral-subtle"
|
|
1212
|
-
}
|
|
1213
|
-
},
|
|
1214
|
-
"hovercard": {
|
|
1215
|
-
"root": "",
|
|
1216
|
-
"slots": {
|
|
1217
|
-
"content": "z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border bg-layer-popover p-4 text-neutral-strong shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"
|
|
1218
|
-
}
|
|
1219
|
-
},
|
|
1220
|
-
"contextmenu": {
|
|
1221
|
-
"root": "",
|
|
1222
|
-
"slots": {
|
|
1223
|
-
"subTrigger": "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[inset]:pl-8 data-[state=open]:bg-neutral-subtle data-[state=open]:text-neutral-strong [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 [&_svg:not([class*=text-])]:text-neutral-mid",
|
|
1224
|
-
"subContent": "z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
1225
|
-
"content": "z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
1226
|
-
"item": "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-negative-mid data-[variant=destructive]:focus:bg-negative-mid/10 data-[variant=destructive]:focus:text-negative-mid dark:data-[variant=destructive]:focus:bg-negative-mid/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 [&_svg:not([class*=text-])]:text-neutral-mid data-[variant=destructive]:*:[svg]:text-negative-mid!",
|
|
1227
|
-
"checkboxItem": "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
|
|
1228
|
-
"radioItem": "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
|
|
1229
|
-
"indicator": "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
1230
|
-
"label": "px-2 py-1.5 text-sm font-medium text-neutral-strong data-[inset]:pl-8",
|
|
1231
|
-
"separator": "-mx-1 my-1 h-px bg-neutral-subtle",
|
|
1232
|
-
"shortcut": "ml-auto text-xs tracking-widest text-neutral-mid",
|
|
1233
|
-
"icon": "ml-auto",
|
|
1234
|
-
"checkIcon": "size-4",
|
|
1235
|
-
"circleIcon": "size-2 fill-current"
|
|
1236
|
-
},
|
|
1237
|
-
"icons": {
|
|
1238
|
-
"submenu": "ChevronRight",
|
|
1239
|
-
"check": "Check",
|
|
1240
|
-
"radio": "Circle"
|
|
1241
|
-
}
|
|
1242
|
-
},
|
|
1243
|
-
"menubar": {
|
|
1244
|
-
"root": "flex h-9 items-center gap-1 rounded-md border bg-layer-below p-1 shadow-xs",
|
|
1245
|
-
"slots": {
|
|
1246
|
-
"trigger": "flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[state=open]:bg-neutral-subtle data-[state=open]:text-neutral-strong",
|
|
1247
|
-
"content": "z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
1248
|
-
"item": "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-negative-mid data-[variant=destructive]:focus:bg-negative-mid/10 data-[variant=destructive]:focus:text-negative-mid dark:data-[variant=destructive]:focus:bg-negative-mid/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 [&_svg:not([class*=text-])]:text-neutral-mid data-[variant=destructive]:*:[svg]:text-negative-mid!",
|
|
1249
|
-
"checkboxItem": "relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
|
|
1250
|
-
"radioItem": "relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
|
|
1251
|
-
"subTrigger": "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-neutral-subtle focus:text-neutral-strong data-[inset]:pl-8 data-[state=open]:bg-neutral-subtle data-[state=open]:text-neutral-strong",
|
|
1252
|
-
"subContent": "z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
1253
|
-
"indicator": "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
1254
|
-
"label": "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
|
|
1255
|
-
"separator": "-mx-1 my-1 h-px bg-neutral-subtle",
|
|
1256
|
-
"shortcut": "ml-auto text-xs tracking-widest text-neutral-mid",
|
|
1257
|
-
"icon": "ml-auto",
|
|
1258
|
-
"checkIcon": "size-4",
|
|
1259
|
-
"circleIcon": "size-2 fill-current"
|
|
1260
|
-
},
|
|
1261
|
-
"icons": {
|
|
1262
|
-
"submenu": "ChevronRight",
|
|
1263
|
-
"check": "Check",
|
|
1264
|
-
"radio": "Circle"
|
|
1265
|
-
}
|
|
1266
|
-
},
|
|
1267
|
-
"navigationmenu": {
|
|
1268
|
-
"root": "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
|
|
1269
|
-
"slots": {
|
|
1270
|
-
"list": "group flex flex-1 list-none items-center justify-center gap-1",
|
|
1271
|
-
"trigger": "group inline-flex h-9 w-max items-center justify-center rounded-md bg-layer-below px-4 py-2 text-sm font-medium hover:bg-neutral-subtle hover:text-neutral-strong focus:bg-neutral-subtle focus:text-neutral-strong disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-neutral-subtle data-[state=open]:text-neutral-strong data-[state=open]:focus:bg-neutral-subtle data-[state=open]:bg-neutral-subtle/50 focus-visible:ring-brand-mid/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1",
|
|
1272
|
-
"triggerIcon": "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
1273
|
-
"content": "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
|
|
1274
|
-
"link": "data-[active=true]:focus:bg-neutral-subtle data-[active=true]:hover:bg-neutral-subtle data-[active=true]:bg-neutral-subtle/50 data-[active=true]:text-neutral-strong hover:bg-neutral-subtle hover:text-neutral-strong focus:bg-neutral-subtle focus:text-neutral-strong focus-visible:ring-brand-mid/50 [&_svg:not([class*=text-])]:text-neutral-mid flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*=size-])]:size-4",
|
|
1275
|
-
"viewportWrapper": "absolute top-full left-0 isolate z-50 flex justify-center",
|
|
1276
|
-
"viewport": "origin-top-center bg-layer-popover text-neutral-strong data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-(--radix-navigation-menu-viewport-width)",
|
|
1277
|
-
"indicator": "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden",
|
|
1278
|
-
"indicatorInner": "bg-neutral-subtle relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
|
|
1279
|
-
},
|
|
1280
|
-
"icons": {
|
|
1281
|
-
"trigger": "ChevronDown"
|
|
1282
|
-
}
|
|
1283
|
-
},
|
|
1284
|
-
"carousel": {
|
|
1285
|
-
"root": "relative",
|
|
1286
|
-
"slots": {
|
|
1287
|
-
"viewport": "overflow-hidden",
|
|
1288
|
-
"content": "flex",
|
|
1289
|
-
"contentHorizontal": "-ml-4",
|
|
1290
|
-
"contentVertical": "-mt-4 flex-col",
|
|
1291
|
-
"item": "min-w-0 shrink-0 grow-0 basis-full",
|
|
1292
|
-
"itemHorizontal": "pl-4",
|
|
1293
|
-
"itemVertical": "pt-4",
|
|
1294
|
-
"button": "absolute size-8 rounded-full",
|
|
1295
|
-
"previousHorizontal": "top-1/2 -left-12 -translate-y-1/2",
|
|
1296
|
-
"previousVertical": "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1297
|
-
"nextHorizontal": "top-1/2 -right-12 -translate-y-1/2",
|
|
1298
|
-
"nextVertical": "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
|
1299
|
-
"srOnly": "sr-only"
|
|
1300
|
-
},
|
|
1301
|
-
"icons": {
|
|
1302
|
-
"previous": "ArrowLeft",
|
|
1303
|
-
"next": "ArrowRight"
|
|
1304
|
-
}
|
|
1305
|
-
},
|
|
1306
|
-
"aspectratio": {
|
|
1307
|
-
"root": "",
|
|
1308
|
-
"slots": {}
|
|
1309
|
-
},
|
|
1310
|
-
"togglegroup": {
|
|
1311
|
-
"root": "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
|
|
1312
|
-
"slots": {
|
|
1313
|
-
"item": "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l"
|
|
1314
|
-
}
|
|
1315
|
-
},
|
|
1316
|
-
"buttongroup": {
|
|
1317
|
-
"root": "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*=w-])]:w-fit [&>input]:flex-1",
|
|
1318
|
-
"slots": {
|
|
1319
|
-
"horizontal": "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
1320
|
-
"vertical": "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
|
|
1321
|
-
"text": "flex items-center gap-2 rounded-md border border-neutral-subtle bg-neutral-subtle px-4 text-sm font-medium text-neutral-strong shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4",
|
|
1322
|
-
"item": "flex items-center gap-2 rounded-md border border-neutral-subtle bg-neutral-subtle px-4 text-sm font-medium text-neutral-strong shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4",
|
|
1323
|
-
"separator": "relative m-0! self-stretch bg-neutral-subtle data-[orientation=vertical]:h-auto"
|
|
1324
|
-
}
|
|
1325
|
-
},
|
|
1326
|
-
"inputgroup": {
|
|
1327
|
-
"root": "group/input-group relative flex w-full items-center rounded-md border border-neutral-subtle bg-layer-control shadow-xs transition-[color,box-shadow] outline-none h-9 min-w-0 has-[>textarea]:h-auto has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-end]]:[&>input]:pr-2 has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[[data-slot=input-group-control]:focus-visible]:border-interactive-mid has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-interactive-mid/50 has-[[data-slot][aria-invalid=true]]:border-negative-mid has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-negative-mid/20 has-disabled:bg-disabled has-disabled:opacity-50",
|
|
1328
|
-
"slots": {
|
|
1329
|
-
"addon": {
|
|
1330
|
-
"root": "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-neutral-mid select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg]:pointer-events-none [&>svg:not([class*=size-])]:size-4 [&>svg:not([class*=text-])]:text-icon-neutral-subtle",
|
|
1331
|
-
"align": {
|
|
1332
|
-
"inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
|
|
1333
|
-
"inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
|
|
1334
|
-
"block-start": "order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3",
|
|
1335
|
-
"block-end": "order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3"
|
|
1336
|
-
}
|
|
1337
|
-
},
|
|
1338
|
-
"button": {
|
|
1339
|
-
"root": "flex items-center gap-2 text-sm shadow-none",
|
|
1340
|
-
"size": {
|
|
1341
|
-
"xs": "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*=size-])]:size-3.5",
|
|
1342
|
-
"sm": "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
|
|
1343
|
-
"icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
|
|
1344
|
-
"icon-sm": "size-8 p-0 has-[>svg]:p-0"
|
|
1345
|
-
}
|
|
1346
|
-
},
|
|
1347
|
-
"text": "flex items-center gap-2 text-sm text-neutral-mid [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg:not([class*=text-])]:text-icon-neutral-subtle",
|
|
1348
|
-
"input": "flex h-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-3 py-1 text-sm text-neutral-mid placeholder:text-neutral-subtle shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-transparent aria-invalid:ring-0",
|
|
1349
|
-
"textarea": "flex min-h-16 w-full flex-1 resize-none rounded-none border-0 bg-transparent px-3 py-3 text-sm text-neutral-mid placeholder:text-neutral-subtle shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-transparent aria-invalid:ring-0"
|
|
1350
|
-
}
|
|
1351
|
-
},
|
|
1352
|
-
"field": {
|
|
1353
|
-
"root": "group/field flex w-full gap-3 data-[invalid=true]:text-negative-mid",
|
|
1354
|
-
"slots": {
|
|
1355
|
-
"fieldset": "flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
|
|
1356
|
-
"legend": "mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm",
|
|
1357
|
-
"group": "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
|
|
1358
|
-
"vertical": "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
|
|
1359
|
-
"horizontal": "flex-row items-center [&>[data-slot=field-label]]:flex-auto",
|
|
1360
|
-
"responsive": "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
|
|
1361
|
-
"content": "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
|
|
1362
|
-
"label": "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:border-brand-mid has-data-[state=checked]:bg-brand-mid/5 dark:has-data-[state=checked]:bg-brand-mid/10",
|
|
1363
|
-
"title": "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
|
|
1364
|
-
"description": "text-sm leading-normal font-normal text-neutral-mid group-has-[[data-orientation=horizontal]]/field:text-balance last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-brand-mid",
|
|
1365
|
-
"separator": "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
|
|
1366
|
-
"separatorLine": "absolute inset-0 top-1/2",
|
|
1367
|
-
"separatorContent": "relative mx-auto block w-fit bg-layer-below px-2 text-neutral-mid",
|
|
1368
|
-
"error": "text-negative-mid text-sm font-normal",
|
|
1369
|
-
"errorList": "ml-4 flex list-disc flex-col gap-1"
|
|
1370
|
-
}
|
|
1371
|
-
},
|
|
1372
|
-
"empty": {
|
|
1373
|
-
"root": "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
|
|
1374
|
-
"slots": {
|
|
1375
|
-
"header": "flex max-w-sm flex-col items-center gap-2 text-center",
|
|
1376
|
-
"media": "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
1377
|
-
"mediaDefault": "bg-transparent",
|
|
1378
|
-
"mediaIcon": "flex size-10 shrink-0 items-center justify-center rounded-lg bg-neutral-subtle text-neutral-strong [&_svg:not([class*=size-])]:size-6",
|
|
1379
|
-
"title": "text-lg font-medium tracking-tight",
|
|
1380
|
-
"description": "text-sm/relaxed text-neutral-mid [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-brand-mid",
|
|
1381
|
-
"content": "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance"
|
|
1382
|
-
}
|
|
1383
|
-
},
|
|
1384
|
-
"item": {
|
|
1385
|
-
"root": "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-brand-mid focus-visible:ring-[3px] focus-visible:ring-brand-mid/50 [a]:transition-colors [a]:hover:bg-neutral-subtle/50",
|
|
1386
|
-
"slots": {
|
|
1387
|
-
"group": "group/item-group flex flex-col",
|
|
1388
|
-
"separator": "my-0",
|
|
1389
|
-
"variantDefault": "bg-transparent",
|
|
1390
|
-
"variantOutline": "border-neutral-subtle",
|
|
1391
|
-
"variantMuted": "bg-neutral-subtle/50",
|
|
1392
|
-
"sizeDefault": "gap-4 p-4",
|
|
1393
|
-
"sizeSm": "gap-2.5 px-4 py-3",
|
|
1394
|
-
"media": "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
|
|
1395
|
-
"mediaDefault": "bg-transparent",
|
|
1396
|
-
"mediaIcon": "size-8 rounded-sm border bg-neutral-subtle [&_svg:not([class*=size-])]:size-4",
|
|
1397
|
-
"mediaImage": "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
|
|
1398
|
-
"content": "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
|
|
1399
|
-
"title": "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
|
|
1400
|
-
"description": "line-clamp-2 text-sm leading-normal font-normal text-balance text-neutral-mid [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-brand-mid",
|
|
1401
|
-
"actions": "flex items-center gap-2",
|
|
1402
|
-
"header": "flex basis-full items-center justify-between gap-2",
|
|
1403
|
-
"footer": "flex basis-full items-center justify-between gap-2"
|
|
1404
|
-
}
|
|
1405
|
-
},
|
|
1406
|
-
"kbd": {
|
|
1407
|
-
"root": "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-neutral-subtle px-1 font-sans text-xs font-medium text-neutral-mid select-none [&_svg:not([class*=size-])]:size-3 [[data-slot=tooltip-content]_&]:bg-layer-below/20 [[data-slot=tooltip-content]_&]:text-layer-below dark:[[data-slot=tooltip-content]_&]:bg-layer-below/10",
|
|
1408
|
-
"slots": {
|
|
1409
|
-
"group": "inline-flex items-center gap-1"
|
|
1410
|
-
}
|
|
1411
|
-
},
|
|
1412
|
-
"nativeselect": {
|
|
1413
|
-
"root": "group/native-select relative w-fit has-[select:disabled]:opacity-50",
|
|
1414
|
-
"slots": {
|
|
1415
|
-
"select": "h-9 w-full min-w-0 appearance-none rounded-md border border-neutral-subtle bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-brand-mid selection:text-onbrand-mid placeholder:text-neutral-mid disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1 dark:bg-layer-below/30 dark:hover:bg-layer-below/50 focus-visible:border-brand-mid focus-visible:ring-[3px] focus-visible:ring-brand-mid/50 aria-invalid:border-negative-mid aria-invalid:ring-negative-mid/20 dark:aria-invalid:ring-negative-mid/40",
|
|
1416
|
-
"icon": "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-neutral-mid opacity-50 select-none",
|
|
1417
|
-
"option": "bg-[Canvas] text-[CanvasText]"
|
|
1418
|
-
},
|
|
1419
|
-
"icons": {
|
|
1420
|
-
"selector": "ChevronDown"
|
|
1421
|
-
}
|
|
1422
|
-
},
|
|
1423
|
-
"tagsinput": {
|
|
1424
|
-
"root": "flex min-h-9 w-full flex-wrap items-center gap-2 rounded-md border border-neutral-subtle bg-transparent px-3 py-1 shadow-xs focus-within:border-brand-mid focus-within:ring-[3px] focus-within:ring-brand-mid/50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
|
|
1425
|
-
"slots": {
|
|
1426
|
-
"input": "min-w-20 flex-1 bg-transparent outline-none placeholder:text-neutral-mid disabled:cursor-not-allowed",
|
|
1427
|
-
"item": "inline-flex items-center gap-1 rounded-md border bg-neutral-subtle px-2 py-1 text-sm",
|
|
1428
|
-
"text": "",
|
|
1429
|
-
"delete": "rounded-sm opacity-70 hover:opacity-100",
|
|
1430
|
-
"icon": "size-3"
|
|
1431
|
-
},
|
|
1432
|
-
"icons": {
|
|
1433
|
-
"delete": "X"
|
|
1434
|
-
}
|
|
1435
|
-
},
|
|
1436
|
-
"alertdialog": {
|
|
1437
|
-
"overlay": "fixed inset-0 z-50 bg-overlay-mid data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
1438
|
-
"content": "font-primary border border-neutral-subtle fixed left-[50%] top-[50%] z-50 max-w-[90vw] grid w-full lg:max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 border border-neutral-subtle bg-layer-dialog p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-lg shadow-2xl",
|
|
1439
|
-
"header": "flex flex-col space-y-2 gap-0.5 text-left",
|
|
1440
|
-
"footer": "flex flex-row justify-end gap-4",
|
|
1441
|
-
"title": "text-lg font-semibold text-neutral-mid",
|
|
1442
|
-
"description": "text-sm text-neutral-subtle font-medium",
|
|
1443
|
-
"cancel": "sm:mt-0"
|
|
1444
|
-
},
|
|
1445
|
-
"avatargroup": {
|
|
1446
|
-
"root": "flex flex-row relative h-10 w-full font-primary",
|
|
1447
|
-
"avatar": "relative ml-[-8px]"
|
|
1448
|
-
},
|
|
1449
|
-
"checkboxfield": {
|
|
1450
|
-
"root": "flex items-center gap-2 font-primary w-fit",
|
|
1451
|
-
"disabled": "opacity-5"
|
|
1452
|
-
},
|
|
1453
|
-
"datepicker": {
|
|
1454
|
-
"root": "w-[280px] justify-start text-left font-normal gap-y-0 [&>span]:truncate font-primary",
|
|
1455
|
-
"button": "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-normal ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-mid focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-sm font-medium tracking-0 pl-4 pr-4 h-10 bg-neutral-low hover:bg-neutral-mid-hover active:bg-neutral-mid-active disabled:bg-disabled border-neutral-subtle hover:border-neutral-subtle-hovered active:border-neutral-subtle-active disabled:border-disabled border border-t border-b border-r border-l",
|
|
1456
|
-
"isSelected": {
|
|
1457
|
-
"true": "pointer-events-none",
|
|
1458
|
-
"false": "w-full justify-start"
|
|
1459
|
-
},
|
|
1460
|
-
"trigger": {
|
|
1461
|
-
"popover": "w-fit justify-start font-normal text-sm leading-none",
|
|
1462
|
-
"text": "truncate text-default-mid",
|
|
1463
|
-
"select": "w-full mx-auto mb-2"
|
|
1464
|
-
},
|
|
1465
|
-
"popover": {
|
|
1466
|
-
"content": {
|
|
1467
|
-
"root": "flex p-0 items-start gap-6 w-auto flex-col h-[563px] bg-layer-popover z-50",
|
|
1468
|
-
"relaxed": "flex p-0 items-start gap-6 w-auto flex-col lg:flex-row h-[522px] lg:h-auto bg-layer-popover z-50",
|
|
1469
|
-
"range": "w-auto p-0 z-50"
|
|
1470
|
-
}
|
|
1471
|
-
},
|
|
1472
|
-
"presets": {
|
|
1473
|
-
"relaxed": "flex flex-col items-sart gap-2 w-[150px]"
|
|
1474
|
-
},
|
|
1475
|
-
"separator": {
|
|
1476
|
-
"root": "hidden",
|
|
1477
|
-
"relaxed": "h-[397px] shrink-0 hidden lg:flex"
|
|
1478
|
-
},
|
|
1479
|
-
"dateInput": {
|
|
1480
|
-
"relaxed": "lg:flex-row",
|
|
1481
|
-
"root": "flex justify-between gap-6 w-full flex-col",
|
|
1482
|
-
"wrapper": "flex gap-2 w-full",
|
|
1483
|
-
"control": "w-full justify-center",
|
|
1484
|
-
"separator": "py-1"
|
|
1485
|
-
},
|
|
1486
|
-
"calendar": {
|
|
1487
|
-
"container": {
|
|
1488
|
-
"wrapper": "h-[457px]",
|
|
1489
|
-
"root": "flex flex-col gap-2 items-start justify-between",
|
|
1490
|
-
"relaxed": "lg:w-[544px] h-[397px]"
|
|
1491
|
-
}
|
|
1492
|
-
},
|
|
1493
|
-
"buttons": {
|
|
1494
|
-
"root": "flex-1",
|
|
1495
|
-
"relaxed": "lg:flex-initial",
|
|
1496
|
-
"trigger": "w-fit justify-start",
|
|
1497
|
-
"container": {
|
|
1498
|
-
"root": "flex gap-2",
|
|
1499
|
-
"relaxed": "lg:pr-4"
|
|
1500
|
-
}
|
|
1501
|
-
}
|
|
1502
|
-
},
|
|
1503
|
-
"dateinput": {
|
|
1504
|
-
"arrowUp": "ArrowUp",
|
|
1505
|
-
"arrowDown": "ArrowDown",
|
|
1506
|
-
"arrowLeft": "ArrowLeft",
|
|
1507
|
-
"arrowRight": "ArrowRight",
|
|
1508
|
-
"delete": "Delete",
|
|
1509
|
-
"tab": "Tab",
|
|
1510
|
-
"backspace": "Backspace",
|
|
1511
|
-
"enter": "Enter",
|
|
1512
|
-
"root": "flex border rounded-lg items-center text-sm px-1 font-medium leading-5 font-primary text-default-subtle h-10 border-neutral-subtle shadow-sm",
|
|
1513
|
-
"inputs": {
|
|
1514
|
-
"month": "p-0 outline-none w-6 border-none text-center bg-layer-below",
|
|
1515
|
-
"day": "p-0 outline-none w-7 border-none text-center bg-layer-below",
|
|
1516
|
-
"year": "p-0 outline-none w-12 border-none text-center bg-layer-below"
|
|
1517
|
-
},
|
|
1518
|
-
"span": "opacity-20 -mx-px"
|
|
1519
|
-
},
|
|
1520
|
-
"dropdownmenu": {
|
|
1521
|
-
"subTrigger": {
|
|
1522
|
-
"root": "flex cursor-base select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none text-neutral-mid data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
1523
|
-
"icon": "ml-auto"
|
|
1524
|
-
},
|
|
1525
|
-
"subContent": "font-primary z-30 min-w-[8rem] overflow-hidden rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
1526
|
-
"content": "font-primary z-30 min-w-[8rem] gap-y-1 overflow-hidden border-neutral-subtle rounded-md border bg-layer-popover p-1 text-neutral-strong shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
1527
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-subtle-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-neutral-mid hover:text-neutral-mid-hover data-[disabled]:text-disabled flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-subtle-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
1528
|
-
"destructive": {
|
|
1529
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-subtle-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-negative-mid hover:text-negative-mid data-[disabled]:text-negative-mid flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-subtle-hover data-[highlighted]:border-transparent data-[highlighted]:text-negative-mid",
|
|
1530
|
-
"shortcut": "ml-auto tracking-widest text-negative-subtle"
|
|
1531
|
-
},
|
|
1532
|
-
"checkbox": {
|
|
1533
|
-
"item": "group relative leading-snug font-normal border-0 border-transparent gap-x-2 hover:bg-neutral-mid-hover hover:border-transparent data-[disabled]:bg-transparent data-[disabled]:border-transparent text-neutral-mid hover:text-neutral-mid-hover data-[disabled]:text-disabled flex cursor-base select-none bg-transparent items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-neutral-subtle focus:text-neutral-strong data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
1534
|
-
"icon": "h-4 w-4 shrink-0 justify-center"
|
|
1535
|
-
},
|
|
1536
|
-
"radio": {
|
|
1537
|
-
"item": "relative flex cursor-base select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 text-neutral-mid data-[highlighted]:bg-neutral-mid-hover data-[highlighted]:border-transparent data-[highlighted]:text-neutral-mid-hover",
|
|
1538
|
-
"icon": "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
1539
|
-
"indicator": "fill-current"
|
|
1540
|
-
},
|
|
1541
|
-
"label": "bg-transparent border-transparent text-neutral-mid px-2 py-1.5 rounded-sm text-sm leading-snug font-semibold",
|
|
1542
|
-
"separator": "-mx-1 my-1 bg-neutral-subtle h-px",
|
|
1543
|
-
"inset": "pl-8",
|
|
1544
|
-
"trigger": "outline-none",
|
|
1545
|
-
"shortcut": "ml-auto tracking-widest text-neutral-subtle group-hover:text-neutral-subtle-hover disabled:text-disabled"
|
|
1546
|
-
},
|
|
1547
|
-
"multiselect": {
|
|
1548
|
-
"trigger": "flex w-full items-center bg-layer-below h-auto min-h-10 max-h-auto p-3 px-4 justify-between [&_svg]:pointer-events-auto rounded font-normal",
|
|
1549
|
-
"selected": "flex justify-between items-center w-full",
|
|
1550
|
-
"wrapper": "flex flex-wrap items-center gap-2",
|
|
1551
|
-
"optionIcon": "mr-2",
|
|
1552
|
-
"controls": "flex items-center justify-between gap-2",
|
|
1553
|
-
"separator": "flex min-h-6 h-full",
|
|
1554
|
-
"noValue": "flex items-center justify-between w-full mx-auto",
|
|
1555
|
-
"placeholder": "text-sm text-neutral-mid mx-3",
|
|
1556
|
-
"item": "cursor-pointer justify-normal gap-1",
|
|
1557
|
-
"noClearable": "ml-2"
|
|
1558
|
-
},
|
|
1559
|
-
"pdfviewer": {
|
|
1560
|
-
"root": "w-full h-full font-primary",
|
|
1561
|
-
"worker": {
|
|
1562
|
-
"root": "rpv-core__viewer flex h-full relative border",
|
|
1563
|
-
"wrapper": "w-full h-full"
|
|
1564
|
-
},
|
|
1565
|
-
"toolbar": {
|
|
1566
|
-
"root": "items-center rounded-sm bottom-6 flex left-1/2 p-1 absolute z-[1] bg-neutral-subtle translate-x-[-50%]",
|
|
1567
|
-
"icon": {
|
|
1568
|
-
"root": "px-0 py-0.5",
|
|
1569
|
-
"center": "px-0 py-0.5 ml-auto"
|
|
1570
|
-
}
|
|
1571
|
-
},
|
|
1572
|
-
"input": "w-[40px] mr-2",
|
|
1573
|
-
"viewer": "flex-1 overflow-hidden"
|
|
1574
|
-
},
|
|
1575
|
-
"radiogroupfield": {
|
|
1576
|
-
"root": "flex gap-2 font-primary self-stretch p-px",
|
|
1577
|
-
"disabled": "opacity-50"
|
|
1578
|
-
},
|
|
1579
|
-
"timepicker": {
|
|
1580
|
-
"input": "w-full shadow-sm",
|
|
1581
|
-
"select": {
|
|
1582
|
-
"root": "overflow-scroll w-full",
|
|
1583
|
-
"label": "text-neutral-low text-center",
|
|
1584
|
-
"content": "flex h-8 px-[11px] py-[5px] cursor-pointer disabled:cursor-not-allowed text-sm flex-col justify-center items-center flex-1 bg-neutral-low text-neutral-mid data-[state=active]:bg-brand-strong hover:data-[state=active]:bg-brand-strong-hover data-[state=active]:text-onbrand-mid rounded-md",
|
|
1585
|
-
"container": "p-[4px]"
|
|
1586
|
-
},
|
|
1587
|
-
"popover": {
|
|
1588
|
-
"content": "w-[200px] relative py-3 px-2 box-border"
|
|
1589
|
-
},
|
|
1590
|
-
"trigger": "w-[200px]",
|
|
1591
|
-
"wrapper": "h-[200px] w-full flex items-stretch justify-between"
|
|
1592
|
-
},
|
|
1593
|
-
"inputotp": {
|
|
1594
|
-
"root": "flex items-center gap-x-2 has-[:disabled]:opacity-50 font-primary",
|
|
1595
|
-
"group": "flex items-center",
|
|
1596
|
-
"input": "disabled:cursor-not-allowed",
|
|
1597
|
-
"slot": {
|
|
1598
|
-
"root": "p-3 font-medium relative flex h-10 w-10 bg-layer-below text-neutral-subtle items-center justify-center border-y border-r border-neutral-subtle text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md text-center shadow-sm",
|
|
1599
|
-
"active": "z-10 ring-2"
|
|
1600
|
-
},
|
|
1601
|
-
"fakeCaret": {
|
|
1602
|
-
"wrapper": "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
1603
|
-
"root": "h-4 w-px animate-caret-blink bg-neutral-strong duration-1000"
|
|
1604
|
-
}
|
|
1605
|
-
},
|
|
1606
|
-
"phoneinput": {
|
|
1607
|
-
"trigger": {
|
|
1608
|
-
"root": "",
|
|
1609
|
-
"props": {
|
|
1610
|
-
"size": "default"
|
|
1611
|
-
}
|
|
1612
|
-
}
|
|
1613
|
-
},
|
|
1614
|
-
"inputnumber": {
|
|
1615
|
-
"root": "text-center",
|
|
1616
|
-
"prefix": "absolute left-14 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
1617
|
-
"suffix": "absolute right-14 top-1/2 transform -translate-y-1/2 font-medium text-sm font-primary disabled:opacity-100 disabled:bg-disabled disabled:text-disabled disabled:cursor-not-allowed",
|
|
1618
|
-
"padding": "px-16"
|
|
1619
|
-
},
|
|
1620
|
-
"dateslider": {
|
|
1621
|
-
"cell": "w-full",
|
|
1622
|
-
"dialog": {
|
|
1623
|
-
"body": "mb-0 gap-[15px] justify-center",
|
|
1624
|
-
"false": "text-interactive-mid font-bold",
|
|
1625
|
-
"range": "gap-[15px]",
|
|
1626
|
-
"content": "pb-6"
|
|
1627
|
-
},
|
|
1628
|
-
"header": "justify-between gap-2.5 bg-neutral-subtle border border-neutral-low rounded-2xl h-14 px-0.5 py-2",
|
|
1629
|
-
"buttons": {
|
|
1630
|
-
"props": {
|
|
1631
|
-
"variant": "ghost"
|
|
1632
|
-
}
|
|
1633
|
-
},
|
|
1634
|
-
"customRootSlider": "w-full p-0"
|
|
1635
|
-
},
|
|
1636
|
-
"tabbar": {
|
|
1637
|
-
"item": {
|
|
1638
|
-
"fab": "h-full relative hover:opacity-100 hover:cursor-default overflow-visible",
|
|
1639
|
-
"root": "flex px-1 pt-3 flex-col z-20 items-center gap-1 font-primary text-xs leading-none flex-1 bg-transparent text-neutral-low [&>svg]:text-icon-neutral-low hover:opacity-70 hover:cursor-pointer overflow-ellipsis overflow-hidden pb-3 h-auto text-center",
|
|
1640
|
-
"text": "line-clamp-2 self-stretch text-center overflow-ellipsis",
|
|
1641
|
-
"active": "font-semibold text-interactive-mid [&>svg]:text-icon-interactive-mid",
|
|
1642
|
-
"content": {
|
|
1643
|
-
"root": "absolute top-[-32px] flex justify-center items-center gap-2 pt-4 w-14 h-14"
|
|
1644
|
-
}
|
|
1645
|
-
},
|
|
1646
|
-
"root": "flex w-full relative flex-col bg-layer-below",
|
|
1647
|
-
"content": "flex justify-center items-start gap-0 w-full self-stretch z-20",
|
|
1648
|
-
"wrapper": "flex fixed bottom-0 w-full left-1/2 transform z-10 -translate-x-1/2 pb-safe-bottom flex-col"
|
|
1649
|
-
},
|
|
1650
|
-
"collapsible": {
|
|
1651
|
-
"root": "w-full",
|
|
1652
|
-
"slots": {
|
|
1653
|
-
"trigger": "inline-flex items-center justify-between gap-2",
|
|
1654
|
-
"content": "overflow-hidden"
|
|
1655
|
-
}
|
|
1656
|
-
},
|
|
1657
|
-
"icon": {
|
|
1658
|
-
"root": "shrink-0"
|
|
1659
|
-
},
|
|
1660
|
-
"themeprovider": {
|
|
1661
|
-
"root": "contents",
|
|
1662
|
-
"slots": {
|
|
1663
|
-
"themePicker": {
|
|
1664
|
-
"srOnly": "sr-only"
|
|
1665
|
-
}
|
|
1666
|
-
}
|
|
1667
|
-
},
|
|
1668
|
-
"themepicker": {
|
|
1669
|
-
"root": "inline-flex items-center gap-2 rounded-md border border-neutral-subtle bg-layer-below p-1",
|
|
1670
|
-
"slots": {
|
|
1671
|
-
"icon": {
|
|
1672
|
-
"light": "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90",
|
|
1673
|
-
"dark": "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
|
|
1674
|
-
},
|
|
1675
|
-
"srOnly": "sr-only"
|
|
1676
|
-
}
|
|
1677
|
-
}
|
|
1678
|
-
}
|