@pandacss/studio 0.0.0-dev-20230616145250 → 0.0.0-dev-20230616192531

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

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

package/styled-system/chunks/src__components__overview.css

@@ -1,125 +1,125 @@
 @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)
-    }
+    padding: var(--spacing-8);
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .flex-wrap_wrap {
-    flex-wrap: wrap
-    }
+    flex-wrap: wrap;
+  }
 
   .gap_6 {
-    gap: var(--spacing-6)
-    }
+    gap: var(--spacing-6);
+  }
 
   .my_2 {
-    margin-block: var(--spacing-2)
-    }
+    margin-block: var(--spacing-2);
+  }
 
   .p_0 {
-    padding: 0
-    }
+    padding: 0;
+  }
 
   .\[\&\:hover\]\:bg_\#4049f0 {
     &:hover {
-      background: #4049f0
-        }
+      background: #4049f0;
     }
+  }
 
   .\[\&\:hover\]\:shadow_lg {
     &:hover {
-      box-shadow: var(--shadows-lg)
-        }
+      box-shadow: var(--shadows-lg);
     }
-}
+  }
+}

package/styled-system/chunks/src__components__radii.css

@@ -1,48 +1,49 @@
 @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,65 @@
 @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,33 +1,33 @@
 @layer utilities {
   .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)
-    }
+    font-weight: var(--font-weights-medium);
+  }
 
   .hover\:text_yellow\.300 {
     &:where(:hover, [data-hover]) {
-      color: var(--colors-yellow-300)
-        }
+      color: var(--colors-yellow-300);
     }
+  }
 
   .currentPage\:text_yellow\.300 {
-    &[aria-current=page] {
-      color: var(--colors-yellow-300)
-        }
+    &[aria-current='page'] {
+      color: var(--colors-yellow-300);
     }
-}
+  }
+}

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

@@ -1,49 +1,49 @@
 @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: 0
-    }
+    padding: 0;
+  }
 
   .my_2 {
-    margin-block: var(--spacing-2)
-    }
+    margin-block: var(--spacing-2);
+  }
 
   .mx_0 {
-    margin-inline: 0
-    }
+    margin-inline: 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,41 @@
 @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,30 +1,31 @@
 @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);
+  }
+}