@pandacss/studio 0.0.0-dev-20230623115344 → 0.0.0-dev-20230625171447

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.0.0-dev-20230623115344",
+  "version": "0.0.0-dev-20230625171447",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -32,19 +32,19 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.3.9",
-    "@pandacss/types": "0.0.0-dev-20230623115344",
-    "@pandacss/config": "0.0.0-dev-20230623115344",
-    "@pandacss/shared": "0.0.0-dev-20230623115344",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230623115344",
-    "@pandacss/logger": "0.0.0-dev-20230623115344",
-    "@pandacss/node": "0.0.0-dev-20230623115344"
+    "@pandacss/types": "0.0.0-dev-20230625171447",
+    "@pandacss/config": "0.0.0-dev-20230625171447",
+    "@pandacss/shared": "0.0.0-dev-20230625171447",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230625171447",
+    "@pandacss/logger": "0.0.0-dev-20230625171447",
+    "@pandacss/node": "0.0.0-dev-20230625171447"
   },
   "devDependencies": {
     "@types/react": "18.2.12",
     "@types/react-dom": "18.2.5",
     "@vitejs/plugin-react": "4.0.0",
     "execa": "7.1.1",
-    "@pandacss/dev": "0.0.0-dev-20230623115344"
+    "@pandacss/dev": "0.0.0-dev-20230625171447"
   },
   "scripts": {
     "codegen": "panda",

package/styled-system/chunks/src__components__analyzer__category-utilities.css

@@ -1,4 +1,16 @@
 @layer utilities {
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -9,12 +21,48 @@
     }
   }
 
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .list-style_none {
     list-style: none;
   }
 
   .p_0 {
-    padding: 0;
+    padding: var(--spacing-0);
   }
 
   .ml_auto {
@@ -126,4 +174,20 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__components__analyzer__data-combobox.css

@@ -3,6 +3,34 @@
     margin: var(--spacing-4);
   }
 
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
+  .transition_all_\.2s_ease {
+    transition: all 0.2s ease;
+  }
+
   .max-h_300px {
     max-height: 300px;
   }
@@ -70,6 +98,7 @@
   }
 
   .select_none {
+    -webkit-user-select: none;
     user-select: none;
   }
 

package/styled-system/chunks/src__components__analyzer__file-details.css

@@ -1,4 +1,40 @@
 @layer utilities {
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .ml_auto {
     margin-left: auto;
   }

package/styled-system/chunks/src__components__analyzer__report-item-columns.css

@@ -24,6 +24,7 @@
   }
 
   .select_none {
+    -webkit-user-select: none;
     user-select: none;
   }
 

package/styled-system/chunks/src__components__analyzer__report-item-link.css

@@ -3,6 +3,102 @@
     display: flex;
   }
 
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .pos_relative {
     position: relative;
   }

package/styled-system/chunks/src__components__analyzer__utility-details.css

@@ -1,4 +1,16 @@
 @layer utilities {
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -9,6 +21,42 @@
     }
   }
 
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .list-style_none {
     list-style: none;
   }
@@ -62,6 +110,7 @@
   }
 
   .select_none {
+    -webkit-user-select: none;
     user-select: none;
   }
 
@@ -146,4 +195,20 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__components__color-constrast.css

@@ -72,8 +72,7 @@
   }
 
   .ring_none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
+    outline: var(--borders-none);
   }
 
   .border-width_1px {

package/styled-system/chunks/src__components__color-wrapper.css

@@ -1,4 +1,100 @@
 @layer utilities {
+  .before\:content_\'\' {
+    &::before {
+      content: '';
+    }
+  }
+
+  .before\:pos_absolute {
+    &::before {
+      position: absolute;
+    }
+  }
+
+  .before\:rounded_sm {
+    &::before {
+      border-radius: var(--radii-sm);
+    }
+  }
+
+  .before\:w_100\% {
+    &::before {
+      width: 100%;
+    }
+  }
+
+  .before\:h_100\% {
+    &::before {
+      height: 100%;
+    }
+  }
+
+  .before\:bg_24px {
+    &::before {
+      background-size: 24px;
+    }
+  }
+
+  .before\:z_-1 {
+    &::before {
+      z-index: -1;
+    }
+  }
+
+  .before\:bg-img_check {
+    &::before {
+      background-image: var(--assets-check);
+    }
+  }
+
+  .before\:content_\'\' {
+    &::before {
+      content: '';
+    }
+  }
+
+  .before\:pos_absolute {
+    &::before {
+      position: absolute;
+    }
+  }
+
+  .before\:rounded_sm {
+    &::before {
+      border-radius: var(--radii-sm);
+    }
+  }
+
+  .before\:w_100\% {
+    &::before {
+      width: 100%;
+    }
+  }
+
+  .before\:h_100\% {
+    &::before {
+      height: 100%;
+    }
+  }
+
+  .before\:bg_24px {
+    &::before {
+      background-size: 24px;
+    }
+  }
+
+  .before\:z_-1 {
+    &::before {
+      z-index: -1;
+    }
+  }
+
+  .before\:bg-img_check {
+    &::before {
+      background-image: var(--assets-check);
+    }
+  }
+
   .w_full {
     width: var(--sizes-full);
   }

package/styled-system/chunks/src__components__colors.css

@@ -36,7 +36,7 @@
   }
 
   .top_0 {
-    top: 0;
+    top: var(--spacing-0);
   }
 
   .z_1 {
@@ -100,6 +100,6 @@
   }
 
   .mx_0 {
-    margin-inline: 0;
+    margin-inline: var(--spacing-0);
   }
 }

package/styled-system/chunks/src__components__font-tokens.css

@@ -8,7 +8,7 @@
   }
 
   .top_0 {
-    top: 0;
+    top: var(--spacing-0);
   }
 
   .z_1 {

package/styled-system/chunks/src__components__input.css

@@ -1,4 +1,66 @@
 @layer utilities {
+  .dark\:text_neutral\.300 {
+    &.dark,
+    .dark & {
+      color: var(--colors-neutral-300);
+    }
+  }
+
+  .focusWithin\:outline-style_solid {
+    &:focus-within {
+      outline-style: solid;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-width: 2px;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-offset: 2px;
+    }
+  }
+
+  .focusWithin\:ring_neutral\.400 {
+    &:focus-within {
+      outline-color: var(--colors-neutral-400);
+    }
+  }
+
+  .dark\:text_neutral\.300 {
+    &.dark,
+    .dark & {
+      color: var(--colors-neutral-300);
+    }
+  }
+
+  .focusWithin\:outline-style_solid {
+    &:focus-within {
+      outline-style: solid;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-width: 2px;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-offset: 2px;
+    }
+  }
+
+  .focusWithin\:ring_neutral\.400 {
+    &:focus-within {
+      outline-color: var(--colors-neutral-400);
+    }
+  }
+
   .bg_transparent {
     background: var(--colors-transparent);
   }

package/styled-system/chunks/src__components__layer-styles.css

@@ -12,6 +12,32 @@
     }
   }
 
+  .divide-y_1px {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-top-width: 1px;
+      border-bottom-width: 0px;
+    }
+  }
+
+  .divide_card {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--colors-card);
+    }
+  }
+
+  .divide-y_1px {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-top-width: 1px;
+      border-bottom-width: 0px;
+    }
+  }
+
+  .divide_card {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--colors-card);
+    }
+  }
+
   .px_1 {
     padding-inline: var(--spacing-1);
   }