@pandacss/studio 0.3.0 → 0.3.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 {

package/styled-system/chunks/src__components__analyzer__truncated-text.css

@@ -1,20 +1,4 @@
 @layer utilities {
-  .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
-
-  .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
-
-  .font_semibold {
-    font-weight: var(--font-weights-semibold);
-  }
-
-  .bg_white {
-    background-color: var(--colors-white);
-  }
-
   .p_2 {
     padding: var(--spacing-2);
   }
@@ -26,4 +10,8 @@
   .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
     border: 1px solid rgba(0, 0, 0, 0.1);
   }
+
+  .text_text {
+    color: var(--colors-text);
+  }
 }

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

@@ -1,24 +1,6 @@
 @layer utilities {
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .rounded_md {
-    border-radius: var(--radii-md);
+  .p_4px_8px {
+    padding: 4px 8px;
   }
 
   .\[\&_li\]\:cursor_pointer {
@@ -27,66 +9,6 @@
     }
   }
 
-  .p_4px_8px {
-    padding: 4px 8px;
-  }
-
-  .bg_white {
-    background: var(--colors-white);
-  }
-
-  .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);
-    }
-  }
-
-  .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);
-    }
-  }
-
   .list-style_none {
     list-style: none;
   }
@@ -123,40 +45,54 @@
     margin-top: var(--spacing-1);
   }
 
-  .d_block {
-    display: block;
+  .gap_2 {
+    gap: var(--spacing-2);
+  }
+
+  .fs_md {
+    font-size: var(--font-sizes-md);
   }
 
-  .self_flex-end {
-    align-self: flex-end;
+  .font_bold {
+    font-weight: var(--font-weights-bold);
   }
 
-  .mt_2 {
-    margin-top: var(--spacing-2);
+  .ml_auto {
+    margin-left: auto;
   }
 
   .select_none {
     user-select: none;
   }
 
-  .fs_lg {
-    font-size: var(--font-sizes-lg);
+  .bg_card {
+    background: var(--colors-card);
   }
 
-  .fs_md {
-    font-size: var(--font-sizes-md);
+  .px_3 {
+    padding-inline: var(--spacing-3);
   }
 
-  .font_bold {
-    font-weight: var(--font-weights-bold);
+  .py_2 {
+    padding-block: var(--spacing-2);
   }
 
-  .ml_auto {
-    margin-left: auto;
+  .rounded_md {
+    border-radius: var(--radii-md);
   }
 
-  .bg_card {
-    background: var(--colors-card);
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .w_16 {
+    width: var(--sizes-16);
+  }
+
+  .h_16 {
+    height: var(--sizes-16);
   }
 
   .d_flex {
@@ -210,28 +146,4 @@
       }
     }
   }
-
-  .\[\&_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;
-      }
-    }
-  }
-
-  .\[\&_li\]\:hover\:opacity_0\.8 {
-    & li {
-      &:where(:hover, [data-hover]) {
-        opacity: 0.8;
-      }
-    }
-  }
 }

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

@@ -15,7 +15,7 @@
     margin-bottom: var(--spacing-2);
   }
 
-  .opacity_0\.1 {
-    opacity: 0.1;
+  .opacity_0\.7 {
+    opacity: 0.7;
   }
 }

package/styled-system/chunks/src__components__colors.css

@@ -1,4 +1,8 @@
 @layer utilities {
+  .font_semibold {
+    font-weight: var(--font-weights-semibold);
+  }
+
   .text_capitalize {
     text-transform: capitalize;
   }
@@ -75,12 +79,16 @@
     flex-direction: row;
   }
 
+  .grid-cols_repeat\(auto-fit\,_minmax\(13rem\,_1fr\)\) {
+    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  }
+
   .d_grid {
     display: grid;
   }
 
-  .grid-cols_repeat\(auto-fit\,_minmax\(13rem\,_1fr\)\) {
-    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  .grid-cols_repeat\(auto-fit\,_minmax\(30rem\,_1fr\)\) {
+    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
   }
 
   .gap_4 {

package/styled-system/chunks/src__components__semantic-color.css

@@ -3,14 +3,6 @@
     height: var(--sizes-12);
   }
 
-  .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
-
-  .fs_sm {
-    font-size: var(--font-sizes-sm);
-  }
-
   .min-w_5 {
     min-width: var(--sizes-5);
   }
@@ -42,4 +34,32 @@
   .border_neutral\.700 {
     border-color: var(--colors-neutral-700);
   }
+
+  .font_medium {
+    font-weight: var(--font-weights-medium);
+  }
+
+  .opacity_0\.7 {
+    opacity: 0.7;
+  }
+
+  .fs_sm {
+    font-size: var(--font-sizes-sm);
+  }
+
+  .text_uppercase {
+    text-transform: uppercase;
+  }
+
+  .d_flex {
+    display: flex;
+  }
+
+  .flex_column {
+    flex-direction: column;
+  }
+
+  .w_full {
+    width: var(--sizes-full);
+  }
 }