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

package/styled-system/chunks/src__components__colors.css

@@ -1,104 +1,105 @@
 @layer utilities {
   .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
+    font-weight: var(--font-weights-semibold);
+  }
 
   .text_capitalize {
-    text-transform: capitalize
-    }
+    text-transform: capitalize;
+  }
 
   .fs_xl {
-    font-size: var(--font-sizes-xl)
-    }
+    font-size: var(--font-sizes-xl);
+  }
 
   .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;
+  }
 
   .mb_3\.5 {
-    margin-bottom: var(--spacing-3\.5)
-    }
+    margin-bottom: var(--spacing-3\.5);
+  }
 
   .pos_sticky {
-    position: sticky
-    }
+    position: sticky;
+  }
 
   .top_0 {
-    top: 0
-    }
+    top: 0;
+  }
 
   .z_1 {
-    z-index: 1
-    }
+    z-index: 1;
+  }
 
   .w_full {
-    width: var(--sizes-full)
-    }
+    width: var(--sizes-full);
+  }
 
   .gap_0\.5 {
-    gap: var(--spacing-0\.5)
-    }
+    gap: var(--spacing-0\.5);
+  }
 
   .mt_2 {
-    margin-top: var(--spacing-2)
-    }
+    margin-top: var(--spacing-2);
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .gap_10 {
-    gap: var(--spacing-10)
-    }
+    gap: var(--spacing-10);
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .gap_1 {
-    gap: var(--spacing-1)
-    }
+    gap: var(--spacing-1);
+  }
 
   .flex_row {
-    flex-direction: row
-    }
+    flex-direction: row;
+  }
 
   .grid-cols_repeat\(auto-fit\,_minmax\(13rem\,_1fr\)\) {
-    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr))
-    }
+    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  }
 
   .d_grid {
-    display: grid
-    }
+    display: grid;
+  }
 
   .grid-cols_repeat\(auto-fit\,_minmax\(30rem\,_1fr\)\) {
-    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr))
-    }
+    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
+  }
 
   .gap_4 {
-    gap: var(--spacing-4)
-    }
+    gap: var(--spacing-4);
+  }
 
   .my_5 {
-    margin-block: var(--spacing-5)
-    }
+    margin-block: var(--spacing-5);
+  }
 
   .mx_0 {
-    margin-inline: 0
-    }}
+    margin-inline: 0;
+  }
+}

package/styled-system/chunks/src__components__empty-state.css

@@ -1,45 +1,45 @@
 @layer utilities {
   .fs_5xl {
-    font-size: var(--font-sizes-5xl)
-    }
+    font-size: var(--font-sizes-5xl);
+  }
 
   .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
+    font-weight: var(--font-weights-semibold);
+  }
 
   .justify_center {
-    justify-content: center
-    }
+    justify-content: center;
+  }
 
   .gap_5 {
-    gap: var(--spacing-5)
-    }
+    gap: var(--spacing-5);
+  }
 
   .h_full {
-    height: var(--sizes-full)
-    }
+    height: var(--sizes-full);
+  }
 
   .min-h_40vh {
-    min-height: 40vh
-    }
+    min-height: 40vh;
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .gap_10px {
-    gap: 10px
-    }
+    gap: 10px;
+  }
 
   .opacity_0\.8 {
-    opacity: 0.8
-    }
-}
+    opacity: 0.8;
+  }
+}

package/styled-system/chunks/src__components__font-family.css

@@ -1,85 +1,85 @@
 @layer utilities {
   .fs_100px {
-    font-size: 100px
-    }
+    font-size: 100px;
+  }
 
   .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
+    font-weight: var(--font-weights-bold);
+  }
 
   .leading_1 {
-    line-height: 1
-    }
+    line-height: 1;
+  }
 
   .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
+    font-weight: var(--font-weights-semibold);
+  }
 
   .opacity_0\.7 {
-    opacity: 0.7
-    }
+    opacity: 0.7;
+  }
 
   .gap_8 {
-    gap: var(--spacing-8)
-    }
+    gap: var(--spacing-8);
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .gap_10px {
-    gap: 10px
-    }
+    gap: 10px;
+  }
 
   .gap_10 {
-    gap: var(--spacing-10)
-    }
+    gap: var(--spacing-10);
+  }
 
   .flex_row {
-    flex-direction: row
-    }
+    flex-direction: row;
+  }
 
   .flex-wrap_wrap {
-    flex-wrap: wrap
-    }
+    flex-wrap: wrap;
+  }
 
   .fs_24px {
-    font-size: 24px
-    }
+    font-size: 24px;
+  }
 
   .mt_8 {
-    margin-top: var(--spacing-8)
-    }
+    margin-top: var(--spacing-8);
+  }
 
   .text_uppercase {
-    text-transform: uppercase
-    }
+    text-transform: uppercase;
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .justify_center {
-    justify-content: center
-    }
+    justify-content: center;
+  }
 
   .flex_0_0_auto {
-    flex: 0 0 auto
-    }
+    flex: 0 0 auto;
+  }
 
   .w_8 {
-    width: var(--sizes-8)
-    }
+    width: var(--sizes-8);
+  }
 
   .h_8 {
-    height: var(--sizes-8)
-    }
+    height: var(--sizes-8);
+  }
 
   .text_lowercase {
-    text-transform: lowercase
-    }
-}
+    text-transform: lowercase;
+  }
+}

package/styled-system/chunks/src__components__font-tokens.css

@@ -1,60 +1,61 @@
 @layer utilities {
   .mb_3\.5 {
-    margin-bottom: var(--spacing-3\.5)
-    }
+    margin-bottom: var(--spacing-3\.5);
+  }
 
   .pos_sticky {
-    position: sticky
-    }
+    position: sticky;
+  }
 
   .top_0 {
-    top: 0
-    }
+    top: 0;
+  }
 
   .z_1 {
-    z-index: 1
-    }
+    z-index: 1;
+  }
 
   .resize_vertical {
-    resize: vertical
-    }
+    resize: vertical;
+  }
 
   .font_medium {
-    font-weight: var(--font-weights-medium)
-    }
+    font-weight: var(--font-weights-medium);
+  }
 
   .opacity_0\.4 {
-    opacity: 0.4
-    }
+    opacity: 0.4;
+  }
 
   .fs_4xl {
-    font-size: var(--font-sizes-4xl)
-    }
+    font-size: var(--font-sizes-4xl);
+  }
 
   .leading_normal {
-    line-height: var(--line-heights-normal)
-    }
+    line-height: var(--line-heights-normal);
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .gap_3\.5 {
-    gap: var(--spacing-3\.5)
-    }
+    gap: var(--spacing-3\.5);
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .gap_1 {
-    gap: var(--spacing-1)
-    }
+    gap: var(--spacing-1);
+  }
 
   .flex_row {
-    flex-direction: row
-    }}
+    flex-direction: row;
+  }
+}

package/styled-system/chunks/src__components__input.css

@@ -1,67 +1,68 @@
 @layer utilities {
   .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)
-    }
+    color: var(--colors-neutral-600);
+  }
 
   .dark\:text_neutral\.300 {
-    &.dark, .dark & {
-      color: var(--colors-neutral-300)
-        }
+    &.dark,
+    .dark & {
+      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)
-    }
+    border-color: var(--colors-border);
+  }
 
   .focusWithin\:outline-style_solid {
     &:focus-within {
-      outline-style: solid
-        }
+      outline-style: solid;
     }
+  }
 
   .focusWithin\:ring_2px {
     &:focus-within {
-      outline-width: 2px
-        }
+      outline-width: 2px;
     }
+  }
 
   .focusWithin\:ring_2px {
     &:focus-within {
-      outline-offset: 2px
-        }
+      outline-offset: 2px;
     }
+  }
 
   .focusWithin\:ring_neutral\.400 {
     &:focus-within {
-      outline-color: var(--colors-neutral-400)
-        }
+      outline-color: var(--colors-neutral-400);
     }
-}
+  }
+}

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

@@ -2,64 +2,65 @@
   .divide-y_1px {
     & > :not([hidden]) ~ :not([hidden]) {
       border-top-width: 1px;
-      border-bottom-width: 0px
-        }
+      border-bottom-width: 0px;
     }
+  }
 
   .divide_card {
     & > :not([hidden]) ~ :not([hidden]) {
-      border-color: var(--colors-card)
-        }
+      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);
+  }
+}