@pandacss/studio 0.3.0 → 0.3.1

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,281 +3,131 @@
     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);
+  .w_full {
+    width: var(--sizes-full);
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .bg_transparent {
+    background: var(--colors-transparent);
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
+  .focus\:ring_none {
     &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
+      outline: 2px solid transparent;
+      outline-offset: 2px;
     }
   }
 
-  .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);
-    }
+  .max-h_300px {
+    max-height: 300px;
   }
 
-  .border_1px_solid_token\(colors\.border\,_blue\) {
-    border: 1px solid var(--colors-border, blue);
+  .overflow_auto {
+    overflow: auto;
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .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\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .p_4px_8px {
+    padding: 4px 8px;
   }
 
-  .transition_all_\.2s_ease {
-    transition: all 0.2s ease;
+  .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\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
+  .highlighted\:bg_border {
     &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
-  }
-
-  .transition_outline_\.2s_ease {
-    transition: outline 0.2s ease;
-  }
-
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
+      background: var(--colors-border);
     }
   }
 
-  .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);
-    }
+  .rounded_sm {
+    border-radius: var(--radii-sm);
   }
 
-  .highlighted\:opacity_0\.8 {
-    &[data-highlighted] {
-      opacity: 0.8;
-    }
+  .border_solid_1px {
+    border: solid 1px;
   }
 
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
+  .focusWithin\:border_yellow\.200 {
+    &:focus-within {
+      border-color: var(--colors-yellow-200);
     }
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
+  .focusWithin\:dark\:border_yellow\.300 {
+    &:focus-within {
+      &.dark,
+      .dark & {
+        border-color: var(--colors-yellow-300);
+      }
     }
   }
 
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
-  }
-
-  .highlighted\:ring_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &[data-highlighted] {
-      outline: 1px solid var(--colors-blue-400, blue);
-    }
+  .font_bold {
+    font-weight: var(--font-weights-bold);
   }
 
-  .focus\:border_1px_solid_token\(colors\.blue\.400\,_blue\) {
-    &:where(:focus, [data-focus]) {
-      border: 1px solid var(--colors-blue-400, blue);
-    }
+  .px_2 {
+    padding-inline: var(--spacing-2);
   }
 
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
+  .select_none {
+    user-select: none;
   }
 
-  .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;
   }
 
-  .w_full {
-    width: var(--sizes-full);
+  .ml_auto {
+    margin-left: auto;
   }
 
   .p_2 {
     padding: var(--spacing-2);
   }
 
-  .max-h_300px {
-    max-height: 300px;
-  }
-
-  .overflow_auto {
-    overflow: auto;
-  }
-
-  .bg_card {
-    background: var(--colors-card);
-  }
-
-  .list-style_none {
-    list-style: none;
-  }
-
-  .rounded_md {
-    border-radius: var(--radii-md);
-  }
-
-  .border_1px_solid_token\(colors\.border\) {
-    border: 1px solid var(--colors-border);
-  }
-
-  .p_4px_8px {
-    padding: 4px 8px;
-  }
-
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
-  }
-
-  .flex_column {
-    flex-direction: column;
-  }
-
   .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);
-    }
-  }
-
-  .mr_-2 {
-    margin-right: calc(var(--spacing-2) * -1);
-  }
-
-  .select_none {
-    user-select: none;
-  }
-
-  .fs_lg {
-    font-size: var(--font-sizes-lg);
-  }
-
-  .font_bold {
-    font-weight: var(--font-weights-bold);
+  .cursor_pointer {
+    cursor: pointer;
   }
 
-  .ml_auto {
-    margin-left: auto;
+  .border-l_solid_1px {
+    border-left: solid 1px;
   }
 
-  .px_2 {
-    padding-inline: var(--spacing-2);
+  .border_border {
+    border-color: var(--colors-border);
   }
 
-  .cursor_pointer {
-    cursor: pointer;
+  .text_text {
+    color: var(--colors-text);
   }
 }

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 {

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

@@ -1,108 +1,4 @@
 @layer utilities {
-  .bg_white {
-    background-color: var(--colors-white);
-  }
-
-  .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
-    border: 1px solid rgba(0, 0, 0, 0.1);
-  }
-
-  .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);
-    }
-  }
-
   .d_flex {
     display: flex;
   }
@@ -127,8 +23,16 @@
     background-color: var(--colors-card);
   }
 
-  .border_border {
-    border: border;
+  .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);
   }
 
   .hover\:opacity_1 {