@moyeorak/design-system 0.1.3 → 0.2.0

package/dist/style.css

@@ -1 +1 @@
-@layer moyeorak-reset,moyeorak-base,moyeorak-tokens,moyeorak-recipes,moyeorak-utilities;@layer moyeorak-reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: rgba(0, 0, 0, .5);color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer moyeorak-base{:root{--made-with-panda: "🐼"}body{font-family:var(--fonts-sans)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer moyeorak-tokens{:where(:root,:host){--colors-gray-0: #ffffff;--colors-gray-50: #f9fafd;--colors-gray-100: #f2f4f9;--colors-gray-200: #e1e4ec;--colors-gray-300: #ccd0d9;--colors-gray-400: #9fa5b3;--colors-gray-500: #737a89;--colors-gray-600: #5f6572;--colors-gray-700: #464b53;--colors-gray-800: #2c3038;--colors-gray-900: #171a1f;--colors-blue-100: #f7faff;--colors-blue-200: #ebf2ff;--colors-blue-300: #e5eeff;--colors-blue-400: #cbddff;--colors-blue-500: #b0ccff;--colors-blue-600: #82acff;--colors-blue-700: #4181ff;--colors-blue-800: #3c76e9;--colors-blue-900: #3265cb;--colors-gray-opacity-100: rgb(15 17 24 / 2%);--colors-gray-opacity-200: rgb(15 17 24 / 4%);--colors-gray-opacity-300: rgb(15 17 24 / 8%);--colors-gray-opacity-400: rgb(15 17 24 / 20%);--colors-gray-opacity-500: rgb(15 17 24 / 28%);--colors-gray-opacity-600: rgb(15 17 24 / 56%);--colors-gray-opacity-700: rgb(15 17 24 / 70%);--colors-gray-opacity-800: rgb(15 17 24 / 80%);--colors-gray-opacity-900: rgb(15 17 24 / 90%);--colors-red: #f0405c;--colors-green: #00cf95;--fonts-sans: "Pretendard Variable", Pretendard, sans-serif;--font-sizes-xs: 12px;--font-sizes-sm: 14px;--font-sizes-md: 16px;--font-sizes-lg: 20px;--font-sizes-xl: 24px;--font-sizes-2xl: 28px;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--letter-spacings-tight: -.01em;--letter-spacings-tighter: -.005em;--radii-2xs: 4px;--radii-xs: 6px;--radii-sm: 8px;--radii-md: 12px;--radii-lg: 16px;--radii-xl: 20px;--radii-full: 999px;--shadows-strong: 0 0 12px var(--colors-shadow-neutral-strong);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--colors-fill-neutral-default: var(--colors-gray-800);--colors-fill-neutral-default-pressed: var(--colors-gray-600);--colors-fill-neutral-default-disabled: var(--colors-gray-200);--colors-fill-neutral-subtle: var(--colors-gray-300);--colors-fill-neutral-subtler: var(--colors-gray-100);--colors-fill-neutral-subtlest: var(--colors-gray-50);--colors-fill-neutral-faintest: var(--colors-gray-0);--colors-fill-brand-default: var(--colors-blue-700);--colors-fill-brand-default-pressed: var(--colors-blue-900);--colors-fill-brand-subtle: var(--colors-blue-300);--colors-fill-brand-subtle-pressed: var(--colors-blue-500);--colors-fill-brand-subtler: var(--colors-blue-200);--colors-fill-brand-subtlest: var(--colors-blue-100);--colors-bg-neutral-strongest: var(--colors-gray-800);--colors-bg-neutral-strong: var(--colors-gray-100);--colors-bg-neutral-default: var(--colors-gray-0);--colors-overlay-neutral-stronger: var(--colors-gray-opacity-900);--colors-overlay-neutral-strong: var(--colors-gray-opacity-800);--colors-overlay-neutral-default: var(--colors-gray-opacity-700);--colors-overlay-neutral-subtle: var(--colors-gray-opacity-600);--colors-overlay-neutral-subtler: var(--colors-gray-opacity-500);--colors-stroke-neutral-strong: var(--colors-gray-400);--colors-stroke-neutral-default: var(--colors-gray-300);--colors-stroke-neutral-subtle: var(--colors-gray-200);--colors-stroke-neutral-subtler: var(--colors-gray-100);--colors-stroke-brand-default: var(--colors-blue-700);--colors-stroke-brand-subtle: var(--colors-blue-600);--colors-stroke-negative-default: var(--colors-red);--colors-shadow-neutral-stronger: var(--colors-gray-opacity-500);--colors-shadow-neutral-strong: var(--colors-gray-opacity-300);--colors-shadow-neutral-default: var(--colors-gray-opacity-200);--colors-shadow-neutral-subtle: var(--colors-gray-opacity-100);--colors-fg-neutral-stronger: var(--colors-gray-900);--colors-fg-neutral-strong: var(--colors-gray-800);--colors-fg-neutral-default: var(--colors-gray-700);--colors-fg-neutral-subtle: var(--colors-gray-500);--colors-fg-neutral-subtler: var(--colors-gray-400);--colors-fg-neutral-subtlest: var(--colors-gray-300);--colors-fg-neutral-faintest: var(--colors-gray-0);--colors-fg-brand-default: var(--colors-blue-700);--colors-fg-brand-subtle: var(--colors-blue-400);--colors-fg-brand-subtlest: var(--colors-blue-200);--colors-fg-positive-default: var(--colors-green);--colors-fg-negative-default: var(--colors-red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer moyeorak-utilities{@layer compositions{.textStyle_caption2{font-weight:var(--font-weights-medium)}.textStyle_caption2,.textStyle_caption3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-xs);line-height:1.5}.textStyle_caption3{font-weight:var(--font-weights-regular)}.textStyle_body4{font-weight:var(--font-weights-medium)}.textStyle_body4,.textStyle_body5{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-sm);line-height:1.57}.textStyle_body5{font-weight:var(--font-weights-regular)}.textStyle_body1{letter-spacing:var(--letter-spacings-tight);font-weight:var(--font-weights-medium);line-height:1.5}.textStyle_body1,.textStyle_title3{font-size:var(--font-sizes-md)}.textStyle_title3{line-height:1.38}.textStyle_title3,.textStyle_title1{letter-spacing:var(--letter-spacings-tighter);font-weight:var(--font-weights-semibold)}.textStyle_title1{font-size:var(--font-sizes-lg);line-height:1.4}.textStyle_caption1{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);line-height:1.67}.textStyle_caption1,.textStyle_body2{letter-spacing:var(--letter-spacings-tight)}.textStyle_body2{font-size:var(--font-sizes-md);font-weight:var(--font-weights-regular);line-height:1.5}}.d_full{display:full}.c_fg\.neutral\.subtle{color:var(--colors-fg-neutral-subtle)}.d_flex{display:flex}.gap_8px{gap:8px}.w_100\%{width:100%}.flex_1_1_0\%{flex:1 1 0%}.flex_3_1_0\%{flex:3 1 0%}.flex_7_1_0\%{flex:7 1 0%}.flex_1{flex:1 1 0%}.px_16px{padding-inline:16px}.py_12px{padding-block:12px}.bg_bg\.neutral\.default{background:var(--colors-bg-neutral-default)}.d_inline-flex{display:inline-flex}.white-space_nowrap{white-space:nowrap}.bdr_xs{border-radius:var(--radii-xs)}.px_8px{padding-inline:8px}.py_4px{padding-block:4px}.bg_fill\.brand\.subtler{background:var(--colors-fill-brand-subtler)}.c_fg\.brand\.default{color:var(--colors-fg-brand-default)}.bg_fill\.neutral\.subtler{background:var(--colors-fill-neutral-subtler)}.bg_fill\.neutral\.faintest{background:var(--colors-fill-neutral-faintest)}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.neutral\.subtle\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-neutral-subtle)}.d_inline{display:inline}.cursor_pointer{cursor:pointer}.gap_2px{gap:2px}.bg_fill\.neutral\.default{background:var(--colors-fill-neutral-default)}.c_fg\.neutral\.faintest{color:var(--colors-fg-neutral-faintest)}.bg_fill\.brand\.default{background:var(--colors-fill-brand-default)}.bg_fill\.brand\.subtle{background:var(--colors-fill-brand-subtle)}.c_fg\.neutral\.default{color:var(--colors-fg-neutral-default)}.bg_transparent{background:transparent}.px_10px{padding-inline:10px}.bdr_sm{border-radius:var(--radii-sm)}.py_10px{padding-block:10px}.p_16px{padding:16px}.py_6px{padding-block:6px}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.brand\.default\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-brand-default)}.c_fg\.neutral\.subtler{color:var(--colors-fg-neutral-subtler)}.px_12px{padding-inline:12px}.bdr_full{border-radius:var(--radii-full)}.px_14px{padding-inline:14px}.w_40px{width:40px}.h_40px{height:40px}.bx-sh_strong{box-shadow:var(--shadows-strong)}.pos_relative{position:relative}.h_56px{height:56px}.w_full{width:full}.ov_hidden{overflow:hidden}.pos_absolute{position:absolute}.trf_translateY\(-50\%\){transform:translateY(-50%)}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.ta_center{text-align:center}.d_inline-block{display:inline-block}.c_fg\.neutral\.subtlest{color:var(--colors-fg-neutral-subtlest)}.w_16px{width:16px}.h_16px{height:16px}.w_20px{width:20px}.h_20px{height:20px}.w_24px{width:24px}.h_24px{height:24px}.w_32px{width:32px}.h_32px{height:32px}.w_36px{width:36px}.h_36px{height:36px}.w_48px{width:48px}.h_48px{height:48px}.w_54px{width:54px}.h_54px{height:54px}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.bg_overlay\.neutral\.default{background:var(--colors-overlay-neutral-default)}.z_50{z-index:50}.w_303px{width:303px}.bdr_lg{border-radius:var(--radii-lg)}.gap_24px{gap:24px}.ring_none{outline:2px solid transparent;outline-offset:2px}.gap_4px{gap:4px}.gap_11px{gap:11px}.c_fill\.brand\.default{color:var(--colors-fill-brand-default)}.c_fill\.neutral\.default{color:var(--colors-fill-neutral-default)}.filter_drop-shadow\(0_0_4px_rgba\(15\,_17\,_24\,_0\.28\)\){filter:drop-shadow(0 0 4px rgba(15,17,24,.28))}.bdr_4px{border-radius:4px}.px_11px{padding-inline:11px}.trs_border-color_0\.15s_ease{transition:border-color .15s ease}.px_4px{padding-inline:4px}.bd_none{border:none}.ca-c_stroke\.brand\.default{caret-color:var(--colors-stroke-brand-default)}.py_8px{padding-block:8px}.bdr_12px{border-radius:12px}.us_none{-webkit-user-select:none;user-select:none}.w_56px{width:56px}.bg_\[\#FBE300\]{background:#fbe300}.bg_fg\.brand\.default{background:var(--colors-fg-brand-default)}.bg_fg\.neutral\.subtlest{background:var(--colors-fg-neutral-subtlest)}.px_20px{padding-inline:20px}.bg_overlay\.neutral\.stronger{background:var(--colors-overlay-neutral-stronger)}.ac-c_\#171a1f{accent-color:#171a1f}.ac-c_\#00a676{accent-color:#00a676}.ac-c_\#e05a00{accent-color:#e05a00}.ac-c_\#8a4fff{accent-color:#8a4fff}.ac-c_\#464b53{accent-color:#464b53}.ac-c_\#737a89{accent-color:#737a89}.ai_center{align-items:center}.flex-d_column{flex-direction:column}.pb_max\(12px\,_env\(safe-area-inset-bottom\)\){padding-bottom:max(12px,env(safe-area-inset-bottom))}.jc_center{justify-content:center}.flex-sh_0{flex-shrink:0}.left_4px{left:4px}.top_50\%{top:50%}.left_50\%{left:50%}.right_12px{right:12px}.top_4px{top:4px}.pt_32px{padding-top:32px}.pb_16px{padding-bottom:16px}.mb_-5px{margin-bottom:-5px}.pt_4px{padding-top:4px}.mb_-2px{margin-bottom:-2px}.bd-c_stroke\.brand\.default{border-color:var(--colors-stroke-brand-default)}.bd-c_stroke\.neutral\.default{border-color:var(--colors-stroke-neutral-default)}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.mr_-11px{margin-right:-11px}.border-bottom-style_solid{border-bottom-style:solid}.bd-b-w_2px{border-bottom-width:2px}.bd-b-c_stroke\.brand\.default{border-bottom-color:var(--colors-stroke-brand-default)}.bd-b-w_1px{border-bottom-width:1px}.bd-b-c_stroke\.neutral\.subtle{border-bottom-color:var(--colors-stroke-neutral-subtle)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtler)}.disabled\:bx-sh_none:is(:disabled,[disabled],[data-disabled]){box-shadow:none}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.disabled\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtlest)}.placeholder\:c_fg\.neutral\.subtlest::placeholder,.placeholder\:c_fg\.neutral\.subtlest[data-placeholder]{color:var(--colors-fg-neutral-subtlest)}.active\:bg_fill\.neutral\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-neutral-default-pressed)}.active\:bg_fill\.brand\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-default-pressed)}.active\:bg_fill\.brand\.subtle-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-subtle-pressed)}.active\:bg_fill\.neutral\.subtler:is(:active,[data-active]){background:var(--colors-fill-neutral-subtler)}.active\:c_fg\.neutral\.subtler:is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}.disabled\:active\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:active\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:transparent}.disabled\:active\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtlest)}.disabled\:active\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}}
+@layer moyeorak-reset,moyeorak-base,moyeorak-tokens,moyeorak-recipes,moyeorak-utilities;@layer moyeorak-base{:root{--made-with-panda: "🐼"}body{font-family:var(--fonts-sans)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer moyeorak-tokens{:where(:root,:host){--colors-gray-0: #ffffff;--colors-gray-50: #f9fafd;--colors-gray-100: #f2f4f9;--colors-gray-200: #e1e4ec;--colors-gray-300: #ccd0d9;--colors-gray-400: #9fa5b3;--colors-gray-500: #737a89;--colors-gray-600: #5f6572;--colors-gray-700: #464b53;--colors-gray-800: #2c3038;--colors-gray-900: #171a1f;--colors-blue-100: #f7faff;--colors-blue-200: #ebf2ff;--colors-blue-300: #e5eeff;--colors-blue-400: #cbddff;--colors-blue-500: #b0ccff;--colors-blue-600: #82acff;--colors-blue-700: #4181ff;--colors-blue-800: #3c76e9;--colors-blue-900: #3265cb;--colors-gray-opacity-100: rgb(15 17 24 / 2%);--colors-gray-opacity-200: rgb(15 17 24 / 4%);--colors-gray-opacity-300: rgb(15 17 24 / 8%);--colors-gray-opacity-400: rgb(15 17 24 / 20%);--colors-gray-opacity-500: rgb(15 17 24 / 28%);--colors-gray-opacity-600: rgb(15 17 24 / 56%);--colors-gray-opacity-700: rgb(15 17 24 / 70%);--colors-gray-opacity-800: rgb(15 17 24 / 80%);--colors-gray-opacity-900: rgb(15 17 24 / 90%);--colors-red: #f0405c;--colors-green: #00cf95;--fonts-sans: "Pretendard Variable", Pretendard, sans-serif;--font-sizes-xs: 12px;--font-sizes-sm: 14px;--font-sizes-md: 16px;--font-sizes-lg: 20px;--font-sizes-xl: 24px;--font-sizes-2xl: 28px;--font-weights-regular: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--letter-spacings-tight: -.01em;--letter-spacings-tighter: -.005em;--radii-2xs: 4px;--radii-xs: 6px;--radii-sm: 8px;--radii-md: 12px;--radii-lg: 16px;--radii-xl: 20px;--radii-full: 999px;--shadows-strong: 0 0 12px var(--colors-shadow-neutral-strong);--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--colors-fill-neutral-default: var(--colors-gray-800);--colors-fill-neutral-default-pressed: var(--colors-gray-600);--colors-fill-neutral-default-disabled: var(--colors-gray-200);--colors-fill-neutral-subtle: var(--colors-gray-300);--colors-fill-neutral-subtler: var(--colors-gray-100);--colors-fill-neutral-subtlest: var(--colors-gray-50);--colors-fill-neutral-faintest: var(--colors-gray-0);--colors-fill-brand-default: var(--colors-blue-700);--colors-fill-brand-default-pressed: var(--colors-blue-900);--colors-fill-brand-subtle: var(--colors-blue-300);--colors-fill-brand-subtle-pressed: var(--colors-blue-500);--colors-fill-brand-subtler: var(--colors-blue-200);--colors-fill-brand-subtlest: var(--colors-blue-100);--colors-bg-neutral-strongest: var(--colors-gray-800);--colors-bg-neutral-strong: var(--colors-gray-100);--colors-bg-neutral-default: var(--colors-gray-0);--colors-overlay-neutral-stronger: var(--colors-gray-opacity-900);--colors-overlay-neutral-strong: var(--colors-gray-opacity-800);--colors-overlay-neutral-default: var(--colors-gray-opacity-700);--colors-overlay-neutral-subtle: var(--colors-gray-opacity-600);--colors-overlay-neutral-subtler: var(--colors-gray-opacity-500);--colors-stroke-neutral-strong: var(--colors-gray-400);--colors-stroke-neutral-default: var(--colors-gray-300);--colors-stroke-neutral-subtle: var(--colors-gray-200);--colors-stroke-neutral-subtler: var(--colors-gray-100);--colors-stroke-brand-default: var(--colors-blue-700);--colors-stroke-brand-subtle: var(--colors-blue-600);--colors-stroke-negative-default: var(--colors-red);--colors-shadow-neutral-stronger: var(--colors-gray-opacity-500);--colors-shadow-neutral-strong: var(--colors-gray-opacity-300);--colors-shadow-neutral-default: var(--colors-gray-opacity-200);--colors-shadow-neutral-subtle: var(--colors-gray-opacity-100);--colors-fg-neutral-stronger: var(--colors-gray-900);--colors-fg-neutral-strong: var(--colors-gray-800);--colors-fg-neutral-default: var(--colors-gray-700);--colors-fg-neutral-subtle: var(--colors-gray-500);--colors-fg-neutral-subtler: var(--colors-gray-400);--colors-fg-neutral-subtlest: var(--colors-gray-300);--colors-fg-neutral-faintest: var(--colors-gray-0);--colors-fg-brand-default: var(--colors-blue-700);--colors-fg-brand-subtle: var(--colors-blue-400);--colors-fg-brand-subtlest: var(--colors-blue-200);--colors-fg-positive-default: var(--colors-green);--colors-fg-negative-default: var(--colors-red)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer moyeorak-utilities{@layer compositions{.textStyle_caption2{font-weight:var(--font-weights-medium)}.textStyle_caption2,.textStyle_caption3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-xs);line-height:1.5}.textStyle_caption3{font-weight:var(--font-weights-regular)}.textStyle_body4{font-weight:var(--font-weights-medium)}.textStyle_body4,.textStyle_body5{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-sm);line-height:1.57}.textStyle_body5{font-weight:var(--font-weights-regular)}.textStyle_body1{letter-spacing:var(--letter-spacings-tight);font-weight:var(--font-weights-medium);line-height:1.5}.textStyle_body1,.textStyle_title3{font-size:var(--font-sizes-md)}.textStyle_title3{line-height:1.38}.textStyle_title3,.textStyle_title1{letter-spacing:var(--letter-spacings-tighter);font-weight:var(--font-weights-semibold)}.textStyle_title1{font-size:var(--font-sizes-lg);line-height:1.4}.textStyle_caption1{font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);line-height:1.67}.textStyle_caption1,.textStyle_body2{letter-spacing:var(--letter-spacings-tight)}.textStyle_body2{font-size:var(--font-sizes-md);font-weight:var(--font-weights-regular);line-height:1.5}}.d_full{display:full}.c_fg\.neutral\.subtle{color:var(--colors-fg-neutral-subtle)}.d_flex{display:flex}.gap_8px{gap:8px}.w_100\%{width:100%}.flex_1_1_0\%{flex:1 1 0%}.flex_3_1_0\%{flex:3 1 0%}.flex_7_1_0\%{flex:7 1 0%}.flex_1{flex:1 1 0%}.px_16px{padding-inline:16px}.py_12px{padding-block:12px}.bg_bg\.neutral\.default{background:var(--colors-bg-neutral-default)}.d_inline-flex{display:inline-flex}.white-space_nowrap{white-space:nowrap}.bdr_xs{border-radius:var(--radii-xs)}.px_8px{padding-inline:8px}.py_4px{padding-block:4px}.bx-s_border-box{box-sizing:border-box}.bg_fill\.brand\.subtler{background:var(--colors-fill-brand-subtler)}.c_fg\.brand\.default{color:var(--colors-fg-brand-default)}.bg_fill\.neutral\.subtler{background:var(--colors-fill-neutral-subtler)}.bg_fill\.neutral\.faintest{background:var(--colors-fill-neutral-faintest)}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.neutral\.subtle\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-neutral-subtle)}.d_inline{display:inline}.cursor_pointer{cursor:pointer}.gap_2px{gap:2px}.bd_none{border:none}.bg_fill\.neutral\.default{background:var(--colors-fill-neutral-default)}.c_fg\.neutral\.faintest{color:var(--colors-fg-neutral-faintest)}.bg_fill\.brand\.default{background:var(--colors-fill-brand-default)}.bg_fill\.brand\.subtle{background:var(--colors-fill-brand-subtle)}.c_fg\.neutral\.default{color:var(--colors-fg-neutral-default)}.bg_transparent{background:transparent}.px_10px{padding-inline:10px}.bdr_sm{border-radius:var(--radii-sm)}.py_10px{padding-block:10px}.p_16px{padding:16px}.py_6px{padding-block:6px}.bx-sh_inset_0_0_0_1px_\{colors\.stroke\.brand\.default\}{box-shadow:inset 0 0 0 1px var(--colors-stroke-brand-default)}.c_fg\.neutral\.subtler{color:var(--colors-fg-neutral-subtler)}.px_12px{padding-inline:12px}.bdr_full{border-radius:var(--radii-full)}.px_14px{padding-inline:14px}.w_40px{width:40px}.h_40px{height:40px}.bx-sh_strong{box-shadow:var(--shadows-strong)}.pos_fixed{position:fixed}.z_40{z-index:40}.pos_relative{position:relative}.h_56px{height:56px}.w_full{width:full}.ov_hidden{overflow:hidden}.pos_absolute{position:absolute}.trf_translateY\(-50\%\){transform:translateY(-50%)}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.ta_center{text-align:center}.d_inline-block{display:inline-block}.c_fg\.neutral\.subtlest{color:var(--colors-fg-neutral-subtlest)}.w_16px{width:16px}.h_16px{height:16px}.w_20px{width:20px}.h_20px{height:20px}.w_24px{width:24px}.h_24px{height:24px}.w_32px{width:32px}.h_32px{height:32px}.w_36px{width:36px}.h_36px{height:36px}.w_48px{width:48px}.h_48px{height:48px}.w_54px{width:54px}.h_54px{height:54px}.inset_0{top:0;right:0;bottom:0;left:0}.bg_overlay\.neutral\.default{background:var(--colors-overlay-neutral-default)}.z_50{z-index:50}.w_303px{width:303px}.bdr_lg{border-radius:var(--radii-lg)}.gap_24px{gap:24px}.ring_none{outline:2px solid transparent;outline-offset:2px}.gap_4px{gap:4px}.gap_11px{gap:11px}.c_fill\.brand\.default{color:var(--colors-fill-brand-default)}.c_fill\.neutral\.default{color:var(--colors-fill-neutral-default)}.filter_drop-shadow\(0_0_4px_rgba\(15\,_17\,_24\,_0\.28\)\){filter:drop-shadow(0 0 4px rgba(15,17,24,.28))}.bdr_4px{border-radius:4px}.px_11px{padding-inline:11px}.trs_border-color_0\.15s_ease{transition:border-color .15s ease}.px_4px{padding-inline:4px}.ca-c_stroke\.brand\.default{caret-color:var(--colors-stroke-brand-default)}.py_8px{padding-block:8px}.bdr_12px{border-radius:12px}.us_none{-webkit-user-select:none;user-select:none}.w_56px{width:56px}.bg_\[\#FBE300\]{background:#fbe300}.bg_fg\.brand\.default{background:var(--colors-fg-brand-default)}.bg_fg\.neutral\.subtlest{background:var(--colors-fg-neutral-subtlest)}.px_20px{padding-inline:20px}.trf_translateX\(-50\%\){transform:translate(-50%)}.z_100{z-index:100}.bg_overlay\.neutral\.stronger{background:var(--colors-overlay-neutral-stronger)}.ac-c_\#171a1f{accent-color:#171a1f}.ac-c_\#00a676{accent-color:#00a676}.ac-c_\#e05a00{accent-color:#e05a00}.ac-c_\#8a4fff{accent-color:#8a4fff}.ac-c_\#464b53{accent-color:#464b53}.ac-c_\#737a89{accent-color:#737a89}.ai_center{align-items:center}.flex-d_column{flex-direction:column}.pb_max\(12px\,_env\(safe-area-inset-bottom\)\){padding-bottom:max(12px,env(safe-area-inset-bottom))}.jc_center{justify-content:center}.ff_inherit{font-family:inherit}.flex-sh_0{flex-shrink:0}.bottom_20px{bottom:20px}.right_20px{right:20px}.left_4px{left:4px}.top_50\%{top:50%}.left_50\%{left:50%}.right_12px{right:12px}.top_4px{top:4px}.pt_32px{padding-top:32px}.pb_16px{padding-bottom:16px}.mb_-5px{margin-bottom:-5px}.pt_4px{padding-top:4px}.mb_-2px{margin-bottom:-2px}.bd-c_stroke\.brand\.default{border-color:var(--colors-stroke-brand-default)}.bd-c_stroke\.neutral\.default{border-color:var(--colors-stroke-neutral-default)}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.mr_-11px{margin-right:-11px}.border-bottom-style_solid{border-bottom-style:solid}.bd-b-w_2px{border-bottom-width:2px}.bd-b-c_stroke\.brand\.default{border-bottom-color:var(--colors-stroke-brand-default)}.bd-b-w_1px{border-bottom-width:1px}.bd-b-c_stroke\.neutral\.subtle{border-bottom-color:var(--colors-stroke-neutral-subtle)}.bottom_12px{bottom:12px}.li-t_none{list-style-type:none}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtler)}.disabled\:bx-sh_none:is(:disabled,[disabled],[data-disabled]){box-shadow:none}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.disabled\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtlest)}.placeholder\:c_fg\.neutral\.subtlest::placeholder,.placeholder\:c_fg\.neutral\.subtlest[data-placeholder]{color:var(--colors-fg-neutral-subtlest)}.active\:bg_fill\.neutral\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-neutral-default-pressed)}.active\:bg_fill\.brand\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-default-pressed)}.active\:bg_fill\.brand\.subtle-pressed:is(:active,[data-active]){background:var(--colors-fill-brand-subtle-pressed)}.active\:bg_fill\.neutral\.subtler:is(:active,[data-active]){background:var(--colors-fill-neutral-subtler)}.active\:c_fg\.neutral\.subtler:is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}.disabled\:active\:bg_fill\.neutral\.default-disabled:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--colors-fill-neutral-default-disabled)}.disabled\:active\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:transparent}.disabled\:active\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtlest)}.disabled\:active\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){color:var(--colors-fg-neutral-subtler)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moyeorak/design-system",
-  "version": "0.1.3",
-  "description": "React UI component library for moyeorak project",
+  "version": "0.2.0",
+  "description": "React design system built with Panda CSS and Radix UI",
   "license": "MIT",
   "author": "meteorqz6",
   "keywords": [
@@ -69,7 +69,9 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-slot": "^1.1.2"
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.17",
+    "@radix-ui/react-toggle": "^1.1.12"
   },
   "devDependencies": {
     "@pandacss/dev": "^0.53.0",