@pandacss/studio 0.15.0 → 0.15.2

package/styled-system/chunks/src__components__analyzer__data-combobox.css

@@ -1,182 +1,137 @@
 @layer utilities {
-  .m_4 {
-    margin: var(--spacing-4);
-  }
-
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
-  }
-
-  .expanded\:transform_rotate\(180deg\) {
-    &:where([aria-expanded='true'], [data-expanded]) {
-      transform: rotate(180deg);
-    }
-  }
-
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
-  }
-
-  .expanded\:transform_rotate\(180deg\) {
-    &:where([aria-expanded='true'], [data-expanded]) {
-      transform: rotate(180deg);
-    }
-  }
 
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
-    }
-  }
-
-  .expanded\:transform_rotate\(180deg\) {
-    &:where([aria-expanded='true'], [data-expanded]) {
-      transform: rotate(180deg);
+  .m_4 {
+    margin: var(--spacing-4)
     }
-  }
-
-  .transition_all_\.2s_ease {
-    transition: all 0.2s ease;
-  }
 
   .max-h_300px {
-    max-height: 300px;
-  }
+    max-height: 300px
+    }
 
   .overflow_auto {
-    overflow: auto;
-  }
+    overflow: auto
+    }
 
   .bg_card {
-    background: var(--colors-card);
-  }
+    background: var(--colors-card)
+    }
 
   .list-style_none {
-    list-style: none;
-  }
+    list-style: none
+    }
 
   .border_1px_solid_token\(colors\.border\) {
-    border: 1px solid var(--colors-border);
-  }
+    border: 1px solid var(--colors-border)
+    }
 
   .shadow_sm {
-    box-shadow: var(--shadows-sm);
-  }
+    box-shadow: var(--shadows-sm)
+    }
 
   .p_4px_8px {
-    padding: 4px 8px;
-  }
+    padding: 4px 8px
+    }
 
   .rounded_md {
-    border-radius: var(--radii-md);
-  }
+    border-radius: var(--radii-md)
+    }
 
   .word-wrap_break-word {
-    word-wrap: break-word;
-  }
-
-  .highlighted\:bg_border {
-    &[data-highlighted] {
-      background: var(--colors-border);
+    word-wrap: break-word
     }
-  }
+    .highlighted\:bg_border[data-highlighted] {
+      background: var(--colors-border)
+        }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .pos_relative {
-    position: relative;
-  }
+    position: relative
+    }
 
   .isolation_isolate {
-    isolation: isolate;
-  }
+    isolation: isolate
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .px_2 {
-    padding-inline: var(--spacing-2);
-  }
+    padding-inline: var(--spacing-2)
+    }
 
   .select_none {
     -webkit-user-select: none;
-    user-select: none;
-  }
+    user-select: none
+    }
 
   .ml_auto {
-    margin-left: auto;
-  }
+    margin-left: auto
+    }
 
   .p_2 {
-    padding: var(--spacing-2);
-  }
+    padding: var(--spacing-2)
+    }
 
   .cursor_pointer {
-    cursor: pointer;
-  }
+    cursor: pointer
+    }
 
   .border-l_solid_1px {
-    border-left: solid 1px;
-  }
+    border-left: solid 1px
+    }
 
   .border_border {
-    border-color: var(--colors-border);
-  }
+    border-color: var(--colors-border)
+    }
 
   .text_text {
-    color: var(--colors-text);
-  }
-
-  .expanded\:transform_rotate\(180deg\) {
-    &:where([aria-expanded='true'], [data-expanded]) {
-      transform: rotate(180deg);
+    color: var(--colors-text)
     }
-  }
+    .expanded\:transform_rotate\(180deg\):is([aria-expanded=true], [data-expanded], [data-state="expanded"]) {
+      transform: rotate(180deg)
+        }
 
   .transition_all_\.2s_ease {
-    transition: all 0.2s ease;
-  }
+    transition: all .2s ease
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .items_center {
-    align-items: center;
-  }
+    align-items: center
+    }
 
   .justify_center {
-    justify-content: center;
-  }
+    justify-content: center
+    }
 
   .top_0px {
-    top: 0px;
-  }
+    top: 0px
+    }
 
   .right_0px {
-    right: 0px;
-  }
+    right: 0px
+    }
 
   .pos_absolute {
-    position: absolute;
-  }
+    position: absolute
+    }
 
   .z_2 {
-    z-index: 2;
-  }
+    z-index: 2
+    }
 
   .h_full {
-    height: var(--sizes-full);
-  }
-}
+    height: var(--sizes-full)
+    }
+}

package/styled-system/chunks/src__components__analyzer__data-table.css

@@ -1,45 +1,46 @@
 @layer utilities {
+
   .break_break-word {
-    word-break: break-word;
-  }
+    word-break: break-word
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .fs_lg {
-    font-size: var(--font-sizes-lg);
-  }
+    font-size: var(--font-sizes-lg)
+    }
 
   .mb_2 {
-    margin-bottom: var(--spacing-2);
-  }
+    margin-bottom: var(--spacing-2)
+    }
 
   .d_grid {
-    display: grid;
-  }
+    display: grid
+    }
 
   .grid-cols_80px_repeat\(auto-fit\,_minmax\(30px\,_1fr\)\) {
-    grid-template-columns: 80px repeat(auto-fit, minmax(30px, 1fr));
-  }
+    grid-template-columns: 80px repeat(auto-fit, minmax(30px, 1fr))
+    }
 
   .gap_10px {
-    gap: 10px;
-  }
+    gap: 10px
+    }
 
   .w_full {
-    width: var(--sizes-full);
-  }
+    width: var(--sizes-full)
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex_column {
-    flex-direction: column;
-  }
+    flex-direction: column
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
-}
+    gap: var(--spacing-2)
+    }
+}

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

@@ -1,157 +1,98 @@
 @layer utilities {
-  .hover\:bg_gray\.100 {
-    &:where(:hover, [data-hover]) {
-      background-color: var(--colors-gray-100);
-    }
-  }
-
-  .hover\:opacity_1 {
-    &:where(:hover, [data-hover]) {
-      opacity: 1;
-    }
-  }
-
-  .hover\:border-b_black {
-    &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black);
-    }
-  }
-
-  .hover\:bg_gray\.100 {
-    &:where(:hover, [data-hover]) {
-      background-color: var(--colors-gray-100);
-    }
-  }
-
-  .hover\:opacity_1 {
-    &:where(:hover, [data-hover]) {
-      opacity: 1;
-    }
-  }
-
-  .hover\:border-b_black {
-    &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black);
-    }
-  }
-
-  .hover\:bg_gray\.100 {
-    &:where(:hover, [data-hover]) {
-      background-color: var(--colors-gray-100);
-    }
-  }
-
-  .hover\:opacity_1 {
-    &:where(:hover, [data-hover]) {
-      opacity: 1;
-    }
-  }
-
-  .hover\:border-b_black {
-    &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black);
-    }
-  }
 
   .ml_auto {
-    margin-left: auto;
-  }
+    margin-left: auto
+    }
 
   .p_4 {
-    padding: var(--spacing-4);
-  }
+    padding: 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)
+    }
 
   .mt_8 {
-    margin-top: var(--spacing-8);
-  }
+    margin-top: var(--spacing-8)
+    }
 
   .mt_1 {
-    margin-top: var(--spacing-1);
-  }
+    margin-top: var(--spacing-1)
+    }
 
   .font_bold {
-    font-weight: var(--font-weights-bold);
-  }
+    font-weight: var(--font-weights-bold)
+    }
 
   .mb_4 {
-    margin-bottom: var(--spacing-4);
-  }
+    margin-bottom: var(--spacing-4)
+    }
 
   .py_2 {
-    padding-block: var(--spacing-2);
-  }
+    padding-block: var(--spacing-2)
+    }
 
   .px_4 {
-    padding-inline: var(--spacing-4);
-  }
+    padding-inline: var(--spacing-4)
+    }
 
   .transition_all_0\.2s_ease {
-    transition: all 0.2s ease;
-  }
-
-  .hover\:bg_gray\.100 {
-    &:where(:hover, [data-hover]) {
-      background-color: var(--colors-gray-100);
+    transition: all 0.2s ease
     }
-  }
 
   .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;
-  }
-
-  .cursor_pointer {
-    cursor: pointer;
-  }
-
-  .hover\:opacity_1 {
-    &:where(:hover, [data-hover]) {
-      opacity: 1;
+    border-bottom: 1px solid transparent
     }
-  }
 
-  .hover\:border-b_black {
-    &:where(:hover, [data-hover]) {
-      border-bottom-color: var(--colors-black);
+  .cursor_pointer {
+    cursor: pointer
     }
-  }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .flex-wrap_wrap {
-    flex-wrap: wrap;
-  }
+    flex-wrap: wrap
+    }
 
   .gap_2 {
-    gap: var(--spacing-2);
-  }
+    gap: var(--spacing-2)
+    }
 
   .mt_4 {
-    margin-top: var(--spacing-4);
-  }
-}
+    margin-top: var(--spacing-4)
+    }
+
+  .hover\:bg_gray\.100:is(:hover, [data-hover]) {
+    background-color: var(--colors-gray-100)
+        }
+
+  .hover\:opacity_1:is(:hover, [data-hover]) {
+    opacity: 1
+        }
+
+  .hover\:border-b_black:is(:hover, [data-hover]) {
+    border-bottom-color: var(--colors-black)
+        }
+}

package/styled-system/chunks/src__components__analyzer__report-item-columns.css

@@ -1,38 +1,39 @@
 @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_token\(colors\.border\) {
-    border: 1px solid var(--colors-border);
-  }
+    border: 1px solid var(--colors-border)
+    }
 
   .shadow_sm {
-    box-shadow: var(--shadows-sm);
-  }
+    box-shadow: var(--shadows-sm)
+    }
 
   .rounded_md {
-    border-radius: var(--radii-md);
-  }
+    border-radius: var(--radii-md)
+    }
 
   .mr_2 {
-    margin-right: var(--spacing-2);
-  }
+    margin-right: var(--spacing-2)
+    }
 
   .select_none {
     -webkit-user-select: none;
-    user-select: none;
-  }
+    user-select: none
+    }
 
   .d_flex {
-    display: flex;
-  }
+    display: flex
+    }
 
   .items_center {
-    align-items: center;
-  }
-}
+    align-items: center
+    }
+}