@scglab/admin-ui 0.1.7 → 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/dist/index.cjs +190 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +13 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +21 -1
- package/dist/index.d.ts +21 -1
- package/dist/index.js +185 -1
- package/dist/index.js.map +1 -1
- package/dist/stores/index.cjs +89 -0
- package/dist/stores/index.cjs.map +1 -0
- package/dist/stores/index.d.cts +39 -0
- package/dist/stores/index.d.ts +39 -0
- package/dist/stores/index.js +61 -0
- package/dist/stores/index.js.map +1 -0
- package/dist/styles/index.css +16 -1
- package/package.json +10 -3
package/dist/index.css
CHANGED
|
@@ -619,7 +619,10 @@
|
|
|
619
619
|
min-width: 100%;
|
|
620
620
|
}
|
|
621
621
|
.min-w-\[140px\] {
|
|
622
|
-
min-width:
|
|
622
|
+
min-width: 10rem;
|
|
623
|
+
}
|
|
624
|
+
.min-w-\[320px\] {
|
|
625
|
+
min-width: 22.8571428571rem;
|
|
623
626
|
}
|
|
624
627
|
.max-h-36 {
|
|
625
628
|
max-height: 2.5714285714rem;
|
|
@@ -633,6 +636,9 @@
|
|
|
633
636
|
.max-h-200 {
|
|
634
637
|
max-height: 14.2857142857rem;
|
|
635
638
|
}
|
|
639
|
+
.max-h-\[90vh\] {
|
|
640
|
+
max-height: 90vh;
|
|
641
|
+
}
|
|
636
642
|
.max-h-screen {
|
|
637
643
|
max-height: 100vh;
|
|
638
644
|
}
|
|
@@ -1094,6 +1100,12 @@
|
|
|
1094
1100
|
.fixed {
|
|
1095
1101
|
position: fixed;
|
|
1096
1102
|
}
|
|
1103
|
+
.inset-0 {
|
|
1104
|
+
top: 0;
|
|
1105
|
+
right: 0;
|
|
1106
|
+
bottom: 0;
|
|
1107
|
+
left: 0;
|
|
1108
|
+
}
|
|
1097
1109
|
.inset-y-0 {
|
|
1098
1110
|
top: 0;
|
|
1099
1111
|
bottom: 0;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +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.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:\n 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n.shadow-md {\n box-shadow:\n 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:\n 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:\n 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)\n var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset, 0 0 0 calc(2px + 0))\n var(--tw-ring-color);\n box-shadow:\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n 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":";AAiDA,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,yBAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;;AAGF,CAAA;AACE,yBAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;;AAGF,CAAA;AACE,yBAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;;AAGF,CAAA;AACE,yBAAA,OAAA,CAAA,EAAA,OAAA,CAAA,EAAA;;AAIF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,kBAAA;;AAIF,CAAA;AACE,aAAA;;AAIF,CAAA;AACE,mBAAA;;AAGF,CAAA;AACE,mBAAA;;AAGF,CAAA;AACE,mBAAA;;AAGF,CAAA;AACE,mBAAA;;AAGF,CAAA;AACE,mBAAA;;AAGF,CAAA;AACE,mBAAA;;AAIF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAIF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAIF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,UAAA;;AAIF,CAAA,KAAA,EAAA;AACE,QAAA;;AAIF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAIF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAIF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAKF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,eAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,eAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,eAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,eAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,eAAA;;AAIF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,cAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,cAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,cAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,cAAA;;AAGF,CAAA,UAAA,EAAA,EAAA,EAAA;AACE,cAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAGF,CAAA;AACE,OAAA;;AAKF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAGF,CAAA;AACE,WAAA;;AAIF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,iBAAA;;AAIF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAGF,CAAA;AACE,eAAA;AACA,kBAAA;;AAIF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAxDA;AAyDE,iBAAA;;AAKF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAIF,CAAA;AACE,eAAA;AACA,gBAAA;;AAGF,CAAA;AACE,eAAA;AACA,gBAAA;;AAGF,CAAA;AACE,eAAA;AACA,gBAAA;;AAGF,CAAA;AACE,eAAA;AACA,gBAAA;;AAIF,CAAA;AACE,cAAA;AACA,iBAAA;;AAGF,CAAA;AACE,cAAA;AACA,iBAAA;;AAGF,CAAA;AACE,cAAA;AACA,iBAAA;;AAGF,CAAA;AACE,cAAA;AACA,iBAAA;;AAGF,CAAA;AACE,cAAA;AACA,iBAAA;;AAGF,CAAA;AACE,cAAA;AACA,iBAAA;;AAIF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAEF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,eAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAIF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAGF,CAAA;AACE,SAAA;;AAIF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAGF,CAAA;AACE,UAAA;;AAIF,CAAA;AACE,UAAA,KAAA,KAAA,EAAA;;AAIF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAIF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,cAAA;;AAIF,CAAA;AACE,gBAAA;AACA,gBAAA;;AAGF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA;AACA,gBAAA;;AAIF,CAAA;AACE,oBAAA;AACA,oBAAA;;AAGF,CAAA;AACE,uBAAA;AACA,uBAAA;;AAGF,CAAA;AACE,uBAAA;AACA,uBAAA;;AAGF,CAAA;AACE,uBAAA;;AAGF,CAAA;AACE,qBAAA;AACA,qBAAA;;AAGF,CAAA;AACE,sBAAA;AACA,sBAAA;;AAIF,CAAA;AACE,gBAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAGF,CAAA;AACE,gBAAA,IAAA;;AAIF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,iBAAA;;AAGF,CAAA;AACE,2BAAA;AACA,8BAAA;;AAGF,CAAA;AACE,0BAAA;AACA,6BAAA;;AAIF,CAAA;AACE,oBAAA;;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;;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":[]}
|
|
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: toRem(140);\n}\n\n.min-w-\\[320px\\] {\n min-width: toRem(320);\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-\\[90vh\\] {\n max-height: 90vh;\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.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:\n 0 1px 3px 0 rgba(0, 0, 0, 0.1),\n 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n}\n\n.shadow-md {\n box-shadow:\n 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:\n 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:\n 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-0 {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\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)\n var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset, 0 0 0 calc(2px + 0))\n var(--tw-ring-color);\n box-shadow:\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n 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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AAA;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;;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,CAA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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
+
export { useDialogStore, useLoadingStore } from './stores/index.cjs';
|
|
5
|
+
import 'zustand';
|
|
4
6
|
|
|
5
7
|
declare const fontSize: {
|
|
6
8
|
h1: string;
|
|
@@ -524,4 +526,22 @@ interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement>
|
|
|
524
526
|
}
|
|
525
527
|
declare const WarningBox: React__default.FC<WarningBoxProps>;
|
|
526
528
|
|
|
527
|
-
|
|
529
|
+
declare const AlertConfirmModal: () => react_jsx_runtime.JSX.Element | null;
|
|
530
|
+
|
|
531
|
+
interface CommonDataModalProps {
|
|
532
|
+
modalWidth?: number;
|
|
533
|
+
iconClose?: boolean;
|
|
534
|
+
buttonClose?: boolean;
|
|
535
|
+
title?: string;
|
|
536
|
+
titleTooltip?: React__default.ReactNode;
|
|
537
|
+
subText?: React__default.ReactNode;
|
|
538
|
+
data: React__default.ReactNode;
|
|
539
|
+
onClose: () => void;
|
|
540
|
+
cancelText?: string;
|
|
541
|
+
confirmText?: string;
|
|
542
|
+
useScroll?: boolean;
|
|
543
|
+
onConfirm?: () => void;
|
|
544
|
+
}
|
|
545
|
+
declare function CommonDataModal({ modalWidth, iconClose, title, titleTooltip, subText, data, useScroll, onClose }: CommonDataModalProps): react_jsx_runtime.JSX.Element;
|
|
546
|
+
|
|
547
|
+
export { AlertConfirmModal, 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, CommonDataModal, type CommonDataModalProps, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
+
export { useDialogStore, useLoadingStore } from './stores/index.js';
|
|
5
|
+
import 'zustand';
|
|
4
6
|
|
|
5
7
|
declare const fontSize: {
|
|
6
8
|
h1: string;
|
|
@@ -524,4 +526,22 @@ interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement>
|
|
|
524
526
|
}
|
|
525
527
|
declare const WarningBox: React__default.FC<WarningBoxProps>;
|
|
526
528
|
|
|
527
|
-
|
|
529
|
+
declare const AlertConfirmModal: () => react_jsx_runtime.JSX.Element | null;
|
|
530
|
+
|
|
531
|
+
interface CommonDataModalProps {
|
|
532
|
+
modalWidth?: number;
|
|
533
|
+
iconClose?: boolean;
|
|
534
|
+
buttonClose?: boolean;
|
|
535
|
+
title?: string;
|
|
536
|
+
titleTooltip?: React__default.ReactNode;
|
|
537
|
+
subText?: React__default.ReactNode;
|
|
538
|
+
data: React__default.ReactNode;
|
|
539
|
+
onClose: () => void;
|
|
540
|
+
cancelText?: string;
|
|
541
|
+
confirmText?: string;
|
|
542
|
+
useScroll?: boolean;
|
|
543
|
+
onConfirm?: () => void;
|
|
544
|
+
}
|
|
545
|
+
declare function CommonDataModal({ modalWidth, iconClose, title, titleTooltip, subText, data, useScroll, onClose }: CommonDataModalProps): react_jsx_runtime.JSX.Element;
|
|
546
|
+
|
|
547
|
+
export { AlertConfirmModal, 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, CommonDataModal, type CommonDataModalProps, 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 };
|
package/dist/index.js
CHANGED
|
@@ -3541,11 +3541,193 @@ var WarningBox = ({
|
|
|
3541
3541
|
);
|
|
3542
3542
|
};
|
|
3543
3543
|
var WarningBox_default = WarningBox;
|
|
3544
|
+
|
|
3545
|
+
// src/store/DialogStore.tsx
|
|
3546
|
+
import { create } from "zustand";
|
|
3547
|
+
var useDialogStore = create((set) => ({
|
|
3548
|
+
isOpen: false,
|
|
3549
|
+
type: "alert",
|
|
3550
|
+
message: "",
|
|
3551
|
+
showAlert: ({ title, message, onConfirm }) => set({
|
|
3552
|
+
isOpen: true,
|
|
3553
|
+
type: "alert",
|
|
3554
|
+
title,
|
|
3555
|
+
message,
|
|
3556
|
+
onConfirm: () => {
|
|
3557
|
+
onConfirm?.();
|
|
3558
|
+
set({ isOpen: false });
|
|
3559
|
+
}
|
|
3560
|
+
}),
|
|
3561
|
+
showConfirm: ({ title, message, onConfirm, onCancel }) => set({
|
|
3562
|
+
isOpen: true,
|
|
3563
|
+
type: "confirm",
|
|
3564
|
+
title,
|
|
3565
|
+
message,
|
|
3566
|
+
onConfirm: () => {
|
|
3567
|
+
onConfirm();
|
|
3568
|
+
set({ isOpen: false });
|
|
3569
|
+
},
|
|
3570
|
+
onCancel: () => {
|
|
3571
|
+
onCancel?.();
|
|
3572
|
+
set({ isOpen: false });
|
|
3573
|
+
}
|
|
3574
|
+
}),
|
|
3575
|
+
showPrompt: ({ title, message, defaultValue, onConfirm, onCancel }) => set({
|
|
3576
|
+
isOpen: true,
|
|
3577
|
+
type: "prompt",
|
|
3578
|
+
title,
|
|
3579
|
+
message,
|
|
3580
|
+
defaultValue,
|
|
3581
|
+
onConfirm: (value) => {
|
|
3582
|
+
onConfirm(value || "");
|
|
3583
|
+
set({ isOpen: false });
|
|
3584
|
+
},
|
|
3585
|
+
onCancel: () => {
|
|
3586
|
+
onCancel?.();
|
|
3587
|
+
set({ isOpen: false });
|
|
3588
|
+
}
|
|
3589
|
+
}),
|
|
3590
|
+
close: () => set({ isOpen: false })
|
|
3591
|
+
}));
|
|
3592
|
+
var DialogStore_default = useDialogStore;
|
|
3593
|
+
|
|
3594
|
+
// src/store/LoadingStore.tsx
|
|
3595
|
+
import { create as create2 } from "zustand";
|
|
3596
|
+
var useLoadingStore = create2((set) => ({
|
|
3597
|
+
isLoading: false,
|
|
3598
|
+
setLoading: (loading) => set({ isLoading: loading })
|
|
3599
|
+
}));
|
|
3600
|
+
var LoadingStore_default = useLoadingStore;
|
|
3601
|
+
|
|
3602
|
+
// src/components/modals/AlertConfirmModal.tsx
|
|
3603
|
+
import React9, { useEffect as useEffect9, useState as useState10 } from "react";
|
|
3604
|
+
import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3605
|
+
var AlertConfirmModal = () => {
|
|
3606
|
+
const dialog = DialogStore_default();
|
|
3607
|
+
const [inputValue, setInputValue] = useState10("");
|
|
3608
|
+
useEffect9(() => {
|
|
3609
|
+
if (dialog.isOpen && dialog.type === "prompt") {
|
|
3610
|
+
setInputValue(dialog.defaultValue || "");
|
|
3611
|
+
}
|
|
3612
|
+
}, [dialog.isOpen, dialog.type, dialog.defaultValue]);
|
|
3613
|
+
if (!dialog.isOpen) return null;
|
|
3614
|
+
return /* @__PURE__ */ jsxs28("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
3615
|
+
/* @__PURE__ */ jsx37("div", { className: "fixed inset-0 bg-black opacity-50" }),
|
|
3616
|
+
/* @__PURE__ */ jsx37(BorderRadiusBox_default, { paddingX: 12, paddingY: 12, className: "bg-white z-10 min-w-[320px]", children: /* @__PURE__ */ jsxs28(Stack_default, { direction: "col", gap: 20, wFull: true, className: "pt-12", children: [
|
|
3617
|
+
/* @__PURE__ */ jsxs28(Stack_default, { direction: "col", gap: 12, wFull: true, children: [
|
|
3618
|
+
dialog.title && /* @__PURE__ */ jsx37(Text, { size: "body16", fontWeight: "bold", className: "px-12", children: dialog.title }),
|
|
3619
|
+
/* @__PURE__ */ jsx37(Text, { size: "body16", fontWeight: "regular", className: "px-12", children: typeof dialog.message === "string" ? dialog.message.split(/\n|<br\s*\/?>/gi).map((line, index, array) => /* @__PURE__ */ jsxs28(React9.Fragment, { children: [
|
|
3620
|
+
line,
|
|
3621
|
+
index < array.length - 1 && /* @__PURE__ */ jsx37("br", {})
|
|
3622
|
+
] }, index)) : dialog.message }),
|
|
3623
|
+
dialog.type === "prompt" && /* @__PURE__ */ jsx37(
|
|
3624
|
+
"input",
|
|
3625
|
+
{
|
|
3626
|
+
type: "text",
|
|
3627
|
+
value: inputValue,
|
|
3628
|
+
onChange: (e) => setInputValue(e.target.value),
|
|
3629
|
+
className: "w-full border border-line rounded p-8",
|
|
3630
|
+
autoFocus: true
|
|
3631
|
+
}
|
|
3632
|
+
)
|
|
3633
|
+
] }),
|
|
3634
|
+
/* @__PURE__ */ jsxs28(Stack_default, { direction: "row", gap: 8, align: "center", justify: "center", children: [
|
|
3635
|
+
dialog.type !== "alert" && /* @__PURE__ */ jsx37(
|
|
3636
|
+
Button_default,
|
|
3637
|
+
{
|
|
3638
|
+
variant: "lower",
|
|
3639
|
+
size: "medium",
|
|
3640
|
+
className: "flex-1",
|
|
3641
|
+
onClick: () => {
|
|
3642
|
+
dialog.onCancel?.();
|
|
3643
|
+
dialog.close();
|
|
3644
|
+
},
|
|
3645
|
+
children: "\uCDE8\uC18C"
|
|
3646
|
+
}
|
|
3647
|
+
),
|
|
3648
|
+
/* @__PURE__ */ jsx37(
|
|
3649
|
+
Button_default,
|
|
3650
|
+
{
|
|
3651
|
+
variant: "primary",
|
|
3652
|
+
size: "medium",
|
|
3653
|
+
className: "flex-1",
|
|
3654
|
+
onClick: () => {
|
|
3655
|
+
if (dialog.type === "prompt") {
|
|
3656
|
+
dialog.onConfirm?.(inputValue);
|
|
3657
|
+
} else {
|
|
3658
|
+
dialog.onConfirm?.();
|
|
3659
|
+
}
|
|
3660
|
+
dialog.close();
|
|
3661
|
+
},
|
|
3662
|
+
children: "\uD655\uC778"
|
|
3663
|
+
}
|
|
3664
|
+
)
|
|
3665
|
+
] })
|
|
3666
|
+
] }) })
|
|
3667
|
+
] });
|
|
3668
|
+
};
|
|
3669
|
+
var AlertConfirmModal_default = AlertConfirmModal;
|
|
3670
|
+
|
|
3671
|
+
// src/components/modals/CommonDataModal.tsx
|
|
3672
|
+
import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3673
|
+
function CommonDataModal({
|
|
3674
|
+
modalWidth = 1100,
|
|
3675
|
+
iconClose = true,
|
|
3676
|
+
title,
|
|
3677
|
+
titleTooltip,
|
|
3678
|
+
subText,
|
|
3679
|
+
data,
|
|
3680
|
+
useScroll = true,
|
|
3681
|
+
onClose
|
|
3682
|
+
}) {
|
|
3683
|
+
return /* @__PURE__ */ jsxs29("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
3684
|
+
/* @__PURE__ */ jsx38("div", { className: "fixed inset-0 bg-black opacity-50" }),
|
|
3685
|
+
/* @__PURE__ */ jsx38("div", { style: { width: toRemFunction2(modalWidth) }, children: /* @__PURE__ */ jsxs29(
|
|
3686
|
+
BorderRadiusBox_default,
|
|
3687
|
+
{
|
|
3688
|
+
radius: 12,
|
|
3689
|
+
paddingX: 28,
|
|
3690
|
+
paddingY: 24,
|
|
3691
|
+
className: "bg-white w-full flex flex-col gap-24 relative h-full max-h-[90vh]",
|
|
3692
|
+
children: [
|
|
3693
|
+
/* @__PURE__ */ jsx38(Stack_default, { direction: "col", gap: 24, wFull: true, children: /* @__PURE__ */ jsxs29(Stack_default, { direction: "row", justify: "between", children: [
|
|
3694
|
+
/* @__PURE__ */ jsxs29(Stack_default, { direction: "col", gap: 8, align: "start", children: [
|
|
3695
|
+
/* @__PURE__ */ jsx38(Stack_default, { direction: "row", gap: 20, align: "baseline", children: /* @__PURE__ */ jsx38(Text, { size: "h6", fontWeight: "bold", children: title }) }),
|
|
3696
|
+
subText && subText,
|
|
3697
|
+
titleTooltip && /* @__PURE__ */ jsx38(Tooltip_default, { position: "bottom", tooltipInfo: titleTooltip })
|
|
3698
|
+
] }),
|
|
3699
|
+
iconClose && /* @__PURE__ */ jsx38(
|
|
3700
|
+
"button",
|
|
3701
|
+
{
|
|
3702
|
+
type: "button",
|
|
3703
|
+
className: "cursor-pointer p-0 border-0 bg-transparent flex items-center justify-center",
|
|
3704
|
+
onClick: onClose,
|
|
3705
|
+
"aria-label": "\uB2EB\uAE30",
|
|
3706
|
+
children: /* @__PURE__ */ jsx38(ColorIcTagClose_default, { width: 20, height: 20 })
|
|
3707
|
+
}
|
|
3708
|
+
)
|
|
3709
|
+
] }) }),
|
|
3710
|
+
/* @__PURE__ */ jsx38(
|
|
3711
|
+
"div",
|
|
3712
|
+
{
|
|
3713
|
+
className: `h-full ${useScroll ? "overflow-y-auto" : ""}`,
|
|
3714
|
+
style: { maxHeight: "calc(90vh - 120px)" },
|
|
3715
|
+
children: data
|
|
3716
|
+
}
|
|
3717
|
+
)
|
|
3718
|
+
]
|
|
3719
|
+
}
|
|
3720
|
+
) })
|
|
3721
|
+
] });
|
|
3722
|
+
}
|
|
3723
|
+
var CommonDataModal_default = CommonDataModal;
|
|
3544
3724
|
export {
|
|
3725
|
+
AlertConfirmModal_default as AlertConfirmModal,
|
|
3545
3726
|
BorderRadiusBox_default as BorderRadiusBox,
|
|
3546
3727
|
BulletText_default as BulletText,
|
|
3547
3728
|
Button_default as Button,
|
|
3548
3729
|
Checkbox_default as Checkbox,
|
|
3730
|
+
CommonDataModal_default as CommonDataModal,
|
|
3549
3731
|
CommonTable_default as CommonTable,
|
|
3550
3732
|
Divider_default as Divider,
|
|
3551
3733
|
EmailInput_default as EmailInput,
|
|
@@ -3577,6 +3759,8 @@ export {
|
|
|
3577
3759
|
fontWeight,
|
|
3578
3760
|
justifies,
|
|
3579
3761
|
justifySelfs,
|
|
3580
|
-
lineHeightSize
|
|
3762
|
+
lineHeightSize,
|
|
3763
|
+
DialogStore_default as useDialogStore,
|
|
3764
|
+
LoadingStore_default as useLoadingStore
|
|
3581
3765
|
};
|
|
3582
3766
|
//# sourceMappingURL=index.js.map
|