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

package/styled-system/chunks/src__components__analyzer__section.css

@@ -1,29 +1,29 @@
 @layer utilities {
   .w_full {
-    width: var(--sizes-full)
-    }
+    width: var(--sizes-full);
+  }
 
   .rounded_md {
-    border-radius: var(--radii-md)
-    }
+    border-radius: var(--radii-md);
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .gap_4 {
-    gap: var(--spacing-4)
-    }
+    gap: var(--spacing-4);
+  }
 
   .p_4 {
-    padding: var(--spacing-4)
-    }
+    padding: var(--spacing-4);
+  }
 
   .w_100\% {
-    width: 100%
-    }
-}
+    width: 100%;
+  }
+}

package/styled-system/chunks/src__components__analyzer__text-with-count.css

@@ -1,33 +1,33 @@
 @layer utilities {
   .d_inline-flex {
-    display: inline-flex
-    }
+    display: inline-flex;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .fs_75\% {
-    font-size: 75%
-    }
+    font-size: 75%;
+  }
 
   .leading_0 {
-    line-height: 0
-    }
+    line-height: 0;
+  }
 
   .pos_relative {
-    position: relative
-    }
+    position: relative;
+  }
 
   .top_-0\.35em {
-    top: -0.35em
-    }
+    top: -0.35em;
+  }
 
   .opacity_0\.5 {
-    opacity: 0.5
-    }
+    opacity: 0.5;
+  }
 
   .ml_1 {
-    margin-left: var(--spacing-1)
-    }
-}
+    margin-left: var(--spacing-1);
+  }
+}

package/styled-system/chunks/src__components__analyzer__token-search-combobox.css

@@ -1 +1,2 @@
-@layer utilities {}
+@layer utilities {
+}

package/styled-system/chunks/src__components__analyzer__truncated-text.css

@@ -1,16 +1,17 @@
 @layer utilities {
   .p_2 {
-    padding: var(--spacing-2)
-    }
+    padding: var(--spacing-2);
+  }
 
   .bg_card {
-    background-color: var(--colors-card)
-    }
+    background-color: var(--colors-card);
+  }
 
   .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
-    border: 1px solid rgba(0, 0, 0, 0.1)
-    }
+    border: 1px solid rgba(0, 0, 0, 0.1);
+  }
 
   .text_text {
-    color: var(--colors-text)
-    }}
+    color: var(--colors-text);
+  }
+}

package/styled-system/chunks/src__components__analyzer__utility-details.css

@@ -1,149 +1,149 @@
 @layer utilities {
   .p_4px_8px {
-    padding: 4px 8px
-    }
+    padding: 4px 8px;
+  }
 
   .\[\&_li\]\:cursor_pointer {
     & li {
-      cursor: pointer
-        }
+      cursor: pointer;
     }
+  }
 
   .list-style_none {
-    list-style: none
-    }
+    list-style: none;
+  }
 
   .p_4 {
-    padding: var(--spacing-4)
-    }
+    padding: var(--spacing-4);
+  }
 
   .mt_4 {
-    margin-top: var(--spacing-4)
-    }
+    margin-top: var(--spacing-4);
+  }
 
   .justify_center {
-    justify-content: center
-    }
+    justify-content: center;
+  }
 
   .fs_xl {
-    font-size: var(--font-sizes-xl)
-    }
+    font-size: var(--font-sizes-xl);
+  }
 
   .p_16 {
-    padding: var(--spacing-16)
-    }
+    padding: var(--spacing-16);
+  }
 
   .mb_4 {
-    margin-bottom: var(--spacing-4)
-    }
+    margin-bottom: var(--spacing-4);
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .mt_1 {
-    margin-top: var(--spacing-1)
-    }
+    margin-top: var(--spacing-1);
+  }
 
   .gap_2 {
-    gap: var(--spacing-2)
-    }
+    gap: var(--spacing-2);
+  }
 
   .fs_md {
-    font-size: var(--font-sizes-md)
-    }
+    font-size: var(--font-sizes-md);
+  }
 
   .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
+    font-weight: var(--font-weights-bold);
+  }
 
   .ml_auto {
-    margin-left: auto
-    }
+    margin-left: auto;
+  }
 
   .select_none {
-    user-select: none
-    }
+    user-select: none;
+  }
 
   .bg_card {
-    background: var(--colors-card)
-    }
+    background: var(--colors-card);
+  }
 
   .px_3 {
-    padding-inline: var(--spacing-3)
-    }
+    padding-inline: var(--spacing-3);
+  }
 
   .py_2 {
-    padding-block: var(--spacing-2)
-    }
+    padding-block: var(--spacing-2);
+  }
 
   .rounded_md {
-    border-radius: var(--radii-md)
-    }
+    border-radius: var(--radii-md);
+  }
 
   .hover\:opacity_0\.8 {
     &:where(:hover, [data-hover]) {
-      opacity: 0.8
-        }
+      opacity: 0.8;
     }
+  }
 
   .w_16 {
-    width: var(--sizes-16)
-    }
+    width: var(--sizes-16);
+  }
 
   .h_16 {
-    height: var(--sizes-16)
-    }
+    height: var(--sizes-16);
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .flex-wrap_wrap {
-    flex-wrap: wrap
-    }
+    flex-wrap: wrap;
+  }
 
   .gap_10px {
-    gap: 10px
-    }
+    gap: 10px;
+  }
 
   .d_inline-flex {
-    display: inline-flex
-    }
+    display: inline-flex;
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .opacity_0\.5 {
-    opacity: 0.5
-    }
+    opacity: 0.5;
+  }
 
   .border-b_1px_solid_transparent {
-    border-bottom: 1px solid transparent
-    }
+    border-bottom: 1px solid transparent;
+  }
 
   .cursor_pointer {
-    cursor: pointer
-    }
+    cursor: pointer;
+  }
 
   .hover\:opacity_1 {
     &:where(:hover, [data-hover]) {
-      opacity: 1
-        }
+      opacity: 1;
     }
+  }
 
   .hover\:border-b_black {
     &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black)
-        }
+      border-bottom-color: var(--colors-black);
     }
+  }
 
   .\[\&_li\]\:hover\:opacity_0\.8 {
     & li {
       &:where(:hover, [data-hover]) {
-        opacity: 0.8
-            }
-        }
+        opacity: 0.8;
+      }
     }
-}
+  }
+}

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

@@ -1,114 +1,114 @@
 @layer utilities {
-
   .pt_16 {
-    padding-top: var(--spacing-16)
-    }
+    padding-top: var(--spacing-16);
+  }
 
   .gap_5 {
-    gap: var(--spacing-5)
-    }
+    gap: var(--spacing-5);
+  }
 
   .mt_10 {
-    margin-top: var(--spacing-10)
-    }
+    margin-top: var(--spacing-10);
+  }
 
   .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
+    font-weight: var(--font-weights-bold);
+  }
 
   .fs_4xl {
-    font-size: var(--font-sizes-4xl)
-    }
+    font-size: var(--font-sizes-4xl);
+  }
 
   .opacity_0\.5 {
-    opacity: 0.5
-    }
+    opacity: 0.5;
+  }
 
   .size_regular {
-    size: regular
-    }
+    size: regular;
+  }
 
   .size_large {
-    size: large
-    }
+    size: large;
+  }
 
   .justify_space-between {
-    justify-content: space-between
-    }
+    justify-content: space-between;
+  }
 
   .font_medium {
-    font-weight: var(--font-weights-medium)
-    }
+    font-weight: var(--font-weights-medium);
+  }
 
   .gap_2 {
-    gap: var(--spacing-2)
-    }
+    gap: var(--spacing-2);
+  }
 
   .gap_3 {
-    gap: var(--spacing-3)
-    }
+    gap: var(--spacing-3);
+  }
 
   .justify_center {
-    justify-content: center
-    }
+    justify-content: center;
+  }
 
   .gap_10px {
-    gap: 10px
-    }
+    gap: 10px;
+  }
 
   .flex_row {
-    flex-direction: row
-    }
+    flex-direction: row;
+  }
 
   .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
+    font-weight: var(--font-weights-semibold);
+  }
 
   .fs_2xl {
-    font-size: var(--font-sizes-2xl)
-    }
+    font-size: var(--font-sizes-2xl);
+  }
 
   .p_2 {
-    padding: var(--spacing-2)
-    }
+    padding: var(--spacing-2);
+  }
 
   .ring_none {
     outline: 2px solid transparent;
-    outline-offset: 2px
-    }
+    outline-offset: 2px;
+  }
 
   .border-width_1px {
-    border-width: 1px
-    }
+    border-width: 1px;
+  }
 
   .border_card {
-    border-color: var(--colors-card)
-    }
+    border-color: var(--colors-card);
+  }
 
   .items_center {
-    align-items: center
-    }
+    align-items: center;
+  }
 
   .gap_2\.5 {
-    gap: var(--spacing-2\.5)
-    }
+    gap: var(--spacing-2\.5);
+  }
 
   .text_center {
-    text-align: center
-    }
+    text-align: center;
+  }
 
   .d_flex {
-    display: flex
-    }
+    display: flex;
+  }
 
   .flex_column {
-    flex-direction: column
-    }
+    flex-direction: column;
+  }
 
   .gap_4 {
-    gap: var(--spacing-4)
-    }
+    gap: var(--spacing-4);
+  }
 
   .flex_1 {
-    flex: 1 1 0%
-    }}
+    flex: 1 1 0%;
+  }
+}

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

@@ -1,20 +1,21 @@
 @layer utilities {
   .w_auto {
-    width: auto
-    }
+    width: auto;
+  }
 
   .min-w_80px {
-    min-width: 80px
-    }
+    min-width: 80px;
+  }
 
   .h_40px {
-    height: 40px
-    }
+    height: 40px;
+  }
 
   .mb_2 {
-    margin-bottom: var(--spacing-2)
-    }
+    margin-bottom: var(--spacing-2);
+  }
 
   .opacity_0\.7 {
-    opacity: 0.7
-    }}
+    opacity: 0.7;
+  }
+}

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

@@ -1,73 +1,73 @@
 @layer utilities {
   .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)
-    }
+    box-shadow: var(--shadows-inset);
+  }
 
   .before\:content_\'\' {
     &::before {
-      content: ''
-        }
+      content: '';
     }
+  }
 
   .before\:pos_absolute {
     &::before {
-      position: absolute
-        }
+      position: absolute;
     }
+  }
 
   .before\:rounded_sm {
     &::before {
-      border-radius: var(--radii-sm)
-        }
+      border-radius: var(--radii-sm);
     }
+  }
 
   .before\:w_100\% {
     &::before {
-      width: 100%
-        }
+      width: 100%;
     }
+  }
 
   .before\:h_100\% {
     &::before {
-      height: 100%
-        }
+      height: 100%;
     }
+  }
 
   .before\:bg_24px {
     &::before {
-      background-size: 24px
-        }
+      background-size: 24px;
     }
+  }
 
   .before\:z_-1 {
     &::before {
-      z-index: -1
-        }
+      z-index: -1;
     }
+  }
 
   .before\:bg-img_check {
     &::before {
-      background-image: var(--assets-check)
-        }
+      background-image: var(--assets-check);
     }
-}
+  }
+}