@pandacss/studio 0.0.0-dev-20230621105653 → 0.0.0-dev-20230621111134

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-20230621105653",
3
+ "version": "0.0.0-dev-20230621111134",
4
4
  "description": "The automated token documentation for Panda CSS",
5
5
  "main": "dist/studio.js",
6
6
  "module": "dist/studio.mjs",
@@ -32,19 +32,19 @@
32
32
  "react": "18.2.0",
33
33
  "react-dom": "18.2.0",
34
34
  "vite": "4.3.9",
35
- "@pandacss/types": "0.0.0-dev-20230621105653",
36
- "@pandacss/config": "0.0.0-dev-20230621105653",
37
- "@pandacss/shared": "0.0.0-dev-20230621105653",
38
- "@pandacss/token-dictionary": "0.0.0-dev-20230621105653",
39
- "@pandacss/logger": "0.0.0-dev-20230621105653",
40
- "@pandacss/node": "0.0.0-dev-20230621105653"
35
+ "@pandacss/types": "0.0.0-dev-20230621111134",
36
+ "@pandacss/config": "0.0.0-dev-20230621111134",
37
+ "@pandacss/shared": "0.0.0-dev-20230621111134",
38
+ "@pandacss/token-dictionary": "0.0.0-dev-20230621111134",
39
+ "@pandacss/logger": "0.0.0-dev-20230621111134",
40
+ "@pandacss/node": "0.0.0-dev-20230621111134"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@types/react": "18.2.12",
44
44
  "@types/react-dom": "18.2.5",
45
45
  "@vitejs/plugin-react": "4.0.0",
46
46
  "execa": "7.1.1",
47
- "@pandacss/dev": "0.0.0-dev-20230621105653"
47
+ "@pandacss/dev": "0.0.0-dev-20230621111134"
48
48
  },
49
49
  "scripts": {
50
50
  "codegen": "panda",
@@ -4,12 +4,12 @@ import type { CssProperties } from './system-types'
4
4
  import type { Tokens } from '../tokens'
5
5
 
6
6
  type PropertyValueTypes = {
7
- aspectRatio: "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
7
+ aspectRatio: "auto" | "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
8
8
  top: Tokens["spacing"];
9
9
  left: Tokens["spacing"];
10
10
  insetInline: Tokens["spacing"];
11
11
  insetBlock: Tokens["spacing"];
12
- inset: Tokens["spacing"];
12
+ inset: "auto" | Tokens["spacing"];
13
13
  insetBlockEnd: Tokens["spacing"];
14
14
  insetBlockStart: Tokens["spacing"];
15
15
  insetInlineEnd: Tokens["spacing"];
@@ -46,17 +46,17 @@ type PropertyValueTypes = {
46
46
  paddingInline: Tokens["spacing"];
47
47
  paddingInlineEnd: Tokens["spacing"];
48
48
  paddingInlineStart: Tokens["spacing"];
49
- marginLeft: Tokens["spacing"];
50
- marginRight: Tokens["spacing"];
51
- marginTop: Tokens["spacing"];
52
- marginBottom: Tokens["spacing"];
53
- margin: Tokens["spacing"];
54
- marginBlock: Tokens["spacing"];
55
- marginBlockEnd: Tokens["spacing"];
56
- marginBlockStart: Tokens["spacing"];
57
- marginInline: Tokens["spacing"];
58
- marginInlineEnd: Tokens["spacing"];
59
- marginInlineStart: Tokens["spacing"];
49
+ marginLeft: "auto" | Tokens["spacing"];
50
+ marginRight: "auto" | Tokens["spacing"];
51
+ marginTop: "auto" | Tokens["spacing"];
52
+ marginBottom: "auto" | Tokens["spacing"];
53
+ margin: "auto" | Tokens["spacing"];
54
+ marginBlock: "auto" | Tokens["spacing"];
55
+ marginBlockEnd: "auto" | Tokens["spacing"];
56
+ marginBlockStart: "auto" | Tokens["spacing"];
57
+ marginInline: "auto" | Tokens["spacing"];
58
+ marginInlineEnd: "auto" | Tokens["spacing"];
59
+ marginInlineStart: "auto" | Tokens["spacing"];
60
60
  outlineColor: Tokens["colors"];
61
61
  outline: Tokens["borders"];
62
62
  outlineOffset: Tokens["spacing"];
@@ -64,18 +64,18 @@ type PropertyValueTypes = {
64
64
  divideY: string;
65
65
  divideColor: Tokens["colors"];
66
66
  divideStyle: CssProperties["borderStyle"];
67
- width: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
68
- inlineSize: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
69
- minWidth: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
70
- minInlineSize: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
71
- maxWidth: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
72
- maxInlineSize: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
73
- height: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
74
- blockSize: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
75
- minHeight: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
76
- minBlockSize: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
77
- maxHeight: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
78
- maxBlockSize: Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
67
+ width: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
68
+ inlineSize: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
69
+ minWidth: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
70
+ minInlineSize: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
71
+ maxWidth: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
72
+ maxInlineSize: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
73
+ height: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
74
+ blockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
75
+ minHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
76
+ minBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
77
+ maxHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
78
+ maxBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
79
79
  color: Tokens["colors"];
80
80
  fontFamily: Tokens["fonts"];
81
81
  fontSize: Tokens["fontSizes"];