@pandacss/studio 0.3.0 → 0.3.2

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

@@ -3,179 +3,9 @@
     padding: 4px 8px;
   }
 
-  .bg_white {
-    background: var(--colors-white);
-  }
-
-  .bg_gray\.50 {
-    background: var(--colors-gray-50);
-  }
-
-  .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);
-    }
-  }
-
-  .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);
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
     }
   }
 
@@ -199,6 +29,12 @@
     margin-left: var(--spacing-2);
   }
 
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
   .font_semibold {
     font-weight: var(--font-weights-semibold);
   }
@@ -235,6 +71,10 @@
     color: var(--colors-text);
   }
 
+  .rounded_md {
+    border-radius: var(--radii-md);
+  }
+
   .d_inline-flex {
     display: inline-flex;
   }
@@ -278,4 +118,12 @@
   .gap_2 {
     gap: var(--spacing-2);
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

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

@@ -3,168 +3,40 @@
     margin: var(--spacing-4);
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .hover\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:hover, [data-hover]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .bg_white {
-    background: var(--colors-white);
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    border: 1px solid var(--colors-blue-400, blue);
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .border_1px_solid_token\(colors\.border\,_blue\) {
-    border: 1px solid var(--colors-border, blue);
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .transition_all_\.2s_ease {
-    transition: all 0.2s ease;
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .max-h_300px {
+    max-height: 300px;
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .overflow_auto {
+    overflow: auto;
   }
 
-  .transition_outline_\.2s_ease {
-    transition: outline 0.2s ease;
+  .bg_card {
+    background: var(--colors-card);
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .list-style_none {
+    list-style: none;
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .border_1px_solid_token\(colors\.border\) {
+    border: 1px solid var(--colors-border);
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .shadow_sm {
+    box-shadow: var(--shadows-sm);
   }
 
-  .highlighted\:opacity_0\.8 {
-    &[data-highlighted] {
-      opacity: 0.8;
-    }
+  .p_4px_8px {
+    padding: 4px 8px;
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .rounded_md {
+    border-radius: var(--radii-md);
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .word-wrap_break-word {
+    word-wrap: break-word;
   }
 
   .highlighted\:bg_border {
@@ -173,111 +45,97 @@
     }
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .flex_column {
+    flex-direction: column;
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .gap_2 {
+    gap: var(--spacing-2);
   }
 
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
+  .pos_relative {
+    position: relative;
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .isolation_isolate {
+    isolation: isolate;
   }
 
-  .w_full {
-    width: var(--sizes-full);
+  .font_bold {
+    font-weight: var(--font-weights-bold);
   }
 
-  .p_2 {
-    padding: var(--spacing-2);
+  .px_2 {
+    padding-inline: var(--spacing-2);
   }
 
-  .max-h_300px {
-    max-height: 300px;
+  .select_none {
+    user-select: none;
   }
 
-  .overflow_auto {
-    overflow: auto;
+  .ml_auto {
+    margin-left: auto;
   }
 
-  .bg_card {
-    background: var(--colors-card);
+  .p_2 {
+    padding: var(--spacing-2);
   }
 
-  .list-style_none {
-    list-style: none;
+  .cursor_pointer {
+    cursor: pointer;
   }
 
-  .rounded_md {
-    border-radius: var(--radii-md);
+  .border-l_solid_1px {
+    border-left: solid 1px;
   }
 
-  .border_1px_solid_token\(colors\.border\) {
-    border: 1px solid var(--colors-border);
+  .border_border {
+    border-color: var(--colors-border);
   }
 
-  .p_4px_8px {
-    padding: 4px 8px;
+  .text_text {
+    color: var(--colors-text);
   }
 
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
     }
   }
 
-  .flex_column {
-    flex-direction: column;
+  .transition_all_\.2s_ease {
+    transition: all 0.2s ease;
   }
 
   .d_flex {
     display: flex;
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .items_center {
+    align-items: center;
   }
 
-  .mr_-2 {
-    margin-right: calc(var(--spacing-2) * -1);
+  .justify_center {
+    justify-content: center;
   }
 
-  .select_none {
-    user-select: none;
+  .top_0px {
+    top: 0px;
   }
 
-  .fs_lg {
-    font-size: var(--font-sizes-lg);
+  .right_0px {
+    right: 0px;
   }
 
-  .font_bold {
-    font-weight: var(--font-weights-bold);
+  .pos_absolute {
+    position: absolute;
   }
 
-  .ml_auto {
-    margin-left: auto;
+  .z_2 {
+    z-index: 2;
   }
 
-  .px_2 {
-    padding-inline: var(--spacing-2);
-  }
-
-  .cursor_pointer {
-    cursor: pointer;
+  .h_full {
+    height: var(--sizes-full);
   }
 }

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

@@ -1,4 +1,8 @@
 @layer utilities {
+  .break_break-word {
+    word-break: break-word;
+  }
+
   .font_bold {
     font-weight: var(--font-weights-bold);
   }
@@ -15,6 +19,10 @@
     display: grid;
   }
 
+  .grid-cols_80px_repeat\(auto-fit\,_minmax\(30px\,_1fr\)\) {
+    grid-template-columns: 80px repeat(auto-fit, minmax(30px, 1fr));
+  }
+
   .gap_10px {
     gap: 10px;
   }

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

@@ -3,12 +3,20 @@
     padding: var(--spacing-2);
   }
 
-  .bg_white {
-    background-color: var(--colors-white);
+  .bg_card {
+    background-color: var(--colors-card);
   }
 
-  .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
-    border: 1px solid rgba(0, 0, 0, 0.1);
+  .border_1px_solid_token\(colors\.border\) {
+    border: 1px solid var(--colors-border);
+  }
+
+  .shadow_sm {
+    box-shadow: var(--shadows-sm);
+  }
+
+  .rounded_md {
+    border-radius: var(--radii-md);
   }
 
   .mr_2 {