@pandacss/studio 0.21.0 → 0.22.0

package/styled-system/chunks/src__components__overview.css

@@ -1,122 +0,0 @@
-@layer utilities {
-
-  .bg_\#646cff {
-    background: #646cff
-    }
-
-  .text_white {
-    color: var(--colors-white)
-    }
-
-  .w_fit-content {
-    width: fit-content
-    }
-
-  .fs_small {
-    font-size: small
-    }
-
-  .px_6 {
-    padding-inline: var(--spacing-6)
-    }
-
-  .py_1 {
-    padding-block: var(--spacing-1)
-    }
-
-  .rounded_sm {
-    border-radius: var(--radii-sm)
-    }
-
-  .mt_6 {
-    margin-top: var(--spacing-6)
-    }
-
-  .transition_all_0\.2s_ease {
-    transition: all 0.2s ease
-    }
-
-  .flex_column {
-    flex-direction: column
-    }
-
-  .py_24 {
-    padding-block: var(--spacing-24)
-    }
-
-  .mb_10 {
-    margin-bottom: var(--spacing-10)
-    }
-
-  .bg_card {
-    background: var(--colors-card)
-    }
-
-  .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
-
-  .fs_2xl {
-    font-size: var(--font-sizes-2xl)
-    }
-
-  .px_8 {
-    padding-inline: var(--spacing-8)
-    }
-
-  .py_4 {
-    padding-block: var(--spacing-4)
-    }
-
-  .gap_2 {
-    gap: var(--spacing-2)
-    }
-
-  .fs_3xl {
-    font-size: var(--font-sizes-3xl)
-    }
-
-  .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
-
-  .mb_6 {
-    margin-bottom: var(--spacing-6)
-    }
-
-  .d_block {
-    display: block
-    }
-
-  .p_8 {
-    padding: var(--spacing-8)
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .flex-wrap_wrap {
-    flex-wrap: wrap
-    }
-
-  .gap_6 {
-    gap: var(--spacing-6)
-    }
-
-  .my_2 {
-    margin-block: var(--spacing-2)
-    }
-
-  .p_0 {
-    padding: var(--spacing-0)
-    }
-
-  .\[\&\:hover\]\:bg_\#4049f0:hover {
-    background: #4049f0
-        }
-
-  .\[\&\:hover\]\:shadow_lg:hover {
-    box-shadow: var(--shadows-lg)
-        }
-}

package/styled-system/chunks/src__components__radii.css

@@ -1,50 +0,0 @@
-@layer utilities {
-
-  .w_80px {
-    width: 80px
-    }
-
-  .h_80px {
-    height: 80px
-    }
-
-  .bg_rgba\(255\,_192\,_203\,_0\.5\) {
-    background: rgba(255, 192, 203, 0.5)
-    }
-
-  .opacity_0\.7 {
-    opacity: 0.7
-    }
-
-  .d_grid {
-    display: grid
-    }
-
-  .grid-cols_repeat\(auto-fit\,_minmax\(10rem\,_1fr\)\) {
-    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr))
-    }
-
-  .gap_10 {
-    gap: var(--spacing-10)
-    }
-
-  .gap_10px {
-    gap: 10px
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .flex_column {
-    flex-direction: column
-    }
-
-  .items_center {
-    align-items: center
-    }
-
-  .gap_1 {
-    gap: var(--spacing-1)
-    }
-}

package/styled-system/chunks/src__components__semantic-color.css

@@ -1,70 +0,0 @@
-@layer utilities {
-
-  .h_12 {
-    height: var(--sizes-12)
-    }
-
-  .min-w_5 {
-    min-width: var(--sizes-5)
-    }
-
-  .bg_neutral\.800 {
-    background: var(--colors-neutral-800)
-    }
-
-  .px_1 {
-    padding-inline: var(--spacing-1)
-    }
-
-  .py_1 {
-    padding-block: var(--spacing-1)
-    }
-
-  .text_white {
-    color: var(--colors-white)
-    }
-
-  .rounded-br_sm {
-    border-bottom-right-radius: var(--radii-sm)
-    }
-
-  .border-width_1px {
-    border-width: 1px
-    }
-
-  .border_neutral\.700 {
-    border-color: var(--colors-neutral-700)
-    }
-
-  .font_medium {
-    font-weight: var(--font-weights-medium)
-    }
-
-  .mt_2 {
-    margin-top: var(--spacing-2)
-    }
-
-  .opacity_0\.7 {
-    opacity: 0.7
-    }
-
-  .fs_sm {
-    font-size: var(--font-sizes-sm)
-    }
-
-  .text_uppercase {
-    text-transform: uppercase
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .flex_column {
-    flex-direction: column
-    }
-
-  .w_full {
-    width: var(--sizes-full)
-    }
-}

package/styled-system/chunks/src__components__side-nav-item.css

@@ -1,30 +0,0 @@
-@layer utilities {
-
-  .d_block {
-    display: block
-    }
-
-  .py_1\.5 {
-    padding-block: var(--spacing-1\.5)
-    }
-
-  .cursor_pointer {
-    cursor: pointer
-    }
-
-  .fs_md {
-    font-size: var(--font-sizes-md)
-    }
-
-  .font_medium {
-    font-weight: var(--font-weights-medium)
-    }
-
-  .currentPage\:text_yellow\.300[aria-current=page] {
-    color: var(--colors-yellow-300)
-        }
-
-  .hover\:text_yellow\.300:is(:hover, [data-hover]) {
-    color: var(--colors-yellow-300)
-        }
-}

package/styled-system/chunks/src__components__side-nav.css

@@ -1,50 +0,0 @@
-@layer utilities {
-
-  .mt_8 {
-    margin-top: var(--spacing-8)
-    }
-
-  .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
-
-  .fs_small {
-    font-size: small
-    }
-
-  .opacity_0\.7 {
-    opacity: 0.7
-    }
-
-  .mb_8 {
-    margin-bottom: var(--spacing-8)
-    }
-
-  .list_none {
-    list-style-type: none
-    }
-
-  .p_0 {
-    padding: var(--spacing-0)
-    }
-
-  .my_2 {
-    margin-block: var(--spacing-2)
-    }
-
-  .mx_0 {
-    margin-inline: var(--spacing-0)
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .flex_column {
-    flex-direction: column
-    }
-
-  .gap_10 {
-    gap: var(--spacing-10)
-    }
-}

package/styled-system/chunks/src__components__sizes.css

@@ -1,42 +0,0 @@
-@layer utilities {
-
-  .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
-
-  .col-span_span_3_\/_span_3 {
-    grid-column: span 3 / span 3
-    }
-
-  .h_5 {
-    height: var(--sizes-5)
-    }
-
-  .bg_rgba\(255\,_192\,_203\,_0\.5\) {
-    background: rgba(255, 192, 203, 0.5)
-    }
-
-  .col-span_span_2_\/_span_2 {
-    grid-column: span 2 / span 2
-    }
-
-  .col-span_span_5_\/_span_5 {
-    grid-column: span 5 / span 5
-    }
-
-  .d_grid {
-    display: grid
-    }
-
-  .grid-cols_repeat\(5\,_minmax\(0\,_1fr\)\) {
-    grid-template-columns: repeat(5, minmax(0, 1fr))
-    }
-
-  .gap-y_10 {
-    column-gap: var(--spacing-10)
-    }
-
-  .gap-x_2\.5 {
-    row-gap: var(--spacing-2\.5)
-    }
-}

package/styled-system/chunks/src__components__text-styles.css

@@ -1,32 +0,0 @@
-@layer utilities {
-
-  .px_1 {
-    padding-inline: var(--spacing-1)
-    }
-
-  .py_2\.5 {
-    padding-block: var(--spacing-2\.5)
-    }
-
-  .border_card {
-    border-color: var(--colors-card)
-    }
-
-  .flex_auto {
-    flex: 1 1 auto
-    }
-
-  .my_3 {
-    margin-block: var(--spacing-3)
-    }
-
-  .truncate_true {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap
-    }
-
-  .font_medium {
-    font-weight: var(--font-weights-medium)
-    }
-}

package/styled-system/chunks/src__components__theme-toggle.css

@@ -1,62 +0,0 @@
-@layer utilities {
-
-  .cursor_pointer {
-    cursor: pointer
-    }
-
-  .\[\&\.active\]\:text_yellow\.300.active {
-    color: var(--colors-yellow-300)
-        }
-
-  .sr_true {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .items_center {
-    align-items: center
-    }
-
-  .gap_3 {
-    gap: var(--spacing-3)
-    }
-
-  .flex_row {
-    flex-direction: row
-    }
-
-  .rounded_md {
-    border-radius: var(--radii-md)
-    }
-
-  .px_2 {
-    padding-inline: var(--spacing-2)
-    }
-
-  .py_2 {
-    padding-block: var(--spacing-2)
-    }
-
-  .border-width_1px {
-    border-width: 1px
-    }
-
-  .self_flex-start {
-    align-self: flex-start
-    }
-
-  .text_inherit {
-    color: inherit
-    }
-}

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

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

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

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

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

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

package/styled-system/chunks/src__layouts__Sidebar.css

@@ -1,114 +0,0 @@
-@layer utilities {
-
-  .h_calc\(100vh_-_env\(safe-area-inset-bottom\)\) {
-    height: calc(100vh - env(safe-area-inset-bottom))
-    }
-
-  .font_bold {
-    font-weight: var(--font-weights-bold)
-    }
-
-  .fs_2xl {
-    font-size: var(--font-sizes-2xl)
-    }
-
-  .gap_2 {
-    gap: var(--spacing-2)
-    }
-
-  .w_16 {
-    width: var(--sizes-16)
-    }
-
-  .mt_4 {
-    margin-top: var(--spacing-4)
-    }
-
-  .pt_14 {
-    padding-top: var(--spacing-14)
-    }
-
-  .pb_8 {
-    padding-bottom: var(--spacing-8)
-    }
-
-  .fs_3xl {
-    font-size: var(--font-sizes-3xl)
-    }
-
-  .font_semibold {
-    font-weight: var(--font-weights-semibold)
-    }
-
-  .mb_8 {
-    margin-bottom: var(--spacing-8)
-    }
-
-  .tracking_tight {
-    letter-spacing: var(--letter-spacings-tight)
-    }
-
-  .d_flex {
-    display: flex
-    }
-
-  .flex_column {
-    flex-direction: column
-    }
-
-  .gap_10px {
-    gap: 10px
-    }
-
-  .h_full {
-    height: var(--sizes-full)
-    }
-
-  .min-w_60 {
-    min-width: var(--sizes-60)
-    }
-
-  .px_12 {
-    padding-inline: var(--spacing-12)
-    }
-
-  .py_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
-    }
-
-  @media screen and (min-width: 48em) {
-    .md\:px_6 {
-      padding-inline: var(--spacing-6)
-    }
-        }
-
-  @media screen and (min-width: 64em) {
-    .lg\:px_8 {
-      padding-inline: var(--spacing-8)
-    }
-        }
-}