@pandacss/studio 0.15.1 → 0.15.3

package/styled-system/chunks/src__components__color-wrapper.css

@@ -1,217 +1,58 @@
 @layer utilities {
-  .before\:content_\'\' {
-    &::before {
-      content: '';
-    }
-  }
-
-  .before\:pos_absolute {
-    &::before {
-      position: absolute;
-    }
-  }
-
-  .before\:rounded_sm {
-    &::before {
-      border-radius: var(--radii-sm);
-    }
-  }
-
-  .before\:w_100\% {
-    &::before {
-      width: 100%;
-    }
-  }
-
-  .before\:h_100\% {
-    &::before {
-      height: 100%;
-    }
-  }
-
-  .before\:bg_24px {
-    &::before {
-      background-size: 24px;
-    }
-  }
-
-  .before\:z_-1 {
-    &::before {
-      z-index: -1;
-    }
-  }
-
-  .before\:bg-img_check {
-    &::before {
-      background-image: var(--assets-check);
-    }
-  }
-
-  .before\:content_\'\' {
-    &::before {
-      content: '';
-    }
-  }
-
-  .before\:pos_absolute {
-    &::before {
-      position: absolute;
-    }
-  }
-
-  .before\:rounded_sm {
-    &::before {
-      border-radius: var(--radii-sm);
-    }
-  }
-
-  .before\:w_100\% {
-    &::before {
-      width: 100%;
-    }
-  }
-
-  .before\:h_100\% {
-    &::before {
-      height: 100%;
-    }
-  }
-
-  .before\:bg_24px {
-    &::before {
-      background-size: 24px;
-    }
-  }
-
-  .before\:z_-1 {
-    &::before {
-      z-index: -1;
-    }
-  }
-
-  .before\:bg-img_check {
-    &::before {
-      background-image: var(--assets-check);
-    }
-  }
-
-  .before\:content_\'\' {
-    &::before {
-      content: '';
-    }
-  }
-
-  .before\:pos_absolute {
-    &::before {
-      position: absolute;
-    }
-  }
-
-  .before\:rounded_sm {
-    &::before {
-      border-radius: var(--radii-sm);
-    }
-  }
-
-  .before\:w_100\% {
-    &::before {
-      width: 100%;
-    }
-  }
-
-  .before\:h_100\% {
-    &::before {
-      height: 100%;
-    }
-  }
-
-  .before\:bg_24px {
-    &::before {
-      background-size: 24px;
-    }
-  }
-
-  .before\:z_-1 {
-    &::before {
-      z-index: -1;
-    }
-  }
-
-  .before\:bg-img_check {
-    &::before {
-      background-image: var(--assets-check);
-    }
-  }
 
   .w_full {
-    width: var(--sizes-full);
-  }
+    width: var(--sizes-full)
+    }
 
   .h_10 {
-    height: var(--sizes-10);
-  }
+    height: var(--sizes-10)
+    }
 
   .rounded_sm {
-    border-radius: var(--radii-sm);
-  }
+    border-radius: var(--radii-sm)
+    }
 
   .pos_relative {
-    position: relative;
-  }
+    position: relative
+    }
 
   .overflow_hidden {
-    overflow: hidden;
-  }
+    overflow: hidden
+    }
 
   .shadow_inset {
-    box-shadow: var(--shadows-inset);
-  }
-
-  .before\:content_\'\' {
-    &::before {
-      content: '';
+    box-shadow: var(--shadows-inset)
     }
-  }
 
-  .before\:pos_absolute {
-    &::before {
-      position: absolute;
-    }
-  }
+  .before\:content_\'\'::before {
+    content: ''
+        }
 
-  .before\:rounded_sm {
-    &::before {
-      border-radius: var(--radii-sm);
-    }
-  }
+  .before\:pos_absolute::before {
+    position: absolute
+        }
 
-  .before\:w_100\% {
-    &::before {
-      width: 100%;
-    }
-  }
+  .before\:rounded_sm::before {
+    border-radius: var(--radii-sm)
+        }
 
-  .before\:h_100\% {
-    &::before {
-      height: 100%;
-    }
-  }
+  .before\:w_100\%::before {
+    width: 100%
+        }
 
-  .before\:bg_24px {
-    &::before {
-      background-size: 24px;
-    }
-  }
+  .before\:h_100\%::before {
+    height: 100%
+        }
 
-  .before\:z_-1 {
-    &::before {
-      z-index: -1;
-    }
-  }
+  .before\:bg_24px::before {
+    background-size: 24px
+        }
 
-  .before\:bg-img_check {
-    &::before {
-      background-image: var(--assets-check);
-    }
-  }
-}
+  .before\:z_-1::before {
+    z-index: -1
+        }
+
+  .before\:bg-img_check::before {
+    background-image: var(--assets-check)
+        }
+}

package/styled-system/chunks/src__components__colors.css

@@ -1,105 +1,106 @@
 @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: var(--spacing-0);
-  }
+    top: var(--spacing-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: var(--spacing-0);
-  }
-}
+    margin-inline: var(--spacing-0)
+    }
+}

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

@@ -1,45 +1,46 @@
 @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,86 @@
 @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,61 +1,62 @@
 @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: var(--spacing-0);
-  }
+    top: var(--spacing-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
+    }
+}