@profiq/ui 0.1.2 → 0.1.4
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/components/ui/buttonVariants.d.ts.map +1 -1
- package/dist/components/ui/buttonVariants.js +2 -2
- package/dist/components/ui/slider.js +23 -23
- package/dist/index.css +161 -260
- package/dist/lib/baseProps.d.ts +2 -2
- package/dist/lib/baseProps.d.ts.map +1 -1
- package/dist/lib/baseProps.js +6 -6
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +171 -171
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +191 -190
- package/dist/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +125 -101
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +97 -97
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +60 -62
- package/package.json +4 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../../src/components/ui/buttonVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;
|
|
1
|
+
{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../../src/components/ui/buttonVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;iEAgC1B,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
|
|
2
2
|
const i = e(
|
|
3
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive text-
|
|
3
|
+
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive text-[var(--primary-foreground)]",
|
|
4
4
|
{
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
|
-
default: "bg-primary text-
|
|
7
|
+
default: "bg-primary text-[var(--primary-foreground)] hover:bg-primary/90",
|
|
8
8
|
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
9
9
|
outline: "text-foreground border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
10
10
|
secondary: "text-primary border border-primary hover:bg-primary/15",
|
|
@@ -6,28 +6,28 @@ import { Root as N, Track as z, Range as A, Thumb as h } from "../../node_module
|
|
|
6
6
|
function M({
|
|
7
7
|
className: b,
|
|
8
8
|
defaultValue: o,
|
|
9
|
-
thumbClassname:
|
|
10
|
-
rangeClassname:
|
|
11
|
-
tooltip:
|
|
12
|
-
tooltipClassname:
|
|
13
|
-
prefix:
|
|
14
|
-
suffix:
|
|
15
|
-
invalid:
|
|
16
|
-
value:
|
|
9
|
+
thumbClassname: s = "",
|
|
10
|
+
rangeClassname: v = "",
|
|
11
|
+
tooltip: g = !1,
|
|
12
|
+
tooltipClassname: u = "",
|
|
13
|
+
prefix: m = "",
|
|
14
|
+
suffix: f = "",
|
|
15
|
+
invalid: i = !1,
|
|
16
|
+
value: e,
|
|
17
17
|
min: t = 0,
|
|
18
18
|
max: a = 100,
|
|
19
19
|
...p
|
|
20
20
|
}) {
|
|
21
|
-
const
|
|
22
|
-
() => Array.isArray(
|
|
23
|
-
[
|
|
21
|
+
const d = w.useMemo(
|
|
22
|
+
() => Array.isArray(e) ? e : Array.isArray(o) ? o : [t, a],
|
|
23
|
+
[e, o, t, a]
|
|
24
24
|
);
|
|
25
25
|
return /* @__PURE__ */ r(y, { children: /* @__PURE__ */ c(
|
|
26
26
|
N,
|
|
27
27
|
{
|
|
28
28
|
"data-slot": "slider",
|
|
29
29
|
defaultValue: o,
|
|
30
|
-
value:
|
|
30
|
+
value: e,
|
|
31
31
|
min: t,
|
|
32
32
|
max: a,
|
|
33
33
|
className: l(
|
|
@@ -49,16 +49,16 @@ function M({
|
|
|
49
49
|
"data-slot": "slider-range",
|
|
50
50
|
className: l(
|
|
51
51
|
"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
v,
|
|
53
|
+
i ? "bg-[var(--destructive)]" : "bg-[var(--primary)]"
|
|
54
54
|
)
|
|
55
55
|
}
|
|
56
56
|
)
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
59
|
Array.from(
|
|
60
|
-
{ length:
|
|
61
|
-
(x, n) =>
|
|
60
|
+
{ length: d.length },
|
|
61
|
+
(x, n) => g ? /* @__PURE__ */ c(T, { children: [
|
|
62
62
|
/* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ r(
|
|
63
63
|
h,
|
|
64
64
|
{
|
|
@@ -66,17 +66,17 @@ function M({
|
|
|
66
66
|
className: `border-primary ring-ring/50 block size-4 shrink-0 rounded-full border
|
|
67
67
|
bg-white shadow-sm transition-[color,box-shadow]
|
|
68
68
|
hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden
|
|
69
|
-
disabled:pointer-events-none disabled:opacity-50 ${
|
|
70
|
-
${
|
|
69
|
+
disabled:pointer-events-none disabled:opacity-50 ${s}
|
|
70
|
+
${i ? "!border-[var(--destructive)] !ring-[var(--destructive)]" : "!border-[var(--primary)] !ring-[var(--ring)]"}`
|
|
71
71
|
},
|
|
72
72
|
n
|
|
73
73
|
) }),
|
|
74
74
|
/* @__PURE__ */ r(
|
|
75
75
|
k,
|
|
76
76
|
{
|
|
77
|
-
className:
|
|
78
|
-
invalid:
|
|
79
|
-
children: `${
|
|
77
|
+
className: u,
|
|
78
|
+
invalid: i,
|
|
79
|
+
children: `${m}${d[n]}${f}`
|
|
80
80
|
}
|
|
81
81
|
)
|
|
82
82
|
] }) : /* @__PURE__ */ r(
|
|
@@ -86,8 +86,8 @@ function M({
|
|
|
86
86
|
className: `border-primary ring-ring/50 block size-4 shrink-0 rounded-full border
|
|
87
87
|
bg-white shadow-sm transition-[color,box-shadow]
|
|
88
88
|
hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden
|
|
89
|
-
disabled:pointer-events-none disabled:opacity-50 ${
|
|
90
|
-
${
|
|
89
|
+
disabled:pointer-events-none disabled:opacity-50 ${s}
|
|
90
|
+
${i ? "!border-[var(--destructive)] !ring-[var(--destructive)]" : "!border-[var(--foreground)] !ring-[var(--foreground)]"}`
|
|
91
91
|
},
|
|
92
92
|
n
|
|
93
93
|
)
|
package/dist/index.css
CHANGED
|
@@ -98,8 +98,38 @@
|
|
|
98
98
|
--sidebar-ring: var(--ring);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
.profiq-dark {
|
|
102
|
+
--background: var(--brand-gradient);
|
|
103
|
+
--foreground: #ffffff;
|
|
104
|
+
--card: #0f172a;
|
|
105
|
+
--card-foreground: #ffffff;
|
|
106
|
+
--popover: #0f172a;
|
|
107
|
+
--popover-foreground: #ffffff;
|
|
108
|
+
--primary: var(--brand-green);
|
|
109
|
+
--primary-foreground: #ffffff;
|
|
110
|
+
--secondary: color-mix(in srgb, var(--brand-grey) 25%, #0f172a);
|
|
111
|
+
--secondary-foreground: #ffffff;
|
|
112
|
+
--muted: #111827;
|
|
113
|
+
--muted-foreground: color-mix(in srgb, white 75%, var(--brand-grey));
|
|
114
|
+
--accent: color-mix(in srgb, var(--brand-green) 70%, #0b1220);
|
|
115
|
+
--accent-foreground: #ffffff;
|
|
116
|
+
--destructive: #ef4444;
|
|
117
|
+
--destructive-foreground: #0b1220;
|
|
118
|
+
--border: color-mix(in srgb, white 12%, #0f172a);
|
|
119
|
+
--input: color-mix(in srgb, white 14%, #0f172a);
|
|
120
|
+
--ring: color-mix(in srgb, var(--brand-green) 45%, white);
|
|
121
|
+
--sidebar: #0f172a;
|
|
122
|
+
--sidebar-foreground: #ffffff;
|
|
123
|
+
--sidebar-primary: var(--brand-green);
|
|
124
|
+
--sidebar-primary-foreground: #0b1220;
|
|
125
|
+
--sidebar-accent: #111827;
|
|
126
|
+
--sidebar-accent-foreground: #ffffff;
|
|
127
|
+
--sidebar-border: var(--border);
|
|
128
|
+
--sidebar-ring: var(--ring);
|
|
129
|
+
}
|
|
130
|
+
|
|
101
131
|
.shadcn {
|
|
102
|
-
--radius: 0.
|
|
132
|
+
--radius: 0.65rem;
|
|
103
133
|
--background: oklch(1 0 0);
|
|
104
134
|
--foreground: oklch(0.145 0 0);
|
|
105
135
|
--card: oklch(1 0 0);
|
|
@@ -115,7 +145,6 @@
|
|
|
115
145
|
--accent: oklch(0.97 0 0);
|
|
116
146
|
--accent-foreground: oklch(0.205 0 0);
|
|
117
147
|
--destructive: oklch(0.577 0.245 27.325);
|
|
118
|
-
--destructive-foreground: oklch(0.985 0 0);
|
|
119
148
|
--border: oklch(0.922 0 0);
|
|
120
149
|
--input: oklch(0.922 0 0);
|
|
121
150
|
--ring: oklch(0.708 0 0);
|
|
@@ -124,6 +153,7 @@
|
|
|
124
153
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
125
154
|
--chart-4: oklch(0.828 0.189 84.429);
|
|
126
155
|
--chart-5: oklch(0.769 0.188 70.08);
|
|
156
|
+
--radius: 0.625rem;
|
|
127
157
|
--sidebar: oklch(0.985 0 0);
|
|
128
158
|
--sidebar-foreground: oklch(0.145 0 0);
|
|
129
159
|
--sidebar-primary: oklch(0.205 0 0);
|
|
@@ -134,42 +164,12 @@
|
|
|
134
164
|
--sidebar-ring: oklch(0.708 0 0);
|
|
135
165
|
}
|
|
136
166
|
|
|
137
|
-
.profiq-dark {
|
|
138
|
-
--background: var(--brand-gradient);
|
|
139
|
-
--foreground: #ffffff;
|
|
140
|
-
--card: #0f172a;
|
|
141
|
-
--card-foreground: #ffffff;
|
|
142
|
-
--popover: #0f172a;
|
|
143
|
-
--popover-foreground: #ffffff;
|
|
144
|
-
--primary: var(--brand-green);
|
|
145
|
-
--primary-foreground: #ffffff;
|
|
146
|
-
--secondary: color-mix(in srgb, var(--brand-grey) 25%, #0f172a);
|
|
147
|
-
--secondary-foreground: #ffffff;
|
|
148
|
-
--muted: #111827;
|
|
149
|
-
--muted-foreground: color-mix(in srgb, white 75%, var(--brand-grey));
|
|
150
|
-
--accent: color-mix(in srgb, var(--brand-green) 70%, #0b1220);
|
|
151
|
-
--accent-foreground: #ffffff;
|
|
152
|
-
--destructive: #ef4444;
|
|
153
|
-
--destructive-foreground: #0b1220;
|
|
154
|
-
--border: color-mix(in srgb, white 12%, #0f172a);
|
|
155
|
-
--input: color-mix(in srgb, white 14%, #0f172a);
|
|
156
|
-
--ring: color-mix(in srgb, var(--brand-green) 45%, white);
|
|
157
|
-
--sidebar: #0f172a;
|
|
158
|
-
--sidebar-foreground: #ffffff;
|
|
159
|
-
--sidebar-primary: var(--brand-green);
|
|
160
|
-
--sidebar-primary-foreground: #0b1220;
|
|
161
|
-
--sidebar-accent: #111827;
|
|
162
|
-
--sidebar-accent-foreground: #ffffff;
|
|
163
|
-
--sidebar-border: var(--border);
|
|
164
|
-
--sidebar-ring: var(--ring);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
167
|
.shadcn-dark {
|
|
168
168
|
--background: oklch(0.145 0 0);
|
|
169
169
|
--foreground: oklch(0.985 0 0);
|
|
170
170
|
--card: oklch(0.205 0 0);
|
|
171
171
|
--card-foreground: oklch(0.985 0 0);
|
|
172
|
-
--popover: oklch(0.
|
|
172
|
+
--popover: oklch(0.205 0 0);
|
|
173
173
|
--popover-foreground: oklch(0.985 0 0);
|
|
174
174
|
--primary: oklch(0.922 0 0);
|
|
175
175
|
--primary-foreground: oklch(0.205 0 0);
|
|
@@ -177,10 +177,9 @@
|
|
|
177
177
|
--secondary-foreground: oklch(0.985 0 0);
|
|
178
178
|
--muted: oklch(0.269 0 0);
|
|
179
179
|
--muted-foreground: oklch(0.708 0 0);
|
|
180
|
-
--accent: oklch(0.
|
|
180
|
+
--accent: oklch(0.269 0 0);
|
|
181
181
|
--accent-foreground: oklch(0.985 0 0);
|
|
182
182
|
--destructive: oklch(0.704 0.191 22.216);
|
|
183
|
-
--destructive-foreground: oklch(0.985 0 0);
|
|
184
183
|
--border: oklch(1 0 0 / 10%);
|
|
185
184
|
--input: oklch(1 0 0 / 15%);
|
|
186
185
|
--ring: oklch(0.556 0 0);
|
|
@@ -196,243 +195,145 @@
|
|
|
196
195
|
--sidebar-accent: oklch(0.269 0 0);
|
|
197
196
|
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
198
197
|
--sidebar-border: oklch(1 0 0 / 10%);
|
|
199
|
-
--sidebar-ring: oklch(0.
|
|
198
|
+
--sidebar-ring: oklch(0.556 0 0);
|
|
200
199
|
}
|
|
201
200
|
|
|
202
|
-
.
|
|
203
|
-
--
|
|
204
|
-
--
|
|
201
|
+
.green {
|
|
202
|
+
--radius: 0.65rem;
|
|
203
|
+
--background: oklch(1 0 0);
|
|
204
|
+
--foreground: oklch(0.141 0.005 285.823);
|
|
205
205
|
--card: oklch(1 0 0);
|
|
206
|
-
--card-foreground: oklch(0.
|
|
206
|
+
--card-foreground: oklch(0.141 0.005 285.823);
|
|
207
207
|
--popover: oklch(1 0 0);
|
|
208
|
-
--popover-foreground: oklch(0.
|
|
209
|
-
--primary: oklch(0.
|
|
210
|
-
--primary-foreground: oklch(0 0
|
|
211
|
-
--secondary: oklch(0.
|
|
212
|
-
--secondary-foreground: oklch(0.
|
|
213
|
-
--muted: oklch(0.
|
|
214
|
-
--muted-foreground: oklch(0.
|
|
215
|
-
--accent: oklch(0.
|
|
216
|
-
--accent-foreground: oklch(0.
|
|
217
|
-
--destructive: oklch(0.
|
|
218
|
-
--
|
|
219
|
-
--
|
|
220
|
-
--
|
|
221
|
-
--
|
|
222
|
-
--chart-
|
|
223
|
-
--chart-
|
|
224
|
-
--chart-
|
|
225
|
-
--chart-
|
|
226
|
-
--
|
|
227
|
-
--sidebar: oklch(
|
|
228
|
-
--sidebar-
|
|
229
|
-
--sidebar-primary: oklch(0.
|
|
230
|
-
--sidebar-
|
|
231
|
-
--sidebar-accent: oklch(0.
|
|
232
|
-
--sidebar-
|
|
233
|
-
--sidebar-
|
|
234
|
-
--sidebar-ring: oklch(0.8871 0.2122 128.5041);
|
|
235
|
-
--font-sans: Inter, system-ui, sans-serif;
|
|
236
|
-
--font-serif: Georgia, serif;
|
|
237
|
-
--font-mono: JetBrains Mono, monospace;
|
|
238
|
-
--radius: 1rem;
|
|
239
|
-
--shadow-x: 0px;
|
|
240
|
-
--shadow-y: 8px;
|
|
241
|
-
--shadow-blur: 20px;
|
|
242
|
-
--shadow-spread: 0px;
|
|
243
|
-
--shadow-opacity: 0.05;
|
|
244
|
-
--shadow-color: #000000;
|
|
245
|
-
--shadow-2xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03);
|
|
246
|
-
--shadow-xs: 0px 8px 20px 0px hsl(0 0% 0% / 0.03);
|
|
247
|
-
--shadow-sm:
|
|
248
|
-
0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
249
|
-
--shadow:
|
|
250
|
-
0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
251
|
-
--shadow-md:
|
|
252
|
-
0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
|
|
253
|
-
--shadow-lg:
|
|
254
|
-
0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
|
|
255
|
-
--shadow-xl:
|
|
256
|
-
0px 8px 20px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
|
|
257
|
-
--shadow-2xl: 0px 8px 20px 0px hsl(0 0% 0% / 0.13);
|
|
258
|
-
--tracking-normal: -0.01em;
|
|
259
|
-
--spacing: 0.25rem;
|
|
208
|
+
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
209
|
+
--primary: oklch(0.648 0.2 131.684);
|
|
210
|
+
--primary-foreground: oklch(0.986 0.031 120.757);
|
|
211
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
212
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
213
|
+
--muted: oklch(0.967 0.001 286.375);
|
|
214
|
+
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
215
|
+
--accent: oklch(0.967 0.001 286.375);
|
|
216
|
+
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
217
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
218
|
+
--border: oklch(0.92 0.004 286.32);
|
|
219
|
+
--input: oklch(0.92 0.004 286.32);
|
|
220
|
+
--ring: oklch(0.841 0.238 128.85);
|
|
221
|
+
--chart-1: oklch(0.871 0.15 154.449);
|
|
222
|
+
--chart-2: oklch(0.723 0.219 149.579);
|
|
223
|
+
--chart-3: oklch(0.627 0.194 149.214);
|
|
224
|
+
--chart-4: oklch(0.527 0.154 150.069);
|
|
225
|
+
--chart-5: oklch(0.448 0.119 151.328);
|
|
226
|
+
--sidebar: oklch(0.985 0 0);
|
|
227
|
+
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
228
|
+
--sidebar-primary: oklch(0.648 0.2 131.684);
|
|
229
|
+
--sidebar-primary-foreground: oklch(0.986 0.031 120.757);
|
|
230
|
+
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
231
|
+
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
232
|
+
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
233
|
+
--sidebar-ring: oklch(0.841 0.238 128.85);
|
|
260
234
|
}
|
|
261
235
|
|
|
262
|
-
.
|
|
263
|
-
--background: oklch(0.
|
|
264
|
-
--foreground: oklch(0.
|
|
265
|
-
--card: oklch(0.
|
|
266
|
-
--card-foreground: oklch(0.
|
|
267
|
-
--popover: oklch(0.
|
|
268
|
-
--popover-foreground: oklch(0.
|
|
269
|
-
--primary: oklch(0.
|
|
270
|
-
--primary-foreground: oklch(0 0
|
|
271
|
-
--secondary: oklch(0.
|
|
272
|
-
--secondary-foreground: oklch(0.
|
|
273
|
-
--muted: oklch(0.
|
|
274
|
-
--muted-foreground: oklch(0.
|
|
275
|
-
--accent: oklch(0.
|
|
276
|
-
--accent-foreground: oklch(0.
|
|
277
|
-
--destructive: oklch(0.
|
|
278
|
-
--
|
|
279
|
-
--
|
|
280
|
-
--
|
|
281
|
-
--
|
|
282
|
-
--chart-
|
|
283
|
-
--chart-
|
|
284
|
-
--chart-
|
|
285
|
-
--chart-
|
|
286
|
-
--
|
|
287
|
-
--sidebar: oklch(0.
|
|
288
|
-
--sidebar-
|
|
289
|
-
--sidebar-primary: oklch(0.
|
|
290
|
-
--sidebar-
|
|
291
|
-
--sidebar-accent: oklch(0.
|
|
292
|
-
--sidebar-
|
|
293
|
-
--sidebar-
|
|
294
|
-
--sidebar-ring: oklch(0.8871 0.2122 128.5041);
|
|
295
|
-
--font-sans: Inter, system-ui, sans-serif;
|
|
296
|
-
--font-serif: Georgia, serif;
|
|
297
|
-
--font-mono: JetBrains Mono, monospace;
|
|
298
|
-
--radius: 1rem;
|
|
299
|
-
--shadow-x: 0px;
|
|
300
|
-
--shadow-y: 10px;
|
|
301
|
-
--shadow-blur: 25px;
|
|
302
|
-
--shadow-spread: 0px;
|
|
303
|
-
--shadow-opacity: 0.4;
|
|
304
|
-
--shadow-color: #000000;
|
|
305
|
-
--shadow-2xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.2);
|
|
306
|
-
--shadow-xs: 0px 10px 25px 0px hsl(0 0% 0% / 0.2);
|
|
307
|
-
--shadow-sm:
|
|
308
|
-
0px 10px 25px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
|
|
309
|
-
--shadow:
|
|
310
|
-
0px 10px 25px 0px hsl(0 0% 0% / 0.4), 0px 1px 2px -1px hsl(0 0% 0% / 0.4);
|
|
311
|
-
--shadow-md:
|
|
312
|
-
0px 10px 25px 0px hsl(0 0% 0% / 0.4), 0px 2px 4px -1px hsl(0 0% 0% / 0.4);
|
|
313
|
-
--shadow-lg:
|
|
314
|
-
0px 10px 25px 0px hsl(0 0% 0% / 0.4), 0px 4px 6px -1px hsl(0 0% 0% / 0.4);
|
|
315
|
-
--shadow-xl:
|
|
316
|
-
0px 10px 25px 0px hsl(0 0% 0% / 0.4), 0px 8px 10px -1px hsl(0 0% 0% / 0.4);
|
|
317
|
-
--shadow-2xl: 0px 10px 25px 0px hsl(0 0% 0% / 1);
|
|
236
|
+
.green-dark {
|
|
237
|
+
--background: oklch(0.141 0.005 285.823);
|
|
238
|
+
--foreground: oklch(0.985 0 0);
|
|
239
|
+
--card: oklch(0.21 0.006 285.885);
|
|
240
|
+
--card-foreground: oklch(0.985 0 0);
|
|
241
|
+
--popover: oklch(0.21 0.006 285.885);
|
|
242
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
243
|
+
--primary: oklch(0.648 0.2 131.684);
|
|
244
|
+
--primary-foreground: oklch(0.986 0.031 120.757);
|
|
245
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
246
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
247
|
+
--muted: oklch(0.274 0.006 286.033);
|
|
248
|
+
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
249
|
+
--accent: oklch(0.274 0.006 286.033);
|
|
250
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
251
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
252
|
+
--border: oklch(1 0 0 / 10%);
|
|
253
|
+
--input: oklch(1 0 0 / 15%);
|
|
254
|
+
--ring: oklch(0.405 0.101 131.063);
|
|
255
|
+
--chart-1: oklch(0.871 0.15 154.449);
|
|
256
|
+
--chart-2: oklch(0.723 0.219 149.579);
|
|
257
|
+
--chart-3: oklch(0.627 0.194 149.214);
|
|
258
|
+
--chart-4: oklch(0.527 0.154 150.069);
|
|
259
|
+
--chart-5: oklch(0.448 0.119 151.328);
|
|
260
|
+
--sidebar: oklch(0.21 0.006 285.885);
|
|
261
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
262
|
+
--sidebar-primary: oklch(0.768 0.233 130.85);
|
|
263
|
+
--sidebar-primary-foreground: oklch(0.986 0.031 120.757);
|
|
264
|
+
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
265
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
266
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
267
|
+
--sidebar-ring: oklch(0.405 0.101 131.063);
|
|
318
268
|
}
|
|
319
269
|
|
|
320
|
-
.
|
|
321
|
-
--
|
|
322
|
-
--
|
|
270
|
+
.red {
|
|
271
|
+
--radius: 0.65rem;
|
|
272
|
+
--background: oklch(1 0 0);
|
|
273
|
+
--foreground: oklch(0.141 0.005 285.823);
|
|
323
274
|
--card: oklch(1 0 0);
|
|
324
|
-
--card-foreground: oklch(0.
|
|
275
|
+
--card-foreground: oklch(0.141 0.005 285.823);
|
|
325
276
|
--popover: oklch(1 0 0);
|
|
326
|
-
--popover-foreground: oklch(0.
|
|
327
|
-
--primary: oklch(0.
|
|
328
|
-
--primary-foreground: oklch(
|
|
329
|
-
--secondary: oklch(0.
|
|
330
|
-
--secondary-foreground: oklch(
|
|
331
|
-
--muted: oklch(0.
|
|
332
|
-
--muted-foreground: oklch(0.
|
|
333
|
-
--accent: oklch(0.
|
|
334
|
-
--accent-foreground: oklch(0.
|
|
335
|
-
--destructive: oklch(0.
|
|
336
|
-
--
|
|
337
|
-
--
|
|
338
|
-
--
|
|
339
|
-
--
|
|
340
|
-
--chart-
|
|
341
|
-
--chart-
|
|
342
|
-
--chart-
|
|
343
|
-
--chart-
|
|
344
|
-
--
|
|
345
|
-
--sidebar: oklch(0.
|
|
346
|
-
--sidebar-
|
|
347
|
-
--sidebar-primary: oklch(0.
|
|
348
|
-
--sidebar-
|
|
349
|
-
--sidebar-accent: oklch(0.
|
|
350
|
-
--sidebar-
|
|
351
|
-
--sidebar-
|
|
352
|
-
--sidebar-ring: oklch(0.4284 0.172 259.7023);
|
|
353
|
-
--font-sans: "Montserrat", sans-serif;
|
|
354
|
-
--font-serif: "Playfair Display", serif;
|
|
355
|
-
--font-mono: "Fira Code", monospace;
|
|
356
|
-
--radius: 0.75rem;
|
|
357
|
-
--shadow-x: 0px;
|
|
358
|
-
--shadow-y: 4px;
|
|
359
|
-
--shadow-blur: 10px;
|
|
360
|
-
--shadow-spread: 0px;
|
|
361
|
-
--shadow-opacity: 0.05;
|
|
362
|
-
--shadow-color: #000000;
|
|
363
|
-
--shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.03);
|
|
364
|
-
--shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.03);
|
|
365
|
-
--shadow-sm:
|
|
366
|
-
0px 4px 10px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
367
|
-
--shadow:
|
|
368
|
-
0px 4px 10px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
|
|
369
|
-
--shadow-md:
|
|
370
|
-
0px 4px 10px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
|
|
371
|
-
--shadow-lg:
|
|
372
|
-
0px 4px 10px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
|
|
373
|
-
--shadow-xl:
|
|
374
|
-
0px 4px 10px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
|
|
375
|
-
--shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.13);
|
|
376
|
-
--tracking-normal: 0.02em;
|
|
377
|
-
--spacing: 0.25rem;
|
|
277
|
+
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
278
|
+
--primary: oklch(0.577 0.245 27.325);
|
|
279
|
+
--primary-foreground: oklch(0.971 0.013 17.38);
|
|
280
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
281
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
282
|
+
--muted: oklch(0.967 0.001 286.375);
|
|
283
|
+
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
284
|
+
--accent: oklch(0.967 0.001 286.375);
|
|
285
|
+
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
286
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
287
|
+
--border: oklch(0.92 0.004 286.32);
|
|
288
|
+
--input: oklch(0.92 0.004 286.32);
|
|
289
|
+
--ring: oklch(0.704 0.191 22.216);
|
|
290
|
+
--chart-1: oklch(0.808 0.114 19.571);
|
|
291
|
+
--chart-2: oklch(0.637 0.237 25.331);
|
|
292
|
+
--chart-3: oklch(0.577 0.245 27.325);
|
|
293
|
+
--chart-4: oklch(0.505 0.213 27.518);
|
|
294
|
+
--chart-5: oklch(0.444 0.177 26.899);
|
|
295
|
+
--sidebar: oklch(0.985 0 0);
|
|
296
|
+
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
297
|
+
--sidebar-primary: oklch(0.577 0.245 27.325);
|
|
298
|
+
--sidebar-primary-foreground: oklch(0.971 0.013 17.38);
|
|
299
|
+
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
300
|
+
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
301
|
+
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
302
|
+
--sidebar-ring: oklch(0.704 0.191 22.216);
|
|
378
303
|
}
|
|
379
304
|
|
|
380
|
-
.
|
|
381
|
-
--background: oklch(0.
|
|
382
|
-
--foreground: oklch(
|
|
383
|
-
--card: oklch(0.
|
|
384
|
-
--card-foreground: oklch(
|
|
385
|
-
--popover: oklch(0.
|
|
386
|
-
--popover-foreground: oklch(
|
|
387
|
-
--primary: oklch(0.
|
|
388
|
-
--primary-foreground: oklch(0.
|
|
389
|
-
--secondary: oklch(0.
|
|
390
|
-
--secondary-foreground: oklch(
|
|
391
|
-
--muted: oklch(0.
|
|
392
|
-
--muted-foreground: oklch(0.
|
|
393
|
-
--accent: oklch(0.
|
|
394
|
-
--accent-foreground: oklch(
|
|
395
|
-
--destructive: oklch(0.
|
|
396
|
-
--
|
|
397
|
-
--
|
|
398
|
-
--
|
|
399
|
-
--
|
|
400
|
-
--chart-
|
|
401
|
-
--chart-
|
|
402
|
-
--chart-
|
|
403
|
-
--chart-
|
|
404
|
-
--
|
|
405
|
-
--sidebar: oklch(0.
|
|
406
|
-
--sidebar-
|
|
407
|
-
--sidebar-primary: oklch(0.
|
|
408
|
-
--sidebar-
|
|
409
|
-
--sidebar-accent: oklch(0.
|
|
410
|
-
--sidebar-
|
|
411
|
-
--sidebar-
|
|
412
|
-
--sidebar-ring: oklch(0.7222 0.1514 248.5089);
|
|
413
|
-
--font-sans: "Montserrat", sans-serif;
|
|
414
|
-
--font-serif: "Playfair Display", serif;
|
|
415
|
-
--font-mono: "Fira Code", monospace;
|
|
416
|
-
--radius: 0.75rem;
|
|
417
|
-
--shadow-x: 0px;
|
|
418
|
-
--shadow-y: 12px;
|
|
419
|
-
--shadow-blur: 25px;
|
|
420
|
-
--shadow-spread: 0px;
|
|
421
|
-
--shadow-opacity: 0.6;
|
|
422
|
-
--shadow-color: #000000;
|
|
423
|
-
--shadow-2xs: 0px 12px 25px 0px hsl(0 0% 0% / 0.3);
|
|
424
|
-
--shadow-xs: 0px 12px 25px 0px hsl(0 0% 0% / 0.3);
|
|
425
|
-
--shadow-sm:
|
|
426
|
-
0px 12px 25px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
|
|
427
|
-
--shadow:
|
|
428
|
-
0px 12px 25px 0px hsl(0 0% 0% / 0.6), 0px 1px 2px -1px hsl(0 0% 0% / 0.6);
|
|
429
|
-
--shadow-md:
|
|
430
|
-
0px 12px 25px 0px hsl(0 0% 0% / 0.6), 0px 2px 4px -1px hsl(0 0% 0% / 0.6);
|
|
431
|
-
--shadow-lg:
|
|
432
|
-
0px 12px 25px 0px hsl(0 0% 0% / 0.6), 0px 4px 6px -1px hsl(0 0% 0% / 0.6);
|
|
433
|
-
--shadow-xl:
|
|
434
|
-
0px 12px 25px 0px hsl(0 0% 0% / 0.6), 0px 8px 10px -1px hsl(0 0% 0% / 0.6);
|
|
435
|
-
--shadow-2xl: 0px 12px 25px 0px hsl(0 0% 0% / 1.5);
|
|
305
|
+
.red-dark {
|
|
306
|
+
--background: oklch(0.141 0.005 285.823);
|
|
307
|
+
--foreground: oklch(0.985 0 0);
|
|
308
|
+
--card: oklch(0.21 0.006 285.885);
|
|
309
|
+
--card-foreground: oklch(0.985 0 0);
|
|
310
|
+
--popover: oklch(0.21 0.006 285.885);
|
|
311
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
312
|
+
--primary: oklch(0.637 0.237 25.331);
|
|
313
|
+
--primary-foreground: oklch(0.971 0.013 17.38);
|
|
314
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
315
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
316
|
+
--muted: oklch(0.274 0.006 286.033);
|
|
317
|
+
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
318
|
+
--accent: oklch(0.274 0.006 286.033);
|
|
319
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
320
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
321
|
+
--border: oklch(1 0 0 / 10%);
|
|
322
|
+
--input: oklch(1 0 0 / 15%);
|
|
323
|
+
--ring: oklch(0.396 0.141 25.723);
|
|
324
|
+
--chart-1: oklch(0.808 0.114 19.571);
|
|
325
|
+
--chart-2: oklch(0.637 0.237 25.331);
|
|
326
|
+
--chart-3: oklch(0.577 0.245 27.325);
|
|
327
|
+
--chart-4: oklch(0.505 0.213 27.518);
|
|
328
|
+
--chart-5: oklch(0.444 0.177 26.899);
|
|
329
|
+
--sidebar: oklch(0.21 0.006 285.885);
|
|
330
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
331
|
+
--sidebar-primary: oklch(0.637 0.237 25.331);
|
|
332
|
+
--sidebar-primary-foreground: oklch(0.971 0.013 17.38);
|
|
333
|
+
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
334
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
335
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
336
|
+
--sidebar-ring: oklch(0.396 0.141 25.723);
|
|
436
337
|
}
|
|
437
338
|
|
|
438
339
|
@theme inline {
|
package/dist/lib/baseProps.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export type BaseProps = {
|
|
|
4
4
|
ariaLabel?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
};
|
|
7
|
-
export type Theme = "profiq" | "profiq-dark" | "shadcn" | "shadcn-dark" | "
|
|
8
|
-
export declare const themes: readonly ["profiq", "profiq-dark", "shadcn", "shadcn-dark", "
|
|
7
|
+
export type Theme = "profiq" | "profiq-dark" | "shadcn" | "shadcn-dark" | "green" | "green-dark" | "red" | "red-dark";
|
|
8
|
+
export declare const themes: readonly ["profiq", "profiq-dark", "shadcn", "shadcn-dark", "green", "green-dark", "red", "red-dark"];
|
|
9
9
|
//# sourceMappingURL=baseProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../src/lib/baseProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,KAAK,GACb,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,
|
|
1
|
+
{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../src/lib/baseProps.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,KAAK,GACb,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,aAAa,GACb,OAAO,GACP,YAAY,GACZ,KAAK,GACL,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,uGASkB,CAAC"}
|
package/dist/lib/baseProps.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r = [
|
|
2
2
|
"profiq",
|
|
3
3
|
"profiq-dark",
|
|
4
4
|
"shadcn",
|
|
5
5
|
"shadcn-dark",
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
6
|
+
"green",
|
|
7
|
+
"green-dark",
|
|
8
|
+
"red",
|
|
9
|
+
"red-dark"
|
|
10
10
|
];
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
r as themes
|
|
13
13
|
};
|