@pandacss/studio 0.15.0 → 0.15.2

package/styled-system/chunks/src__components__input.css

@@ -1,161 +1,58 @@
 @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);
-    }
-  }
-
-  .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);
-  }
+    background: var(--colors-transparent)
+    }
 
   .w_full {
-    width: var(--sizes-full);
-  }
+    width: var(--sizes-full)
+    }
 
   .px_4 {
-    padding-inline: var(--spacing-4);
-  }
+    padding-inline: var(--spacing-4)
+    }
 
   .py_2 {
-    padding-block: var(--spacing-2);
-  }
+    padding-block: var(--spacing-2)
+    }
 
   .rounded_md {
-    border-radius: var(--radii-md);
-  }
+    border-radius: var(--radii-md)
+    }
 
   .text_neutral\.600 {
-    color: var(--colors-neutral-600);
-  }
-
-  .dark\:text_neutral\.300 {
-    &.dark,
-    .dark & {
-      color: var(--colors-neutral-300);
+    color: var(--colors-neutral-600)
     }
-  }
+
+  .dark\:text_neutral\.300.dark, .dark .dark\:text_neutral\.300 {
+    color: var(--colors-neutral-300)
+        }
 
   .shadow_sm {
-    box-shadow: var(--shadows-sm);
-  }
+    box-shadow: var(--shadows-sm)
+    }
 
   .border-width_1px {
-    border-width: 1px;
-  }
+    border-width: 1px
+    }
 
   .border_border {
-    border-color: var(--colors-border);
-  }
-
-  .focusWithin\:outline-style_solid {
-    &:focus-within {
-      outline-style: solid;
+    border-color: var(--colors-border)
     }
-  }
 
-  .focusWithin\:ring_2px {
-    &:focus-within {
-      outline-width: 2px;
-    }
-  }
+  .focusWithin\:outline-style_solid:focus-within {
+    outline-style: solid
+        }
 
-  .focusWithin\:ring_2px {
-    &:focus-within {
-      outline-offset: 2px;
-    }
-  }
+  .focusWithin\:ring_2px:focus-within {
+    outline-width: 2px
+        }
 
-  .focusWithin\:ring_neutral\.400 {
-    &:focus-within {
-      outline-color: var(--colors-neutral-400);
-    }
-  }
-}
+  .focusWithin\:ring_2px:focus-within {
+    outline-offset: 2px
+        }
+
+  .focusWithin\:ring_neutral\.400:focus-within {
+    outline-color: var(--colors-neutral-400)
+        }
+}

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

@@ -1,105 +1,63 @@
 @layer utilities {
-  .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-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);
-    }
-  }
-
-  .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_card > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--colors-card)
+        }
 
   .px_1 {
-    padding-inline: var(--spacing-1);
-  }
+    padding-inline: var(--spacing-1)
+    }
 
   .py_2\.5 {
-    padding-block: var(--spacing-2\.5);
-  }
+    padding-block: var(--spacing-2\.5)
+    }
 
   .border_card {
-    border-color: var(--colors-card);
-  }
+    border-color: var(--colors-card)
+    }
 
   .fs_small {
-    font-size: small;
-  }
+    font-size: small
+    }
 
   .mt_1\.5 {
-    margin-top: var(--spacing-1\.5);
-  }
+    margin-top: var(--spacing-1\.5)
+    }
 
   .px_4 {
-    padding-inline: var(--spacing-4);
-  }
+    padding-inline: var(--spacing-4)
+    }
 
   .py_2 {
-    padding-block: var(--spacing-2);
-  }
+    padding-block: var(--spacing-2)
+    }
 
   .bg_card {
-    background: var(--colors-card);
-  }
+    background: var(--colors-card)
+    }
 
   .mt_5 {
-    margin-top: var(--spacing-5);
-  }
+    margin-top: var(--spacing-5)
+    }
 
   .flex_auto {
-    flex: 1 1 auto;
-  }
+    flex: 1 1 auto
+    }
 
   .my_3 {
-    margin-block: var(--spacing-3);
-  }
+    margin-block: var(--spacing-3)
+    }
 
   .h_20 {
-    height: var(--sizes-20);
-  }
+    height: var(--sizes-20)
+    }
 
   .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
-}
+    font-weight: var(--font-weights-medium)
+    }
+}

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

@@ -1,181 +1,57 @@
 @layer utilities {
-  .hover\:shadow_lg {
-    &:where(:hover, [data-hover]) {
-      box-shadow: var(--shadows-lg);
-    }
-  }
-
-  .hover\:shadow_lg {
-    &:where(:hover, [data-hover]) {
-      box-shadow: var(--shadows-lg);
-    }
-  }
-
-  .hover\:shadow_lg {
-    &:where(:hover, [data-hover]) {
-      box-shadow: var(--shadows-lg);
-    }
-  }
 
   .w_60 {
-    width: var(--sizes-60);
-  }
-
-  .bg_card {
-    background: var(--colors-card);
-  }
-
-  .rounded_sm {
-    border-radius: var(--radii-sm);
-  }
-
-  .p_4 {
-    padding: var(--spacing-4);
-  }
-
-  .transition_all_0\.2s_ease {
-    transition: all 0.2s ease;
-  }
-
-  .hover\:shadow_lg {
-    &:where(:hover, [data-hover]) {
-      box-shadow: var(--shadows-lg);
-    }
-  }
-
-  .\[\&_svg\]\:font_normal {
-    & svg {
-      font-weight: var(--font-weights-normal);
-    }
-  }
-
-  .\[\&_svg\]\:fs_xx-large {
-    & svg {
-      font-size: xx-large;
-    }
-  }
-
-  .\[\&_svg\]\:mb_6 {
-    & svg {
-      margin-bottom: var(--spacing-6);
-    }
-  }
-
-  .\[\&_svg\]\:h_6 {
-    & svg {
-      height: var(--sizes-6);
-    }
-  }
-
-  .\[\&_svg\]\:w_6 {
-    & svg {
-      width: var(--sizes-6);
-    }
-  }
-
-  .\[\&_svg\]\:font_normal {
-    & svg {
-      font-weight: var(--font-weights-normal);
-    }
-  }
-
-  .\[\&_svg\]\:fs_xx-large {
-    & svg {
-      font-size: xx-large;
-    }
-  }
-
-  .\[\&_svg\]\:mb_6 {
-    & svg {
-      margin-bottom: var(--spacing-6);
-    }
-  }
-
-  .\[\&_svg\]\:h_6 {
-    & svg {
-      height: var(--sizes-6);
-    }
-  }
-
-  .\[\&_svg\]\:w_6 {
-    & svg {
-      width: var(--sizes-6);
+    width: var(--sizes-60)
     }
-  }
 
-  .\[\&_svg\]\:font_normal {
-    & svg {
-      font-weight: var(--font-weights-normal);
-    }
-  }
-
-  .\[\&_svg\]\:fs_xx-large {
-    & svg {
-      font-size: xx-large;
-    }
-  }
-
-  .\[\&_svg\]\:mb_6 {
-    & svg {
-      margin-bottom: var(--spacing-6);
+  .bg_card {
+    background: var(--colors-card)
     }
-  }
 
-  .\[\&_svg\]\:h_6 {
-    & svg {
-      height: var(--sizes-6);
+  .rounded_sm {
+    border-radius: var(--radii-sm)
     }
-  }
 
-  .\[\&_svg\]\:w_6 {
-    & svg {
-      width: var(--sizes-6);
+  .p_4 {
+    padding: var(--spacing-4)
     }
-  }
 
-  .\[\&_svg\]\:font_normal {
-    & svg {
-      font-weight: var(--font-weights-normal);
-    }
-  }
+  .transition_all_0\.2s_ease {
+    transition: all 0.2s ease
+    }
+    .\[\&_svg\]\:font_normal svg {
+      font-weight: var(--font-weights-normal)
+        }
+    .\[\&_svg\]\:fs_xx-large svg {
+      font-size: xx-large
+        }
+    .\[\&_svg\]\:mb_6 svg {
+      margin-bottom: var(--spacing-6)
+        }
+    .\[\&_svg\]\:h_6 svg {
+      height: var(--sizes-6)
+        }
+    .\[\&_svg\]\:w_6 svg {
+      width: var(--sizes-6)
+        }
 
-  .\[\&_svg\]\:fs_xx-large {
-    & svg {
-      font-size: xx-large;
+  .font_semibold {
+    font-weight: var(--font-weights-semibold)
     }
-  }
 
-  .\[\&_svg\]\:mb_6 {
-    & svg {
-      margin-bottom: var(--spacing-6);
+  .fs_small {
+    font-size: small
     }
-  }
 
-  .\[\&_svg\]\:h_6 {
-    & svg {
-      height: var(--sizes-6);
+  .d_block {
+    display: block
     }
-  }
 
-  .\[\&_svg\]\:w_6 {
-    & svg {
-      width: var(--sizes-6);
+  .mt_3 {
+    margin-top: var(--spacing-3)
     }
-  }
 
-  .font_semibold {
-    font-weight: var(--font-weights-semibold);
-  }
-
-  .fs_small {
-    font-size: small;
-  }
-
-  .d_block {
-    display: block;
-  }
-
-  .mt_3 {
-    margin-top: var(--spacing-3);
-  }
-}
+  .hover\:shadow_lg:is(:hover, [data-hover]) {
+    box-shadow: var(--shadows-lg)
+        }
+}