@pandacss/studio 0.0.0-dev-20230814201731 → 0.0.0-dev-20230816163418
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-20230816163418",
|
|
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.8",
|
|
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-20230816163418",
|
|
37
|
+
"@pandacss/config": "0.0.0-dev-20230816163418",
|
|
38
|
+
"@pandacss/shared": "0.0.0-dev-20230816163418",
|
|
39
|
+
"@pandacss/token-dictionary": "0.0.0-dev-20230816163418",
|
|
40
|
+
"@pandacss/logger": "0.0.0-dev-20230816163418",
|
|
41
|
+
"@pandacss/node": "0.0.0-dev-20230816163418"
|
|
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-20230816163418"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"codegen": "panda",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
.styles\:dark\:text_green500 {
|
|
3
|
+
&.dark,
|
|
4
|
+
.dark & {
|
|
5
|
+
color: green500;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.styles\:dark\:sm\:md\:text_red200 {
|
|
10
|
+
&.dark,
|
|
11
|
+
.dark & {
|
|
12
|
+
@media screen and (min-width: 640px) {
|
|
13
|
+
@media screen and (min-width: 768px) {
|
|
14
|
+
color: red200;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
package/styled-system/styles.css
CHANGED
|
@@ -11,6 +11,11 @@
|
|
|
11
11
|
@import './tokens/keyframes.css';
|
|
12
12
|
|
|
13
13
|
@layer utilities {
|
|
14
|
+
.styles\:dark\:text_green500.dark,
|
|
15
|
+
.dark .styles\:dark\:text_green500 {
|
|
16
|
+
color: green500;
|
|
17
|
+
}
|
|
18
|
+
|
|
14
19
|
.font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
|
|
15
20
|
font: 12px/1.5 Helvetica, Arial, sans-serif;
|
|
16
21
|
}
|
|
@@ -1020,6 +1025,15 @@
|
|
|
1020
1025
|
opacity: 0.8;
|
|
1021
1026
|
}
|
|
1022
1027
|
|
|
1028
|
+
@media screen and (min-width: 640px) {
|
|
1029
|
+
@media screen and (min-width: 768px) {
|
|
1030
|
+
.styles\:dark\:sm\:md\:text_red200.dark,
|
|
1031
|
+
.dark .styles\:dark\:sm\:md\:text_red200 {
|
|
1032
|
+
color: red200;
|
|
1033
|
+
}
|
|
1034
|
+
}
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1023
1037
|
@media screen and (min-width: 768px) {
|
|
1024
1038
|
.md\:px_6 {
|
|
1025
1039
|
padding-inline: var(--spacing-6);
|