@pandacss/studio 0.6.0 → 0.7.0

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.
Files changed (11) hide show
  1. package/dist/studio.js +2 -2
  2. package/dist/studio.mjs +2 -2
  3. package/package.json +11 -11
  4. package/styled-system/chunks/..__shared____tests____string-literal.test.css +15 -0
  5. package/styled-system/css/conditions.mjs +1 -1
  6. package/styled-system/css/css.mjs +2 -1
  7. package/styled-system/jsx/is-valid-prop.mjs +2 -1
  8. package/styled-system/styles.css +12 -0
  9. package/styled-system/types/conditions.d.ts +1 -1
  10. package/styled-system/types/prop-type.d.ts +2 -1
  11. package/styled-system/types/recipe.d.ts +1 -3
package/dist/studio.js CHANGED
@@ -33,10 +33,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
33
33
  ));
34
34
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
35
35
 
36
- // ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
36
+ // ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js
37
37
  var getImportMetaUrl, importMetaUrl;
38
38
  var init_cjs_shims = __esm({
39
- "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
39
+ "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js"() {
40
40
  "use strict";
41
41
  getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
42
42
  importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
package/dist/studio.mjs CHANGED
@@ -34,12 +34,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
34
34
  mod
35
35
  ));
36
36
 
37
- // ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
37
+ // ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js
38
38
  import { fileURLToPath } from "url";
39
39
  import path from "path";
40
40
  var getFilename, getDirname, __dirname;
41
41
  var init_esm_shims = __esm({
42
- "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
42
+ "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js"() {
43
43
  "use strict";
44
44
  getFilename = () => fileURLToPath(import.meta.url);
45
45
  getDirname = () => path.dirname(getFilename());
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/studio",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "The automated token documentation for Panda CSS",
5
5
  "main": "dist/studio.js",
6
6
  "module": "dist/studio.mjs",
@@ -28,24 +28,24 @@
28
28
  "dependencies": {
29
29
  "@ark-ui/react": "0.7.2",
30
30
  "@astrojs/react": "2.2.1",
31
- "astro": "2.7.2",
31
+ "astro": "2.8.0",
32
32
  "javascript-stringify": "2.1.0",
33
33
  "react": "18.2.0",
34
34
  "react-dom": "18.2.0",
35
- "vite": "4.3.9",
36
- "@pandacss/types": "0.6.0",
37
- "@pandacss/config": "0.6.0",
38
- "@pandacss/shared": "0.6.0",
39
- "@pandacss/token-dictionary": "0.6.0",
40
- "@pandacss/logger": "0.6.0",
41
- "@pandacss/node": "0.6.0"
35
+ "vite": "4.4.2",
36
+ "@pandacss/types": "0.7.0",
37
+ "@pandacss/config": "0.7.0",
38
+ "@pandacss/shared": "0.7.0",
39
+ "@pandacss/token-dictionary": "0.7.0",
40
+ "@pandacss/logger": "0.7.0",
41
+ "@pandacss/node": "0.7.0"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@types/react": "18.2.14",
45
45
  "@types/react-dom": "18.2.6",
46
- "@vitejs/plugin-react": "4.0.1",
46
+ "@vitejs/plugin-react": "4.0.3",
47
47
  "execa": "7.1.1",
48
- "@pandacss/dev": "0.6.0"
48
+ "@pandacss/dev": "0.7.0"
49
49
  },
50
50
  "scripts": {
51
51
  "codegen": "panda",
package/styled-system/chunks/..__shared____tests____string-literal.test.css ADDED
@@ -0,0 +1,15 @@
1
+ @layer utilities {
2
+ .font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
3
+ font: 12px/1.5 Helvetica, Arial, sans-serif;
4
+ }
5
+
6
+ .text_red {
7
+ color: red;
8
+ }
9
+
10
+ .\[\&\:hover\]\:text_blue {
11
+ &:hover {
12
+ color: blue;
13
+ }
14
+ }
15
+ }
package/styled-system/css/conditions.mjs CHANGED
@@ -78,7 +78,7 @@ const conditions = new Set([
78
78
  '_light',
79
79
  '_osDark',
80
80
  '_osLight',
81
- '_highConstrast',
81
+ '_highContrast',
82
82
  '_lessContrast',
83
83
  '_moreContrast',
84
84
  '_ltr',
package/styled-system/css/css.mjs CHANGED
@@ -210,7 +210,8 @@ const classNameMap = {
210
210
  transitionTimingFunction: 'ease',
211
211
  transitionDelay: 'delay',
212
212
  transitionDuration: 'duration',
213
- transitionProperty: 'transition',
213
+ transitionProperty: 'transition-prop',
214
+ transition: 'transition',
214
215
  animation: 'animation',
215
216
  animationDelay: 'animation-delay',
216
217
  transformOrigin: 'origin',
package/styled-system/jsx/is-valid-prop.mjs CHANGED
@@ -294,6 +294,7 @@ var userGenerated = [
294
294
  'transitionDelay',
295
295
  'transitionDuration',
296
296
  'transitionProperty',
297
+ 'transition',
297
298
  'animation',
298
299
  'animationDelay',
299
300
  'transformOrigin',
@@ -435,7 +436,7 @@ var userGenerated = [
435
436
  '_light',
436
437
  '_osDark',
437
438
  '_osLight',
438
- '_highConstrast',
439
+ '_highContrast',
439
440
  '_lessContrast',
440
441
  '_moreContrast',
441
442
  '_ltr',
package/styled-system/styles.css CHANGED
@@ -11,6 +11,14 @@
11
11
  @import './tokens/keyframes.css';
12
12
 
13
13
  @layer utilities {
14
+ .font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
15
+ font: 12px/1.5 Helvetica, Arial, sans-serif;
16
+ }
17
+
18
+ .text_red {
19
+ color: red;
20
+ }
21
+
14
22
  .w_26px {
15
23
  width: 26px;
16
24
  }
@@ -996,6 +1004,10 @@
996
1004
  border-bottom-color: var(--colors-black);
997
1005
  }
998
1006
 
1007
+ .\[\&\:hover\]\:text_blue:hover {
1008
+ color: blue;
1009
+ }
1010
+
999
1011
  .\[\&\:hover\]\:bg_\#4049f0:hover {
1000
1012
  background: #4049f0;
1001
1013
  }
package/styled-system/types/conditions.d.ts CHANGED
@@ -79,7 +79,7 @@ export type Conditions = {
79
79
  "_light": string
80
80
  "_osDark": string
81
81
  "_osLight": string
82
- "_highConstrast": string
82
+ "_highContrast": string
83
83
  "_lessContrast": string
84
84
  "_moreContrast": string
85
85
  "_ltr": string
package/styled-system/types/prop-type.d.ts CHANGED
@@ -5,6 +5,7 @@ import type { Tokens } from '../tokens'
5
5
 
6
6
  type PropertyValueTypes = {
7
7
  aspectRatio: "auto" | "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
8
+ zIndex: Tokens["zIndex"];
8
9
  top: Tokens["spacing"];
9
10
  left: Tokens["spacing"];
10
11
  insetInline: Tokens["spacing"];
@@ -150,7 +151,7 @@ type PropertyValueTypes = {
150
151
  transitionTimingFunction: Tokens["easings"];
151
152
  transitionDelay: Tokens["durations"];
152
153
  transitionDuration: Tokens["durations"];
153
- transitionProperty: "all" | "none" | "opacity" | "shadow" | "transform" | "base" | "background" | "colors";
154
+ transition: "all" | "common" | "background" | "colors" | "opacity" | "shadow" | "transform";
154
155
  animation: Tokens["animations"];
155
156
  animationDelay: Tokens["durations"];
156
157
  scale: "auto" | CssProperties["scale"];
package/styled-system/types/recipe.d.ts CHANGED
@@ -27,9 +27,7 @@ export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T>
27
27
  variantMap: RecipeVariantMap<T>
28
28
  resolve: (props: RecipeSelection<T>) => SystemStyleObject
29
29
  config: RecipeConfig<T>
30
- splitVariantProps<Props extends RecipeSelection<T>>(
31
- props: Props,
32
- ): [RecipeSelection<T>, Pretty<Omit<Props, keyof RecipeVariantRecord>>]
30
+ splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]
33
31
  }
34
32
 
35
33
  export type RecipeCompoundSelection<T extends RecipeVariantRecord> = {