@scglab/admin-ui 0.1.3 → 0.1.5
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/dist/ic-sort-arrow-down-H56K6AN4.svg +11 -0
- package/dist/ic-sort-arrow-up-DJQRDWHQ.svg +11 -0
- package/dist/index.cjs +3412 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1371 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +397 -5
- package/dist/index.d.ts +397 -5
- package/dist/index.js +3391 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/global.scss"],"sourcesContent":["@use \"./_mixin\" as *;\n\n// 테마 색상 정의\n$theme-light: (\n --color-white: #ffffff,\n --color-black: #000000,\n --color-gray: #6B7280,\n --color-primary: #3083FF,\n --color-primary10: #EAF3FF,\n --color-primary5: #F5F9FF,\n --color-primary3: #F9FBFF,\n --color-primary3Border: #3083FF4D,\n --color-primaryLight: #EAF3FF,\n --color-primaryText: #111928,\n --color-text: #637381,\n --color-textLight: #F3F4F6,\n --color-secondary: #18FF82,\n --color-secondaryLight: #E8FFF3,\n --color-secondaryText: #8899A8,\n --color-stroke: #DFE4EA,\n --color-line: #E7ECF3,\n --color-dark2: #1F2A37,\n --color-dark3: #374151,\n --color-dark4: #4B5563,\n --color-dark5: #6B7280,\n --color-dark6: #9CA3AF,\n --color-dark7: #D1D5DB,\n --color-dark8: #E5E7EB,\n --color-gray1: #F9FAFB,\n --color-gray2: #F3F4F6,\n --color-gray3: #E5E7EB,\n --color-gray4: #DEE2E6,\n --color-gray5: #CED4DA,\n --color-gray6: #CED4DA,\n --color-gray7: #CED4DA,\n --color-green: #016630,\n --color-greenLight: #DCFCE7,\n --color-red: #9F0712,\n --color-red5: #FEF6F6,\n --color-redLight: #FFE2E2,\n --color-orange: #9F2D00,\n --color-orangeLight: #FFEDD4,\n --color-blue: #193CB8,\n --color-blueLight: #DBEAFE,\n --color-warning: #F15050,\n --color-warningLight: #FEF6F6,\n);\n\n// Flexbox 유틸리티 클래스\n.flex {\n display: flex;\n}\n\n.grid {\n display: grid;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n// Flex direction\n.flex-row {\n flex-direction: row;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n// Flex wrap\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n// Justify content\n.justify-start {\n justify-content: flex-start;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.justify-around {\n justify-content: space-around;\n}\n\n.justify-evenly {\n justify-content: space-evenly;\n}\n\n// Align items\n.items-baseline {\n align-items: baseline;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-end {\n align-items: flex-end;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n// Align content\n.content-start {\n align-content: flex-start;\n}\n\n.content-center {\n align-content: center;\n}\n\n.content-end {\n align-content: flex-end;\n}\n\n.content-between {\n align-content: space-between;\n}\n\n.content-around {\n align-content: space-around;\n}\n\n// Size utilities\n.w-full {\n width: 100%;\n}\n\n.h-full {\n height: 100%;\n}\n\n// Even spacing (자식 요소들이 균등하게 공간 차지)\n.even > * {\n flex: 1;\n}\n\n// Line height utilities\n.leading-none {\n line-height: 1;\n}\n\n.leading-tight {\n line-height: 1.25;\n}\n\n.leading-normal {\n line-height: 1.5;\n}\n\n.leading-relaxed {\n line-height: 1.75;\n}\n\n// Custom line-height with specific values\n.leading-\\[36px\\] {\n line-height: toRem(36);\n}\n\n.leading-36 {\n line-height: toRem(36);\n}\n\n// ========== GAP UTILITIES ==========\n.gap-0 {\n gap: 0;\n}\n\n.gap-1 {\n gap: toRem(1);\n}\n\n.gap-2 {\n gap: toRem(2);\n}\n\n// ========== SPACE UTILITIES ==========\n// Space between children (horizontal)\n.space-x-0 > * + * {\n margin-left: 0;\n}\n\n.space-x-1 > * + * {\n margin-left: toRem(1);\n}\n\n.space-x-2 > * + * {\n margin-left: toRem(2);\n}\n\n.space-x-4 > * + * {\n margin-left: toRem(4);\n}\n\n.space-x-8 > * + * {\n margin-left: toRem(8);\n}\n\n// Space between children (vertical)\n.space-y-0 > * + * {\n margin-top: 0;\n}\n\n.space-y-1 > * + * {\n margin-top: toRem(1);\n}\n\n.space-y-2 > * + * {\n margin-top: toRem(2);\n}\n\n.space-y-4 > * + * {\n margin-top: toRem(4);\n}\n\n.space-y-8 > * + * {\n margin-top: toRem(8);\n}\n\n.gap-4 {\n gap: toRem(4);\n}\n\n.gap-6 {\n gap: toRem(6);\n}\n\n.gap-8 {\n gap: toRem(8);\n}\n\n.gap-10 {\n gap: toRem(10);\n}\n\n.gap-12 {\n gap: toRem(12);\n}\n\n.gap-14 {\n gap: toRem(14);\n}\n\n.gap-16 {\n gap: toRem(16);\n}\n\n.gap-20 {\n gap: toRem(20);\n}\n\n.gap-24 {\n gap: toRem(24);\n}\n\n.gap-32 {\n gap: toRem(32);\n}\n\n// ========== PADDING UTILITIES ==========\n// Padding all sides\n.p-0 {\n padding: 0;\n}\n\n.p-4 {\n padding: toRem(4);\n}\n\n.p-6 {\n padding: toRem(6);\n}\n\n.p-8 {\n padding: toRem(8);\n}\n\n.p-12 {\n padding: toRem(12);\n}\n\n.p-16 {\n padding: toRem(16);\n}\n\n.p-20 {\n padding: toRem(20);\n}\n\n.p-24 {\n padding: toRem(24);\n}\n\n// Padding X (left & right)\n.px-0 {\n padding-left: 0;\n padding-right: 0;\n}\n\n.px-1 {\n padding-left: toRem(1);\n padding-right: toRem(1);\n}\n\n.px-4 {\n padding-left: toRem(4);\n padding-right: toRem(4);\n}\n\n.px-6 {\n padding-left: toRem(6);\n padding-right: toRem(6);\n}\n\n.px-8 {\n padding-left: toRem(8);\n padding-right: toRem(8);\n}\n\n.px-10 {\n padding-left: toRem(10);\n padding-right: toRem(10);\n}\n\n.px-12 {\n padding-left: toRem(12);\n padding-right: toRem(12);\n}\n\n.px-16 {\n padding-left: toRem(16);\n padding-right: toRem(16);\n}\n\n.px-20 {\n padding-left: toRem(20);\n padding-right: toRem(20);\n}\n\n.px-24 {\n padding-left: toRem(24);\n padding-right: toRem(24);\n}\n\n.px-28 {\n padding-left: toRem(28);\n padding-right: toRem(28);\n}\n\n// Padding Y (top & bottom)\n.py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.py-1 {\n padding-top: toRem(1);\n padding-bottom: toRem(1);\n}\n\n.py-2 {\n padding-top: toRem(2);\n padding-bottom: toRem(2);\n}\n\n.py-4 {\n padding-top: toRem(4);\n padding-bottom: toRem(4);\n}\n\n.py-6 {\n padding-top: toRem(6);\n padding-bottom: toRem(6);\n}\n\n.py-7 {\n padding-top: toRem(7);\n padding-bottom: toRem(7);\n}\n\n.py-8 {\n padding-top: toRem(8);\n padding-bottom: toRem(8);\n}\n\n.py-12 {\n padding-top: toRem(12);\n padding-bottom: toRem(12);\n}\n\n.py-13 {\n padding-top: toRem(13);\n padding-bottom: toRem(13);\n}\n\n.py-16 {\n padding-top: toRem(16);\n padding-bottom: toRem(16);\n}\n\n// Padding individual sides\n.pt-4 {\n padding-top: toRem(4);\n}\n\n.pt-5 {\n padding-top: toRem(5);\n}\n\n.pt-7 {\n padding-top: toRem(7);\n}\n\n.pt-8 {\n padding-top: toRem(8);\n}\n\n.pt-12 {\n padding-top: toRem(12);\n}\n\n.pt-16 {\n padding-top: toRem(16);\n}\n\n.pr-40 {\n padding-right: toRem(40);\n}\n\n.pb-4 {\n padding-bottom: toRem(4);\n}\n\n.pb-8 {\n padding-bottom: toRem(8);\n}\n\n.pb-12 {\n padding-bottom: toRem(12);\n}\n\n.pb-16 {\n padding-bottom: toRem(16);\n}\n\n.pl-2 {\n padding-left: toRem(2);\n}\n\n.pl-4 {\n padding-left: toRem(4);\n}\n\n.pl-8 {\n padding-left: toRem(8);\n}\n\n.pl-12 {\n padding-left: toRem(12);\n}\n\n.pl-16 {\n padding-left: toRem(16);\n}\n\n.pr-4 {\n padding-right: toRem(4);\n}\n\n.pr-8 {\n padding-right: toRem(8);\n}\n\n.pr-12 {\n padding-right: toRem(12);\n}\n\n.pr-16 {\n padding-right: toRem(16);\n}\n\n.pr-40 {\n padding-right: toRem(40);\n}\n\n// ========== MARGIN UTILITIES ==========\n// Margin all sides\n.m-0 {\n margin: 0;\n}\n\n.m-4 {\n margin: toRem(4);\n}\n\n.m-8 {\n margin: toRem(8);\n}\n\n.m-12 {\n margin: toRem(12);\n}\n\n.m-16 {\n margin: toRem(16);\n}\n\n// Margin X (left & right)\n.mx-0 {\n margin-left: 0;\n margin-right: 0;\n}\n\n.mx-4 {\n margin-left: toRem(4);\n margin-right: toRem(4);\n}\n\n.mx-8 {\n margin-left: toRem(8);\n margin-right: toRem(8);\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n// Margin Y (top & bottom)\n.my-0 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.my-4 {\n margin-top: toRem(4);\n margin-bottom: toRem(4);\n}\n\n.my-8 {\n margin-top: toRem(8);\n margin-bottom: toRem(8);\n}\n\n.my-10 {\n margin-top: toRem(10);\n margin-bottom: toRem(10);\n}\n\n.my-12 {\n margin-top: toRem(12);\n margin-bottom: toRem(12);\n}\n\n.my-16 {\n margin-top: toRem(16);\n margin-bottom: toRem(16);\n}\n\n// Margin individual sides\n.mt-3 {\n margin-top: toRem(3);\n}\n\n.mt-4 {\n margin-top: toRem(4);\n}\n\n.mt-5 {\n margin-top: toRem(5);\n}\n\n.mt-7 {\n margin-top: toRem(7);\n}\n\n.mt-8 {\n margin-top: toRem(8);\n}\n\n.mt-9 {\n margin-top: toRem(9);\n}\n\n.mt-12 {\n margin-top: toRem(12);\n}\n\n.mt-16 {\n margin-top: toRem(16);\n}\n\n.mt-24 {\n margin-top: toRem(24);\n}\n\n.mb-4 {\n margin-bottom: toRem(4);\n}\n\n.mb-6 {\n margin-bottom: toRem(6);\n}\n\n.mb-8 {\n margin-bottom: toRem(8);\n}\n\n.mb-12 {\n margin-bottom: toRem(12);\n}\n\n.mb-16 {\n margin-bottom: toRem(16);\n}\n\n.mb-20 {\n margin-bottom: toRem(20);\n}\n\n.mb-24 {\n margin-bottom: toRem(24);\n}\n\n.ml-3 {\n margin-left: toRem(3);\n}\n\n.ml-4 {\n margin-left: toRem(4);\n}\n.ml-5 {\n margin-left: toRem(5);\n}\n\n.ml-8 {\n margin-left: toRem(8);\n}\n\n.ml-20 {\n margin-left: toRem(20);\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.-ml-1 {\n margin-left: toRem(-1);\n}\n\n.mr-2 {\n margin-right: toRem(2);\n}\n\n.mr-4 {\n margin-right: toRem(4);\n}\n\n.mr-8 {\n margin-right: toRem(8);\n}\n\n.mr-auto {\n margin-right: auto;\n}\n\n// ========== WIDTH UTILITIES ==========\n.w-auto {\n width: auto;\n}\n\n.w-fit {\n width: fit-content;\n}\n\n.w-3 {\n width: toRem(3);\n}\n\n.w-6 {\n width: toRem(6);\n}\n\n.w-10 {\n width: toRem(10);\n}\n\n.w-12 {\n width: toRem(12);\n}\n\n.w-14 {\n width: toRem(14);\n}\n\n.w-16 {\n width: toRem(16);\n}\n\n.w-18 {\n width: toRem(18);\n}\n\n.w-20 {\n width: toRem(20);\n}\n\n.w-24 {\n width: toRem(24);\n}\n\n.w-32 {\n width: toRem(32);\n}\n\n.w-40 {\n width: toRem(40);\n}\n\n.w-44 {\n width: toRem(44);\n}\n\n.w-48 {\n width: toRem(48);\n}\n\n.w-56 {\n width: toRem(56);\n}\n\n.w-64 {\n width: toRem(64);\n}\n\n.w-80 {\n width: toRem(80);\n}\n\n.w-96 {\n width: toRem(96);\n}\n\n.w-\\[100px\\] {\n width: 100px;\n}\n\n.w-\\[200px\\] {\n width: 200px;\n}\n\n// ========== HEIGHT UTILITIES ==========\n.h-auto {\n height: auto;\n}\n\n.h-3 {\n height: toRem(3);\n}\n\n.h-5 {\n height: toRem(5);\n}\n\n.h-6 {\n height: toRem(6);\n}\n\n.h-10 {\n height: toRem(10);\n}\n\n.h-14 {\n height: toRem(14);\n}\n\n.h-16 {\n height: toRem(16);\n}\n\n.h-18 {\n height: toRem(18);\n}\n\n.h-20 {\n height: toRem(20);\n}\n\n.h-24 {\n height: toRem(24);\n}\n\n.h-28 {\n height: toRem(28);\n}\n\n.h-32 {\n height: toRem(32);\n}\n\n.h-36 {\n height: toRem(36);\n}\n\n.h-40 {\n height: toRem(40);\n}\n\n.h-44 {\n height: toRem(44);\n}\n\n.h-48 {\n height: toRem(48);\n}\n\n.h-56 {\n height: toRem(56);\n}\n\n.h-64 {\n height: toRem(64);\n}\n\n// Height with calc\n.h-\\[calc\\(100\\%-6px\\)\\] {\n height: calc(100% - 6px);\n}\n\n// Min/Max height\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-20 {\n min-height: toRem(20);\n}\n\n.min-h-36 {\n min-height: toRem(36);\n}\n\n.min-h-48 {\n min-height: toRem(48);\n}\n\n.min-h-screen {\n min-height: 100vh;\n}\n\n// Min width\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.min-w-\\[140px\\] {\n min-width: 140px;\n}\n\n.max-h-36 {\n max-height: toRem(36);\n}\n\n.max-h-48 {\n max-height: toRem(48);\n}\n\n.max-h-64 {\n max-height: toRem(64);\n}\n\n.max-h-200 {\n max-height: toRem(200);\n}\n\n.max-h-screen {\n max-height: 100vh;\n}\n\n// ========== BORDER UTILITIES ==========\n.border {\n border-width: 1px;\n border-style: solid;\n}\n// Border width\n.border-0 {\n border-width: 0;\n}\n\n\n\n.border-2 {\n border-width: 2px;\n border-style: solid;\n}\n\n// Border individual sides\n.border-t {\n border-top-width: 1px;\n border-top-style: solid;\n}\n\n.border-b {\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n border-bottom-style: solid;\n}\n\n.border-b-0 {\n border-bottom-width: 0;\n}\n\n.border-l {\n border-left-width: 1px;\n border-left-style: solid;\n}\n\n.border-r {\n border-right-width: 1px;\n border-right-style: solid;\n}\n\n// Border colors\n.border-transparent {\n border-color: transparent;\n}\n\n.border-white {\n border-color: var(--color-white);\n}\n\n.border-black {\n border-color: var(--color-black);\n}\n\n.border-gray {\n border-color: var(--color-gray);\n}\n\n.border-gray1 {\n border-color: var(--color-gray1);\n}\n\n.border-gray2 {\n border-color: var(--color-gray2);\n}\n\n.border-gray3 {\n border-color: var(--color-gray3);\n}\n\n.border-line {\n border-color: var(--color-line);\n}\n\n.border-stroke {\n border-color: var(--color-stroke);\n}\n\n.border-primary {\n border-color: var(--color-primary);\n}\n\n.border-primary3Border {\n border-color: var(--color-primary3Border);\n}\n\n.border-red {\n border-color: var(--color-red);\n}\n\n.border-green {\n border-color: var(--color-green);\n}\n\n.border-blue {\n border-color: var(--color-blue);\n}\n\n.border-orange {\n border-color: var(--color-orange);\n}\n\n// ========== BORDER RADIUS ==========\n.rounded-none {\n border-radius: 0;\n}\n\n.rounded-sm {\n border-radius: toRem(2);\n}\n\n.rounded {\n border-radius: toRem(4);\n}\n\n.rounded-md {\n border-radius: toRem(6);\n}\n\n.rounded-lg {\n border-radius: toRem(8);\n}\n\n.rounded-xl {\n border-radius: toRem(12);\n}\n\n.rounded-2xl {\n border-radius: toRem(16);\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-r-none {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.rounded-l-none {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\n\n// ========== BACKGROUND COLORS ==========\n.bg-transparent {\n background-color: transparent;\n}\n\n.bg-white {\n background-color: var(--color-white);\n}\n\n.bg-black {\n background-color: var(--color-black);\n}\n\n.bg-primary {\n background-color: var(--color-primary);\n}\n\n.bg-primary10 {\n background-color: var(--color-primary10);\n}\n\n.bg-primary5 {\n background-color: var(--color-primary5);\n}\n\n.bg-primary3 {\n background-color: var(--color-primary3);\n}\n\n.bg-red10 {\n background-color: var(--color-red10);\n}\n\n.bg-green10 {\n background-color: var(--color-green10);\n}\n\n.bg-warning10 {\n background-color: var(--color-warning10);\n}\n\n.bg-secondary {\n background-color: var(--color-secondary);\n}\n.bg-secondaryText {\n background-color: var(--color-secondaryText);\n}\n\n.bg-stroke {\n background-color: var(--color-stroke);\n}\n\n.bg-line {\n background-color: var(--color-line);\n}\n\n.bg-gray1 {\n background-color: var(--color-gray1);\n}\n\n.bg-gray2 {\n background-color: var(--color-gray2);\n}\n\n.bg-gray3 {\n background-color: var(--color-gray3);\n}\n\n.bg-gray4 {\n background-color: var(--color-gray4);\n}\n\n.bg-gray5 {\n background-color: var(--color-gray5);\n}\n\n.bg-dark2 {\n background-color: var(--color-dark2);\n}\n\n.bg-dark3 {\n background-color: var(--color-dark3);\n}\n\n.bg-dark4 {\n background-color: var(--color-dark4);\n}\n\n.bg-dark5 {\n background-color: var(--color-dark5);\n}\n\n.bg-dark6 {\n background-color: var(--color-dark6);\n}\n\n.bg-dark7 {\n background-color: var(--color-dark7);\n}\n\n.bg-dark8 {\n background-color: var(--color-dark8);\n}\n\n.bg-red {\n background-color: var(--color-red);\n}\n\n.bg-red5 {\n background-color: var(--color-red5);\n}\n\n.bg-redLight {\n background-color: var(--color-redLight);\n}\n\n.bg-green {\n background-color: var(--color-green);\n}\n\n.bg-greenLight {\n background-color: var(--color-greenLight);\n}\n\n.bg-blue {\n background-color: var(--color-blue);\n}\n\n.bg-blueLight {\n background-color: var(--color-blueLight);\n}\n\n.bg-orange {\n background-color: var(--color-orange);\n}\n\n.bg-orangeLight {\n background-color: var(--color-orangeLight);\n}\n\n.bg-textLight {\n background-color: var(--color-textLight);\n}\n\n.bg-warning {\n background-color: var(--color-warning);\n}\n\n.bg-warningLight {\n background-color: var(--color-warningLight);\n}\n\n.bg-primaryLight {\n background-color: var(--color-primaryLight);\n}\n\n.bg-secondaryLight {\n background-color: var(--color-secondaryLight);\n}\n\n// ========== TEXT COLORS ==========\n.text-transparent {\n color: transparent;\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-white {\n color: var(--color-white);\n}\n\n.text-black {\n color: var(--color-black);\n}\n\n.text-gray {\n color: var(--color-gray);\n}\n\n.text-primary {\n color: var(--color-primary);\n}\n\n.text-primaryText {\n color: var(--color-primaryText);\n}\n\n.text-text {\n color: var(--color-text);\n}\n\n.text-stroke {\n color: var(--color-stroke);\n}\n\n.text-line {\n color: var(--color-line);\n}\n\n.text-secondary {\n color: var(--color-secondary);\n}\n\n.text-secondaryText {\n color: var(--color-secondaryText);\n}\n\n.text-red {\n color: var(--color-red);\n}\n\n.text-green {\n color: var(--color-green);\n}\n\n.text-blue {\n color: var(--color-blue);\n}\n\n.text-orange {\n color: var(--color-orange);\n}\n\n.text-warning {\n color: var(--color-warning);\n}\n\n.text-dark2 {\n color: var(--color-dark2);\n}\n\n.text-dark3 {\n color: var(--color-dark3);\n}\n\n.text-dark4 {\n color: var(--color-dark4);\n}\n\n.text-dark5 {\n color: var(--color-dark5);\n}\n\n.text-dark6 {\n color: var(--color-dark6);\n}\n\n.text-dark7 {\n color: var(--color-dark7);\n}\n\n.text-dark8 {\n color: var(--color-dark8);\n}\n\n// ========== FONT SIZE ==========\n.text-sm {\n font-size: toRem(12);\n}\n\n.text-body10 {\n font-size: toRem(10);\n}\n\n.text-body12 {\n font-size: toRem(12);\n}\n\n.text-body14 {\n font-size: toRem(14);\n}\n\n.text-subtitle14 {\n font-size: toRem(14);\n font-weight: 600;\n}\n\n.text-body16 {\n font-size: toRem(16);\n}\n\n.text-subtitle16 {\n font-size: toRem(16);\n font-weight: 600;\n}\n\n.text-body18 {\n font-size: toRem(18);\n}\n\n.text-h1 {\n font-size: toRem(32);\n}\n\n.text-h2 {\n font-size: toRem(28);\n}\n\n.text-h3 {\n font-size: toRem(24);\n}\n\n.text-h4 {\n font-size: toRem(20);\n}\n\n.text-h5 {\n font-size: toRem(18);\n}\n\n.text-h6 {\n font-size: toRem(16);\n}\n\n// ========== FONT WEIGHT ==========\n.font-thin {\n font-weight: 100;\n}\n\n.font-light {\n font-weight: 300;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-extrabold {\n font-weight: 800;\n}\n\n// ========== TEXT ALIGN ==========\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n// ========== SHADOW ==========\n.shadow-none {\n box-shadow: none;\n}\n\n.shadow-sm {\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.shadow {\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n.shadow-md {\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.shadow-lg {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.shadow-xl {\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n// ========== TABLE UTILITIES ==========\n.border-collapse {\n border-collapse: collapse;\n}\n\n// Last child utilities\n.last\\:border-b-0:last-child {\n border-bottom-width: 0;\n}\n\n// ========== OPACITY ==========\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-25 {\n opacity: 0.25;\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.opacity-75 {\n opacity: 0.75;\n}\n\n.opacity-80 {\n opacity: 0.8;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n// ========== OVERFLOW ==========\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-scroll {\n overflow: scroll;\n}\n\n.overflow-x-auto {\n overflow-x: auto;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n// ========== RESIZE ==========\n.resize-none {\n resize: none;\n}\n\n.resize {\n resize: both;\n}\n\n.resize-x {\n resize: horizontal;\n}\n\n.resize-y {\n resize: vertical;\n}\n\n.resize-vertical {\n resize: vertical;\n}\n\n// ========== POSITION ==========\n.relative {\n position: relative;\n}\n\n.absolute {\n position: absolute;\n}\n\n.fixed {\n position: fixed;\n}\n\n.inset-y-0 {\n top: 0;\n bottom: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.sticky {\n position: sticky;\n}\n\n// ========== Z-INDEX ==========\n.z-0 {\n z-index: 0;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-20 {\n z-index: 20;\n}\n\n.z-30 {\n z-index: 30;\n}\n\n.z-40 {\n z-index: 40;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n// ========== DISPLAY ==========\n.hidden {\n display: none;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n// Screen reader only\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n// ========== TOUCH UTILITIES ==========\n.touch-none {\n touch-action: none;\n}\n\n.touch-auto {\n touch-action: auto;\n}\n\n// ========== POINTER EVENTS ==========\n.pointer-events-none {\n pointer-events: none;\n}\n\n.pointer-events-auto {\n pointer-events: auto;\n}\n\n// ========== USER SELECT ==========\n.select-none {\n user-select: none;\n}\n\n.select-text {\n user-select: text;\n}\n\n.select-all {\n user-select: all;\n}\n\n.select-auto {\n user-select: auto;\n}\n\n// ========== WHITESPACE ==========\n.whitespace-normal {\n white-space: normal;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.whitespace-pre {\n white-space: pre;\n}\n\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\n\n// ========== TRANSFORM UTILITIES ==========\n.translate-x-2 {\n transform: translateX(toRem(2));\n}\n\n.translate-x-4 {\n transform: translateX(toRem(4));\n}\n\n.translate-x-8 {\n transform: translateX(toRem(8));\n}\n\n.translate-x-22 {\n transform: translateX(toRem(22));\n}\n\n// Rotate\n.rotate-0 {\n transform: rotate(0deg);\n}\n\n.rotate-45 {\n transform: rotate(45deg);\n}\n\n.rotate-90 {\n transform: rotate(90deg);\n}\n\n.rotate-180 {\n transform: rotate(180deg);\n}\n\n.rotate-270 {\n transform: rotate(270deg);\n}\n\n.-rotate-90 {\n transform: rotate(-90deg);\n}\n\n.-rotate-180 {\n transform: rotate(-180deg);\n}\n\n// ========== TRANSITION UTILITIES ==========\n.transition-colors {\n transition-property: color, background-color, border-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n// Duration\n.duration-100 {\n transition-duration: 100ms;\n}\n\n.duration-200 {\n transition-duration: 200ms;\n}\n\n.duration-300 {\n transition-duration: 300ms;\n}\n\n// Easing\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n// ========== ANIMATION ==========\n@keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n\n// ========== FOCUS UTILITIES ==========\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset, 0 0 0 0) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset, 0 0 0 calc(2px + 0)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-primary:focus {\n --tw-ring-color: var(--color-primary);\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n// ========== HOVER UTILITIES ==========\n.hover\\:opacity-80:hover {\n opacity: 0.8;\n}\n\n.hover\\:bg-blue-600:hover {\n background-color: #2563eb;\n}\n\n.hover\\:bg-gray3:hover {\n background-color: var(--color-gray3);\n}\n\n.hover\\:bg-warningLight:hover {\n background-color: var(--color-warningLight);\n}\n\n// ========== CURSOR UTILITIES ==========\n.cursor-pointer {\n cursor: pointer;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n// ========== INPUT SPECIFIC ==========\n// Number input spinner 제거\n.no-spinner::-webkit-outer-spin-button,\n.no-spinner::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.no-spinner[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n// ========== POSITION UTILITIES ==========\n.top-\\[3px\\] {\n top: 3px;\n}\n\n// ========== FLEX UTILITIES ==========\n.flex-auto {\n flex: 1 1 auto;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n.flex-none {\n flex: none;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-shrink {\n flex-shrink: 1;\n}\n\n.flex-grow-0 {\n flex-grow: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n// WarningBox custom styles\n.rounded-warn {\n border-radius: toRem(4);\n}\n\n.rounded-tl-warnOut {\n border-top-left-radius: toRem(4);\n}\n\n.rounded-bl-warnOut {\n border-bottom-left-radius: toRem(4);\n}\n\n// Before pseudo-element utilities\n.before\\:content-\\[\\'\\'\\]::before {\n content: '';\n}\n\n.before\\:absolute::before {\n position: absolute;\n}\n\n.before\\:left-0::before {\n left: 0;\n}\n\n.before\\:top-0::before {\n top: 0;\n}\n\n.before\\:bottom-0::before {\n bottom: 0;\n}\n\n.before\\:w-\\[50px\\]::before {\n width: 50px;\n}\n\n.before\\:bg-text::before {\n background-color: var(--color-text);\n}\n\n.before\\:bg-warning::before {\n background-color: var(--color-warning);\n}\n\n.before\\:rounded-tl-warnOut::before {\n border-top-left-radius: toRem(4);\n}\n\n.before\\:rounded-bl-warnOut::before {\n border-bottom-left-radius: toRem(4);\n}\n\n.vertical-middle {\n vertical-align: middle;\n}\n"],"mappings":"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IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAEF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAGF,CAAA;AACE,oBAAA,IAAA;;AAIF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA;;AAGF,CAAA;AACE,SAAA,IAAA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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default from 'react';
|
|
3
4
|
|
|
4
5
|
declare const fontSize: {
|
|
5
6
|
h1: string;
|
|
@@ -118,9 +119,9 @@ type JustifySelfType = keyof typeof justifySelfs;
|
|
|
118
119
|
type AlignType = keyof typeof aligns;
|
|
119
120
|
type AlignSelfType = keyof typeof alignSelfs;
|
|
120
121
|
|
|
121
|
-
interface TextProps extends
|
|
122
|
+
interface TextProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
122
123
|
id?: string;
|
|
123
|
-
children:
|
|
124
|
+
children: React__default.ReactNode;
|
|
124
125
|
size?: FontSizeType;
|
|
125
126
|
color?: ColorType;
|
|
126
127
|
className?: string;
|
|
@@ -128,8 +129,399 @@ interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
128
129
|
justify?: JustifyType;
|
|
129
130
|
align?: AlignType;
|
|
130
131
|
textDecoration?: "none" | "underline" | "line-through";
|
|
131
|
-
style?:
|
|
132
|
+
style?: React__default.CSSProperties;
|
|
132
133
|
}
|
|
133
134
|
declare function Text({ id, children, size, color, justify, align, className, fontWeight: fontWeightProp, textDecoration, style, ...props }: TextProps): react_jsx_runtime.JSX.Element;
|
|
134
135
|
|
|
135
|
-
|
|
136
|
+
interface BorderRadiusBoxProps {
|
|
137
|
+
active?: boolean;
|
|
138
|
+
paddingX?: number;
|
|
139
|
+
paddingY?: number;
|
|
140
|
+
radius?: number;
|
|
141
|
+
children: React.ReactNode;
|
|
142
|
+
onClick?: () => void;
|
|
143
|
+
className?: string;
|
|
144
|
+
fullWidth?: boolean;
|
|
145
|
+
bgColor?: ColorType;
|
|
146
|
+
borderColor?: ColorType;
|
|
147
|
+
}
|
|
148
|
+
declare function BorderRadiusBox({ active, paddingX, paddingY, radius, children, onClick, className, fullWidth, bgColor, borderColor, }: BorderRadiusBoxProps): react_jsx_runtime.JSX.Element;
|
|
149
|
+
|
|
150
|
+
interface BulletTextProps {
|
|
151
|
+
label?: string | React.ReactNode;
|
|
152
|
+
bulletColor?: ColorType;
|
|
153
|
+
tooltip?: React.ReactNode;
|
|
154
|
+
textColor?: ColorType;
|
|
155
|
+
textSize?: FontSizeType;
|
|
156
|
+
fontWeight?: FontWeightType;
|
|
157
|
+
}
|
|
158
|
+
declare const BulletText: ({ label, bulletColor, tooltip, textColor, textSize, fontWeight, }: BulletTextProps) => react_jsx_runtime.JSX.Element;
|
|
159
|
+
|
|
160
|
+
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
161
|
+
variant?: ButtonVariantType;
|
|
162
|
+
alignSelf?: AlignSelfType;
|
|
163
|
+
justifySelf?: JustifySelfType;
|
|
164
|
+
cornerStyle?: "square" | "round";
|
|
165
|
+
size?: "small" | "medium" | "large";
|
|
166
|
+
fontWeight?: "bold" | "semibold" | "normal";
|
|
167
|
+
isLoading?: boolean;
|
|
168
|
+
icon?: string | React__default.ReactNode;
|
|
169
|
+
iconPosition?: "left" | "right";
|
|
170
|
+
type?: "button" | "submit" | "reset";
|
|
171
|
+
customWidth?: number;
|
|
172
|
+
wFull?: boolean;
|
|
173
|
+
}
|
|
174
|
+
declare const Button: React__default.FC<ButtonProps>;
|
|
175
|
+
|
|
176
|
+
interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
177
|
+
type?: "filled" | "outline";
|
|
178
|
+
label?: string;
|
|
179
|
+
error?: string;
|
|
180
|
+
className?: string;
|
|
181
|
+
checkboxWidth?: number;
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
}
|
|
184
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
185
|
+
|
|
186
|
+
interface DividerProps {
|
|
187
|
+
className?: string;
|
|
188
|
+
orientation?: "horizontal" | "vertical";
|
|
189
|
+
variant?: "solid" | "dashed" | "dotted";
|
|
190
|
+
width?: number;
|
|
191
|
+
}
|
|
192
|
+
declare function Divider({ className, orientation, variant, width, }: DividerProps): react_jsx_runtime.JSX.Element;
|
|
193
|
+
|
|
194
|
+
interface EmailInputProps {
|
|
195
|
+
value: string;
|
|
196
|
+
onChange: (value: string) => void;
|
|
197
|
+
error?: string;
|
|
198
|
+
label?: string;
|
|
199
|
+
labelHidden?: boolean;
|
|
200
|
+
placeholder?: string;
|
|
201
|
+
required?: boolean;
|
|
202
|
+
direction?: DirectionType;
|
|
203
|
+
fullWidth?: boolean;
|
|
204
|
+
className?: string;
|
|
205
|
+
customWidth?: number;
|
|
206
|
+
onBlur?: () => void;
|
|
207
|
+
triggerValidation?: () => void;
|
|
208
|
+
}
|
|
209
|
+
declare const EmailInput: React__default.FC<EmailInputProps>;
|
|
210
|
+
|
|
211
|
+
interface SelectOption$1 {
|
|
212
|
+
value: string | number | null;
|
|
213
|
+
label: string;
|
|
214
|
+
disabled?: boolean;
|
|
215
|
+
icon?: React.ReactNode;
|
|
216
|
+
description?: string;
|
|
217
|
+
divider?: boolean;
|
|
218
|
+
}
|
|
219
|
+
interface Paging$1 {
|
|
220
|
+
totalCount: number;
|
|
221
|
+
pageNo: number;
|
|
222
|
+
fetchCount: number;
|
|
223
|
+
totalPageCount: number;
|
|
224
|
+
}
|
|
225
|
+
interface OriginalObject {
|
|
226
|
+
id: string | number | null;
|
|
227
|
+
name: string;
|
|
228
|
+
partnerName?: string;
|
|
229
|
+
[key: string]: unknown;
|
|
230
|
+
}
|
|
231
|
+
type Direction = "row" | "col" | "grid";
|
|
232
|
+
interface CommonFormDataProps {
|
|
233
|
+
isDot?: boolean;
|
|
234
|
+
label?: string;
|
|
235
|
+
labelHidden?: boolean;
|
|
236
|
+
labelWidth?: number;
|
|
237
|
+
placeholder?: string;
|
|
238
|
+
fullWidth?: boolean;
|
|
239
|
+
className?: string;
|
|
240
|
+
required?: boolean;
|
|
241
|
+
disabled?: boolean;
|
|
242
|
+
customWidth?: number;
|
|
243
|
+
emptyMessage?: string;
|
|
244
|
+
isShowError?: boolean;
|
|
245
|
+
direction?: Direction;
|
|
246
|
+
error?: string;
|
|
247
|
+
tooltip?: string | React.ReactNode;
|
|
248
|
+
}
|
|
249
|
+
interface TreeData {
|
|
250
|
+
id: number;
|
|
251
|
+
children?: TreeData[];
|
|
252
|
+
name: string;
|
|
253
|
+
seq: number;
|
|
254
|
+
level: number;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement>, CommonFormDataProps {
|
|
258
|
+
type?: string;
|
|
259
|
+
originRef?: React__default.LegacyRef<HTMLInputElement> | undefined;
|
|
260
|
+
textAlign?: "left" | "right" | "center";
|
|
261
|
+
value?: string | number | undefined;
|
|
262
|
+
description?: string;
|
|
263
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
264
|
+
onlyData?: boolean;
|
|
265
|
+
rightIcon?: string;
|
|
266
|
+
onRightIconClick?: () => void;
|
|
267
|
+
}
|
|
268
|
+
declare const Input: React__default.FC<InputProps>;
|
|
269
|
+
|
|
270
|
+
interface LabelProps {
|
|
271
|
+
isDot?: boolean;
|
|
272
|
+
label?: string | React.ReactNode;
|
|
273
|
+
required?: boolean;
|
|
274
|
+
inputId?: string;
|
|
275
|
+
width?: number;
|
|
276
|
+
tooltip?: React.ReactNode;
|
|
277
|
+
labelHidden?: boolean;
|
|
278
|
+
subText?: string | React.ReactNode;
|
|
279
|
+
fontWeight?: FontWeightType;
|
|
280
|
+
align?: "start" | "center" | "end";
|
|
281
|
+
}
|
|
282
|
+
declare const Label: ({ isDot, label, required, inputId, width, tooltip, labelHidden, subText, fontWeight, align, }: LabelProps) => react_jsx_runtime.JSX.Element | null;
|
|
283
|
+
|
|
284
|
+
interface MultiSelectOption {
|
|
285
|
+
value: string | number;
|
|
286
|
+
label: string;
|
|
287
|
+
disabled?: boolean;
|
|
288
|
+
color?: string;
|
|
289
|
+
}
|
|
290
|
+
interface MultiSelectCheckboxProps extends CommonFormDataProps {
|
|
291
|
+
options: MultiSelectOption[];
|
|
292
|
+
value?: (string | number)[];
|
|
293
|
+
onChange?: (value: (string | number)[]) => void;
|
|
294
|
+
onConfirm?: (value: (string | number)[]) => void;
|
|
295
|
+
onFocus?: () => void;
|
|
296
|
+
onBlur?: () => void;
|
|
297
|
+
onEmptyClick?: () => void;
|
|
298
|
+
id?: string;
|
|
299
|
+
confirmButtonText?: string;
|
|
300
|
+
}
|
|
301
|
+
declare const MultiSelectCheckbox: React__default.ForwardRefExoticComponent<MultiSelectCheckboxProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
302
|
+
|
|
303
|
+
interface PagingProps {
|
|
304
|
+
page: number;
|
|
305
|
+
total: number;
|
|
306
|
+
limit: number;
|
|
307
|
+
onPageChange: (page: number) => void;
|
|
308
|
+
}
|
|
309
|
+
declare function Paging({ page, total, limit, onPageChange, }: PagingProps): react_jsx_runtime.JSX.Element;
|
|
310
|
+
|
|
311
|
+
interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
|
|
312
|
+
label?: string;
|
|
313
|
+
error?: string;
|
|
314
|
+
className?: string;
|
|
315
|
+
radioWidth?: number;
|
|
316
|
+
}
|
|
317
|
+
declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
318
|
+
|
|
319
|
+
declare function RequiredDot(): react_jsx_runtime.JSX.Element;
|
|
320
|
+
|
|
321
|
+
interface SelectOption {
|
|
322
|
+
value: string | number | null;
|
|
323
|
+
label: string;
|
|
324
|
+
disabled?: boolean;
|
|
325
|
+
icon?: React__default.ReactNode;
|
|
326
|
+
description?: string;
|
|
327
|
+
divider?: boolean;
|
|
328
|
+
}
|
|
329
|
+
interface SelectBoxProps extends CommonFormDataProps {
|
|
330
|
+
options: SelectOption[];
|
|
331
|
+
value?: string | number | null;
|
|
332
|
+
onChange?: (value: string | number | null) => void;
|
|
333
|
+
onFocus?: () => void;
|
|
334
|
+
onBlur?: () => void;
|
|
335
|
+
onEmptyClick?: () => void;
|
|
336
|
+
id?: string;
|
|
337
|
+
}
|
|
338
|
+
declare const SelectBox: React__default.ForwardRefExoticComponent<SelectBoxProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
339
|
+
|
|
340
|
+
interface StackProps {
|
|
341
|
+
direction?: Direction;
|
|
342
|
+
justify?: JustifyType;
|
|
343
|
+
align?: AlignType;
|
|
344
|
+
even?: boolean;
|
|
345
|
+
className?: string;
|
|
346
|
+
children: React.ReactNode;
|
|
347
|
+
wFull?: boolean;
|
|
348
|
+
hFull?: boolean;
|
|
349
|
+
gap?: number;
|
|
350
|
+
rowGap?: number;
|
|
351
|
+
columnGap?: number;
|
|
352
|
+
onClick?: () => void;
|
|
353
|
+
childSizes?: (number | string)[];
|
|
354
|
+
flexWrap?: boolean;
|
|
355
|
+
}
|
|
356
|
+
declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
357
|
+
|
|
358
|
+
type ColumnType = "text" | "date" | "dateTime" | "amount" | "percent" | "input" | "checkbox" | "link" | "custom";
|
|
359
|
+
type ColumnAlign = "left" | "center" | "right";
|
|
360
|
+
type ColumnDef<T = unknown> = {
|
|
361
|
+
key: string;
|
|
362
|
+
header: React__default.ReactNode;
|
|
363
|
+
colSpan?: number;
|
|
364
|
+
type?: ColumnType;
|
|
365
|
+
render?: (value: unknown, row: T, rowIndex: number) => React__default.ReactNode;
|
|
366
|
+
align?: ColumnAlign;
|
|
367
|
+
thAlign?: ColumnAlign;
|
|
368
|
+
tdAlign?: ColumnAlign;
|
|
369
|
+
bold?: boolean;
|
|
370
|
+
noWrap?: boolean;
|
|
371
|
+
required?: boolean;
|
|
372
|
+
important?: boolean;
|
|
373
|
+
sortable?: boolean;
|
|
374
|
+
mergeDuplicate?: boolean;
|
|
375
|
+
width?: number;
|
|
376
|
+
className?: string;
|
|
377
|
+
thClassName?: string;
|
|
378
|
+
tdClassName?: string;
|
|
379
|
+
};
|
|
380
|
+
|
|
381
|
+
interface TableProps<T> {
|
|
382
|
+
columns: ColumnDef<T>[];
|
|
383
|
+
datas?: T[];
|
|
384
|
+
footers?: React__default.ReactNode | null;
|
|
385
|
+
isRadioOption?: boolean;
|
|
386
|
+
isCheckboxOption?: boolean;
|
|
387
|
+
isModify?: boolean;
|
|
388
|
+
overWidth?: number;
|
|
389
|
+
emptyMessage?: string;
|
|
390
|
+
disabledCheckboxCondition?: (data: T) => boolean;
|
|
391
|
+
onButtonClick?: (id: number, value: string, key: string) => void;
|
|
392
|
+
onLinkClick?: (id: number, value: string, key: string) => void;
|
|
393
|
+
onChangeInput?: (id: number, value: string, headerKey: string) => void;
|
|
394
|
+
onChangeCheckbox?: (id: number, value: boolean, headerKey: string) => void;
|
|
395
|
+
onChangeToggle?: (id: number, value: boolean, headerKey: string) => void;
|
|
396
|
+
onCheckboxOption?: (selectedIds: string[] | number[]) => void;
|
|
397
|
+
onRadioOption?: (selectedId: string) => void;
|
|
398
|
+
onMoveUp?: (id: string) => void;
|
|
399
|
+
onMoveDown?: (id: string) => void;
|
|
400
|
+
onSort?: (key: string, direction: "asc" | "desc" | "none") => void;
|
|
401
|
+
}
|
|
402
|
+
declare function Table<T extends Record<string, unknown>>({ columns, datas, footers, isRadioOption, isCheckboxOption, isModify, overWidth, emptyMessage, disabledCheckboxCondition, onButtonClick, onLinkClick, onChangeInput, onChangeCheckbox, onChangeToggle, onCheckboxOption, onRadioOption, onMoveUp, onMoveDown, onSort, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
403
|
+
|
|
404
|
+
interface TableTopProps {
|
|
405
|
+
type?: "search" | "option";
|
|
406
|
+
count?: number;
|
|
407
|
+
pageSize?: number;
|
|
408
|
+
countText?: string;
|
|
409
|
+
leftButtons?: React.ReactNode;
|
|
410
|
+
rightButtons?: React.ReactNode;
|
|
411
|
+
registText?: string;
|
|
412
|
+
sortOptionValue?: string;
|
|
413
|
+
sortOptions?: {
|
|
414
|
+
label: string;
|
|
415
|
+
value: string;
|
|
416
|
+
}[];
|
|
417
|
+
useDivider?: boolean;
|
|
418
|
+
isPageCount?: boolean;
|
|
419
|
+
useCountOption?: boolean;
|
|
420
|
+
deleteText?: string;
|
|
421
|
+
onChangeSort?: (value: string) => void;
|
|
422
|
+
onChangePageSize?: (value: number) => void;
|
|
423
|
+
onDelete?: () => void;
|
|
424
|
+
onExcelDownload?: () => void;
|
|
425
|
+
onSelectExcelDownload?: () => void;
|
|
426
|
+
handleRegist?: () => void;
|
|
427
|
+
}
|
|
428
|
+
declare function TableTop({ type, count, pageSize, countText, leftButtons, rightButtons, registText, sortOptionValue, sortOptions, useDivider, isPageCount, useCountOption, deleteText, onChangeSort, onChangePageSize, onDelete, onExcelDownload, onSelectExcelDownload, handleRegist, }: TableTopProps): react_jsx_runtime.JSX.Element;
|
|
429
|
+
|
|
430
|
+
interface CommonTableProps {
|
|
431
|
+
tableTop?: React.ReactNode;
|
|
432
|
+
tableBody?: React.ReactNode;
|
|
433
|
+
pagination?: React.ReactNode;
|
|
434
|
+
}
|
|
435
|
+
declare function CommonTable({ tableTop, tableBody, pagination }: CommonTableProps): react_jsx_runtime.JSX.Element;
|
|
436
|
+
|
|
437
|
+
interface TagProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
438
|
+
id?: string;
|
|
439
|
+
children: React__default.ReactNode;
|
|
440
|
+
color?: ColorType;
|
|
441
|
+
bgColor?: ColorType;
|
|
442
|
+
size?: FontSizeType;
|
|
443
|
+
fontWeight?: FontWeightType;
|
|
444
|
+
className?: string;
|
|
445
|
+
variant?: "filled" | "outlined";
|
|
446
|
+
style?: React__default.CSSProperties;
|
|
447
|
+
}
|
|
448
|
+
declare function Tag({ id, children, color, bgColor, size, fontWeight: fontWeightProp, className, variant, style, ...props }: TagProps): react_jsx_runtime.JSX.Element;
|
|
449
|
+
|
|
450
|
+
interface TagInputProps {
|
|
451
|
+
label?: string;
|
|
452
|
+
labelHidden?: boolean;
|
|
453
|
+
tags: string[];
|
|
454
|
+
onChange: (tags: string[]) => void;
|
|
455
|
+
placeholder?: string;
|
|
456
|
+
disabled?: boolean;
|
|
457
|
+
className?: string;
|
|
458
|
+
id?: string;
|
|
459
|
+
required?: boolean;
|
|
460
|
+
error?: string;
|
|
461
|
+
tooltip?: string | React__default.ReactNode;
|
|
462
|
+
onlyView?: boolean;
|
|
463
|
+
draggable?: boolean;
|
|
464
|
+
onDuplicateTag?: (tag: string) => void;
|
|
465
|
+
}
|
|
466
|
+
declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
467
|
+
|
|
468
|
+
interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonFormDataProps {
|
|
469
|
+
areaHeight?: number;
|
|
470
|
+
maxLength?: number;
|
|
471
|
+
}
|
|
472
|
+
declare const TextArea: React__default.FC<TextAreaProps>;
|
|
473
|
+
|
|
474
|
+
interface TextButtonProps {
|
|
475
|
+
text: string;
|
|
476
|
+
isOpen?: boolean;
|
|
477
|
+
onClick?: () => void;
|
|
478
|
+
color?: ColorType;
|
|
479
|
+
type?: "none" | "arrow" | "underline";
|
|
480
|
+
size?: FontSizeType;
|
|
481
|
+
}
|
|
482
|
+
declare function TextButton({ text, isOpen, onClick, color, type, size, }: TextButtonProps): react_jsx_runtime.JSX.Element;
|
|
483
|
+
|
|
484
|
+
interface ToggleProps {
|
|
485
|
+
checked?: boolean;
|
|
486
|
+
onChange?: (checked: boolean) => void;
|
|
487
|
+
label?: string;
|
|
488
|
+
disabled?: boolean;
|
|
489
|
+
size?: "small" | "medium" | "large";
|
|
490
|
+
textToggleSize?: number;
|
|
491
|
+
className?: string;
|
|
492
|
+
id?: string;
|
|
493
|
+
required?: boolean;
|
|
494
|
+
error?: string;
|
|
495
|
+
tooltip?: React__default.ReactNode;
|
|
496
|
+
onText?: string;
|
|
497
|
+
offText?: string;
|
|
498
|
+
labelWidth?: number;
|
|
499
|
+
isDot?: boolean;
|
|
500
|
+
}
|
|
501
|
+
declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
502
|
+
|
|
503
|
+
interface TooltipProps {
|
|
504
|
+
tooltipInfo: React.ReactNode;
|
|
505
|
+
position?: "bottom" | "right";
|
|
506
|
+
}
|
|
507
|
+
declare function Tooltip({ tooltipInfo, position }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
508
|
+
|
|
509
|
+
interface ToolTipBoxProps {
|
|
510
|
+
title: string;
|
|
511
|
+
children: string[];
|
|
512
|
+
}
|
|
513
|
+
declare function ToolTipBox({ title, children }: ToolTipBoxProps): react_jsx_runtime.JSX.Element;
|
|
514
|
+
|
|
515
|
+
interface TooltipInfoProps {
|
|
516
|
+
title?: string;
|
|
517
|
+
children: string[] | React.ReactNode[];
|
|
518
|
+
}
|
|
519
|
+
declare function TooltipInfo({ title, children }: TooltipInfoProps): react_jsx_runtime.JSX.Element;
|
|
520
|
+
|
|
521
|
+
interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
522
|
+
color?: string;
|
|
523
|
+
children: React__default.ReactNode;
|
|
524
|
+
}
|
|
525
|
+
declare const WarningBox: React__default.FC<WarningBoxProps>;
|
|
526
|
+
|
|
527
|
+
export { type AlignSelfType, type AlignType, BorderRadiusBox, type BorderRadiusBoxProps, BulletText, type BulletTextProps, Button, type ButtonProps, type ButtonVariantType, Checkbox, type CheckboxProps, type ColorType, type ColumnAlign, type ColumnDef, type ColumnType, type CommonFormDataProps, CommonTable, type CommonTableProps, type Direction, type DirectionType, Divider, type DividerProps, EmailInput, type EmailInputProps, type FontSizeType, type FontWeightType, Input, type InputProps, type JustifySelfType, type JustifyType, Label, type LabelProps, MultiSelectCheckbox, type MultiSelectCheckboxProps, type OriginalObject, Paging, type PagingProps, type Paging$1 as PagingType, Radio, type RadioProps, RequiredDot, SelectBox, type SelectBoxProps, type SelectOption$1 as SelectOption, Stack, type StackProps, Table, type TableProps, TableTop, type TableTopProps, Tag, TagInput, type TagProps, Text, TextArea, type TextAreaProps, TextButton, type TextButtonProps, type TextProps, Toggle, type ToggleProps, ToolTipBox, type ToolTipBoxProps, Tooltip, TooltipInfo, type TooltipInfoProps, type TooltipProps, type TreeData, WarningBox, type WarningBoxProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };
|