@pandacss/studio 0.0.0-dev-20230613163214

package/styled-system/chunks/src__components__analyzer__section.css

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

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

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

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

@@ -0,0 +1,13 @@
+@layer utilities {
+  .p_2 {
+    padding: var(--spacing-2);
+  }
+
+  .bg_white {
+    background-color: var(--colors-white);
+  }
+
+  .border_1px_solid_rgba\(0\,_0\,_0\,_0\.1\) {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+  }
+}

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

@@ -0,0 +1,125 @@
+@layer utilities {
+  .p_4px_8px {
+    padding: 4px 8px;
+  }
+
+  .bg_white {
+    background: var(--colors-white);
+  }
+
+  .list-style_none {
+    list-style: none;
+  }
+
+  .p_4 {
+    padding: var(--spacing-4);
+  }
+
+  .mt_4 {
+    margin-top: var(--spacing-4);
+  }
+
+  .justify_center {
+    justify-content: center;
+  }
+
+  .fs_xl {
+    font-size: var(--font-sizes-xl);
+  }
+
+  .p_16 {
+    padding: var(--spacing-16);
+  }
+
+  .mb_4 {
+    margin-bottom: var(--spacing-4);
+  }
+
+  .flex_column {
+    flex-direction: column;
+  }
+
+  .mt_1 {
+    margin-top: var(--spacing-1);
+  }
+
+  .d_block {
+    display: block;
+  }
+
+  .self_flex-end {
+    align-self: flex-end;
+  }
+
+  .mt_2 {
+    margin-top: var(--spacing-2);
+  }
+
+  .select_none {
+    user-select: none;
+  }
+
+  .fs_lg {
+    font-size: var(--font-sizes-lg);
+  }
+
+  .fs_md {
+    font-size: var(--font-sizes-md);
+  }
+
+  .font_bold {
+    font-weight: var(--font-weights-bold);
+  }
+
+  .ml_auto {
+    margin-left: auto;
+  }
+
+  .bg_gray\.50 {
+    background: var(--colors-gray-50);
+  }
+
+  .d_flex {
+    display: flex;
+  }
+
+  .flex-wrap_wrap {
+    flex-wrap: wrap;
+  }
+
+  .gap_10px {
+    gap: 10px;
+  }
+
+  .d_inline-flex {
+    display: inline-flex;
+  }
+
+  .items_center {
+    align-items: center;
+  }
+
+  .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;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,73 @@
+@layer utilities {
+  .w_full {
+    width: var(--sizes-full);
+  }
+
+  .h_10 {
+    height: var(--sizes-10);
+  }
+
+  .rounded_sm {
+    border-radius: var(--radii-sm);
+  }
+
+  .pos_relative {
+    position: relative;
+  }
+
+  .overflow_hidden {
+    overflow: hidden;
+  }
+
+  .shadow_inset {
+    box-shadow: var(--shadows-inset);
+  }
+
+  .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);
+    }
+  }
+}

package/styled-system/chunks/src__components__colors.css

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

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

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

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

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

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

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