@vertz/theme-shadcn 0.2.20 → 0.2.22
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/base.js +1 -1
- package/dist/configs.js +1 -1
- package/dist/index.d.ts +629 -304
- package/dist/index.js +1325 -2043
- package/dist/shared/{chunk-d2nh1syq.js → chunk-gjsm05ga.js} +3 -0
- package/dist/shared/{chunk-qvb3evv2.js → chunk-gzfp8m46.js} +22 -27
- package/package.json +4 -3
|
@@ -379,6 +379,9 @@ function configureThemeBase(config) {
|
|
|
379
379
|
color: "var(--color-foreground)",
|
|
380
380
|
backgroundColor: "var(--color-background)"
|
|
381
381
|
},
|
|
382
|
+
"dialog:not([open])": {
|
|
383
|
+
display: "none"
|
|
384
|
+
},
|
|
382
385
|
'input[type="checkbox"]': {
|
|
383
386
|
appearance: "none",
|
|
384
387
|
width: "1rem",
|
|
@@ -4,18 +4,16 @@ import { variants } from "@vertz/ui";
|
|
|
4
4
|
// src/styles/_helpers.ts
|
|
5
5
|
function bgOpacity(token, percent) {
|
|
6
6
|
return {
|
|
7
|
-
|
|
8
|
-
value: `color-mix(in oklch, var(--color-${token}) ${percent}%, transparent)`
|
|
7
|
+
"background-color": `color-mix(in oklch, var(--color-${token}) ${percent}%, transparent)`
|
|
9
8
|
};
|
|
10
9
|
}
|
|
11
10
|
function textOpacity(token, percent) {
|
|
12
11
|
return {
|
|
13
|
-
|
|
14
|
-
value: `color-mix(in oklch, var(--color-${token}) ${percent}%, transparent)`
|
|
12
|
+
color: `color-mix(in oklch, var(--color-${token}) ${percent}%, transparent)`
|
|
15
13
|
};
|
|
16
14
|
}
|
|
17
15
|
function animationDecl(value) {
|
|
18
|
-
return {
|
|
16
|
+
return { animation: value };
|
|
19
17
|
}
|
|
20
18
|
var DARK = '[data-theme="dark"] &';
|
|
21
19
|
|
|
@@ -41,7 +39,7 @@ var badgeConfig = {
|
|
|
41
39
|
"border:transparent",
|
|
42
40
|
"whitespace-nowrap",
|
|
43
41
|
"shrink-0",
|
|
44
|
-
{ "&":
|
|
42
|
+
{ "&": { height: "1.25rem" } }
|
|
45
43
|
],
|
|
46
44
|
variants: {
|
|
47
45
|
color: colorVariants
|
|
@@ -61,10 +59,9 @@ var focusRing = {
|
|
|
61
59
|
"outline-none",
|
|
62
60
|
"border:ring",
|
|
63
61
|
{
|
|
64
|
-
|
|
65
|
-
value: "3px solid color-mix(in oklch, var(--color-ring) 50%, transparent)"
|
|
62
|
+
outline: "3px solid color-mix(in oklch, var(--color-ring) 50%, transparent)"
|
|
66
63
|
},
|
|
67
|
-
{
|
|
64
|
+
{ "outline-offset": "2px" }
|
|
68
65
|
]
|
|
69
66
|
};
|
|
70
67
|
var disabledStyles = {
|
|
@@ -87,12 +84,10 @@ var intentVariants = {
|
|
|
87
84
|
{
|
|
88
85
|
"&:focus-visible": [
|
|
89
86
|
{
|
|
90
|
-
|
|
91
|
-
value: "3px solid color-mix(in oklch, var(--color-destructive) 20%, transparent)"
|
|
87
|
+
outline: "3px solid color-mix(in oklch, var(--color-destructive) 20%, transparent)"
|
|
92
88
|
},
|
|
93
89
|
{
|
|
94
|
-
|
|
95
|
-
value: "color-mix(in oklch, var(--color-destructive) 40%, transparent)"
|
|
90
|
+
"border-color": "color-mix(in oklch, var(--color-destructive) 40%, transparent)"
|
|
96
91
|
}
|
|
97
92
|
]
|
|
98
93
|
},
|
|
@@ -115,7 +110,7 @@ var intentVariants = {
|
|
|
115
110
|
link: [
|
|
116
111
|
"bg:transparent",
|
|
117
112
|
"text:primary",
|
|
118
|
-
{ "&:hover": [{
|
|
113
|
+
{ "&:hover": [{ "text-decoration-line": "underline" }] }
|
|
119
114
|
]
|
|
120
115
|
};
|
|
121
116
|
var sizeVariants = {
|
|
@@ -125,30 +120,30 @@ var sizeVariants = {
|
|
|
125
120
|
"gap:1",
|
|
126
121
|
"rounded:md",
|
|
127
122
|
{
|
|
128
|
-
"&":
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
123
|
+
"&": {
|
|
124
|
+
"padding-left": "0.625rem",
|
|
125
|
+
"padding-right": "0.625rem"
|
|
126
|
+
}
|
|
132
127
|
}
|
|
133
128
|
],
|
|
134
129
|
md: [
|
|
135
130
|
"h:8",
|
|
136
131
|
"gap:1.5",
|
|
137
132
|
{
|
|
138
|
-
"&":
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
133
|
+
"&": {
|
|
134
|
+
"padding-left": "0.625rem",
|
|
135
|
+
"padding-right": "0.625rem"
|
|
136
|
+
}
|
|
142
137
|
}
|
|
143
138
|
],
|
|
144
139
|
lg: [
|
|
145
140
|
"h:9",
|
|
146
141
|
"gap:1.5",
|
|
147
142
|
{
|
|
148
|
-
"&":
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
143
|
+
"&": {
|
|
144
|
+
"padding-left": "0.625rem",
|
|
145
|
+
"padding-right": "0.625rem"
|
|
146
|
+
}
|
|
152
147
|
}
|
|
153
148
|
],
|
|
154
149
|
icon: ["h:8", "w:8"],
|
|
@@ -166,7 +161,7 @@ var buttonConfig = {
|
|
|
166
161
|
"gap:2",
|
|
167
162
|
"rounded:lg",
|
|
168
163
|
"border:1",
|
|
169
|
-
{ "&":
|
|
164
|
+
{ "&": { "border-color": "transparent" } },
|
|
170
165
|
"text:sm",
|
|
171
166
|
"font:medium",
|
|
172
167
|
"transition:colors",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vertz/theme-shadcn",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.22",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Shadcn-inspired theme for Vertz — pre-built style definitions using variants() and css()",
|
|
@@ -39,11 +39,12 @@
|
|
|
39
39
|
"typecheck": "tsc --noEmit"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@vertz/ui": "^0.2.
|
|
43
|
-
"@vertz/ui-primitives": "^0.2.
|
|
42
|
+
"@vertz/ui": "^0.2.21",
|
|
43
|
+
"@vertz/ui-primitives": "^0.2.21"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@happy-dom/global-registrator": "^20.7.0",
|
|
47
|
+
"@vertz/ui-compiler": "^0.2.21",
|
|
47
48
|
"bunup": "^0.16.31",
|
|
48
49
|
"happy-dom": "^20.7.0",
|
|
49
50
|
"typescript": "^5.7.0"
|