@pandacss/studio 0.15.1 → 0.15.2

package/styled-system/chunks/src__components__analyzer__text-with-count.css

@@ -1,33 +1,34 @@
 @layer utilities {
+
   .d_inline-flex {
-    display: inline-flex;
-  }
+    display: inline-flex
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .fs_75\% {
-    font-size: 75%;
-  }
+    font-size: 75%
+    }
 
   .leading_0 {
-    line-height: 0;
-  }
+    line-height: 0
+    }
 
   .pos_relative {
-    position: relative;
-  }
+    position: relative
+    }
 
   .top_-0\.35em {
-    top: -0.35em;
-  }
+    top: -0.35em
+    }
 
   .opacity_0\.5 {
-    opacity: 0.5;
-  }
+    opacity: 0.5
+    }
 
   .ml_1 {
-    margin-left: var(--spacing-1);
-  }
-}
+    margin-left: var(--spacing-1)
+    }
+}

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

@@ -1,17 +1,18 @@
 @layer utilities {
+
   .p_2 {
-    padding: var(--spacing-2);
-  }
+    padding: var(--spacing-2)
+    }
 
   .bg_card {
-    background-color: var(--colors-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 rgba(0, 0, 0, 0.1)
+    }
 
   .text_text {
-    color: var(--colors-text);
-  }
-}
+    color: var(--colors-text)
+    }
+}

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

@@ -1,246 +1,139 @@
 @layer utilities {
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
 
   .p_4px_8px {
-    padding: 4px 8px;
-  }
-
-  .\[\&_li\]\:cursor_pointer {
-    & li {
-      cursor: pointer;
-    }
-  }
-
-  .hover\:opacity_0\.8 {
-    &:where(:hover, [data-hover]) {
-      opacity: 0.8;
+    padding: 4px 8px
     }
-  }
 
-  .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);
-    }
-  }
-
-  .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);
-    }
-  }
+  .\[\&_li\]\:cursor_pointer li {
+    cursor: pointer
+        }
 
   .list-style_none {
-    list-style: none;
-  }
+    list-style: none
+    }
 
   .p_4 {
-    padding: var(--spacing-4);
-  }
+    padding: var(--spacing-4)
+    }
 
   .mt_4 {
-    margin-top: var(--spacing-4);
-  }
+    margin-top: var(--spacing-4)
+    }
 
   .justify_center {
-    justify-content: center;
-  }
+    justify-content: center
+    }
 
   .fs_xl {
-    font-size: var(--font-sizes-xl);
-  }
+    font-size: var(--font-sizes-xl)
+    }
 
   .p_16 {
-    padding: var(--spacing-16);
-  }
+    padding: var(--spacing-16)
+    }
 
   .mb_4 {
-    margin-bottom: var(--spacing-4);
-  }
+    margin-bottom: var(--spacing-4)
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .mt_1 {
-    margin-top: var(--spacing-1);
-  }
+    margin-top: var(--spacing-1)
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .fs_md {
-    font-size: var(--font-sizes-md);
-  }
+    font-size: var(--font-sizes-md)
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .ml_auto {
-    margin-left: auto;
-  }
+    margin-left: auto
+    }
 
   .select_none {
     -webkit-user-select: none;
-    user-select: none;
-  }
+    user-select: none
+    }
 
   .bg_card {
-    background: var(--colors-card);
-  }
+    background: var(--colors-card)
+    }
 
   .px_3 {
-    padding-inline: var(--spacing-3);
-  }
+    padding-inline: var(--spacing-3)
+    }
 
   .py_2 {
-    padding-block: var(--spacing-2);
-  }
+    padding-block: var(--spacing-2)
+    }
 
   .rounded_md {
-    border-radius: var(--radii-md);
-  }
-
-  .hover\:opacity_0\.8 {
-    &:where(:hover, [data-hover]) {
-      opacity: 0.8;
+    border-radius: var(--radii-md)
     }
-  }
 
   .w_16 {
-    width: var(--sizes-16);
-  }
+    width: var(--sizes-16)
+    }
 
   .h_16 {
-    height: var(--sizes-16);
-  }
+    height: var(--sizes-16)
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex-wrap_wrap {
-    flex-wrap: wrap;
-  }
+    flex-wrap: wrap
+    }
 
   .gap_10px {
-    gap: 10px;
-  }
+    gap: 10px
+    }
 
   .d_inline-flex {
-    display: inline-flex;
-  }
+    display: inline-flex
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .opacity_0\.5 {
-    opacity: 0.5;
-  }
+    opacity: 0.5
+    }
 
   .border-b_1px_solid_transparent {
-    border-bottom: 1px solid transparent;
-  }
-
-  .cursor_pointer {
-    cursor: pointer;
-  }
-
-  .hover\:opacity_1 {
-    &:where(:hover, [data-hover]) {
-      opacity: 1;
+    border-bottom: 1px solid transparent
     }
-  }
 
-  .hover\:border-b_black {
-    &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black);
+  .cursor_pointer {
+    cursor: pointer
     }
-  }
 
-  .\[\&_li\]\:hover\:opacity_0\.8 {
-    & li {
-      &:where(:hover, [data-hover]) {
-        opacity: 0.8;
-      }
-    }
-  }
+  .hover\:opacity_0\.8:is(:hover, [data-hover]) {
+    opacity: 0.8
+        }
 
-  .\[\&_li\]\:hover\:opacity_0\.8 {
-    & li {
-      &:where(:hover, [data-hover]) {
-        opacity: 0.8;
-      }
-    }
-  }
+  .hover\:opacity_1:is(:hover, [data-hover]) {
+    opacity: 1
+        }
 
-  .\[\&_li\]\:hover\:opacity_0\.8 {
-    & li {
-      &:where(:hover, [data-hover]) {
-        opacity: 0.8;
-      }
-    }
-  }
+  .hover\:border-b_black:is(:hover, [data-hover]) {
+    border-bottom-color: var(--colors-black)
+        }
 
-  .\[\&_li\]\:hover\:opacity_0\.8 {
-    & li {
-      &:where(:hover, [data-hover]) {
-        opacity: 0.8;
-      }
-    }
-  }
-}
+  .\[\&_li\]\:hover\:opacity_0\.8 li:is(:hover, [data-hover]) {
+    opacity: 0.8
+            }
+}

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

@@ -1,113 +1,106 @@
 @layer utilities {
+
   .pt_16 {
-    padding-top: var(--spacing-16);
-  }
+    padding-top: var(--spacing-16)
+    }
 
   .gap_5 {
-    gap: var(--spacing-5);
-  }
+    gap: var(--spacing-5)
+    }
 
   .mt_10 {
-    margin-top: var(--spacing-10);
-  }
+    margin-top: var(--spacing-10)
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .fs_4xl {
-    font-size: var(--font-sizes-4xl);
-  }
+    font-size: var(--font-sizes-4xl)
+    }
 
   .opacity_0\.5 {
-    opacity: 0.5;
-  }
-
-  .size_regular {
-    size: regular;
-  }
-
-  .size_large {
-    size: large;
-  }
+    opacity: 0.5
+    }
 
   .justify_space-between {
-    justify-content: space-between;
-  }
+    justify-content: space-between
+    }
 
   .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
+    font-weight: var(--font-weights-medium)
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .gap_3 {
-    gap: var(--spacing-3);
-  }
+    gap: var(--spacing-3)
+    }
 
   .justify_center {
-    justify-content: center;
-  }
+    justify-content: center
+    }
 
   .gap_10px {
-    gap: 10px;
-  }
+    gap: 10px
+    }
 
   .flex_row {
-    flex-direction: row;
-  }
+    flex-direction: row
+    }
 
   .font_semibold {
-    font-weight: var(--font-weights-semibold);
-  }
+    font-weight: var(--font-weights-semibold)
+    }
 
   .fs_2xl {
-    font-size: var(--font-sizes-2xl);
-  }
+    font-size: var(--font-sizes-2xl)
+    }
 
   .p_2 {
-    padding: var(--spacing-2);
-  }
+    padding: var(--spacing-2)
+    }
 
   .ring_none {
-    outline: var(--borders-none);
-  }
+    outline: var(--borders-none)
+    }
 
   .border-width_1px {
-    border-width: 1px;
-  }
+    border-width: 1px
+    }
 
   .border_card {
-    border-color: var(--colors-card);
-  }
+    border-color: var(--colors-card)
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .gap_2\.5 {
-    gap: var(--spacing-2\.5);
-  }
+    gap: var(--spacing-2\.5)
+    }
 
   .text_center {
-    text-align: center;
-  }
+    text-align: center
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_4 {
-    gap: var(--spacing-4);
-  }
+    gap: var(--spacing-4)
+    }
 
   .flex_1 {
-    flex: 1 1 0%;
-  }
-}
+    flex: 1 1 0%
+    }
+}

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

@@ -1,21 +1,22 @@
 @layer utilities {
+
   .w_auto {
-    width: auto;
-  }
+    width: auto
+    }
 
   .min-w_80px {
-    min-width: 80px;
-  }
+    min-width: 80px
+    }
 
   .h_40px {
-    height: 40px;
-  }
+    height: 40px
+    }
 
   .mb_2 {
-    margin-bottom: var(--spacing-2);
-  }
+    margin-bottom: var(--spacing-2)
+    }
 
   .opacity_0\.7 {
-    opacity: 0.7;
-  }
-}
+    opacity: 0.7
+    }
+}