@pandacss/studio 0.15.1 → 0.15.2

package/styled-system/chunks/src__components__overview.css

@@ -1,161 +1,122 @@
 @layer utilities {
+
   .bg_\#646cff {
-    background: #646cff;
-  }
+    background: #646cff
+    }
 
   .text_white {
-    color: var(--colors-white);
-  }
+    color: var(--colors-white)
+    }
 
   .w_fit-content {
-    width: fit-content;
-  }
+    width: fit-content
+    }
 
   .fs_small {
-    font-size: small;
-  }
+    font-size: small
+    }
 
   .px_6 {
-    padding-inline: var(--spacing-6);
-  }
+    padding-inline: var(--spacing-6)
+    }
 
   .py_1 {
-    padding-block: var(--spacing-1);
-  }
+    padding-block: var(--spacing-1)
+    }
 
   .rounded_sm {
-    border-radius: var(--radii-sm);
-  }
+    border-radius: var(--radii-sm)
+    }
 
   .mt_6 {
-    margin-top: var(--spacing-6);
-  }
+    margin-top: var(--spacing-6)
+    }
 
   .transition_all_0\.2s_ease {
-    transition: all 0.2s ease;
-  }
+    transition: all 0.2s ease
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .py_24 {
-    padding-block: var(--spacing-24);
-  }
+    padding-block: var(--spacing-24)
+    }
 
   .mb_10 {
-    margin-bottom: var(--spacing-10);
-  }
+    margin-bottom: var(--spacing-10)
+    }
 
   .bg_card {
-    background: var(--colors-card);
-  }
+    background: var(--colors-card)
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .fs_2xl {
-    font-size: var(--font-sizes-2xl);
-  }
+    font-size: var(--font-sizes-2xl)
+    }
 
   .px_8 {
-    padding-inline: var(--spacing-8);
-  }
+    padding-inline: var(--spacing-8)
+    }
 
   .py_4 {
-    padding-block: var(--spacing-4);
-  }
+    padding-block: var(--spacing-4)
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .fs_3xl {
-    font-size: var(--font-sizes-3xl);
-  }
+    font-size: var(--font-sizes-3xl)
+    }
 
   .font_semibold {
-    font-weight: var(--font-weights-semibold);
-  }
+    font-weight: var(--font-weights-semibold)
+    }
 
   .mb_6 {
-    margin-bottom: var(--spacing-6);
-  }
+    margin-bottom: var(--spacing-6)
+    }
 
   .d_block {
-    display: block;
-  }
+    display: block
+    }
 
   .p_8 {
-    padding: var(--spacing-8);
-  }
-
-  .d_flex {
-    display: flex;
-  }
-
-  .flex-wrap_wrap {
-    flex-wrap: wrap;
-  }
-
-  .gap_6 {
-    gap: var(--spacing-6);
-  }
-
-  .my_2 {
-    margin-block: var(--spacing-2);
-  }
-
-  .p_0 {
-    padding: var(--spacing-0);
-  }
-
-  .\[\&\:hover\]\:bg_\#4049f0 {
-    &:hover {
-      background: #4049f0;
+    padding: var(--spacing-8)
     }
-  }
 
-  .\[\&\:hover\]\:shadow_lg {
-    &:hover {
-      box-shadow: var(--shadows-lg);
+  .d_flex {
+    display: flex
     }
-  }
 
-  .\[\&\:hover\]\:bg_\#4049f0 {
-    &:hover {
-      background: #4049f0;
+  .flex-wrap_wrap {
+    flex-wrap: wrap
     }
-  }
 
-  .\[\&\:hover\]\:shadow_lg {
-    &:hover {
-      box-shadow: var(--shadows-lg);
+  .gap_6 {
+    gap: var(--spacing-6)
     }
-  }
 
-  .\[\&\:hover\]\:bg_\#4049f0 {
-    &:hover {
-      background: #4049f0;
+  .my_2 {
+    margin-block: var(--spacing-2)
     }
-  }
 
-  .\[\&\:hover\]\:shadow_lg {
-    &:hover {
-      box-shadow: var(--shadows-lg);
+  .p_0 {
+    padding: var(--spacing-0)
     }
-  }
 
-  .\[\&\:hover\]\:bg_\#4049f0 {
-    &:hover {
-      background: #4049f0;
-    }
-  }
+  .\[\&\:hover\]\:bg_\#4049f0:hover {
+    background: #4049f0
+        }
 
-  .\[\&\:hover\]\:shadow_lg {
-    &:hover {
-      box-shadow: var(--shadows-lg);
-    }
-  }
-}
+  .\[\&\:hover\]\:shadow_lg:hover {
+    box-shadow: var(--shadows-lg)
+        }
+}

package/styled-system/chunks/src__components__radii.css

@@ -1,49 +1,50 @@
 @layer utilities {
+
   .w_80px {
-    width: 80px;
-  }
+    width: 80px
+    }
 
   .h_80px {
-    height: 80px;
-  }
+    height: 80px
+    }
 
   .bg_rgba\(255\,_192\,_203\,_0\.5\) {
-    background: rgba(255, 192, 203, 0.5);
-  }
+    background: rgba(255, 192, 203, 0.5)
+    }
 
   .opacity_0\.7 {
-    opacity: 0.7;
-  }
+    opacity: 0.7
+    }
 
   .d_grid {
-    display: grid;
-  }
+    display: grid
+    }
 
   .grid-cols_repeat\(auto-fit\,_minmax\(10rem\,_1fr\)\) {
-    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
-  }
+    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr))
+    }
 
   .gap_10 {
-    gap: var(--spacing-10);
-  }
+    gap: var(--spacing-10)
+    }
 
   .gap_10px {
-    gap: 10px;
-  }
+    gap: 10px
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .gap_1 {
-    gap: var(--spacing-1);
-  }
-}
+    gap: var(--spacing-1)
+    }
+}

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

@@ -1,65 +1,66 @@
 @layer utilities {
+
   .h_12 {
-    height: var(--sizes-12);
-  }
+    height: var(--sizes-12)
+    }
 
   .min-w_5 {
-    min-width: var(--sizes-5);
-  }
+    min-width: var(--sizes-5)
+    }
 
   .bg_neutral\.800 {
-    background: var(--colors-neutral-800);
-  }
+    background: var(--colors-neutral-800)
+    }
 
   .px_1 {
-    padding-inline: var(--spacing-1);
-  }
+    padding-inline: var(--spacing-1)
+    }
 
   .py_1 {
-    padding-block: var(--spacing-1);
-  }
+    padding-block: var(--spacing-1)
+    }
 
   .text_white {
-    color: var(--colors-white);
-  }
+    color: var(--colors-white)
+    }
 
   .rounded-br_sm {
-    border-bottom-right-radius: var(--radii-sm);
-  }
+    border-bottom-right-radius: var(--radii-sm)
+    }
 
   .border-width_1px {
-    border-width: 1px;
-  }
+    border-width: 1px
+    }
 
   .border_neutral\.700 {
-    border-color: var(--colors-neutral-700);
-  }
+    border-color: var(--colors-neutral-700)
+    }
 
   .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
+    font-weight: var(--font-weights-medium)
+    }
 
   .opacity_0\.7 {
-    opacity: 0.7;
-  }
+    opacity: 0.7
+    }
 
   .fs_sm {
-    font-size: var(--font-sizes-sm);
-  }
+    font-size: var(--font-sizes-sm)
+    }
 
   .text_uppercase {
-    text-transform: uppercase;
-  }
+    text-transform: uppercase
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .w_full {
-    width: var(--sizes-full);
-  }
-}
+    width: var(--sizes-full)
+    }
+}

package/styled-system/chunks/src__components__side-nav-item.css

@@ -1,69 +1,30 @@
 @layer utilities {
-  .hover\:text_yellow\.300 {
-    &:where(:hover, [data-hover]) {
-      color: var(--colors-yellow-300);
-    }
-  }
-
-  .currentPage\:text_yellow\.300 {
-    &[aria-current='page'] {
-      color: var(--colors-yellow-300);
-    }
-  }
-
-  .hover\:text_yellow\.300 {
-    &:where(:hover, [data-hover]) {
-      color: var(--colors-yellow-300);
-    }
-  }
-
-  .currentPage\:text_yellow\.300 {
-    &[aria-current='page'] {
-      color: var(--colors-yellow-300);
-    }
-  }
-
-  .hover\:text_yellow\.300 {
-    &:where(:hover, [data-hover]) {
-      color: var(--colors-yellow-300);
-    }
-  }
-
-  .currentPage\:text_yellow\.300 {
-    &[aria-current='page'] {
-      color: var(--colors-yellow-300);
-    }
-  }
 
   .d_block {
-    display: block;
-  }
+    display: block
+    }
 
   .py_1\.5 {
-    padding-block: var(--spacing-1\.5);
-  }
+    padding-block: var(--spacing-1\.5)
+    }
 
   .cursor_pointer {
-    cursor: pointer;
-  }
+    cursor: pointer
+    }
 
   .fs_md {
-    font-size: var(--font-sizes-md);
-  }
+    font-size: var(--font-sizes-md)
+    }
 
   .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
-
-  .hover\:text_yellow\.300 {
-    &:where(:hover, [data-hover]) {
-      color: var(--colors-yellow-300);
+    font-weight: var(--font-weights-medium)
     }
-  }
 
-  .currentPage\:text_yellow\.300 {
-    &[aria-current='page'] {
-      color: var(--colors-yellow-300);
-    }
-  }
-}
+  .currentPage\:text_yellow\.300[aria-current=page] {
+    color: var(--colors-yellow-300)
+        }
+
+  .hover\:text_yellow\.300:is(:hover, [data-hover]) {
+    color: var(--colors-yellow-300)
+        }
+}

package/styled-system/chunks/src__components__side-nav.css

@@ -1,49 +1,50 @@
 @layer utilities {
+
   .mt_8 {
-    margin-top: var(--spacing-8);
-  }
+    margin-top: var(--spacing-8)
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .fs_small {
-    font-size: small;
-  }
+    font-size: small
+    }
 
   .opacity_0\.7 {
-    opacity: 0.7;
-  }
+    opacity: 0.7
+    }
 
   .mb_8 {
-    margin-bottom: var(--spacing-8);
-  }
+    margin-bottom: var(--spacing-8)
+    }
 
   .list_none {
-    list-style-type: none;
-  }
+    list-style-type: none
+    }
 
   .p_0 {
-    padding: var(--spacing-0);
-  }
+    padding: var(--spacing-0)
+    }
 
   .my_2 {
-    margin-block: var(--spacing-2);
-  }
+    margin-block: var(--spacing-2)
+    }
 
   .mx_0 {
-    margin-inline: var(--spacing-0);
-  }
+    margin-inline: var(--spacing-0)
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_10 {
-    gap: var(--spacing-10);
-  }
-}
+    gap: var(--spacing-10)
+    }
+}

package/styled-system/chunks/src__components__sizes.css

@@ -1,41 +1,42 @@
 @layer utilities {
+
   .font_semibold {
-    font-weight: var(--font-weights-semibold);
-  }
+    font-weight: var(--font-weights-semibold)
+    }
 
   .col-span_span_3_\/_span_3 {
-    grid-column: span 3 / span 3;
-  }
+    grid-column: span 3 / span 3
+    }
 
   .h_5 {
-    height: var(--sizes-5);
-  }
+    height: var(--sizes-5)
+    }
 
   .bg_rgba\(255\,_192\,_203\,_0\.5\) {
-    background: rgba(255, 192, 203, 0.5);
-  }
+    background: rgba(255, 192, 203, 0.5)
+    }
 
   .col-span_span_2_\/_span_2 {
-    grid-column: span 2 / span 2;
-  }
+    grid-column: span 2 / span 2
+    }
 
   .col-span_span_5_\/_span_5 {
-    grid-column: span 5 / span 5;
-  }
+    grid-column: span 5 / span 5
+    }
 
   .d_grid {
-    display: grid;
-  }
+    display: grid
+    }
 
   .grid-cols_repeat\(5\,_minmax\(0\,_1fr\)\) {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
-  }
+    grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
 
   .gap-y_10 {
-    column-gap: var(--spacing-10);
-  }
+    column-gap: var(--spacing-10)
+    }
 
   .gap-x_2\.5 {
-    row-gap: var(--spacing-2\.5);
-  }
-}
+    row-gap: var(--spacing-2\.5)
+    }
+}

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

@@ -1,31 +1,32 @@
 @layer utilities {
+
   .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)
+    }
 
   .flex_auto {
-    flex: 1 1 auto;
-  }
+    flex: 1 1 auto
+    }
 
   .my_3 {
-    margin-block: var(--spacing-3);
-  }
+    margin-block: var(--spacing-3)
+    }
 
   .truncate_true {
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+    white-space: nowrap
+    }
 
   .font_medium {
-    font-weight: var(--font-weights-medium);
-  }
-}
+    font-weight: var(--font-weights-medium)
+    }
+}