@likelion-design/ui 0.1.6 → 0.1.8
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 +26 -20
- package/dist/Button.d.mts +63 -0
- package/dist/Button.d.ts +63 -0
- package/dist/Button.js +2 -0
- package/dist/Button.js.map +1 -0
- package/dist/Button.mjs +2 -0
- package/dist/Button.mjs.map +1 -0
- package/dist/Header.d.mts +14 -0
- package/dist/Header.d.ts +14 -0
- package/dist/Header.js +2 -0
- package/dist/Header.js.map +1 -0
- package/dist/Header.mjs +2 -0
- package/dist/Header.mjs.map +1 -0
- package/dist/Page.d.mts +5 -0
- package/dist/Page.d.ts +5 -0
- package/dist/Page.js +2 -0
- package/dist/Page.js.map +1 -0
- package/dist/Page.mjs +2 -0
- package/dist/Page.mjs.map +1 -0
- package/dist/chunk-HI5DDIGM.mjs +2 -0
- package/dist/chunk-HI5DDIGM.mjs.map +1 -0
- package/dist/chunk-LRXJPSTV.mjs +2 -0
- package/dist/chunk-LRXJPSTV.mjs.map +1 -0
- package/dist/chunk-RYQQG4LH.mjs +2 -0
- package/dist/chunk-RYQQG4LH.mjs.map +1 -0
- package/dist/chunk-SV46H7N2.mjs +2 -0
- package/dist/chunk-SV46H7N2.mjs.map +1 -0
- package/dist/index.css +1 -698
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +5 -76
- package/dist/index.d.ts +5 -76
- package/dist/index.js +1 -393
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -355
- package/dist/index.mjs.map +1 -1
- package/dist/tailwind-preset.d.mts +5 -0
- package/dist/tailwind-preset.d.ts +5 -0
- package/dist/tailwind-preset.js +2 -0
- package/dist/tailwind-preset.js.map +1 -0
- package/dist/tailwind-preset.mjs +2 -0
- package/dist/tailwind-preset.mjs.map +1 -0
- package/package.json +22 -11
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:root {\n --background: #ffffff;\n --foreground: #171717;\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --font-sans: var(--font-geist-sans);\n --font-mono: var(--font-geist-mono);\n --color-static-white: #ffffff;\n --color-static-black: #000000;\n --color-static-gradation-primary: linear-gradient(\n 180deg,\n #ffc74e 0%,\n var(--color-primary-500) 100%\n );\n --color-static-gradation-dark: radial-gradient(\n circle,\n #191f28 0%,\n #993a00 100%\n );\n --color-static-gradation-black: linear-gradient(\n 180deg,\n var(--color-static-black) 0%,\n var(--color-static-black) 100%\n );\n --color-static-gradation-white: linear-gradient(\n 180deg,\n var(--color-static-white) 0%,\n var(--color-static-white) 100%\n );\n --color-static-dim: rgba(0, 0, 0, 0.5);\n --color-primary-50: #ffefe5;\n --color-primary-100: #ffdfcc;\n --color-primary-200: #ffbf99;\n --color-primary-300: #ffa066;\n --color-primary-400: #ff8033;\n --color-primary-500: #ff6000;\n --color-primary-600: #cc4d00;\n --color-primary-700: #993a00;\n --color-primary-800: #662600;\n --color-primary-900: #4d1d00;\n --color-gray-50: #f9fafb;\n --color-gray-100: #f3f4f6;\n --color-gray-200: #e5e7ea;\n --color-gray-300: #d1d6dc;\n --color-gray-400: #b1b8c0;\n --color-gray-500: #8a95a0;\n --color-gray-600: #6b7583;\n --color-gray-700: #4e5967;\n --color-gray-800: #333d4b;\n --color-gray-850: #262f3c;\n --color-gray-900: #191f28;\n --color-yellow-50: #fef7cd;\n --color-yellow-100: #feee9a;\n --color-yellow-200: #fde876;\n --color-yellow-300: #fdd600;\n --color-yellow-400: #efc100;\n --color-yellow-500: #be9b00;\n --color-yellow-600: #8c7300;\n --color-yellow-700: #735f00;\n --color-yellow-800: #574a00;\n --color-yellow-900: #3c3200;\n --color-lightgreen-50: #e9f7d4;\n --color-lightgreen-100: #d7f2b1;\n --color-lightgreen-200: #c7ec93;\n --color-lightgreen-300: #b0d55c;\n --color-lightgreen-400: #89c81b;\n --color-lightgreen-500: #79b116;\n --color-lightgreen-600: #4a7f05;\n --color-lightgreen-700: #2d660a;\n --color-lightgreen-800: #144d14;\n --color-lightgreen-900: #0a3c02;\n --color-green-50: #d3f8ef;\n --color-green-100: #c4f8eb;\n --color-green-200: #b4edde;\n --color-green-300: #7eddcd;\n --color-green-400: #4fc8b8;\n --color-green-500: #0da796;\n --color-green-600: #05806d;\n --color-green-700: #006d5d;\n --color-green-800: #005448;\n --color-green-900: #003c32;\n --color-blue-50: #dbf1ff;\n --color-blue-100: #ccebff;\n --color-blue-200: #c0e6ff;\n --color-blue-300: #80c6fb;\n --color-blue-400: #6daae7;\n --color-blue-500: #3d94ff;\n --color-blue-600: #2077e5;\n --color-blue-700: #045ca9;\n --color-blue-800: #004875;\n --color-blue-900: #1d3649;\n --color-purple-50: #f5e5ff;\n --color-purple-100: #f0d6ff;\n --color-purple-200: #eac7ff;\n --color-purple-300: #d7aaff;\n --color-purple-400: #ba8ff7;\n --color-purple-500: #af79dd;\n --color-purple-600: #9855d4;\n --color-purple-700: #734098;\n --color-purple-800: #5d327b;\n --color-purple-900: #412356;\n --color-pink-50: #ffe5ff;\n --color-pink-100: #ffd2ff;\n --color-pink-200: #ffc2ff;\n --color-pink-300: #ff9eee;\n --color-pink-400: #ef81ce;\n --color-pink-500: #d3689f;\n --color-pink-600: #c14180;\n --color-pink-700: #a02c6d;\n --color-pink-800: #7c1c58;\n --color-pink-900: #601146;\n --color-red-50: #ffe5ec;\n --color-red-100: #ffccd8;\n --color-red-200: #ffb8c9;\n --color-red-300: #ffa5b4;\n --color-red-400: #f7858e;\n --color-red-500: #ea6565;\n --color-red-600: #e12337;\n --color-red-700: #ad1625;\n --color-red-800: #8c101c;\n --color-red-900: #6e0a1e;\n --color-semantic-fg-primary: var(--color-primary-500);\n --color-semantic-fg-pressed: var(--color-primary-600);\n --color-semantic-fg-inverted: var(--color-static-white);\n --color-semantic-fg-strong: var(--color-static-black);\n --color-semantic-fg-normal: var(--color-gray-800);\n --color-semantic-fg-neutral: var(--color-gray-700);\n --color-semantic-fg-alternative: var(--color-gray-600);\n --color-semantic-fg-assistive: var(--color-gray-500);\n --color-semantic-fg-disabled: var(--color-gray-400);\n --color-semantic-fg-yellow: var(--color-yellow-500);\n --color-semantic-fg-lightgreen: var(--color-lightgreen-500);\n --color-semantic-fg-green: var(--color-green-500);\n --color-semantic-fg-blue: var(--color-blue-500);\n --color-semantic-fg-purple: var(--color-purple-500);\n --color-semantic-fg-pink: var(--color-pink-500);\n --color-semantic-fg-red: var(--color-red-500);\n --color-semantic-fg-black: var(--color-static-black);\n --color-semantic-fg-white: var(--color-static-white);\n --color-semantic-bg-normal: var(--color-gray-100);\n --color-semantic-bg-normal-hovered: var(--color-gray-50);\n --color-semantic-bg-normal-alternative: var(--color-gray-200);\n --color-semantic-bg-normal-assistive: var(--color-gray-50);\n --color-semantic-bg-normal-disabled: var(--color-gray-100);\n --color-semantic-bg-inverted: var(--color-gray-900);\n --color-semantic-bg-hovered: var(--color-gray-850);\n --color-semantic-bg-primary: var(--color-primary-500);\n --color-semantic-bg-primary-hovered: var(--color-primary-600);\n --color-semantic-bg-primary-weak: var(--color-primary-50);\n --color-semantic-bg-lightgreen: var(--color-lightgreen-50);\n --color-semantic-bg-yellow: var(--color-yellow-50);\n --color-semantic-bg-green: var(--color-green-50);\n --color-semantic-bg-blue: var(--color-blue-50);\n --color-semantic-bg-purple: var(--color-purple-50);\n --color-semantic-bg-pink: var(--color-pink-50);\n --color-semantic-bg-red: var(--color-red-50);\n --color-semantic-bg-black: var(--color-static-black);\n --color-semantic-bg-white: var(--color-static-white);\n --color-semantic-bg-week-primary: rgba(255, 96, 0, 0.08);\n --color-semantic-bg-week-primary-hovered: rgba(255, 96, 0, 0.16);\n --color-semantic-bg-week-neutral-dark: rgba(0, 0, 0, 0.08);\n --color-semantic-bg-week-neutral-dark-hovered: rgba(0, 0, 0, 0.16);\n --color-semantic-bg-week-neutral-light: rgba(255, 255, 255, 0.08);\n --color-semantic-bg-week-neutral-light-hovered: rgba(255, 255, 255, 0.16);\n --color-semantic-border-primary: var(--color-primary-500);\n --color-semantic-border-strong: var(--color-gray-800);\n --color-semantic-border-normal: var(--color-gray-300);\n --color-semantic-border-weak: var(--color-gray-200);\n --color-semantic-border-white: var(--color-static-white);\n --color-semantic-border-black: var(--color-static-black);\n --color-semantic-border-inverted: var(--color-gray-700);\n --color-semantic-border-inverted-strong: var(--color-gray-600);\n --color-semantic-info-negative: var(--color-red-600);\n --color-semantic-info-positive: var(--color-green-500);\n --color-semantic-info-black: var(--color-static-black);\n --color-semantic-info-white: var(--color-static-white);\n}\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n.storybook-button {\n display: inline-block;\n cursor: pointer;\n border: 0;\n border-radius: 3em;\n font-weight: 700;\n line-height: 1;\n font-family: \"Nunito Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n background-color: #555ab9;\n color: white;\n}\n.storybook-button--secondary {\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n background-color: transparent;\n color: #333;\n}\n.storybook-button--small {\n padding: 10px 16px;\n font-size: 12px;\n}\n.storybook-button--medium {\n padding: 11px 20px;\n font-size: 14px;\n}\n.storybook-button--large {\n padding: 12px 24px;\n font-size: 16px;\n}\n.action-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: \"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n font-weight: 600;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n min-width: fit-content;\n white-space: nowrap;\n}\n.action-button--xlarge {\n height: 56px;\n padding: 0 24px;\n font-size: 17px;\n min-width: 34px;\n}\n.action-button--large {\n height: 48px;\n padding: 0 24px;\n font-size: 17px;\n min-width: 34px;\n}\n.action-button--medium {\n height: 36px;\n padding: 0 20px;\n font-size: 15px;\n min-width: 34px;\n}\n.action-button--small {\n height: 28px;\n padding: 0 16px;\n font-size: 13px;\n min-width: 30px;\n}\n.action-button--primary.action-button--solid {\n background-color: var(--color-semantic-bg-primary);\n color: var(--color-semantic-fg-inverted);\n}\n.action-button--primary.action-button--solid:hover:not(:disabled), .action-button--primary.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-primary-hovered);\n}\n.action-button--primary.action-button--solid:disabled, .action-button--primary.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--primary.action-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.action-button--primary.action-button--outline:hover:not(:disabled), .action-button--primary.action-button--outline.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--primary.action-button--outline:disabled, .action-button--primary.action-button--outline.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--primary.action-button--ghost {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n}\n.action-button--primary.action-button--ghost:hover:not(:disabled), .action-button--primary.action-button--ghost.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-primary-weak);\n}\n.action-button--primary.action-button--ghost:disabled, .action-button--primary.action-button--ghost.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--solid {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.action-button--neutral.action-button--solid:hover:not(:disabled), .action-button--neutral.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-inverted);\n}\n.action-button--neutral.action-button--solid:disabled, .action-button--neutral.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.action-button--neutral.action-button--outline:hover:not(:disabled), .action-button--neutral.action-button--outline.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--neutral.action-button--outline:disabled, .action-button--neutral.action-button--outline.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--ghost {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n}\n.action-button--neutral.action-button--ghost:hover:not(:disabled), .action-button--neutral.action-button--ghost.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--neutral.action-button--ghost:disabled, .action-button--neutral.action-button--ghost.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--secondary.action-button--solid {\n background-color: var(--color-semantic-bg-normal);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--secondary.action-button--solid:hover:not(:disabled), .action-button--secondary.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--secondary.action-button--solid:disabled, .action-button--secondary.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--loading {\n position: relative;\n pointer-events: none;\n}\n.action-button--loading .action-button__content {\n opacity: 0;\n}\n.action-button__content {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.action-button__spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.action-button__spinner-svg {\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n}\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.action-button__spinner-circle {\n opacity: 1;\n}\n.action-button--primary.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-primary-hovered);\n color: var(--color-semantic-fg-inverted);\n}\n.action-button--primary.action-button--outline.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-primary);\n}\n.action-button--primary.action-button--ghost.action-button--loading {\n background-color: var(--color-semantic-bg-primary-weak);\n color: var(--color-semantic-fg-primary);\n}\n.action-button--neutral.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.action-button--neutral.action-button--outline.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--neutral.action-button--ghost.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--secondary.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button__prefix-icon, .action-button__suffix-icon {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n}\n.action-button--small .action-button__prefix-icon, .action-button--small .action-button__suffix-icon {\n width: 16px;\n height: 16px;\n}\n.action-button--medium .action-button__prefix-icon, .action-button--medium .action-button__suffix-icon {\n width: 18px;\n height: 18px;\n}\n.action-button--large .action-button__prefix-icon, .action-button--large .action-button__suffix-icon {\n width: 20px;\n height: 20px;\n}\n.action-button--xlarge .action-button__prefix-icon, .action-button--xlarge .action-button__suffix-icon {\n width: 24px;\n height: 24px;\n}\n.action-button__label {\n display: inline-flex;\n align-items: center;\n}\n.icon-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: \"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n padding: 0;\n flex-shrink: 0;\n}\n.icon-button--xlarge {\n width: 56px;\n height: 56px;\n border-radius: 8px;\n}\n.icon-button--large {\n width: 48px;\n height: 48px;\n border-radius: 6px;\n}\n.icon-button--medium {\n width: 36px;\n height: 36px;\n border-radius: 4px;\n}\n.icon-button--small {\n width: 28px;\n height: 28px;\n border-radius: 4px;\n}\n.icon-button__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n.icon-button--xlarge .icon-button__icon, .icon-button--large .icon-button__icon {\n width: 24px;\n height: 24px;\n}\n.icon-button--medium .icon-button__icon {\n width: 20px;\n height: 20px;\n}\n.icon-button--small .icon-button__icon {\n width: 16px;\n height: 16px;\n}\n.icon-button--primary.icon-button--solid {\n background-color: var(--color-semantic-bg-primary);\n color: var(--color-semantic-fg-inverted);\n}\n.icon-button--primary.icon-button--solid:hover:not(:disabled), .icon-button--primary.icon-button--solid.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-primary-hovered);\n}\n.icon-button--primary.icon-button--solid:disabled, .icon-button--primary.icon-button--solid.icon-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.icon-button--primary.icon-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.icon-button--primary.icon-button--outline:hover:not(:disabled), .icon-button--primary.icon-button--outline.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.icon-button--primary.icon-button--outline:disabled, .icon-button--primary.icon-button--outline.icon-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.icon-button--primary.icon-button--weak {\n background-color: var(--color-semantic-bg-week-primary);\n color: var(--color-semantic-fg-primary);\n}\n.icon-button--primary.icon-button--weak:hover:not(:disabled), .icon-button--primary.icon-button--weak.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-week-primary-hovered);\n}\n.icon-button--neutral.icon-button--solid {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.icon-button--neutral.icon-button--solid:hover:not(:disabled), .icon-button--neutral.icon-button--solid.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-inverted);\n}\n.icon-button--neutral.icon-button--solid:disabled, .icon-button--neutral.icon-button--solid.icon-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.icon-button--neutral.icon-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.icon-button--neutral.icon-button--outline:hover:not(:disabled), .icon-button--neutral.icon-button--outline.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.icon-button--neutral.icon-button--outline:disabled, .icon-button--neutral.icon-button--outline.icon-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.icon-button--neutral.icon-button--weak {\n background-color: var(--color-semantic-bg-week-neutral-dark);\n color: var(--color-semantic-fg-normal);\n}\n.icon-button--neutral.icon-button--weak:hover:not(:disabled), .icon-button--neutral.icon-button--weak.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-week-neutral-dark-hovered);\n}\n.icon-button--neutral.icon-button--weak.dark {\n color: var(--color-semantic-fg-white);\n}\n.icon-button--neutral.icon-button--weak.dark:hover:not(:disabled), .icon-button--neutral.icon-button--weak.dark.icon-button--hovered:not( :disabled ) {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.storybook-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n padding: 15px 20px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-header svg {\n display: inline-block;\n vertical-align: top;\n}\n.storybook-header h1 {\n display: inline-block;\n vertical-align: top;\n margin: 6px 0 6px 10px;\n font-weight: 700;\n font-size: 20px;\n line-height: 1;\n}\n.storybook-header button + button {\n margin-left: 10px;\n}\n.storybook-header .welcome {\n margin-right: 10px;\n color: #333;\n font-size: 14px;\n}\n.storybook-page {\n margin: 0 auto;\n padding: 48px 20px;\n max-width: 600px;\n color: #333;\n font-size: 14px;\n line-height: 24px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-page h2 {\n display: inline-block;\n vertical-align: top;\n margin: 0 0 4px;\n font-weight: 700;\n font-size: 32px;\n line-height: 1;\n}\n.storybook-page p {\n margin: 1em 0;\n}\n.storybook-page a {\n color: inherit;\n}\n.storybook-page ul {\n margin: 1em 0;\n padding-left: 30px;\n}\n.storybook-page li {\n margin-bottom: 8px;\n}\n.storybook-page .tip {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n border-radius: 1em;\n background: #e7fdd8;\n padding: 4px 12px;\n color: #357a14;\n font-weight: 700;\n font-size: 11px;\n line-height: 12px;\n}\n.storybook-page .tip-wrapper {\n margin-top: 40px;\n margin-bottom: 40px;\n font-size: 13px;\n line-height: 20px;\n}\n.storybook-page .tip-wrapper svg {\n display: inline-block;\n vertical-align: top;\n margin-top: 3px;\n margin-right: 4px;\n width: 12px;\n height: 12px;\n}\n.storybook-page .tip-wrapper svg path {\n fill: #1ea7fd;\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n:root {\n --background: #ffffff;\n --foreground: #171717;\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --font-sans: var(--font-geist-sans);\n --font-mono: var(--font-geist-mono);\n --color-static-white: #ffffff;\n --color-static-black: #000000;\n --color-static-gradation-primary: linear-gradient(\n 180deg,\n #ffc74e 0%,\n var(--color-primary-500) 100%\n );\n --color-static-gradation-dark: radial-gradient(\n circle,\n #191f28 0%,\n #993a00 100%\n );\n --color-static-gradation-black: linear-gradient(\n 180deg,\n var(--color-static-black) 0%,\n var(--color-static-black) 100%\n );\n --color-static-gradation-white: linear-gradient(\n 180deg,\n var(--color-static-white) 0%,\n var(--color-static-white) 100%\n );\n --color-static-dim: rgba(0, 0, 0, 0.5);\n --color-primary-50: #ffefe5;\n --color-primary-100: #ffdfcc;\n --color-primary-200: #ffbf99;\n --color-primary-300: #ffa066;\n --color-primary-400: #ff8033;\n --color-primary-500: #ff6000;\n --color-primary-600: #cc4d00;\n --color-primary-700: #993a00;\n --color-primary-800: #662600;\n --color-primary-900: #4d1d00;\n --color-gray-50: #f9fafb;\n --color-gray-100: #f3f4f6;\n --color-gray-200: #e5e7ea;\n --color-gray-300: #d1d6dc;\n --color-gray-400: #b1b8c0;\n --color-gray-500: #8a95a0;\n --color-gray-600: #6b7583;\n --color-gray-700: #4e5967;\n --color-gray-800: #333d4b;\n --color-gray-850: #262f3c;\n --color-gray-900: #191f28;\n --color-yellow-50: #fef7cd;\n --color-yellow-100: #feee9a;\n --color-yellow-200: #fde876;\n --color-yellow-300: #fdd600;\n --color-yellow-400: #efc100;\n --color-yellow-500: #be9b00;\n --color-yellow-600: #8c7300;\n --color-yellow-700: #735f00;\n --color-yellow-800: #574a00;\n --color-yellow-900: #3c3200;\n --color-lightgreen-50: #e9f7d4;\n --color-lightgreen-100: #d7f2b1;\n --color-lightgreen-200: #c7ec93;\n --color-lightgreen-300: #b0d55c;\n --color-lightgreen-400: #89c81b;\n --color-lightgreen-500: #79b116;\n --color-lightgreen-600: #4a7f05;\n --color-lightgreen-700: #2d660a;\n --color-lightgreen-800: #144d14;\n --color-lightgreen-900: #0a3c02;\n --color-green-50: #d3f8ef;\n --color-green-100: #c4f8eb;\n --color-green-200: #b4edde;\n --color-green-300: #7eddcd;\n --color-green-400: #4fc8b8;\n --color-green-500: #0da796;\n --color-green-600: #05806d;\n --color-green-700: #006d5d;\n --color-green-800: #005448;\n --color-green-900: #003c32;\n --color-blue-50: #dbf1ff;\n --color-blue-100: #ccebff;\n --color-blue-200: #c0e6ff;\n --color-blue-300: #80c6fb;\n --color-blue-400: #6daae7;\n --color-blue-500: #3d94ff;\n --color-blue-600: #2077e5;\n --color-blue-700: #045ca9;\n --color-blue-800: #004875;\n --color-blue-900: #1d3649;\n --color-purple-50: #f5e5ff;\n --color-purple-100: #f0d6ff;\n --color-purple-200: #eac7ff;\n --color-purple-300: #d7aaff;\n --color-purple-400: #ba8ff7;\n --color-purple-500: #af79dd;\n --color-purple-600: #9855d4;\n --color-purple-700: #734098;\n --color-purple-800: #5d327b;\n --color-purple-900: #412356;\n --color-pink-50: #ffe5ff;\n --color-pink-100: #ffd2ff;\n --color-pink-200: #ffc2ff;\n --color-pink-300: #ff9eee;\n --color-pink-400: #ef81ce;\n --color-pink-500: #d3689f;\n --color-pink-600: #c14180;\n --color-pink-700: #a02c6d;\n --color-pink-800: #7c1c58;\n --color-pink-900: #601146;\n --color-red-50: #ffe5ec;\n --color-red-100: #ffccd8;\n --color-red-200: #ffb8c9;\n --color-red-300: #ffa5b4;\n --color-red-400: #f7858e;\n --color-red-500: #ea6565;\n --color-red-600: #e12337;\n --color-red-700: #ad1625;\n --color-red-800: #8c101c;\n --color-red-900: #6e0a1e;\n --color-semantic-fg-primary: var(--color-primary-500);\n --color-semantic-fg-pressed: var(--color-primary-600);\n --color-semantic-fg-inverted: var(--color-static-white);\n --color-semantic-fg-strong: var(--color-static-black);\n --color-semantic-fg-normal: var(--color-gray-800);\n --color-semantic-fg-neutral: var(--color-gray-700);\n --color-semantic-fg-alternative: var(--color-gray-600);\n --color-semantic-fg-assistive: var(--color-gray-500);\n --color-semantic-fg-disabled: var(--color-gray-400);\n --color-semantic-fg-yellow: var(--color-yellow-500);\n --color-semantic-fg-lightgreen: var(--color-lightgreen-500);\n --color-semantic-fg-green: var(--color-green-500);\n --color-semantic-fg-blue: var(--color-blue-500);\n --color-semantic-fg-purple: var(--color-purple-500);\n --color-semantic-fg-pink: var(--color-pink-500);\n --color-semantic-fg-red: var(--color-red-500);\n --color-semantic-fg-black: var(--color-static-black);\n --color-semantic-fg-white: var(--color-static-white);\n --color-semantic-bg-normal: var(--color-gray-100);\n --color-semantic-bg-normal-hovered: var(--color-gray-50);\n --color-semantic-bg-normal-alternative: var(--color-gray-200);\n --color-semantic-bg-normal-assistive: var(--color-gray-50);\n --color-semantic-bg-normal-disabled: var(--color-gray-100);\n --color-semantic-bg-inverted: var(--color-gray-900);\n --color-semantic-bg-hovered: var(--color-gray-850);\n --color-semantic-bg-primary: var(--color-primary-500);\n --color-semantic-bg-primary-hovered: var(--color-primary-600);\n --color-semantic-bg-primary-weak: var(--color-primary-50);\n --color-semantic-bg-lightgreen: var(--color-lightgreen-50);\n --color-semantic-bg-yellow: var(--color-yellow-50);\n --color-semantic-bg-green: var(--color-green-50);\n --color-semantic-bg-blue: var(--color-blue-50);\n --color-semantic-bg-purple: var(--color-purple-50);\n --color-semantic-bg-pink: var(--color-pink-50);\n --color-semantic-bg-red: var(--color-red-50);\n --color-semantic-bg-black: var(--color-static-black);\n --color-semantic-bg-white: var(--color-static-white);\n --color-semantic-bg-week-primary: rgba(255, 96, 0, 0.08);\n --color-semantic-bg-week-primary-hovered: rgba(255, 96, 0, 0.16);\n --color-semantic-bg-week-neutral-dark: rgba(0, 0, 0, 0.08);\n --color-semantic-bg-week-neutral-dark-hovered: rgba(0, 0, 0, 0.16);\n --color-semantic-bg-week-neutral-light: rgba(255, 255, 255, 0.08);\n --color-semantic-bg-week-neutral-light-hovered: rgba(255, 255, 255, 0.16);\n --color-semantic-border-primary: var(--color-primary-500);\n --color-semantic-border-strong: var(--color-gray-800);\n --color-semantic-border-normal: var(--color-gray-300);\n --color-semantic-border-weak: var(--color-gray-200);\n --color-semantic-border-white: var(--color-static-white);\n --color-semantic-border-black: var(--color-static-black);\n --color-semantic-border-inverted: var(--color-gray-700);\n --color-semantic-border-inverted-strong: var(--color-gray-600);\n --color-semantic-info-negative: var(--color-red-600);\n --color-semantic-info-positive: var(--color-green-500);\n --color-semantic-info-black: var(--color-static-black);\n --color-semantic-info-white: var(--color-static-white);\n}\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n.storybook-button {\n display: inline-block;\n cursor: pointer;\n border: 0;\n border-radius: 3em;\n font-weight: 700;\n line-height: 1;\n font-family: \"Nunito Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n.storybook-button--primary {\n background-color: #555ab9;\n color: white;\n}\n.storybook-button--secondary {\n box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n background-color: transparent;\n color: #333;\n}\n.storybook-button--small {\n padding: 10px 16px;\n font-size: 12px;\n}\n.storybook-button--medium {\n padding: 11px 20px;\n font-size: 14px;\n}\n.storybook-button--large {\n padding: 12px 24px;\n font-size: 16px;\n}\n.action-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-family: \"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n font-weight: 600;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n min-width: fit-content;\n white-space: nowrap;\n}\n.action-button--xlarge {\n height: 56px;\n padding: 0 24px;\n font-size: 17px;\n min-width: 34px;\n}\n.action-button--large {\n height: 48px;\n padding: 0 24px;\n font-size: 17px;\n min-width: 34px;\n}\n.action-button--medium {\n height: 36px;\n padding: 0 20px;\n font-size: 15px;\n min-width: 34px;\n}\n.action-button--small {\n height: 28px;\n padding: 0 16px;\n font-size: 13px;\n min-width: 30px;\n}\n.action-button--primary.action-button--solid {\n background-color: var(--color-semantic-bg-primary);\n color: var(--color-semantic-fg-inverted);\n}\n.action-button--primary.action-button--solid:hover:not(:disabled), .action-button--primary.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-primary-hovered);\n}\n.action-button--primary.action-button--solid:disabled, .action-button--primary.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--primary.action-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.action-button--primary.action-button--outline:hover:not(:disabled), .action-button--primary.action-button--outline.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--primary.action-button--outline:disabled, .action-button--primary.action-button--outline.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--primary.action-button--ghost {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n}\n.action-button--primary.action-button--ghost:hover:not(:disabled), .action-button--primary.action-button--ghost.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-primary-weak);\n}\n.action-button--primary.action-button--ghost:disabled, .action-button--primary.action-button--ghost.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--solid {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.action-button--neutral.action-button--solid:hover:not(:disabled), .action-button--neutral.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-inverted);\n}\n.action-button--neutral.action-button--solid:disabled, .action-button--neutral.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.action-button--neutral.action-button--outline:hover:not(:disabled), .action-button--neutral.action-button--outline.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--neutral.action-button--outline:disabled, .action-button--neutral.action-button--outline.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.action-button--neutral.action-button--ghost {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n}\n.action-button--neutral.action-button--ghost:hover:not(:disabled), .action-button--neutral.action-button--ghost.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--neutral.action-button--ghost:disabled, .action-button--neutral.action-button--ghost.action-button--disabled {\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--secondary.action-button--solid {\n background-color: var(--color-semantic-bg-normal);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--secondary.action-button--solid:hover:not(:disabled), .action-button--secondary.action-button--solid.action-button--hovered:not( :disabled ) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.action-button--secondary.action-button--solid:disabled, .action-button--secondary.action-button--solid.action-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.action-button--loading {\n position: relative;\n pointer-events: none;\n}\n.action-button--loading .action-button__content {\n opacity: 0;\n}\n.action-button__content {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.action-button__spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.action-button__spinner-svg {\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n}\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.action-button__spinner-circle {\n opacity: 1;\n}\n.action-button--primary.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-primary-hovered);\n color: var(--color-semantic-fg-inverted);\n}\n.action-button--primary.action-button--outline.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-primary);\n}\n.action-button--primary.action-button--ghost.action-button--loading {\n background-color: var(--color-semantic-bg-primary-weak);\n color: var(--color-semantic-fg-primary);\n}\n.action-button--neutral.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.action-button--neutral.action-button--outline.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--neutral.action-button--ghost.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button--secondary.action-button--solid.action-button--loading {\n background-color: var(--color-semantic-bg-normal-hovered);\n color: var(--color-semantic-fg-normal);\n}\n.action-button__prefix-icon, .action-button__suffix-icon {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n}\n.action-button--small .action-button__prefix-icon, .action-button--small .action-button__suffix-icon {\n width: 16px;\n height: 16px;\n}\n.action-button--medium .action-button__prefix-icon, .action-button--medium .action-button__suffix-icon {\n width: 18px;\n height: 18px;\n}\n.action-button--large .action-button__prefix-icon, .action-button--large .action-button__suffix-icon {\n width: 20px;\n height: 20px;\n}\n.action-button--xlarge .action-button__prefix-icon, .action-button--xlarge .action-button__suffix-icon {\n width: 24px;\n height: 24px;\n}\n.action-button__label {\n display: inline-flex;\n align-items: center;\n}\n.icon-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: \"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n padding: 0;\n flex-shrink: 0;\n}\n.icon-button--xlarge {\n width: 56px;\n height: 56px;\n border-radius: 8px;\n}\n.icon-button--large {\n width: 48px;\n height: 48px;\n border-radius: 6px;\n}\n.icon-button--medium {\n width: 36px;\n height: 36px;\n border-radius: 4px;\n}\n.icon-button--small {\n width: 28px;\n height: 28px;\n border-radius: 4px;\n}\n.icon-button__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n.icon-button--xlarge .icon-button__icon, .icon-button--large .icon-button__icon {\n width: 24px;\n height: 24px;\n}\n.icon-button--medium .icon-button__icon {\n width: 20px;\n height: 20px;\n}\n.icon-button--small .icon-button__icon {\n width: 16px;\n height: 16px;\n}\n.icon-button--primary.icon-button--solid {\n background-color: var(--color-semantic-bg-primary);\n color: var(--color-semantic-fg-inverted);\n}\n.icon-button--primary.icon-button--solid:hover:not(:disabled), .icon-button--primary.icon-button--solid.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-primary-hovered);\n}\n.icon-button--primary.icon-button--solid:disabled, .icon-button--primary.icon-button--solid.icon-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.icon-button--primary.icon-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-primary);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.icon-button--primary.icon-button--outline:hover:not(:disabled), .icon-button--primary.icon-button--outline.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.icon-button--primary.icon-button--outline:disabled, .icon-button--primary.icon-button--outline.icon-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.icon-button--primary.icon-button--weak {\n background-color: var(--color-semantic-bg-week-primary);\n color: var(--color-semantic-fg-primary);\n}\n.icon-button--primary.icon-button--weak:hover:not(:disabled), .icon-button--primary.icon-button--weak.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-week-primary-hovered);\n}\n.icon-button--neutral.icon-button--solid {\n background-color: var(--color-semantic-bg-inverted);\n color: var(--color-semantic-fg-white);\n}\n.icon-button--neutral.icon-button--solid:hover:not(:disabled), .icon-button--neutral.icon-button--solid.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-inverted);\n}\n.icon-button--neutral.icon-button--solid:disabled, .icon-button--neutral.icon-button--solid.icon-button--disabled {\n background-color: var(--color-semantic-bg-normal-disabled);\n color: var(--color-semantic-fg-disabled);\n cursor: not-allowed;\n}\n.icon-button--neutral.icon-button--outline {\n background-color: transparent;\n color: var(--color-semantic-fg-normal);\n border: 1px solid var(--color-semantic-border-normal);\n}\n.icon-button--neutral.icon-button--outline:hover:not(:disabled), .icon-button--neutral.icon-button--outline.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-normal-hovered);\n}\n.icon-button--neutral.icon-button--outline:disabled, .icon-button--neutral.icon-button--outline.icon-button--disabled {\n color: var(--color-semantic-fg-disabled);\n border-color: var(--color-semantic-border-weak);\n background-color: var(--color-semantic-bg-white);\n cursor: not-allowed;\n}\n.icon-button--neutral.icon-button--weak {\n background-color: var(--color-semantic-bg-week-neutral-dark);\n color: var(--color-semantic-fg-normal);\n}\n.icon-button--neutral.icon-button--weak:hover:not(:disabled), .icon-button--neutral.icon-button--weak.icon-button--hovered:not(:disabled) {\n background-color: var(--color-semantic-bg-week-neutral-dark-hovered);\n}\n.icon-button--neutral.icon-button--weak.dark {\n color: var(--color-semantic-fg-white);\n}\n.icon-button--neutral.icon-button--weak.dark:hover:not(:disabled), .icon-button--neutral.icon-button--weak.dark.icon-button--hovered:not( :disabled ) {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.storybook-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n padding: 15px 20px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-header svg {\n display: inline-block;\n vertical-align: top;\n}\n.storybook-header h1 {\n display: inline-block;\n vertical-align: top;\n margin: 6px 0 6px 10px;\n font-weight: 700;\n font-size: 20px;\n line-height: 1;\n}\n.storybook-header button + button {\n margin-left: 10px;\n}\n.storybook-header .welcome {\n margin-right: 10px;\n color: #333;\n font-size: 14px;\n}\n.storybook-page {\n margin: 0 auto;\n padding: 48px 20px;\n max-width: 600px;\n color: #333;\n font-size: 14px;\n line-height: 24px;\n font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n.storybook-page h2 {\n display: inline-block;\n vertical-align: top;\n margin: 0 0 4px;\n font-weight: 700;\n font-size: 32px;\n line-height: 1;\n}\n.storybook-page p {\n margin: 1em 0;\n}\n.storybook-page a {\n color: inherit;\n}\n.storybook-page ul {\n margin: 1em 0;\n padding-left: 30px;\n}\n.storybook-page li {\n margin-bottom: 8px;\n}\n.storybook-page .tip {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n border-radius: 1em;\n background: #e7fdd8;\n padding: 4px 12px;\n color: #357a14;\n font-weight: 700;\n font-size: 11px;\n line-height: 12px;\n}\n.storybook-page .tip-wrapper {\n margin-top: 40px;\n margin-bottom: 40px;\n font-size: 13px;\n line-height: 20px;\n}\n.storybook-page .tip-wrapper svg {\n display: inline-block;\n vertical-align: top;\n margin-top: 3px;\n margin-right: 4px;\n width: 12px;\n height: 12px;\n}\n.storybook-page .tip-wrapper svg path {\n fill: #1ea7fd;\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,76 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type ButtonShape = "solid" | "outline" | "ghost";
|
|
7
|
-
type ButtonState = "enabled" | "hovered" | "loading" | "disabled";
|
|
8
|
-
type IconButtonSize = "xlarge" | "large" | "medium" | "small";
|
|
9
|
-
type IconButtonVariant = "primary" | "neutral";
|
|
10
|
-
type IconButtonType = "solid" | "outline" | "weak";
|
|
11
|
-
type IconButtonState = "enabled" | "hovered" | "disabled";
|
|
12
|
-
interface ActionButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
|
|
13
|
-
/** 버튼 크기 */
|
|
14
|
-
size?: ButtonSize;
|
|
15
|
-
/** 버튼 타입 (primary, neutral, secondary) */
|
|
16
|
-
variant?: ButtonVariant;
|
|
17
|
-
/** 버튼 모양 (solid, outline, ghost) */
|
|
18
|
-
shape?: ButtonShape;
|
|
19
|
-
/** 버튼 상태 */
|
|
20
|
-
state?: ButtonState;
|
|
21
|
-
/** 버튼 텍스트 */
|
|
22
|
-
children: React.ReactNode;
|
|
23
|
-
/** Prefix 아이콘 */
|
|
24
|
-
prefixIcon?: React.ReactNode;
|
|
25
|
-
/** Suffix 아이콘 */
|
|
26
|
-
suffixIcon?: React.ReactNode;
|
|
27
|
-
/** 로딩 상태일 때 표시할 스피너 */
|
|
28
|
-
loading?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/** ActionButton 컴포넌트는 사용자가 어떠한 액션을 트리거하거나 이벤트를 실행할 때 사용한다. */
|
|
31
|
-
declare const ActionButton: ({ size, variant, shape, state, children, prefixIcon, suffixIcon, loading, className, disabled, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
|
|
32
|
-
interface ButtonProps {
|
|
33
|
-
/** Is this the principal call to action on the page? */
|
|
34
|
-
primary?: boolean;
|
|
35
|
-
/** What background color to use */
|
|
36
|
-
backgroundColor?: string;
|
|
37
|
-
/** How large should the button be? */
|
|
38
|
-
size?: "small" | "medium" | "large";
|
|
39
|
-
/** Button contents */
|
|
40
|
-
label: string;
|
|
41
|
-
/** Optional click handler */
|
|
42
|
-
onClick?: () => void;
|
|
43
|
-
}
|
|
44
|
-
/** Primary UI component for user interaction */
|
|
45
|
-
declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
46
|
-
interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
47
|
-
/** 버튼 크기 */
|
|
48
|
-
size?: IconButtonSize;
|
|
49
|
-
/** 버튼 타입 (primary 또는 neutral) */
|
|
50
|
-
variant?: IconButtonVariant;
|
|
51
|
-
/** 버튼 모양 (solid, outline, weak) */
|
|
52
|
-
iconType?: IconButtonType;
|
|
53
|
-
/** 버튼 상태 */
|
|
54
|
-
state?: IconButtonState;
|
|
55
|
-
/** 아이콘 (Heroicons 또는 React 컴포넌트) */
|
|
56
|
-
icon: React.ReactNode;
|
|
57
|
-
/** 아이콘에 대한 접근성 라벨 */
|
|
58
|
-
"aria-label": string;
|
|
59
|
-
}
|
|
60
|
-
/** IconButton 컴포넌트는 텍스트 레이블 없이 아이콘만으로 액션을 전달하는 버튼 컴포넌트이다. */
|
|
61
|
-
declare const IconButton: ({ size, variant, iconType, state, icon, className, disabled, type, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
62
|
-
|
|
63
|
-
type User = {
|
|
64
|
-
name: string;
|
|
65
|
-
};
|
|
66
|
-
interface HeaderProps {
|
|
67
|
-
user?: User;
|
|
68
|
-
onLogin?: () => void;
|
|
69
|
-
onLogout?: () => void;
|
|
70
|
-
onCreateAccount?: () => void;
|
|
71
|
-
}
|
|
72
|
-
declare const Header: ({ user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
73
|
-
|
|
74
|
-
declare const Page: React.FC;
|
|
75
|
-
|
|
76
|
-
export { ActionButton, type ActionButtonProps, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonState, type ButtonVariant, Header, type HeaderProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, type IconButtonVariant, Page };
|
|
1
|
+
export { ActionButton, ActionButtonProps, Button, ButtonProps, ButtonShape, ButtonSize, ButtonState, ButtonVariant, IconButton, IconButtonProps, IconButtonSize, IconButtonState, IconButtonType, IconButtonVariant } from './Button.mjs';
|
|
2
|
+
export { Header, HeaderProps } from './Header.mjs';
|
|
3
|
+
export { Page } from './Page.mjs';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,76 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type ButtonShape = "solid" | "outline" | "ghost";
|
|
7
|
-
type ButtonState = "enabled" | "hovered" | "loading" | "disabled";
|
|
8
|
-
type IconButtonSize = "xlarge" | "large" | "medium" | "small";
|
|
9
|
-
type IconButtonVariant = "primary" | "neutral";
|
|
10
|
-
type IconButtonType = "solid" | "outline" | "weak";
|
|
11
|
-
type IconButtonState = "enabled" | "hovered" | "disabled";
|
|
12
|
-
interface ActionButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
|
|
13
|
-
/** 버튼 크기 */
|
|
14
|
-
size?: ButtonSize;
|
|
15
|
-
/** 버튼 타입 (primary, neutral, secondary) */
|
|
16
|
-
variant?: ButtonVariant;
|
|
17
|
-
/** 버튼 모양 (solid, outline, ghost) */
|
|
18
|
-
shape?: ButtonShape;
|
|
19
|
-
/** 버튼 상태 */
|
|
20
|
-
state?: ButtonState;
|
|
21
|
-
/** 버튼 텍스트 */
|
|
22
|
-
children: React.ReactNode;
|
|
23
|
-
/** Prefix 아이콘 */
|
|
24
|
-
prefixIcon?: React.ReactNode;
|
|
25
|
-
/** Suffix 아이콘 */
|
|
26
|
-
suffixIcon?: React.ReactNode;
|
|
27
|
-
/** 로딩 상태일 때 표시할 스피너 */
|
|
28
|
-
loading?: boolean;
|
|
29
|
-
}
|
|
30
|
-
/** ActionButton 컴포넌트는 사용자가 어떠한 액션을 트리거하거나 이벤트를 실행할 때 사용한다. */
|
|
31
|
-
declare const ActionButton: ({ size, variant, shape, state, children, prefixIcon, suffixIcon, loading, className, disabled, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
|
|
32
|
-
interface ButtonProps {
|
|
33
|
-
/** Is this the principal call to action on the page? */
|
|
34
|
-
primary?: boolean;
|
|
35
|
-
/** What background color to use */
|
|
36
|
-
backgroundColor?: string;
|
|
37
|
-
/** How large should the button be? */
|
|
38
|
-
size?: "small" | "medium" | "large";
|
|
39
|
-
/** Button contents */
|
|
40
|
-
label: string;
|
|
41
|
-
/** Optional click handler */
|
|
42
|
-
onClick?: () => void;
|
|
43
|
-
}
|
|
44
|
-
/** Primary UI component for user interaction */
|
|
45
|
-
declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
46
|
-
interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
47
|
-
/** 버튼 크기 */
|
|
48
|
-
size?: IconButtonSize;
|
|
49
|
-
/** 버튼 타입 (primary 또는 neutral) */
|
|
50
|
-
variant?: IconButtonVariant;
|
|
51
|
-
/** 버튼 모양 (solid, outline, weak) */
|
|
52
|
-
iconType?: IconButtonType;
|
|
53
|
-
/** 버튼 상태 */
|
|
54
|
-
state?: IconButtonState;
|
|
55
|
-
/** 아이콘 (Heroicons 또는 React 컴포넌트) */
|
|
56
|
-
icon: React.ReactNode;
|
|
57
|
-
/** 아이콘에 대한 접근성 라벨 */
|
|
58
|
-
"aria-label": string;
|
|
59
|
-
}
|
|
60
|
-
/** IconButton 컴포넌트는 텍스트 레이블 없이 아이콘만으로 액션을 전달하는 버튼 컴포넌트이다. */
|
|
61
|
-
declare const IconButton: ({ size, variant, iconType, state, icon, className, disabled, type, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
62
|
-
|
|
63
|
-
type User = {
|
|
64
|
-
name: string;
|
|
65
|
-
};
|
|
66
|
-
interface HeaderProps {
|
|
67
|
-
user?: User;
|
|
68
|
-
onLogin?: () => void;
|
|
69
|
-
onLogout?: () => void;
|
|
70
|
-
onCreateAccount?: () => void;
|
|
71
|
-
}
|
|
72
|
-
declare const Header: ({ user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
73
|
-
|
|
74
|
-
declare const Page: React.FC;
|
|
75
|
-
|
|
76
|
-
export { ActionButton, type ActionButtonProps, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonState, type ButtonVariant, Header, type HeaderProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, type IconButtonVariant, Page };
|
|
1
|
+
export { ActionButton, ActionButtonProps, Button, ButtonProps, ButtonShape, ButtonSize, ButtonState, ButtonVariant, IconButton, IconButtonProps, IconButtonSize, IconButtonState, IconButtonType, IconButtonVariant } from './Button.js';
|
|
2
|
+
export { Header, HeaderProps } from './Header.js';
|
|
3
|
+
export { Page } from './Page.js';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react';
|