@moyeorak/design-system 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/dist/index.d.ts +135 -202
- package/dist/index.js +1 -45
- package/dist/index.mjs +481 -2511
- package/dist/style.css +1 -1
- package/dist/tailwind-plugin.d.ts +6 -0
- package/dist/tailwind-plugin.js +1 -0
- package/dist/tailwind-plugin.mjs +155 -0
- package/package.json +24 -6
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset,base,tokens,recipes,utilities;@layer 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 base{:root{--made-with-panda: "🐼"}*,: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 tokens{:where(:root,:host){--colors-neutral-0: #ffffff;--colors-neutral-50: #f9fafd;--colors-neutral-100: #f2f4f9;--colors-neutral-200: #e1e4ec;--colors-neutral-300: #ccd0d9;--colors-neutral-400: #9fa5b3;--colors-neutral-500: #737a89;--colors-neutral-600: #5f6572;--colors-neutral-700: #464b53;--colors-neutral-800: #2c3038;--colors-neutral-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-neutral-opacity-100: rgba(15, 17, 24, .02);--colors-neutral-opacity-200: rgba(15, 17, 24, .04);--colors-neutral-opacity-300: rgba(15, 17, 24, .08);--colors-neutral-opacity-400: rgba(15, 17, 24, .2);--colors-neutral-opacity-500: rgba(15, 17, 24, .28);--colors-neutral-opacity-600: rgba(15, 17, 24, .56);--colors-neutral-opacity-700: rgba(15, 17, 24, .7);--colors-neutral-opacity-800: rgba(15, 17, 24, .8);--colors-neutral-opacity-900: rgba(15, 17, 24, .9);--colors-red: #f0405c;--colors-green: #00cf95;--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: 9999px;--shadows-subtle: 0 0 8px 4px var(--colors-shadow-subtle);--shadows-default: 0 0 8px 0px var(--colors-shadow-default);--shadows-strong: 0 0 12px 0px var(--colors-shadow-strong);--shadows-stronger: 0 0 6px 2px var(--colors-shadow-stronger);--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-neutral-0);--colors-fill-neutral-strong: var(--colors-neutral-50);--colors-fill-neutral-stronger: var(--colors-neutral-100);--colors-fill-neutral-strongest: var(--colors-neutral-300);--colors-fill-inverted-default: var(--colors-neutral-800);--colors-fill-inverted-default-pressed: var(--colors-neutral-600);--colors-fill-inverted-default-disabled: var(--colors-neutral-200);--colors-fill-brand-subtlest: var(--colors-blue-100);--colors-fill-brand-subtler: var(--colors-blue-200);--colors-fill-brand-subtle: var(--colors-blue-300);--colors-fill-brand-subtle-pressed: var(--colors-blue-500);--colors-fill-brand-default: var(--colors-blue-700);--colors-fill-brand-default-pressed: var(--colors-blue-900);--colors-bg-neutral-default: var(--colors-neutral-0);--colors-bg-neutral-strong: var(--colors-neutral-100);--colors-bg-dim-default: var(--colors-neutral-opacity-700);--colors-stroke-neutral-subtler: var(--colors-neutral-100);--colors-stroke-neutral-subtle: var(--colors-neutral-200);--colors-stroke-neutral-default: var(--colors-neutral-300);--colors-stroke-neutral-strong: var(--colors-neutral-400);--colors-stroke-brand-subtle: var(--colors-blue-600);--colors-stroke-brand-default: var(--colors-blue-700);--colors-stroke-negative-default: var(--colors-red);--colors-shadow-subtle: var(--colors-neutral-opacity-100);--colors-shadow-default: var(--colors-neutral-opacity-200);--colors-shadow-strong: var(--colors-neutral-opacity-300);--colors-shadow-stronger: var(--colors-neutral-opacity-500);--colors-fg-neutral-faintest: var(--colors-neutral-300);--colors-fg-neutral-subtlest: var(--colors-neutral-400);--colors-fg-neutral-subtler: var(--colors-neutral-500);--colors-fg-neutral-subtle: var(--colors-neutral-700);--colors-fg-neutral-default: var(--colors-neutral-800);--colors-fg-neutral-strong: var(--colors-neutral-900);--colors-fg-neutral-default-disabled: var(--colors-neutral-200);--colors-fg-inverted-default: var(--colors-neutral-0);--colors-fg-brand-subtlest: var(--colors-blue-200);--colors-fg-brand-default: var(--colors-blue-700);--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 utilities{@layer compositions{.textStyle_caption3{letter-spacing:var(--letter-spacings-tight);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-regular);line-height:1.5}.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_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_stroke\.neutral\.subtler{background:var(--colors-stroke-neutral-subtler)}.c_fg\.neutral\.subtler{color:var(--colors-fg-neutral-subtler)}.bg_fill\.neutral\.default{background:var(--colors-fill-neutral-default)}.cursor_pointer{cursor:pointer}.gap_2px{gap:2px}.bg_fill\.inverted\.default{background:var(--colors-fill-inverted-default)}.c_fg\.inverted\.default{color:var(--colors-fg-inverted-default)}.bg_fill\.brand\.default{background:var(--colors-fill-brand-default)}.bg_fill\.brand\.subtle{background:var(--colors-fill-brand-subtle)}.c_fg\.neutral\.subtle{color:var(--colors-fg-neutral-subtle)}.bg_transparent{background:transparent}.px_10px{padding-inline:10px}.bdr_sm{border-radius:var(--radii-sm)}.px_16px{padding-inline:16px}.py_10px{padding-block:10px}.py_12px{padding-block:12px}.p_16px{padding:16px}.d_flex{display:flex}.w_100\%{width:100%}.py_6px{padding-block:6px}.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%)}.c_fg\.neutral\.default{color:var(--colors-fg-neutral-default)}.ta_center{text-align:center}.d_inline-block{display:inline-block}.c_fg\.neutral\.subtlest{color:var(--colors-fg-neutral-subtlest)}.w_36px{width:36px}.h_36px{height:36px}.w_48px{width:48px}.h_48px{height:48px}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.bg_bg\.dim\.default{background:var(--colors-bg-dim-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}.flex_1{flex:1 1 0%}.c_fill\.brand\.default{color:var(--colors-fill-brand-default)}.c_fill\.inverted\.default{color:var(--colors-fill-inverted-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)}.gap_8px{gap:8px}.py_8px{padding-block:8px}.bdr_12px{border-radius:12px}.us_none{-webkit-user-select:none;user-select:none}.bg_fill\.neutral\.stronger{background:var(--colors-fill-neutral-stronger)}.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_fg\.neutral\.subtle{background:var(--colors-fg-neutral-subtle)}.ai_center{align-items:center}.bd-w_1px{border-width:1px}.border-style_solid{border-style:solid}.bd-c_stroke\.neutral\.subtle{border-color:var(--colors-stroke-neutral-subtle)}.jc_center{justify-content:center}.bd-c_stroke\.brand\.default{border-color:var(--colors-stroke-brand-default)}.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}.flex-d_column{flex-direction:column}.mb_-5px{margin-bottom:-5px}.pt_4px{padding-top:4px}.mb_-2px{margin-bottom:-2px}.bd-c_stroke\.neutral\.default{border-color:var(--colors-stroke-neutral-default)}.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\.inverted\.default-disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-inverted-default-disabled)}.disabled\:c_fg\.neutral\.subtlest:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtlest)}.disabled\:bg_fill\.neutral\.stronger:is(:disabled,[disabled],[data-disabled]){background:var(--colors-fill-neutral-stronger)}.disabled\:c_fg\.neutral\.subtler:is(:disabled,[disabled],[data-disabled]){color:var(--colors-fg-neutral-subtler)}.disabled\:op_0\.4:is(:disabled,[disabled],[data-disabled]){opacity:.4}.placeholder\:c_fg\.neutral\.subtlest::placeholder,.placeholder\:c_fg\.neutral\.subtlest[data-placeholder]{color:var(--colors-fg-neutral-subtlest)}.disabled\:bd-c_transparent:is(:disabled,[disabled],[data-disabled]){border-color:transparent}.active\:bg_fill\.inverted\.default-pressed:is(:active,[data-active]){background:var(--colors-fill-inverted-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\.stronger:is(:active,[data-active]){background:var(--colors-fill-neutral-stronger)}.disabled\:active\:bg_fill\.inverted\.default-disabled:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--colors-fill-inverted-default-disabled)}}
|
|
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)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("tailwindcss/plugin"),l={"fill-neutral-default":"var(--colors-fill-neutral-default)","fill-neutral-default-pressed":"var(--colors-fill-neutral-default-pressed)","fill-neutral-default-disabled":"var(--colors-fill-neutral-default-disabled)","fill-neutral-subtle":"var(--colors-fill-neutral-subtle)","fill-neutral-subtler":"var(--colors-fill-neutral-subtler)","fill-neutral-subtlest":"var(--colors-fill-neutral-subtlest)","fill-neutral-faintest":"var(--colors-fill-neutral-faintest)","fill-brand-default":"var(--colors-fill-brand-default)","fill-brand-default-pressed":"var(--colors-fill-brand-default-pressed)","fill-brand-subtle":"var(--colors-fill-brand-subtle)","fill-brand-subtle-pressed":"var(--colors-fill-brand-subtle-pressed)","fill-brand-subtler":"var(--colors-fill-brand-subtler)","fill-brand-subtlest":"var(--colors-fill-brand-subtlest)","fg-neutral-stronger":"var(--colors-fg-neutral-stronger)","fg-neutral-strong":"var(--colors-fg-neutral-strong)","fg-neutral-default":"var(--colors-fg-neutral-default)","fg-neutral-subtle":"var(--colors-fg-neutral-subtle)","fg-neutral-subtler":"var(--colors-fg-neutral-subtler)","fg-neutral-subtlest":"var(--colors-fg-neutral-subtlest)","fg-neutral-faintest":"var(--colors-fg-neutral-faintest)","fg-brand-default":"var(--colors-fg-brand-default)","fg-brand-subtle":"var(--colors-fg-brand-subtle)","fg-brand-subtlest":"var(--colors-fg-brand-subtlest)","fg-positive-default":"var(--colors-fg-positive-default)","fg-negative-default":"var(--colors-fg-negative-default)","bg-neutral-strongest":"var(--colors-bg-neutral-strongest)","bg-neutral-strong":"var(--colors-bg-neutral-strong)","bg-neutral-default":"var(--colors-bg-neutral-default)","stroke-neutral-strong":"var(--colors-stroke-neutral-strong)","stroke-neutral-default":"var(--colors-stroke-neutral-default)","stroke-neutral-subtle":"var(--colors-stroke-neutral-subtle)","stroke-neutral-subtler":"var(--colors-stroke-neutral-subtler)","stroke-brand-default":"var(--colors-stroke-brand-default)","stroke-brand-subtle":"var(--colors-stroke-brand-subtle)","stroke-negative-default":"var(--colors-stroke-negative-default)","overlay-neutral-stronger":"var(--colors-overlay-neutral-stronger)","overlay-neutral-strong":"var(--colors-overlay-neutral-strong)","overlay-neutral-default":"var(--colors-overlay-neutral-default)","overlay-neutral-subtle":"var(--colors-overlay-neutral-subtle)","overlay-neutral-subtler":"var(--colors-overlay-neutral-subtler)","shadow-neutral-stronger":"var(--colors-shadow-neutral-stronger)","shadow-neutral-strong":"var(--colors-shadow-neutral-strong)","shadow-neutral-default":"var(--colors-shadow-neutral-default)","shadow-neutral-subtle":"var(--colors-shadow-neutral-subtle)"},r=t(({addUtilities:e})=>{e({".textStyle_head1":{fontSize:"28px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.36"},".textStyle_head2":{fontSize:"24px",fontWeight:"700",letterSpacing:"-0.005em",lineHeight:"1.17"},".textStyle_head3":{fontSize:"24px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.33"},".textStyle_head4":{fontSize:"20px",fontWeight:"500",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title1":{fontSize:"20px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title2":{fontSize:"20px",fontWeight:"400",letterSpacing:"-0.005em",lineHeight:"1.4"},".textStyle_title3":{fontSize:"16px",fontWeight:"600",letterSpacing:"-0.005em",lineHeight:"1.38"},".textStyle_body1":{fontSize:"16px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_body2":{fontSize:"16px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_body3":{fontSize:"14px",fontWeight:"600",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_body4":{fontSize:"14px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_body5":{fontSize:"14px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.57"},".textStyle_caption1":{fontSize:"12px",fontWeight:"600",letterSpacing:"-0.01em",lineHeight:"1.67"},".textStyle_caption2":{fontSize:"12px",fontWeight:"500",letterSpacing:"-0.01em",lineHeight:"1.5"},".textStyle_caption3":{fontSize:"12px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"1.5"}})},{theme:{extend:{colors:l}}});module.exports=r;
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import t from "tailwindcss/plugin";
|
|
2
|
+
const l = {
|
|
3
|
+
// fill
|
|
4
|
+
"fill-neutral-default": "var(--colors-fill-neutral-default)",
|
|
5
|
+
"fill-neutral-default-pressed": "var(--colors-fill-neutral-default-pressed)",
|
|
6
|
+
"fill-neutral-default-disabled": "var(--colors-fill-neutral-default-disabled)",
|
|
7
|
+
"fill-neutral-subtle": "var(--colors-fill-neutral-subtle)",
|
|
8
|
+
"fill-neutral-subtler": "var(--colors-fill-neutral-subtler)",
|
|
9
|
+
"fill-neutral-subtlest": "var(--colors-fill-neutral-subtlest)",
|
|
10
|
+
"fill-neutral-faintest": "var(--colors-fill-neutral-faintest)",
|
|
11
|
+
"fill-brand-default": "var(--colors-fill-brand-default)",
|
|
12
|
+
"fill-brand-default-pressed": "var(--colors-fill-brand-default-pressed)",
|
|
13
|
+
"fill-brand-subtle": "var(--colors-fill-brand-subtle)",
|
|
14
|
+
"fill-brand-subtle-pressed": "var(--colors-fill-brand-subtle-pressed)",
|
|
15
|
+
"fill-brand-subtler": "var(--colors-fill-brand-subtler)",
|
|
16
|
+
"fill-brand-subtlest": "var(--colors-fill-brand-subtlest)",
|
|
17
|
+
// fg
|
|
18
|
+
"fg-neutral-stronger": "var(--colors-fg-neutral-stronger)",
|
|
19
|
+
"fg-neutral-strong": "var(--colors-fg-neutral-strong)",
|
|
20
|
+
"fg-neutral-default": "var(--colors-fg-neutral-default)",
|
|
21
|
+
"fg-neutral-subtle": "var(--colors-fg-neutral-subtle)",
|
|
22
|
+
"fg-neutral-subtler": "var(--colors-fg-neutral-subtler)",
|
|
23
|
+
"fg-neutral-subtlest": "var(--colors-fg-neutral-subtlest)",
|
|
24
|
+
"fg-neutral-faintest": "var(--colors-fg-neutral-faintest)",
|
|
25
|
+
"fg-brand-default": "var(--colors-fg-brand-default)",
|
|
26
|
+
"fg-brand-subtle": "var(--colors-fg-brand-subtle)",
|
|
27
|
+
"fg-brand-subtlest": "var(--colors-fg-brand-subtlest)",
|
|
28
|
+
"fg-positive-default": "var(--colors-fg-positive-default)",
|
|
29
|
+
"fg-negative-default": "var(--colors-fg-negative-default)",
|
|
30
|
+
// bg
|
|
31
|
+
"bg-neutral-strongest": "var(--colors-bg-neutral-strongest)",
|
|
32
|
+
"bg-neutral-strong": "var(--colors-bg-neutral-strong)",
|
|
33
|
+
"bg-neutral-default": "var(--colors-bg-neutral-default)",
|
|
34
|
+
// stroke
|
|
35
|
+
"stroke-neutral-strong": "var(--colors-stroke-neutral-strong)",
|
|
36
|
+
"stroke-neutral-default": "var(--colors-stroke-neutral-default)",
|
|
37
|
+
"stroke-neutral-subtle": "var(--colors-stroke-neutral-subtle)",
|
|
38
|
+
"stroke-neutral-subtler": "var(--colors-stroke-neutral-subtler)",
|
|
39
|
+
"stroke-brand-default": "var(--colors-stroke-brand-default)",
|
|
40
|
+
"stroke-brand-subtle": "var(--colors-stroke-brand-subtle)",
|
|
41
|
+
"stroke-negative-default": "var(--colors-stroke-negative-default)",
|
|
42
|
+
// overlay
|
|
43
|
+
"overlay-neutral-stronger": "var(--colors-overlay-neutral-stronger)",
|
|
44
|
+
"overlay-neutral-strong": "var(--colors-overlay-neutral-strong)",
|
|
45
|
+
"overlay-neutral-default": "var(--colors-overlay-neutral-default)",
|
|
46
|
+
"overlay-neutral-subtle": "var(--colors-overlay-neutral-subtle)",
|
|
47
|
+
"overlay-neutral-subtler": "var(--colors-overlay-neutral-subtler)",
|
|
48
|
+
// shadow
|
|
49
|
+
"shadow-neutral-stronger": "var(--colors-shadow-neutral-stronger)",
|
|
50
|
+
"shadow-neutral-strong": "var(--colors-shadow-neutral-strong)",
|
|
51
|
+
"shadow-neutral-default": "var(--colors-shadow-neutral-default)",
|
|
52
|
+
"shadow-neutral-subtle": "var(--colors-shadow-neutral-subtle)"
|
|
53
|
+
}, a = t(({ addUtilities: e }) => {
|
|
54
|
+
e({
|
|
55
|
+
".textStyle_head1": {
|
|
56
|
+
fontSize: "28px",
|
|
57
|
+
fontWeight: "600",
|
|
58
|
+
letterSpacing: "-0.005em",
|
|
59
|
+
lineHeight: "1.36"
|
|
60
|
+
},
|
|
61
|
+
".textStyle_head2": {
|
|
62
|
+
fontSize: "24px",
|
|
63
|
+
fontWeight: "700",
|
|
64
|
+
letterSpacing: "-0.005em",
|
|
65
|
+
lineHeight: "1.17"
|
|
66
|
+
},
|
|
67
|
+
".textStyle_head3": {
|
|
68
|
+
fontSize: "24px",
|
|
69
|
+
fontWeight: "600",
|
|
70
|
+
letterSpacing: "-0.005em",
|
|
71
|
+
lineHeight: "1.33"
|
|
72
|
+
},
|
|
73
|
+
".textStyle_head4": {
|
|
74
|
+
fontSize: "20px",
|
|
75
|
+
fontWeight: "500",
|
|
76
|
+
letterSpacing: "-0.005em",
|
|
77
|
+
lineHeight: "1.4"
|
|
78
|
+
},
|
|
79
|
+
".textStyle_title1": {
|
|
80
|
+
fontSize: "20px",
|
|
81
|
+
fontWeight: "600",
|
|
82
|
+
letterSpacing: "-0.005em",
|
|
83
|
+
lineHeight: "1.4"
|
|
84
|
+
},
|
|
85
|
+
".textStyle_title2": {
|
|
86
|
+
fontSize: "20px",
|
|
87
|
+
fontWeight: "400",
|
|
88
|
+
letterSpacing: "-0.005em",
|
|
89
|
+
lineHeight: "1.4"
|
|
90
|
+
},
|
|
91
|
+
".textStyle_title3": {
|
|
92
|
+
fontSize: "16px",
|
|
93
|
+
fontWeight: "600",
|
|
94
|
+
letterSpacing: "-0.005em",
|
|
95
|
+
lineHeight: "1.38"
|
|
96
|
+
},
|
|
97
|
+
".textStyle_body1": {
|
|
98
|
+
fontSize: "16px",
|
|
99
|
+
fontWeight: "500",
|
|
100
|
+
letterSpacing: "-0.01em",
|
|
101
|
+
lineHeight: "1.5"
|
|
102
|
+
},
|
|
103
|
+
".textStyle_body2": {
|
|
104
|
+
fontSize: "16px",
|
|
105
|
+
fontWeight: "400",
|
|
106
|
+
letterSpacing: "-0.01em",
|
|
107
|
+
lineHeight: "1.5"
|
|
108
|
+
},
|
|
109
|
+
".textStyle_body3": {
|
|
110
|
+
fontSize: "14px",
|
|
111
|
+
fontWeight: "600",
|
|
112
|
+
letterSpacing: "-0.01em",
|
|
113
|
+
lineHeight: "1.57"
|
|
114
|
+
},
|
|
115
|
+
".textStyle_body4": {
|
|
116
|
+
fontSize: "14px",
|
|
117
|
+
fontWeight: "500",
|
|
118
|
+
letterSpacing: "-0.01em",
|
|
119
|
+
lineHeight: "1.57"
|
|
120
|
+
},
|
|
121
|
+
".textStyle_body5": {
|
|
122
|
+
fontSize: "14px",
|
|
123
|
+
fontWeight: "400",
|
|
124
|
+
letterSpacing: "-0.01em",
|
|
125
|
+
lineHeight: "1.57"
|
|
126
|
+
},
|
|
127
|
+
".textStyle_caption1": {
|
|
128
|
+
fontSize: "12px",
|
|
129
|
+
fontWeight: "600",
|
|
130
|
+
letterSpacing: "-0.01em",
|
|
131
|
+
lineHeight: "1.67"
|
|
132
|
+
},
|
|
133
|
+
".textStyle_caption2": {
|
|
134
|
+
fontSize: "12px",
|
|
135
|
+
fontWeight: "500",
|
|
136
|
+
letterSpacing: "-0.01em",
|
|
137
|
+
lineHeight: "1.5"
|
|
138
|
+
},
|
|
139
|
+
".textStyle_caption3": {
|
|
140
|
+
fontSize: "12px",
|
|
141
|
+
fontWeight: "400",
|
|
142
|
+
letterSpacing: "-0.01em",
|
|
143
|
+
lineHeight: "1.5"
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
}, {
|
|
147
|
+
theme: {
|
|
148
|
+
extend: {
|
|
149
|
+
colors: l
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
export {
|
|
154
|
+
a as default
|
|
155
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moyeorak/design-system",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "React UI component library for moyeorak project",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "meteorqz6",
|
|
@@ -31,6 +31,16 @@
|
|
|
31
31
|
"default": "./dist/index.js"
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
|
+
"./tailwind-plugin": {
|
|
35
|
+
"import": {
|
|
36
|
+
"types": "./dist/tailwind-plugin.d.ts",
|
|
37
|
+
"default": "./dist/tailwind-plugin.mjs"
|
|
38
|
+
},
|
|
39
|
+
"require": {
|
|
40
|
+
"types": "./dist/tailwind-plugin.d.ts",
|
|
41
|
+
"default": "./dist/tailwind-plugin.js"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
34
44
|
"./dist/style.css": "./dist/style.css"
|
|
35
45
|
},
|
|
36
46
|
"scripts": {
|
|
@@ -49,7 +59,13 @@
|
|
|
49
59
|
},
|
|
50
60
|
"peerDependencies": {
|
|
51
61
|
"react": "^18.0.0 || ^19.0.0",
|
|
52
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
62
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
63
|
+
"tailwindcss": ">=3.0.0"
|
|
64
|
+
},
|
|
65
|
+
"peerDependenciesMeta": {
|
|
66
|
+
"tailwindcss": {
|
|
67
|
+
"optional": true
|
|
68
|
+
}
|
|
53
69
|
},
|
|
54
70
|
"dependencies": {
|
|
55
71
|
"@radix-ui/react-dialog": "^1.1.4",
|
|
@@ -57,10 +73,11 @@
|
|
|
57
73
|
},
|
|
58
74
|
"devDependencies": {
|
|
59
75
|
"@pandacss/dev": "^0.53.0",
|
|
60
|
-
"
|
|
61
|
-
"@storybook/addon-
|
|
76
|
+
"pretendard": "^1.3.9",
|
|
77
|
+
"@storybook/addon-a11y": "^8.6.18",
|
|
78
|
+
"@storybook/addon-essentials": "^8.6.18",
|
|
62
79
|
"@storybook/react": "^8.6.18",
|
|
63
|
-
"@storybook/react-vite": "^8.6.
|
|
80
|
+
"@storybook/react-vite": "^8.6.18",
|
|
64
81
|
"@testing-library/jest-dom": "^6.6.0",
|
|
65
82
|
"@testing-library/react": "^16.0.0",
|
|
66
83
|
"@testing-library/user-event": "^14.5.0",
|
|
@@ -72,7 +89,8 @@
|
|
|
72
89
|
"jsdom": "^26.0.0",
|
|
73
90
|
"postcss": "^8.5.0",
|
|
74
91
|
"prettier": "^3.4.0",
|
|
75
|
-
"storybook": "^8.6.
|
|
92
|
+
"storybook": "^8.6.18",
|
|
93
|
+
"tailwindcss": "^4.3.1",
|
|
76
94
|
"typescript": "^5.7.0",
|
|
77
95
|
"vite": "^6.0.0",
|
|
78
96
|
"vite-plugin-dts": "^4.3.0",
|