@pandacss/studio 0.0.0-dev-20230919122009 → 0.0.0-dev-20230922200913

package/styled-system/chunks/src__components__token-content.css

@@ -1,13 +1,14 @@
 @layer utilities {
+
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_12 {
-    gap: var(--spacing-12);
-  }
-}
+    gap: var(--spacing-12)
+    }
+}

package/styled-system/chunks/src__components__token-group.css

@@ -1,21 +1,22 @@
 @layer utilities {
+
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_3 {
-    gap: var(--spacing-3);
-  }
+    gap: var(--spacing-3)
+    }
 
   .w_full {
-    width: var(--sizes-full);
-  }
+    width: var(--sizes-full)
+    }
 
   .mt_5 {
-    margin-top: var(--spacing-5);
-  }
-}
+    margin-top: var(--spacing-5)
+    }
+}

package/styled-system/chunks/src__components__typography-playground.css

@@ -1,61 +1,62 @@
 @layer utilities {
+
   .bg_card {
-    background: var(--colors-card);
-  }
+    background: var(--colors-card)
+    }
 
   .ring_0 {
-    outline: 0;
-  }
+    outline: 0
+    }
 
   .pt_28 {
-    padding-top: var(--spacing-28);
-  }
+    padding-top: var(--spacing-28)
+    }
 
   .pb_28 {
-    padding-bottom: var(--spacing-28);
-  }
+    padding-bottom: var(--spacing-28)
+    }
 
   .mx_auto {
-    margin-inline: auto;
-  }
+    margin-inline: auto
+    }
 
   .w_fit-content {
-    width: fit-content;
-  }
+    width: fit-content
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .gap_1\.5 {
-    gap: var(--spacing-1\.5);
-  }
+    gap: var(--spacing-1\.5)
+    }
 
   .white-space_nowrap {
-    white-space: nowrap;
-  }
+    white-space: nowrap
+    }
 
   .w_48 {
-    width: var(--sizes-48);
-  }
+    width: var(--sizes-48)
+    }
 
   .text_capitalize {
-    text-transform: capitalize;
-  }
+    text-transform: capitalize
+    }
 
   .mr_2 {
-    margin-right: var(--spacing-2);
-  }
+    margin-right: var(--spacing-2)
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_4 {
-    gap: var(--spacing-4);
-  }
-}
+    gap: var(--spacing-4)
+    }
+}

package/styled-system/chunks/src__layouts__Sidebar.css

@@ -1,149 +1,114 @@
 @layer utilities {
+
   .h_calc\(100vh_-_env\(safe-area-inset-bottom\)\) {
-    height: calc(100vh - env(safe-area-inset-bottom));
-  }
+    height: calc(100vh - env(safe-area-inset-bottom))
+    }
 
   .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)
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .w_16 {
-    width: var(--sizes-16);
-  }
+    width: var(--sizes-16)
+    }
 
   .mt_4 {
-    margin-top: var(--spacing-4);
-  }
+    margin-top: var(--spacing-4)
+    }
 
   .pt_14 {
-    padding-top: var(--spacing-14);
-  }
+    padding-top: var(--spacing-14)
+    }
 
   .pb_8 {
-    padding-bottom: var(--spacing-8);
-  }
+    padding-bottom: var(--spacing-8)
+    }
 
   .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_8 {
-    margin-bottom: var(--spacing-8);
-  }
+    margin-bottom: var(--spacing-8)
+    }
 
   .tracking_tight {
-    letter-spacing: var(--letter-spacings-tight);
-  }
+    letter-spacing: var(--letter-spacings-tight)
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_10px {
-    gap: 10px;
-  }
+    gap: 10px
+    }
 
   .h_full {
-    height: var(--sizes-full);
-  }
+    height: var(--sizes-full)
+    }
 
   .min-w_60 {
-    min-width: var(--sizes-60);
-  }
+    min-width: var(--sizes-60)
+    }
 
   .px_12 {
-    padding-inline: var(--spacing-12);
-  }
+    padding-inline: var(--spacing-12)
+    }
 
   .py_8 {
-    padding-block: var(--spacing-8);
-  }
+    padding-block: var(--spacing-8)
+    }
 
   .pos_relative {
-    position: relative;
-  }
-
-  .max-w_8xl {
-    max-width: var(--sizes-8xl);
-  }
-
-  .mx_auto {
-    margin-inline: auto;
-  }
-
-  .px_4 {
-    padding-inline: var(--spacing-4);
-  }
-
-  .w_full {
-    width: var(--sizes-full);
-  }
-
-  .overflow_auto {
-    overflow: auto;
-  }
-
-  .md\:px_6 {
-    @media screen and (min-width: 768px) {
-      padding-inline: var(--spacing-6);
+    position: relative
     }
-  }
 
-  .lg\:px_8 {
-    @media screen and (min-width: 1024px) {
-      padding-inline: var(--spacing-8);
+  .max-w_8xl {
+    max-width: var(--sizes-8xl)
     }
-  }
 
-  .md\:px_6 {
-    @media screen and (min-width: 768px) {
-      padding-inline: var(--spacing-6);
+  .mx_auto {
+    margin-inline: auto
     }
-  }
 
-  .lg\:px_8 {
-    @media screen and (min-width: 1024px) {
-      padding-inline: var(--spacing-8);
+  .px_4 {
+    padding-inline: var(--spacing-4)
     }
-  }
 
-  .md\:px_6 {
-    @media screen and (min-width: 768px) {
-      padding-inline: var(--spacing-6);
+  .w_full {
+    width: var(--sizes-full)
     }
-  }
 
-  .lg\:px_8 {
-    @media screen and (min-width: 1024px) {
-      padding-inline: var(--spacing-8);
+  .overflow_auto {
+    overflow: auto
     }
-  }
 
-  .md\:px_6 {
-    @media screen and (min-width: 768px) {
-      padding-inline: var(--spacing-6);
+  @media screen and (min-width: 48em) {
+    .md\:px_6 {
+      padding-inline: var(--spacing-6)
     }
-  }
+        }
 
-  .lg\:px_8 {
-    @media screen and (min-width: 1024px) {
-      padding-inline: var(--spacing-8);
+  @media screen and (min-width: 64em) {
+    .lg\:px_8 {
+      padding-inline: var(--spacing-8)
     }
-  }
-}
+        }
+}