@mekari/pixel3-styled-system 0.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,16 @@
+
+> @pixel3-poc/styled-system@ build /Users/SastraNababan/mekari/pixel3-research/poc-pixel3/packages/styled
+> tsup
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: ../../tsconfig.json
+CLI tsup v7.2.0
+CLI Using tsup config: /Users/SastraNababan/mekari/pixel3-research/poc-pixel3/packages/styled/tsup.config.ts
+CLI Target: es2019
+CLI Cleaning output folder
+ESM Build start
+CJS Build start
+CJS dist/index.js 1.82 KB
+CJS ⚡️ Build success in 679ms
+ESM dist/index.mjs 887.00 B
+ESM ⚡️ Build success in 679ms

package/chunks/packages__accordion__src__accordion.css

@@ -0,0 +1,10 @@
+@layer utilities {
+
+  .pixel-fs_xl {
+    font-size: var(--pixel-font-sizes-xl)
+    }
+
+  .pixel-font_bold {
+    font-weight: var(--pixel-font-weights-bold)
+    }
+}

package/chunks/packages__avatar2__src__modules__avatar.recipes.css

@@ -0,0 +1,166 @@
+@layer utilities {
+  .pixel-text_white {
+    color: var(--pixel-colors-white)
+    }
+
+  .pixel-pos_relative {
+    position: relative
+    }
+
+  .pixel-d_inline-flex {
+    display: inline-flex
+    }
+
+  .pixel-items_center {
+    align-items: center
+    }
+
+  .pixel-justify_center {
+    justify-content: center
+    }
+
+  .pixel-align_top {
+    vertical-align: top
+    }
+
+  .pixel-shrink_0 {
+    flex-shrink: 0
+    }
+
+  .pixel-font_semibold {
+    font-weight: var(--pixel-font-weights-semibold)
+    }
+
+  .pixel-text_uppercase {
+    text-transform: uppercase
+    }
+
+  .pixel-select_none {
+    -webkit-user-select: none;
+    user-select: none
+    }
+
+  .pixel-rounded_full {
+    border-radius: var(--pixel-radii-full)
+    }
+
+  .pixel-bg_gray\.50 {
+    background-color: var(--pixel-colors-gray-50)
+    }
+
+  .pixel-bg_sky\.400 {
+    background-color: var(--pixel-colors-sky-400)
+    }
+
+  .pixel-bg_teal\.400 {
+    background-color: var(--pixel-colors-teal-400)
+    }
+
+  .pixel-bg_violet\.400 {
+    background-color: var(--pixel-colors-violet-400)
+    }
+
+  .pixel-bg_amber\.400 {
+    background-color: var(--pixel-colors-amber-400)
+    }
+
+  .pixel-bg_rose\.400 {
+    background-color: var(--pixel-colors-rose-400)
+    }
+
+  .pixel-bg_stone\.400 {
+    background-color: var(--pixel-colors-stone-400)
+    }
+
+  .pixel-bg_lime\.400 {
+    background-color: var(--pixel-colors-lime-400)
+    }
+
+  .pixel-bg_pink\.400 {
+    background-color: var(--pixel-colors-pink-400)
+    }
+
+  .pixel-w_6 {
+    width: var(--pixel-sizes-6)
+    }
+
+  .pixel-h_6 {
+    height: var(--pixel-sizes-6)
+    }
+
+  .pixel-fs_xs {
+    font-size: var(--pixel-font-sizes-xs)
+    }
+
+  .pixel-w_8 {
+    width: var(--pixel-sizes-8)
+    }
+
+  .pixel-h_8 {
+    height: var(--pixel-sizes-8)
+    }
+
+  .pixel-fs_sm {
+    font-size: var(--pixel-font-sizes-sm)
+    }
+
+  .pixel-w_12 {
+    width: var(--pixel-sizes-12)
+    }
+
+  .pixel-h_12 {
+    height: var(--pixel-sizes-12)
+    }
+
+  .pixel-fs_lg {
+    font-size: var(--pixel-font-sizes-lg)
+    }
+
+  .pixel-w_20 {
+    width: var(--pixel-sizes-20)
+    }
+
+  .pixel-h_20 {
+    height: var(--pixel-sizes-20)
+    }
+
+  .pixel-fs_2xl {
+    font-size: var(--pixel-font-sizes-2xl)
+    }
+
+  .pixel-border-width_0\.125rem {
+    border-width: 0.125rem
+    }
+
+  .pixel-rounded_sm {
+    border-radius: var(--pixel-radii-sm)
+    }
+
+  .pixel-rounded_md {
+    border-radius: var(--pixel-radii-md)
+    }
+
+  .pixel-rounded_lg {
+    border-radius: var(--pixel-radii-lg)
+    }
+
+  .pixel-rounded_xl {
+    border-radius: var(--pixel-radii-xl)
+    }
+
+  .pixel-text_gray\.600 {
+    color: var(--pixel-colors-gray-600)
+    }
+
+  .pixel-w_100\% {
+    width: 100%
+    }
+
+  .pixel-h_100\% {
+    height: 100%
+    }
+
+  .pixel-object_cover {
+    object-fit: cover
+    }
+}

package/chunks/packages__avatar__src__avatar.style.css

@@ -0,0 +1,150 @@
+@layer utilities {
+
+  .pixel-bg_gray\.400 {
+    background-color: var(--pixel-colors-gray-400)
+    }
+
+  .pixel-d_inline-flex {
+    display: inline-flex
+    }
+
+  .pixel-items_center {
+    align-items: center
+    }
+
+  .pixel-shrink_0 {
+    flex-shrink: 0
+    }
+
+  .pixel-justify_center {
+    justify-content: center
+    }
+
+  .pixel-pos_relative {
+    position: relative
+    }
+
+  .pixel-font_semibold {
+    font-weight: var(--pixel-font-weights-semibold)
+    }
+
+  .pixel-align_top {
+    vertical-align: top
+    }
+
+  .pixel-bg_red\.200 {
+    background: var(--pixel-colors-red-200)
+    }
+
+  .pixel-text_white {
+    color: var(--pixel-colors-white)
+    }
+
+  .pixel-border-width_1px {
+    border-width: 1px
+    }
+
+  .pixel-border_red\.200 {
+    border-color: var(--pixel-colors-red-200)
+    }
+
+  .pixel-p_4 {
+    padding: var(--pixel-spacing-4)
+    }
+
+  .pixel-fs_12px {
+    font-size: 12px
+    }
+
+  .pixel-p_8 {
+    padding: var(--pixel-spacing-8)
+    }
+
+  .pixel-fs_24px {
+    font-size: 24px
+    }
+
+  .pixel-leading_xs {
+    line-height: xs
+    }
+
+  .pixel-leading_sm {
+    line-height: sm
+    }
+
+  .pixel-leading_lg {
+    line-height: lg
+    }
+
+  .pixel-leading_xl {
+    line-height: xl
+    }
+
+  .pixel-rounded_full {
+    border-radius: var(--pixel-radii-full)
+    }
+
+  .pixel-w_6 {
+    width: var(--pixel-sizes-6)
+    }
+
+  .pixel-h_6 {
+    height: var(--pixel-sizes-6)
+    }
+
+  .pixel-fs_xs {
+    font-size: var(--pixel-font-sizes-xs)
+    }
+
+  .pixel-w_8 {
+    width: var(--pixel-sizes-8)
+    }
+
+  .pixel-h_8 {
+    height: var(--pixel-sizes-8)
+    }
+
+  .pixel-fs_sm {
+    font-size: var(--pixel-font-sizes-sm)
+    }
+
+  .pixel-w_12 {
+    width: var(--pixel-sizes-12)
+    }
+
+  .pixel-h_12 {
+    height: var(--pixel-sizes-12)
+    }
+
+  .pixel-fs_lg {
+    font-size: var(--pixel-font-sizes-lg)
+    }
+
+  .pixel-w_20 {
+    width: var(--pixel-sizes-20)
+    }
+
+  .pixel-h_20 {
+    height: var(--pixel-sizes-20)
+    }
+
+  .pixel-fs_2xl {
+    font-size: var(--pixel-font-sizes-2xl)
+    }
+
+  .pixel-rounded_sm {
+    border-radius: var(--pixel-radii-sm)
+    }
+
+  .pixel-rounded_md {
+    border-radius: var(--pixel-radii-md)
+    }
+
+  .pixel-rounded_lg {
+    border-radius: var(--pixel-radii-lg)
+    }
+
+  .pixel-rounded_xl {
+    border-radius: var(--pixel-radii-xl)
+    }
+}

package/chunks/packages__avatar__src__avatar.styles.css

@@ -0,0 +1,171 @@
+@layer utilities {
+
+  .pixel-text_white {
+    color: var(--pixel-colors-white)
+    }
+
+  .pixel-text_uppercase {
+    text-transform: uppercase
+    }
+
+  .pixel-select_none {
+    -webkit-user-select: none;
+    user-select: none
+    }
+
+  .pixel-bg_gray\.400 {
+    background-color: var(--pixel-colors-gray-400)
+    }
+
+  .pixel-d_inline-flex {
+    display: inline-flex
+    }
+
+  .pixel-items_center {
+    align-items: center
+    }
+
+  .pixel-shrink_0 {
+    flex-shrink: 0
+    }
+
+  .pixel-justify_center {
+    justify-content: center
+    }
+
+  .pixel-pos_relative {
+    position: relative
+    }
+
+  .pixel-font_semibold {
+    font-weight: var(--pixel-font-weights-semibold)
+    }
+
+  .pixel-align_top {
+    vertical-align: top
+    }
+
+  .pixel-bg_teal\.50 {
+    background-color: var(--pixel-colors-teal-50)
+    }
+
+  .pixel-border-width_0\.5 {
+    border-width: 0.5px
+    }
+
+  .pixel-border_pink\.400 {
+    border-color: var(--pixel-colors-pink-400)
+    }
+
+  .pixel-rounded_full {
+    border-radius: var(--pixel-radii-full)
+    }
+
+  .pixel-bg_gray\.50 {
+    background-color: var(--pixel-colors-gray-50)
+    }
+
+  .pixel-bg_sky\.400 {
+    background-color: var(--pixel-colors-sky-400)
+    }
+
+  .pixel-bg_teal\.400 {
+    background-color: var(--pixel-colors-teal-400)
+    }
+
+  .pixel-bg_violet\.400 {
+    background-color: var(--pixel-colors-violet-400)
+    }
+
+  .pixel-bg_amber\.400 {
+    background-color: var(--pixel-colors-amber-400)
+    }
+
+  .pixel-bg_rose\.400 {
+    background-color: var(--pixel-colors-rose-400)
+    }
+
+  .pixel-bg_stone\.400 {
+    background-color: var(--pixel-colors-stone-400)
+    }
+
+  .pixel-bg_lime\.400 {
+    background-color: var(--pixel-colors-lime-400)
+    }
+
+  .pixel-bg_pink\.400 {
+    background-color: var(--pixel-colors-pink-400)
+    }
+
+  .pixel-w_6 {
+    width: var(--pixel-sizes-6)
+    }
+
+  .pixel-h_6 {
+    height: var(--pixel-sizes-6)
+    }
+
+  .pixel-fs_xs {
+    font-size: var(--pixel-font-sizes-xs)
+    }
+
+  .pixel-w_8 {
+    width: var(--pixel-sizes-8)
+    }
+
+  .pixel-h_8 {
+    height: var(--pixel-sizes-8)
+    }
+
+  .pixel-fs_sm {
+    font-size: var(--pixel-font-sizes-sm)
+    }
+
+  .pixel-w_12 {
+    width: var(--pixel-sizes-12)
+    }
+
+  .pixel-h_12 {
+    height: var(--pixel-sizes-12)
+    }
+
+  .pixel-fs_lg {
+    font-size: var(--pixel-font-sizes-lg)
+    }
+
+  .pixel-w_20 {
+    width: var(--pixel-sizes-20)
+    }
+
+  .pixel-h_20 {
+    height: var(--pixel-sizes-20)
+    }
+
+  .pixel-fs_2xl {
+    font-size: var(--pixel-font-sizes-2xl)
+    }
+
+  .pixel-border-width_0\.125rem {
+    border-width: 0.125rem
+    }
+
+  .pixel-rounded_sm {
+    border-radius: var(--pixel-radii-sm)
+    }
+
+  .pixel-rounded_md {
+    border-radius: var(--pixel-radii-md)
+    }
+
+  .pixel-rounded_lg {
+    border-radius: var(--pixel-radii-lg)
+    }
+
+  .pixel-rounded_xl {
+    border-radius: var(--pixel-radii-xl)
+    }
+
+  .pixel-text_gray\.600 {
+    color: var(--pixel-colors-gray-600)
+    }
+}

package/chunks/packages__avatar__src__modules__avatar.recipes.css

@@ -0,0 +1,191 @@
+@layer utilities {
+
+  .pixel-text_white {
+    color: var(--pixel-colors-white)
+    }
+
+  .pixel-pos_relative {
+    position: relative
+    }
+
+  .pixel-d_inline-flex {
+    display: inline-flex
+    }
+
+  .pixel-align_top {
+    vertical-align: top
+    }
+
+  .pixel-shrink_0 {
+    flex-shrink: 0
+    }
+
+  .pixel-text_uppercase {
+    text-transform: uppercase
+    }
+
+  .pixel-cursor_pointer {
+    cursor: pointer
+    }
+
+  .pixel-bg_gray\.50 {
+    background-color: var(--pixel-colors-gray-50)
+    }
+
+  .pixel-bg_sky\.400 {
+    background-color: var(--pixel-colors-sky-400)
+    }
+
+  .pixel-bg_teal\.400 {
+    background-color: var(--pixel-colors-teal-400)
+    }
+
+  .pixel-bg_violet\.400 {
+    background-color: var(--pixel-colors-violet-400)
+    }
+
+  .pixel-bg_amber\.400 {
+    background-color: var(--pixel-colors-amber-400)
+    }
+
+  .pixel-bg_rose\.400 {
+    background-color: var(--pixel-colors-rose-400)
+    }
+
+  .pixel-bg_stone\.400 {
+    background-color: var(--pixel-colors-stone-400)
+    }
+
+  .pixel-bg_lime\.400 {
+    background-color: var(--pixel-colors-lime-400)
+    }
+
+  .pixel-bg_pink\.400 {
+    background-color: var(--pixel-colors-pink-400)
+    }
+
+  .pixel-border-width_0\.125rem {
+    border-width: 0.125rem
+    }
+
+  .pixel-text_gray\.600 {
+    color: var(--pixel-colors-gray-600)
+    }
+
+  .pixel-w_100\% {
+    width: 100%
+    }
+
+  .pixel-h_100\% {
+    height: 100%
+    }
+
+  .pixel-object_cover {
+    object-fit: cover
+    }
+
+  .pixel-rounded_md {
+    border-radius: var(--pixel-radii-md)
+    }
+
+  .pixel-rounded_sm {
+    border-radius: var(--pixel-radii-sm)
+    }
+
+  .pixel-rounded_lg {
+    border-radius: var(--pixel-radii-lg)
+    }
+
+  .pixel-rounded_xl {
+    border-radius: var(--pixel-radii-xl)
+    }
+
+  .pixel-z_0 {
+    z-index: 0
+    }
+
+  .pixel-ml_2 {
+    margin-left: var(--pixel-spacing-2)
+    }
+
+  .pixel-text_blue\.400 {
+    color: var(--pixel-colors-blue-400)
+    }
+
+  .pixel-bg_blue\.50 {
+    background-color: var(--pixel-colors-blue-50)
+    }
+
+  .pixel-font_semibold {
+    font-weight: var(--pixel-font-weights-semibold)
+    }
+
+  .pixel-d_flex {
+    display: flex
+    }
+
+  .pixel-items_center {
+    align-items: center
+    }
+
+  .pixel-justify_center {
+    justify-content: center
+    }
+
+  .pixel-rounded_full {
+    border-radius: var(--pixel-radii-full)
+    }
+
+  .pixel-select_none {
+    -webkit-user-select: none;
+    user-select: none
+    }
+
+  .pixel-w_6 {
+    width: var(--pixel-sizes-6)
+    }
+
+  .pixel-h_6 {
+    height: var(--pixel-sizes-6)
+    }
+
+  .pixel-fs_xs {
+    font-size: var(--pixel-font-sizes-xs)
+    }
+
+  .pixel-w_8 {
+    width: var(--pixel-sizes-8)
+    }
+
+  .pixel-h_8 {
+    height: var(--pixel-sizes-8)
+    }
+
+  .pixel-fs_sm {
+    font-size: var(--pixel-font-sizes-sm)
+    }
+
+  .pixel-w_12 {
+    width: var(--pixel-sizes-12)
+    }
+
+  .pixel-h_12 {
+    height: var(--pixel-sizes-12)
+    }
+
+  .pixel-fs_lg {
+    font-size: var(--pixel-font-sizes-lg)
+    }
+
+  .pixel-w_20 {
+    width: var(--pixel-sizes-20)
+    }
+
+  .pixel-h_20 {
+    height: var(--pixel-sizes-20)
+    }
+
+  .pixel-fs_2xl {
+    font-size: var(--pixel-font-sizes-2xl)
+    }
+}

package/chunks/packages__core__node_modules__@mekari__pixel3-accordion__src__accordion.css

@@ -0,0 +1,10 @@
+@layer utilities {
+
+  .pixel-fs_xl {
+    font-size: var(--pixel-font-sizes-xl)
+    }
+
+  .pixel-font_bold {
+    font-weight: var(--pixel-font-weights-bold)
+    }
+}