@pandacss/studio 0.0.0-dev-20230914184325 → 0.0.0-dev-20230915081529
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/studio",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20230915081529",
|
|
4
4
|
"description": "The automated token documentation for Panda CSS",
|
|
5
5
|
"main": "dist/studio.js",
|
|
6
6
|
"module": "dist/studio.mjs",
|
|
@@ -33,19 +33,19 @@
|
|
|
33
33
|
"react": "18.2.0",
|
|
34
34
|
"react-dom": "18.2.0",
|
|
35
35
|
"vite": "4.4.9",
|
|
36
|
-
"@pandacss/types": "0.0.0-dev-
|
|
37
|
-
"@pandacss/config": "0.0.0-dev-
|
|
38
|
-
"@pandacss/shared": "0.0.0-dev-
|
|
39
|
-
"@pandacss/token-dictionary": "0.0.0-dev-
|
|
40
|
-
"@pandacss/logger": "0.0.0-dev-
|
|
41
|
-
"@pandacss/node": "0.0.0-dev-
|
|
36
|
+
"@pandacss/types": "0.0.0-dev-20230915081529",
|
|
37
|
+
"@pandacss/config": "0.0.0-dev-20230915081529",
|
|
38
|
+
"@pandacss/shared": "0.0.0-dev-20230915081529",
|
|
39
|
+
"@pandacss/token-dictionary": "0.0.0-dev-20230915081529",
|
|
40
|
+
"@pandacss/logger": "0.0.0-dev-20230915081529",
|
|
41
|
+
"@pandacss/node": "0.0.0-dev-20230915081529"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@types/react": "18.2.18",
|
|
45
45
|
"@types/react-dom": "18.2.7",
|
|
46
46
|
"@vitejs/plugin-react": "4.0.4",
|
|
47
47
|
"execa": "7.2.0",
|
|
48
|
-
"@pandacss/dev": "0.0.0-dev-
|
|
48
|
+
"@pandacss/dev": "0.0.0-dev-20230915081529"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"codegen": "panda",
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
.\ \*\:text_token\(colors\.red\.400\) {
|
|
3
|
+
color: var(--colors-red-400)
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.\ \*\:border_1px_solid_token\(colors\.blue\.400\) {
|
|
7
|
+
border: 1px solid var(--colors-blue-400)
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.\ \*\:background-image_linear-gradient\(token\(colors\.red\.400\)\,_token\(colors\.blue\.400\)\) {
|
|
11
|
+
background-image: linear-gradient(var(--colors-red-400), var(--colors-blue-400))
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.\ \*\:text_token\(colors\.red\) {
|
|
15
|
+
color: colors.red
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.\ \*\:border_1px_solid_token\(colors\.blue\) {
|
|
19
|
+
border: 1px solid colors.blue
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.\ \*\:background-image_linear-gradient\(token\(colors\.red\)\,_token\(colors\.blue\)\) {
|
|
23
|
+
background-image: linear-gradient(colors.red, colors.blue)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.\ \*\:text_token\(colors\.red\,_colors\.blue\) {
|
|
27
|
+
color: var(colors.red, colors.blue)
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.\ \*\:text_token\(colors\.magenta\,_pink\) {
|
|
31
|
+
color: var(colors.magenta, pink)
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.\ \*\:text_token\(colors\.red\.400\,_colors\.blue\.400\) {
|
|
35
|
+
color: var(--colors-red-400, var(--colors-blue-400))
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.\ \*\:text_token\(colors\.doesntexist\.400\,_pink\) {
|
|
39
|
+
color: var('colors.doesntexist.400', pink)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.\[\.\[\@container_\(min-width\:_token\(sizes\.4xl\)\)\]\:text_green\]\:\[\@container_\(min-width\:_token\(sizes\.4xl\,_1280px\)\)\]\:\[\@layer_utilities\]\:text_green {
|
|
43
|
+
color: green
|
|
44
|
+
}
|
|
45
|
+
}
|
package/styled-system/styles.css
CHANGED
|
@@ -115,6 +115,50 @@
|
|
|
115
115
|
color: red
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
+
.\ \*\:text_token\(colors\.red\.400\) {
|
|
119
|
+
color: var(--colors-red-400)
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.\ \*\:border_1px_solid_token\(colors\.blue\.400\) {
|
|
123
|
+
border: 1px solid var(--colors-blue-400)
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.\ \*\:background-image_linear-gradient\(token\(colors\.red\.400\)\,_token\(colors\.blue\.400\)\) {
|
|
127
|
+
background-image: linear-gradient(var(--colors-red-400), var(--colors-blue-400))
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.\ \*\:text_token\(colors\.red\) {
|
|
131
|
+
color: colors.red
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.\ \*\:border_1px_solid_token\(colors\.blue\) {
|
|
135
|
+
border: 1px solid colors.blue
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.\ \*\:background-image_linear-gradient\(token\(colors\.red\)\,_token\(colors\.blue\)\) {
|
|
139
|
+
background-image: linear-gradient(colors.red, colors.blue)
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.\ \*\:text_token\(colors\.red\,_colors\.blue\) {
|
|
143
|
+
color: var(colors.red, colors.blue)
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.\ \*\:text_token\(colors\.magenta\,_pink\) {
|
|
147
|
+
color: var(colors.magenta, pink)
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.\ \*\:text_token\(colors\.red\.400\,_colors\.blue\.400\) {
|
|
151
|
+
color: var(--colors-red-400, var(--colors-blue-400))
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.\ \*\:text_token\(colors\.doesntexist\.400\,_pink\) {
|
|
155
|
+
color: var('colors.doesntexist.400', pink)
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.\[\.\[\@container_\(min-width\:_token\(sizes\.4xl\)\)\]\:text_green\]\:\[\@container_\(min-width\:_token\(sizes\.4xl\,_1280px\)\)\]\:\[\@layer_utilities\]\:text_green {
|
|
159
|
+
color: green
|
|
160
|
+
}
|
|
161
|
+
|
|
118
162
|
.w_26px {
|
|
119
163
|
width: 26px;
|
|
120
164
|
}
|