@sellmate/design-system 0.0.12 → 0.0.15
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/{esm/resolveColor-BYf-ybt2.js → cjs/color-Oz29vj7L.js} +6 -14
- package/dist/cjs/color-Oz29vj7L.js.map +1 -0
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/resolveColor-CauSLF0s.js +18 -0
- package/dist/{esm/resolveColor-BYf-ybt2.js.map → cjs/resolveColor-CauSLF0s.js.map} +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +3 -2
- package/dist/cjs/sd-badge.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-button.sd-tooltip-portal.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-button_2.cjs.entry.js +223 -0
- package/dist/cjs/sd-card.cjs.entry.js +20 -0
- package/dist/cjs/sd-card.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-checkbox_9.cjs.entry.js +1677 -0
- package/dist/cjs/{sd-date-box_2.cjs.entry.js → sd-date-box.cjs.entry.js} +3 -121
- package/dist/cjs/sd-date-box.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-guide.cjs.entry.js +121 -0
- package/dist/cjs/sd-guide.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-pagination_2.cjs.entry.js +4 -4
- package/dist/cjs/sd-popover.cjs.entry.js +2 -2
- package/dist/cjs/sd-table.cjs.entry.js +4 -4
- package/dist/cjs/sd-table.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +5 -1
- package/dist/collection/components/assets/index.js +2 -0
- package/dist/collection/components/assets/index.js.map +1 -1
- package/dist/collection/components/assets/minus/Minus12.js +3 -0
- package/dist/collection/components/assets/minus/Minus12.js.map +1 -0
- package/dist/collection/components/assets/minus/index.js +5 -0
- package/dist/collection/components/assets/minus/index.js.map +1 -0
- package/dist/collection/components/event-management.js +20 -0
- package/dist/collection/components/event-management.js.map +1 -0
- package/dist/collection/components/sd-badge/sd-badge.js +1 -1
- package/dist/collection/components/sd-button/sd-button.css +1 -1
- package/dist/collection/components/sd-button/sd-button.js +14 -39
- package/dist/collection/components/sd-button/sd-button.js.map +1 -1
- package/dist/collection/components/sd-card/sd-card.css +1372 -0
- package/dist/collection/components/sd-card/sd-card.js +64 -0
- package/dist/collection/components/sd-card/sd-card.js.map +1 -0
- package/dist/collection/components/sd-checkbox/sd-checkbox.css +1372 -7
- package/dist/collection/components/sd-checkbox/sd-checkbox.js +35 -40
- package/dist/collection/components/sd-checkbox/sd-checkbox.js.map +1 -1
- package/dist/collection/components/sd-date-box/sd-date-box.js +2 -2
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +2 -2
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
- package/dist/collection/components/sd-guide/sd-guide.css +8 -0
- package/dist/collection/components/sd-guide/sd-guide.js +66 -54
- package/dist/collection/components/sd-guide/sd-guide.js.map +1 -1
- package/dist/collection/components/sd-icon/sd-icon.js +2 -2
- package/dist/collection/components/sd-input/sd-input.js +2 -2
- package/dist/collection/components/sd-pagination/sd-pagination.js +2 -2
- package/dist/collection/components/sd-popover/sd-popover.js +3 -3
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.css +7 -0
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +12 -9
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js.map +1 -1
- package/dist/collection/components/sd-select/sd-select.css +2 -0
- package/dist/collection/components/sd-select/sd-select.js +7 -136
- package/dist/collection/components/sd-select/sd-select.js.map +1 -1
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.css +1504 -0
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +585 -0
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js.map +1 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +1499 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +754 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js.map +1 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.css +1412 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +269 -0
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js.map +1 -0
- package/dist/collection/components/sd-table/sd-table.js +8 -10
- package/dist/collection/components/sd-table/sd-table.js.map +1 -1
- package/dist/collection/components/sd-tag/sd-tag.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +3 -3
- package/dist/collection/components/sd-tooltip-portal/sd-tooltip-portal.js +1 -1
- package/dist/components/p-1jmdnu3I.js +118 -0
- package/dist/components/p-1jmdnu3I.js.map +1 -0
- package/dist/components/{p-BO6LLSyN.js → p-7xizrxZ5.js} +9 -9
- package/dist/components/p-7xizrxZ5.js.map +1 -0
- package/dist/components/{p-CiTGsdkP.js → p-B1kMis4e.js} +7 -7
- package/dist/components/{p-CiTGsdkP.js.map → p-B1kMis4e.js.map} +1 -1
- package/dist/components/{p-CI-1-u3u.js → p-BOsnXzkr.js} +15 -3
- package/dist/components/p-BOsnXzkr.js.map +1 -0
- package/dist/components/{p-BVMP8_7g.js → p-BTSN9ENi.js} +5 -5
- package/dist/components/{p-BVMP8_7g.js.map → p-BTSN9ENi.js.map} +1 -1
- package/dist/components/{p-CwnpMbLt.js → p-B_s4RQWY.js} +18 -15
- package/dist/components/p-B_s4RQWY.js.map +1 -0
- package/dist/components/{p-BQR8GTeD.js → p-D_m-rDEx.js} +4 -4
- package/dist/components/{p-BQR8GTeD.js.map → p-D_m-rDEx.js.map} +1 -1
- package/dist/components/p-UtZuVoJ9.js +110 -0
- package/dist/components/p-UtZuVoJ9.js.map +1 -0
- package/dist/components/{p-D7VWdAch.js → p-az-fZTqo.js} +3 -3
- package/dist/components/{p-D7VWdAch.js.map → p-az-fZTqo.js.map} +1 -1
- package/dist/components/p-sQ8mybM7.js +115 -0
- package/dist/components/p-sQ8mybM7.js.map +1 -0
- package/dist/components/{p-BbUf81Wx.js → p-x0iTdFk8.js} +5 -5
- package/dist/components/{p-BbUf81Wx.js.map → p-x0iTdFk8.js.map} +1 -1
- package/dist/components/{p-exVR_ekC.js → p-yJmTynI0.js} +3 -3
- package/dist/components/{p-exVR_ekC.js.map → p-yJmTynI0.js.map} +1 -1
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.d.ts +11 -0
- package/dist/components/sd-card.js +42 -0
- package/dist/components/sd-card.js.map +1 -0
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker.js +6 -6
- package/dist/components/sd-date-range-picker.js +6 -6
- package/dist/components/sd-guide.js +69 -57
- package/dist/components/sd-guide.js.map +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +5 -5
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-select-multiple-group.d.ts +11 -0
- package/dist/components/sd-select-multiple-group.js +389 -0
- package/dist/components/sd-select-multiple-group.js.map +1 -0
- package/dist/components/sd-select-multiple.d.ts +11 -0
- package/dist/components/sd-select-multiple.js +335 -0
- package/dist/components/sd-select-multiple.js.map +1 -0
- package/dist/components/sd-select-option-group.d.ts +11 -0
- package/dist/components/sd-select-option-group.js +9 -0
- package/dist/components/sd-select-option-group.js.map +1 -0
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select.js +15 -137
- package/dist/components/sd-select.js.map +1 -1
- package/dist/components/sd-table.js +10 -10
- package/dist/components/sd-table.js.map +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tooltip-portal.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-7dcff5f4.entry.js → p-240de5df.entry.js} +2 -2
- package/dist/design-system/p-2e519819.entry.js +2 -0
- package/dist/design-system/p-2e519819.entry.js.map +1 -0
- package/dist/design-system/{p-5af93f6e.entry.js → p-4eaf6262.entry.js} +2 -2
- package/dist/design-system/p-5f6c69ed.entry.js +2 -0
- package/dist/design-system/p-5f6c69ed.entry.js.map +1 -0
- package/dist/design-system/p-62c12ab7.entry.js +2 -0
- package/dist/design-system/p-62c12ab7.entry.js.map +1 -0
- package/dist/design-system/{p-c89d383a.entry.js → p-71716c18.entry.js} +2 -2
- package/dist/design-system/p-87da8d28.entry.js +2 -0
- package/dist/design-system/p-87da8d28.entry.js.map +1 -0
- package/dist/design-system/p-BoLmB6pG.js +2 -0
- package/dist/design-system/{p-BYf-ybt2.js.map → p-BoLmB6pG.js.map} +1 -1
- package/dist/design-system/{p-BYf-ybt2.js → p-CgyTlXBV.js} +2 -2
- package/dist/design-system/p-CgyTlXBV.js.map +1 -0
- package/dist/design-system/{p-585f1e0c.entry.js → p-ac9a20b4.entry.js} +2 -2
- package/dist/design-system/p-ac9a20b4.entry.js.map +1 -0
- package/dist/design-system/{p-fe6d6d27.entry.js → p-b037ea76.entry.js} +2 -2
- package/dist/design-system/p-b4e3145a.entry.js +2 -0
- package/dist/design-system/p-b4e3145a.entry.js.map +1 -0
- package/dist/design-system/{p-4cd267c5.entry.js → p-bd9e799c.entry.js} +2 -2
- package/dist/design-system/p-d185bd2e.entry.js +2 -0
- package/dist/design-system/p-d185bd2e.entry.js.map +1 -0
- package/dist/design-system/sd-badge.entry.esm.js.map +1 -1
- package/dist/design-system/sd-button.sd-tooltip-portal.entry.esm.js.map +1 -0
- package/dist/design-system/sd-card.entry.esm.js.map +1 -0
- package/dist/design-system/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.esm.js.map +1 -0
- package/dist/design-system/sd-date-box.entry.esm.js.map +1 -0
- package/dist/design-system/sd-guide.entry.esm.js.map +1 -0
- package/dist/design-system/sd-table.entry.esm.js.map +1 -1
- package/dist/{cjs/resolveColor-DxvExwgo.js → esm/color-CgyTlXBV.js} +4 -17
- package/dist/esm/color-CgyTlXBV.js.map +1 -0
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/resolveColor-CswQ9y2Q.js +16 -0
- package/dist/{cjs/resolveColor-DxvExwgo.js.map → esm/resolveColor-CswQ9y2Q.js.map} +1 -1
- package/dist/esm/sd-badge.entry.js +3 -2
- package/dist/esm/sd-badge.entry.js.map +1 -1
- package/dist/esm/sd-button.sd-tooltip-portal.entry.js.map +1 -0
- package/dist/esm/sd-button_2.entry.js +220 -0
- package/dist/esm/sd-card.entry.js +18 -0
- package/dist/esm/sd-card.entry.js.map +1 -0
- package/dist/esm/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.js.map +1 -0
- package/dist/esm/sd-checkbox_9.entry.js +1667 -0
- package/dist/esm/{sd-date-box_2.entry.js → sd-date-box.entry.js} +5 -122
- package/dist/esm/sd-date-box.entry.js.map +1 -0
- package/dist/esm/sd-date-picker.entry.js +2 -2
- package/dist/esm/sd-date-range-picker.entry.js +2 -2
- package/dist/esm/sd-guide.entry.js +119 -0
- package/dist/esm/sd-guide.entry.js.map +1 -0
- package/dist/esm/sd-pagination_2.entry.js +4 -4
- package/dist/esm/sd-popover.entry.js +2 -2
- package/dist/esm/sd-table.entry.js +4 -4
- package/dist/esm/sd-table.entry.js.map +1 -1
- package/dist/esm/sd-tag.entry.js +1 -1
- package/dist/types/components/assets/index.d.ts +3 -0
- package/dist/types/components/assets/minus/Minus12.d.ts +1 -0
- package/dist/types/components/assets/minus/index.d.ts +3 -0
- package/dist/types/components/event-management.d.ts +6 -0
- package/dist/types/components/sd-button/sd-button.d.ts +1 -2
- package/dist/types/components/sd-card/sd-card.d.ts +5 -0
- package/dist/types/components/sd-checkbox/sd-checkbox.d.ts +6 -5
- package/dist/types/components/sd-guide/sd-guide.d.ts +2 -11
- package/dist/types/components/sd-select/sd-select.d.ts +0 -6
- package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts +54 -0
- package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +75 -0
- package/dist/types/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.d.ts +24 -0
- package/dist/types/components.d.ts +379 -54
- package/hydrate/index.js +904 -153
- package/hydrate/index.mjs +904 -153
- package/package.json +2 -2
- package/dist/cjs/sd-button.sd-guide.sd-icon.sd-portal.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-button_4.cjs.entry.js +0 -587
- package/dist/cjs/sd-checkbox.cjs.entry.js +0 -81
- package/dist/cjs/sd-checkbox.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-date-box.sd-input.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-select-option.cjs.entry.js +0 -55
- package/dist/cjs/sd-select-option.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-select.cjs.entry.js +0 -371
- package/dist/cjs/sd-select.entry.cjs.js.map +0 -1
- package/dist/cjs/sd-tooltip-portal.cjs.entry.js +0 -158
- package/dist/cjs/sd-tooltip-portal.entry.cjs.js.map +0 -1
- package/dist/components/p-BO6LLSyN.js.map +0 -1
- package/dist/components/p-CI-1-u3u.js.map +0 -1
- package/dist/components/p-CwnpMbLt.js.map +0 -1
- package/dist/components/p-hwVfUtSx.js +0 -112
- package/dist/components/p-hwVfUtSx.js.map +0 -1
- package/dist/design-system/p-3824f9a6.entry.js +0 -2
- package/dist/design-system/p-3824f9a6.entry.js.map +0 -1
- package/dist/design-system/p-585f1e0c.entry.js.map +0 -1
- package/dist/design-system/p-71ac64b0.entry.js +0 -2
- package/dist/design-system/p-71ac64b0.entry.js.map +0 -1
- package/dist/design-system/p-9f6aa159.entry.js +0 -2
- package/dist/design-system/p-9f6aa159.entry.js.map +0 -1
- package/dist/design-system/p-bfd17f46.entry.js +0 -2
- package/dist/design-system/p-bfd17f46.entry.js.map +0 -1
- package/dist/design-system/p-c7b6d94d.entry.js +0 -2
- package/dist/design-system/p-c7b6d94d.entry.js.map +0 -1
- package/dist/design-system/p-ca8e64cf.entry.js +0 -2
- package/dist/design-system/p-ca8e64cf.entry.js.map +0 -1
- package/dist/design-system/p-d4395043.entry.js +0 -2
- package/dist/design-system/p-d4395043.entry.js.map +0 -1
- package/dist/design-system/sd-button.sd-guide.sd-icon.sd-portal.entry.esm.js.map +0 -1
- package/dist/design-system/sd-checkbox.entry.esm.js.map +0 -1
- package/dist/design-system/sd-date-box.sd-input.entry.esm.js.map +0 -1
- package/dist/design-system/sd-select-option.entry.esm.js.map +0 -1
- package/dist/design-system/sd-select.entry.esm.js.map +0 -1
- package/dist/design-system/sd-tooltip-portal.entry.esm.js.map +0 -1
- package/dist/esm/sd-button.sd-guide.sd-icon.sd-portal.entry.js.map +0 -1
- package/dist/esm/sd-button_4.entry.js +0 -582
- package/dist/esm/sd-checkbox.entry.js +0 -79
- package/dist/esm/sd-checkbox.entry.js.map +0 -1
- package/dist/esm/sd-date-box.sd-input.entry.js.map +0 -1
- package/dist/esm/sd-select-option.entry.js +0 -53
- package/dist/esm/sd-select-option.entry.js.map +0 -1
- package/dist/esm/sd-select.entry.js +0 -369
- package/dist/esm/sd-select.entry.js.map +0 -1
- package/dist/esm/sd-tooltip-portal.entry.js +0 -156
- package/dist/esm/sd-tooltip-portal.entry.js.map +0 -1
- /package/dist/design-system/{p-7dcff5f4.entry.js.map → p-240de5df.entry.js.map} +0 -0
- /package/dist/design-system/{p-5af93f6e.entry.js.map → p-4eaf6262.entry.js.map} +0 -0
- /package/dist/design-system/{p-c89d383a.entry.js.map → p-71716c18.entry.js.map} +0 -0
- /package/dist/design-system/{p-fe6d6d27.entry.js.map → p-b037ea76.entry.js.map} +0 -0
- /package/dist/design-system/{p-4cd267c5.entry.js.map → p-bd9e799c.entry.js.map} +0 -0
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
1
3
|
const primary = "#051d36";
|
|
2
4
|
const secondary = "#555555";
|
|
3
5
|
const accent = "#9c27b0";
|
|
@@ -124,7 +126,7 @@ const grey_10 = "#f6f6f6";
|
|
|
124
126
|
const grey_05 = "#f9f9f9";
|
|
125
127
|
const white = "#ffffff";
|
|
126
128
|
const black = "#000000";
|
|
127
|
-
var colors
|
|
129
|
+
var colors = {
|
|
128
130
|
primary: primary,
|
|
129
131
|
secondary: secondary,
|
|
130
132
|
accent: accent,
|
|
@@ -253,17 +255,7 @@ var colors$1 = {
|
|
|
253
255
|
black: black
|
|
254
256
|
};
|
|
255
257
|
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
|
|
259
|
-
function resolveColor(input, fallback = '#025497') {
|
|
260
|
-
if (!input)
|
|
261
|
-
return fallback;
|
|
262
|
-
const mapped = colors[input];
|
|
263
|
-
return mapped || input;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
export { colors$1 as c, resolveColor as r };
|
|
267
|
-
//# sourceMappingURL=resolveColor-BYf-ybt2.js.map
|
|
258
|
+
exports.colors = colors;
|
|
259
|
+
//# sourceMappingURL=color-Oz29vj7L.js.map
|
|
268
260
|
|
|
269
|
-
//# sourceMappingURL=
|
|
261
|
+
//# sourceMappingURL=color-Oz29vj7L.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-Oz29vj7L.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
return index.bootstrapLazy([["sd-table.cjs",[[768,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"pagination":[16],"bodyCellRenderer":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-
|
|
21
|
+
return index.bootstrapLazy([["sd-table.cjs",[[768,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"pagination":[16],"bodyCellRenderer":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-date-picker.cjs",[[770,"sd-date-picker",{"date":[1],"label":[1],"selectable":[16],"disabled":[4],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker.cjs",[[770,"sd-date-range-picker",{"date":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]}]]],["sd-guide.cjs",[[770,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["sd-popover.cjs",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-badge.cjs",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card.cjs",[[772,"sd-card",{"bordered":[4],"class":[1]}]]],["sd-tag.cjs",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["sd-date-box.cjs",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["sd-checkbox_9.cjs",[[772,"sd-select",{"value":[1032],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[772,"sd-select-multiple-group",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[772,"sd-input",{"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"error":[32],"focused":[32],"hovered":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[770,"sd-checkbox",{"checked":[4],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"checked":["watchValueHandler"]}],[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[770,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["sd-button_2.cjs",[[769,"sd-tooltip-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[770,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}]]],["sd-pagination_2.cjs",[[769,"sd-tooltip",{"trigger":[513],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32]}],[769,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]},null,{"currentPage":["onPropChange"],"lastPage":["onPropChange"]}]]]], options);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ var index = require('./index-D1tXBb8y.js');
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy([["sd-table.cjs",[[768,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"pagination":[16],"bodyCellRenderer":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-
|
|
8
|
+
return index.bootstrapLazy([["sd-table.cjs",[[768,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"pagination":[16],"bodyCellRenderer":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32]},null,{"columns":["handleColumnsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["sd-date-picker.cjs",[[770,"sd-date-picker",{"date":[1],"label":[1],"selectable":[16],"disabled":[4],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["sd-date-range-picker.cjs",[[770,"sd-date-range-picker",{"date":[16],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]}]]],["sd-guide.cjs",[[770,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["sd-popover.cjs",[[769,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["sd-badge.cjs",[[770,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["sd-card.cjs",[[772,"sd-card",{"bordered":[4],"class":[1]}]]],["sd-tag.cjs",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["sd-date-box.cjs",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["sd-checkbox_9.cjs",[[772,"sd-select",{"value":[1032],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[772,"sd-select-multiple",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[772,"sd-select-multiple-group",{"value":[1040],"label":[1],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"isDisabled":[64]}],[772,"sd-input",{"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"error":[32],"focused":[32],"hovered":[32],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[770,"sd-checkbox",{"checked":[4],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"checked":["watchValueHandler"]}],[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[770,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["sd-button_2.cjs",[[769,"sd-tooltip-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[770,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}]]],["sd-pagination_2.cjs",[[769,"sd-tooltip",{"trigger":[513],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32]}],[769,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]},null,{"currentPage":["onPropChange"],"lastPage":["onPropChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var color = require('./color-Oz29vj7L.js');
|
|
4
|
+
|
|
5
|
+
const colors = color.colors;
|
|
6
|
+
// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,
|
|
7
|
+
// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.
|
|
8
|
+
function resolveColor(input, fallback = '#025497') {
|
|
9
|
+
if (!input)
|
|
10
|
+
return fallback;
|
|
11
|
+
const mapped = colors[input];
|
|
12
|
+
return mapped || input;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
exports.resolveColor = resolveColor;
|
|
16
|
+
//# sourceMappingURL=resolveColor-CauSLF0s.js.map
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=resolveColor-CauSLF0s.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveColor-
|
|
1
|
+
{"version":3,"file":"resolveColor-CauSLF0s.js","sources":["src/utils/color/resolveColor.ts"],"sourcesContent":["import rawColors from '../../styles/color.json';\r\n\r\ntype ColorMap = Record<string, string>;\r\nconst colors: ColorMap = rawColors as ColorMap;\r\n\r\n// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,\r\n// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.\r\n\r\nexport function resolveColor(\r\n input: string | undefined | null,\r\n fallback: string = '#025497',\r\n): string {\r\n if (!input) return fallback;\r\n const mapped = colors[input];\r\n return mapped || input;\r\n}\r\n"],"names":["rawColors"],"mappings":";;;;AAGA,MAAM,MAAM,GAAaA,YAAqB;AAE9C;AACA;SAEgB,YAAY,CAC3B,KAAgC,EAChC,WAAmB,SAAS,EAAA;AAE5B,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;AAC3B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,OAAO,MAAM,IAAI,KAAK;AACvB;;;;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-D1tXBb8y.js');
|
|
4
|
-
var resolveColor = require('./resolveColor-
|
|
4
|
+
var resolveColor = require('./resolveColor-CauSLF0s.js');
|
|
5
|
+
require('./color-Oz29vj7L.js');
|
|
5
6
|
|
|
6
7
|
const sdBadgeCss = "@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\")}.sc-sd-badge:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html.sc-sd-badge{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary.sc-sd-badge{background-color:var(--color-primary, #051d36)}.bg-secondary.sc-sd-badge{background-color:var(--color-secondary, #555555)}.bg-accent.sc-sd-badge{background-color:var(--color-accent, #9c27b0)}.bg-positive.sc-sd-badge{background-color:var(--color-positive, #0075ff)}.bg-negative.sc-sd-badge{background-color:var(--color-negative, #e30000)}.bg-info.sc-sd-badge{background-color:var(--color-info, #00cd52)}.bg-warning.sc-sd-badge{background-color:var(--color-warning, #f2c037)}.bg-red_99.sc-sd-badge{background-color:var(--color-red_99, #220000)}.bg-red_95.sc-sd-badge{background-color:var(--color-red_95, #440000)}.bg-red_90.sc-sd-badge{background-color:var(--color-red_90, #5E0000)}.bg-red_85.sc-sd-badge{background-color:var(--color-red_85, #820000)}.bg-red_80.sc-sd-badge{background-color:var(--color-red_80, #AD0000)}.bg-red_75.sc-sd-badge{background-color:var(--color-red_75, #E30000)}.bg-red_70.sc-sd-badge{background-color:var(--color-red_70, #FB4444)}.bg-red_60.sc-sd-badge{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45.sc-sd-badge{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30.sc-sd-badge{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20.sc-sd-badge{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15.sc-sd-badge{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg.sc-sd-badge{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon.sc-sd-badge{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99.sc-sd-badge{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95.sc-sd-badge{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90.sc-sd-badge{background-color:var(--color-orange_90, #752A00)}.bg-orange_85.sc-sd-badge{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75.sc-sd-badge{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65.sc-sd-badge{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60.sc-sd-badge{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55.sc-sd-badge{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45.sc-sd-badge{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35.sc-sd-badge{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20.sc-sd-badge{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10.sc-sd-badge{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert.sc-sd-badge{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95.sc-sd-badge{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90.sc-sd-badge{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80.sc-sd-badge{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70.sc-sd-badge{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60.sc-sd-badge{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50.sc-sd-badge{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45.sc-sd-badge{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40.sc-sd-badge{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30.sc-sd-badge{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25.sc-sd-badge{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20.sc-sd-badge{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10.sc-sd-badge{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95.sc-sd-badge{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90.sc-sd-badge{background-color:var(--color-olive_90, #454500)}.bg-olive_80.sc-sd-badge{background-color:var(--color-olive_80, #636300)}.bg-olive_70.sc-sd-badge{background-color:var(--color-olive_70, #838300)}.bg-olive_65.sc-sd-badge{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55.sc-sd-badge{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45.sc-sd-badge{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30.sc-sd-badge{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20.sc-sd-badge{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15.sc-sd-badge{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10.sc-sd-badge{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05.sc-sd-badge{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99.sc-sd-badge{background-color:var(--color-green_99, #001D0B)}.bg-green_95.sc-sd-badge{background-color:var(--color-green_95, #003013)}.bg-green_90.sc-sd-badge{background-color:var(--color-green_90, #00461C)}.bg-green_85.sc-sd-badge{background-color:var(--color-green_85, #006629)}.bg-green_80.sc-sd-badge{background-color:var(--color-green_80, #007B31)}.bg-green_75.sc-sd-badge{background-color:var(--color-green_75, #00973C)}.bg-green_70.sc-sd-badge{background-color:var(--color-green_70, #12B553)}.bg-green_65.sc-sd-badge{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55.sc-sd-badge{background-color:var(--color-green_55, #6DE39C)}.bg-green_45.sc-sd-badge{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25.sc-sd-badge{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15.sc-sd-badge{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99.sc-sd-badge{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95.sc-sd-badge{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90.sc-sd-badge{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85.sc-sd-badge{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80.sc-sd-badge{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75.sc-sd-badge{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70.sc-sd-badge{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65.sc-sd-badge{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60.sc-sd-badge{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45.sc-sd-badge{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25.sc-sd-badge{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10.sc-sd-badge{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99.sc-sd-badge{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95.sc-sd-badge{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90.sc-sd-badge{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85.sc-sd-badge{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80.sc-sd-badge{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75.sc-sd-badge{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70.sc-sd-badge{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65.sc-sd-badge{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60.sc-sd-badge{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50.sc-sd-badge{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25.sc-sd-badge{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15.sc-sd-badge{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99.sc-sd-badge{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95.sc-sd-badge{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90.sc-sd-badge{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85.sc-sd-badge{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80.sc-sd-badge{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75.sc-sd-badge{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70.sc-sd-badge{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60.sc-sd-badge{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50.sc-sd-badge{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40.sc-sd-badge{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25.sc-sd-badge{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20.sc-sd-badge{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10.sc-sd-badge{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05.sc-sd-badge{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95.sc-sd-badge{background-color:var(--color-grey_95, #222222)}.bg-grey_90.sc-sd-badge{background-color:var(--color-grey_90, #333333)}.bg-grey_85.sc-sd-badge{background-color:var(--color-grey_85, #444444)}.bg-grey_80.sc-sd-badge{background-color:var(--color-grey_80, #555555)}.bg-grey_70.sc-sd-badge{background-color:var(--color-grey_70, #737373)}.bg-grey_65.sc-sd-badge{background-color:var(--color-grey_65, #888888)}.bg-grey_60.sc-sd-badge{background-color:var(--color-grey_60, #999999)}.bg-grey_55.sc-sd-badge{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50.sc-sd-badge{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45.sc-sd-badge{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35.sc-sd-badge{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30.sc-sd-badge{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25.sc-sd-badge{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20.sc-sd-badge{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10.sc-sd-badge{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05.sc-sd-badge{background-color:var(--color-grey_05, #f9f9f9)}.bg-white.sc-sd-badge{background-color:var(--color-white, #ffffff)}.bg-black.sc-sd-badge{background-color:var(--color-black, #000000)}.text-primary.sc-sd-badge{color:var(--color-primary, #051d36)}.text-secondary.sc-sd-badge{color:var(--color-secondary, #555555)}.text-accent.sc-sd-badge{color:var(--color-accent, #9c27b0)}.text-positive.sc-sd-badge{color:var(--color-positive, #0075ff)}.text-negative.sc-sd-badge{color:var(--color-negative, #e30000)}.text-info.sc-sd-badge{color:var(--color-info, #00cd52)}.text-warning.sc-sd-badge{color:var(--color-warning, #f2c037)}.text-red_99.sc-sd-badge{color:var(--color-red_99, #220000)}.text-red_95.sc-sd-badge{color:var(--color-red_95, #440000)}.text-red_90.sc-sd-badge{color:var(--color-red_90, #5E0000)}.text-red_85.sc-sd-badge{color:var(--color-red_85, #820000)}.text-red_80.sc-sd-badge{color:var(--color-red_80, #AD0000)}.text-red_75.sc-sd-badge{color:var(--color-red_75, #E30000)}.text-red_70.sc-sd-badge{color:var(--color-red_70, #FB4444)}.text-red_60.sc-sd-badge{color:var(--color-red_60, #FF7C7C)}.text-red_45.sc-sd-badge{color:var(--color-red_45, #FFB5B5)}.text-red_30.sc-sd-badge{color:var(--color-red_30, #FFD3D3)}.text-red_20.sc-sd-badge{color:var(--color-red_20, #FCE6E6)}.text-red_15.sc-sd-badge{color:var(--color-red_15, #FCEFEF)}.text-caution_bg.sc-sd-badge{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon.sc-sd-badge{color:var(--color-caution_icon, #fd9595)}.text-orange_99.sc-sd-badge{color:var(--color-orange_99, #2F1100)}.text-orange_95.sc-sd-badge{color:var(--color-orange_95, #4D1B00)}.text-orange_90.sc-sd-badge{color:var(--color-orange_90, #752A00)}.text-orange_85.sc-sd-badge{color:var(--color-orange_85, #9B3700)}.text-orange_75.sc-sd-badge{color:var(--color-orange_75, #CE4900)}.text-orange_65.sc-sd-badge{color:var(--color-orange_65, #FF6B00)}.text-orange_60.sc-sd-badge{color:var(--color-orange_60, #FF7F22)}.text-orange_55.sc-sd-badge{color:var(--color-orange_55, #FFA452)}.text-orange_45.sc-sd-badge{color:var(--color-orange_45, #FFBC81)}.text-orange_35.sc-sd-badge{color:var(--color-orange_35, #FFD5AF)}.text-orange_20.sc-sd-badge{color:var(--color-orange_20, #FFEAD7)}.text-orange_10.sc-sd-badge{color:var(--color-orange_10, #FEF1EA)}.text-header_alert.sc-sd-badge{color:var(--color-header_alert, #FF7A00)}.text-yellow_95.sc-sd-badge{color:var(--color-yellow_95, #322700)}.text-yellow_90.sc-sd-badge{color:var(--color-yellow_90, #453702)}.text-yellow_80.sc-sd-badge{color:var(--color-yellow_80, #6C5602)}.text-yellow_70.sc-sd-badge{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60.sc-sd-badge{color:var(--color-yellow_60, #C49900)}.text-yellow_50.sc-sd-badge{color:var(--color-yellow_50, #EBB800)}.text-yellow_45.sc-sd-badge{color:var(--color-yellow_45, #FFC700)}.text-yellow_40.sc-sd-badge{color:var(--color-yellow_40, #FFD643)}.text-yellow_30.sc-sd-badge{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25.sc-sd-badge{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20.sc-sd-badge{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10.sc-sd-badge{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95.sc-sd-badge{color:var(--color-olive_95, #2C2C00)}.text-olive_90.sc-sd-badge{color:var(--color-olive_90, #454500)}.text-olive_80.sc-sd-badge{color:var(--color-olive_80, #636300)}.text-olive_70.sc-sd-badge{color:var(--color-olive_70, #838300)}.text-olive_65.sc-sd-badge{color:var(--color-olive_65, #A5A500)}.text-olive_55.sc-sd-badge{color:var(--color-olive_55, #C7C700)}.text-olive_45.sc-sd-badge{color:var(--color-olive_45, #DDDD12)}.text-olive_30.sc-sd-badge{color:var(--color-olive_30, #EEEE37)}.text-olive_20.sc-sd-badge{color:var(--color-olive_20, #F6F65F)}.text-olive_15.sc-sd-badge{color:var(--color-olive_15, #FAFAA1)}.text-olive_10.sc-sd-badge{color:var(--color-olive_10, #FBFBBF)}.text-olive_05.sc-sd-badge{color:var(--color-olive_05, #FEFED9)}.text-green_99.sc-sd-badge{color:var(--color-green_99, #001D0B)}.text-green_95.sc-sd-badge{color:var(--color-green_95, #003013)}.text-green_90.sc-sd-badge{color:var(--color-green_90, #00461C)}.text-green_85.sc-sd-badge{color:var(--color-green_85, #006629)}.text-green_80.sc-sd-badge{color:var(--color-green_80, #007B31)}.text-green_75.sc-sd-badge{color:var(--color-green_75, #00973C)}.text-green_70.sc-sd-badge{color:var(--color-green_70, #12B553)}.text-green_65.sc-sd-badge{color:var(--color-green_65, #2BCE6C)}.text-green_55.sc-sd-badge{color:var(--color-green_55, #6DE39C)}.text-green_45.sc-sd-badge{color:var(--color-green_45, #ACF4C9)}.text-green_25.sc-sd-badge{color:var(--color-green_25, #D4FAE3)}.text-green_15.sc-sd-badge{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99.sc-sd-badge{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95.sc-sd-badge{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90.sc-sd-badge{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85.sc-sd-badge{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80.sc-sd-badge{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75.sc-sd-badge{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70.sc-sd-badge{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65.sc-sd-badge{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60.sc-sd-badge{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45.sc-sd-badge{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25.sc-sd-badge{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10.sc-sd-badge{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99.sc-sd-badge{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95.sc-sd-badge{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90.sc-sd-badge{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85.sc-sd-badge{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80.sc-sd-badge{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75.sc-sd-badge{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70.sc-sd-badge{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65.sc-sd-badge{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60.sc-sd-badge{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50.sc-sd-badge{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25.sc-sd-badge{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15.sc-sd-badge{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99.sc-sd-badge{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95.sc-sd-badge{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90.sc-sd-badge{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85.sc-sd-badge{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80.sc-sd-badge{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75.sc-sd-badge{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70.sc-sd-badge{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60.sc-sd-badge{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50.sc-sd-badge{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40.sc-sd-badge{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25.sc-sd-badge{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20.sc-sd-badge{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10.sc-sd-badge{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05.sc-sd-badge{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95.sc-sd-badge{color:var(--color-grey_95, #222222)}.text-grey_90.sc-sd-badge{color:var(--color-grey_90, #333333)}.text-grey_85.sc-sd-badge{color:var(--color-grey_85, #444444)}.text-grey_80.sc-sd-badge{color:var(--color-grey_80, #555555)}.text-grey_70.sc-sd-badge{color:var(--color-grey_70, #737373)}.text-grey_65.sc-sd-badge{color:var(--color-grey_65, #888888)}.text-grey_60.sc-sd-badge{color:var(--color-grey_60, #999999)}.text-grey_55.sc-sd-badge{color:var(--color-grey_55, #aaaaaa)}.text-grey_50.sc-sd-badge{color:var(--color-grey_50, #bbbbbb)}.text-grey_45.sc-sd-badge{color:var(--color-grey_45, #cccccc)}.text-grey_35.sc-sd-badge{color:var(--color-grey_35, #D8D8D8)}.text-grey_30.sc-sd-badge{color:var(--color-grey_30, #e1e1e1)}.text-grey_25.sc-sd-badge{color:var(--color-grey_25, #E5E5E5)}.text-grey_20.sc-sd-badge{color:var(--color-grey_20, #eeeeee)}.text-grey_10.sc-sd-badge{color:var(--color-grey_10, #f6f6f6)}.text-grey_05.sc-sd-badge{color:var(--color-grey_05, #f9f9f9)}.text-white.sc-sd-badge{color:var(--color-white, #ffffff)}.text-black.sc-sd-badge{color:var(--color-black, #000000)}*.sc-sd-badge,*.sc-sd-badge::before,*.sc-sd-badge::after{box-sizing:border-box}html.sc-sd-badge{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body.sc-sd-badge,h1.sc-sd-badge,h2.sc-sd-badge,h3.sc-sd-badge,h4.sc-sd-badge,p.sc-sd-badge,figure.sc-sd-badge,blockquote.sc-sd-badge,dl.sc-sd-badge,dd.sc-sd-badge{margin-block-end:0}ul[role=list].sc-sd-badge,ol[role=list].sc-sd-badge{list-style:none}body.sc-sd-badge{min-height:100vh;line-height:1.5}h1.sc-sd-badge,h2.sc-sd-badge,h3.sc-sd-badge,h4.sc-sd-badge,button.sc-sd-badge,input.sc-sd-badge,label.sc-sd-badge{line-height:1}h1.sc-sd-badge,h2.sc-sd-badge,h3.sc-sd-badge,h4.sc-sd-badge{text-wrap:balance}a.sc-sd-badge:not([class]){text-decoration-skip-ink:auto;color:currentColor}img.sc-sd-badge,picture.sc-sd-badge{max-width:100%;display:block}input.sc-sd-badge,button.sc-sd-badge,textarea.sc-sd-badge,select.sc-sd-badge{font-size:inherit}.sc-sd-badge:target{scroll-margin-block:5ex}button.sc-sd-badge{background:none;border:none;cursor:pointer;padding:0;outline:0}button.sc-sd-badge:focus{outline:0 !important}.sc-sd-badge-h{display:inline-block;height:fit-content;line-height:0}.text-center.sc-sd-badge{text-align:center}.text-right.sc-sd-badge{text-align:right}.text-left.sc-sd-badge{text-align:left}input[type=text].sc-sd-badge,input[type=number].sc-sd-badge,input[type=password].sc-sd-badge,input[type=email].sc-sd-badge,input[type=tel].sc-sd-badge,textarea.sc-sd-badge{padding-block:0px;padding-inline:0px}.sd-hoverable.sc-sd-badge:hover>.sd-focus-helper.sc-sd-badge{background:currentColor;opacity:0.15}.sd-hoverable.sc-sd-badge:hover>.sd-focus-helper.sc-sd-badge:before{opacity:0.1}.sd-hoverable.sc-sd-badge:hover>.sd-focus-helper.sc-sd-badge:after{opacity:0.4}.sd-focus-helper.sc-sd-badge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-badge:before,.sd-focus-helper.sc-sd-badge:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-badge:before{background:#000000}.sd-focus-helper.sc-sd-badge:after{background:#ffffff}.sd-tooltip-menu.sc-sd-badge{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close.sc-sd-badge{padding-right:12px !important}.sd-tooltip-menu__arrow.sc-sd-badge{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow.sc-sd-badge svg.sc-sd-badge{width:100%;height:100%}.sd-tooltip-menu__arrow--top.sc-sd-badge{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom.sc-sd-badge{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left.sc-sd-badge{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right.sc-sd-badge{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content.sc-sd-badge{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button.sc-sd-badge{padding-top:4px;display:flex}.sd-tooltip-menu__close-button.sc-sd-badge button.sc-sd-badge{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu.sc-sd-badge{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow.sc-sd-badge{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow.sc-sd-badge svg.sc-sd-badge{width:100%;height:100%}.sd-popover-menu__arrow--top.sc-sd-badge{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom.sc-sd-badge{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left.sc-sd-badge{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right.sc-sd-badge{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content.sc-sd-badge{font-size:12px;line-height:20px}.sd-popover-menu__content.sc-sd-badge .sd-popover-menu__title.sc-sd-badge{font-weight:700;margin-bottom:4px}.sd-popover-menu__content.sc-sd-badge .sd-popover-menu__messages.sc-sd-badge{font-weight:500}.sd-popover-menu__content.sc-sd-badge .sd-popover-menu__buttons.sc-sd-badge{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content.sc-sd-badge .sd-popover-menu__buttons--1.sc-sd-badge{justify-content:flex-end}.sd-popover-menu__content.sc-sd-badge .sd-popover-menu__buttons--2.sc-sd-badge{justify-content:space-between}.sd-popover-menu__close-button.sc-sd-badge{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-badge.sc-sd-badge{display:inline-flex;align-items:center;justify-content:center}.sd-badge.sc-sd-badge .sd-badge__dot.sc-sd-badge{background:var(--sd-badge-color, #0075ff)}.sd-badge.sc-sd-badge .sd-badge__label.sc-sd-badge{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}.sd-badge--sm.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:4px;height:4px;border-radius:2px}.sd-badge--md.sc-sd-badge .sd-badge__dot.sc-sd-badge{width:8px;height:8px;border-radius:4px}";
|
|
7
8
|
|
|
@@ -14,7 +15,7 @@ const SdBadge = class {
|
|
|
14
15
|
label = '';
|
|
15
16
|
render() {
|
|
16
17
|
const resolvedColor = resolveColor.resolveColor(this.color);
|
|
17
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '5d8b9d87ef3d773e0bfae1b74db8fbcb5c663028' }, index.h("div", { key: '89a5f08b4294aeb92ecd66a8d45276d6cf1c9c0a', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, index.h("div", { key: '20f8f8d27f566e300418fd6eca6ff0dfd032cc74', class: "sd-badge__dot" }), index.h("div", { key: 'fe65df57e30ade4f8f2c65a4c4a6e9436a2a1970', class: "sd-badge__label" }, this.label))));
|
|
18
19
|
}
|
|
19
20
|
};
|
|
20
21
|
SdBadge.style = sdBadgeCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-badge.entry.cjs.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import '../../styles/global.scss';\r\n\r\n.sd-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .sd-badge__dot {\r\n background: var(--sd-badge-color, $brilliantblue_75);\r\n }\r\n .sd-badge__label {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n color: $grey_90;\r\n }\r\n\r\n &--sm {\r\n .sd-badge__dot {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &--md {\r\n .sd-badge__dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 4px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\n@Component({\r\n tag: 'sd-badge',\r\n styleUrl: 'sd-badge.scss',\r\n scoped: true,\r\n})\r\nexport class SdBadge {\r\n @Prop() size: 'sm' | 'md' = 'md';\r\n @Prop() color: string = 'brilliantblue_75';\r\n @Prop() label: string = '';\r\n\r\n render() {\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\r\n <div class=\"sd-badge__dot\"></div>\r\n <div class=\"sd-badge__label\">{this.label}</div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["resolveColor","h","Host"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sd-badge.entry.cjs.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import '../../styles/global.scss';\r\n\r\n.sd-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .sd-badge__dot {\r\n background: var(--sd-badge-color, $brilliantblue_75);\r\n }\r\n .sd-badge__label {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n color: $grey_90;\r\n }\r\n\r\n &--sm {\r\n .sd-badge__dot {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &--md {\r\n .sd-badge__dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 4px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\n@Component({\r\n tag: 'sd-badge',\r\n styleUrl: 'sd-badge.scss',\r\n scoped: true,\r\n})\r\nexport class SdBadge {\r\n @Prop() size: 'sm' | 'md' = 'md';\r\n @Prop() color: string = 'brilliantblue_75';\r\n @Prop() label: string = '';\r\n\r\n render() {\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\r\n <div class=\"sd-badge__dot\"></div>\r\n <div class=\"sd-badge__label\">{this.label}</div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["resolveColor","h","Host"],"mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,0jxBAA0jxB;;MCQhkxB,OAAO,GAAA,MAAA;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAGA,yBAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACCC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,CAAE,CAAA,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAA,EAC1FA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C,CACA;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-button.sd-tooltip-portal.entry.cjs.js","sources":["src/components/sd-button/sd-button.scss?tag=sd-button&encapsulation=scoped","src/components/sd-button/sd-button.tsx","src/components/sd-tooltip-portal/sd-tooltip-portal.tsx"],"sourcesContent":["@import '../../styles/global.scss';\r\n\r\n.sd-button {\r\n text-decoration: none;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-in-out;\r\n position: relative;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n &--xs {\r\n padding: 0 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 24px;\r\n }\r\n &--sm {\r\n padding: 0 12px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 28px;\r\n }\r\n &--md {\r\n padding: 0 20px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 26px;\r\n min-height: 34px;\r\n }\r\n &--lg {\r\n padding: 0 28px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n line-height: 30px;\r\n min-height: 62px;\r\n }\r\n &--primary {\r\n background-color: var(--button-color);\r\n color: white;\r\n transition: filter 0.2s ease;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: #000000;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.25;\r\n }\r\n }\r\n\r\n &--outline {\r\n background: white;\r\n border: 1px solid var(--button-color);\r\n color: var(--button-color);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--ghost {\r\n background-color: transparent;\r\n color: var(--button-color);\r\n border-color: transparent;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--disabled {\r\n border: 1px solid $grey_45;\r\n background: $grey_30;\r\n color: $grey_65;\r\n cursor: not-allowed !important;\r\n }\r\n &--icon-only {\r\n padding: 0;\r\n width: fit-content;\r\n height: fit-content;\r\n aspect-ratio: 1 / 1;\r\n }\r\n &--no-hover {\r\n &:hover::before {\r\n opacity: 0 !important;\r\n }\r\n }\r\n\r\n .sd-button__content {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n\r\n z-index: 1;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n// /* Focus styles */\r\n// .sd-button:focus-visible {\r\n// outline: 2px solid $primary;\r\n// outline-offset: 2px;\r\n// }\r\n\r\n// /* High contrast mode support */\r\n// @media (prefers-contrast: high) {\r\n// .sd-button {\r\n// border-width: 2px;\r\n// }\r\n// }\r\n","import { Component, Prop, h, Element, Event, EventEmitter, Host } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n scoped: true,\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconColor?: string;\r\n @Prop() iconSize?: number;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n @Prop() class: string = '';\r\n\r\n // @Prop() buttonStyle: StyleProps = {};\r\n // @Prop() iconStyle: StyleProps = {};\r\n\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n const classes = ['sd-button'];\r\n\r\n classes.push(`sd-button--${this.variant}`);\r\n classes.push(`sd-button--${this.size}`);\r\n classes.push(`sd-button--color-${this.color}`);\r\n\r\n if (this.disabled) {\r\n classes.push('sd-button--disabled');\r\n }\r\n\r\n if (!this.label && (this.icon || this.iconRight)) {\r\n classes.push('sd-button--icon-only');\r\n }\r\n\r\n if (this.noHover) {\r\n classes.push('sd-button--no-hover');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n render() {\r\n const buttonClasses = this.getButtonClasses();\r\n // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <button\r\n class={`${buttonClasses} ${this.class}`}\r\n type={this.type}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n style={{ '--button-color': resolvedColor }}\r\n >\r\n <div class=\"sd-button__content\">\r\n {this.icon && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--left\"\r\n name={this.icon}\r\n size={this.iconSize ? this.iconSize : ICON_SIZES[this.size!]}\r\n color={\r\n this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor\r\n }\r\n ></sd-icon>\r\n )}\r\n\r\n {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n {this.iconRight && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--right\"\r\n name={this.iconRight}\r\n size={ICON_SIZES[this.size!]}\r\n color={this.variant === 'primary' ? '#fff' : resolvedColor}\r\n ></sd-icon>\r\n )}\r\n </div>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-tooltip-portal',\r\n shadow: true,\r\n})\r\nexport class SdTooltipPortal {\r\n @Element() el!: HTMLElement;\r\n @Prop() to: HTMLElement | string = 'body';\r\n @Prop() parentRef: HTMLElement | null = null;\r\n @Prop() offset: [number, number] = [0, 0];\r\n @Prop() zIndex: number = 9999;\r\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\r\n @Prop() open: boolean = false;\r\n\r\n @Event() sdClose!: EventEmitter<void>;\r\n\r\n private container?: HTMLElement;\r\n private wrapper?: HTMLElement;\r\n private rafId?: number;\r\n private isInsideClick = false;\r\n\r\n private resizeObserver?: ResizeObserver;\r\n private mutationObserver?: MutationObserver;\r\n\r\n private static readonly ARROW_SIZE = 11.2;\r\n\r\n componentDidLoad() {\r\n this.container = this.resolveContainer();\r\n this.createWrapper();\r\n this.moveSlotContent();\r\n\r\n // DOM이 완전히 렌더링된 후 위치 계산\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible'; // 위치 계산 후 표시\r\n }\r\n });\r\n\r\n this.observeParent();\r\n }\r\n\r\n componentDidRender() {\r\n if (!this.wrapper) return;\r\n\r\n // this.wrapper.style.display = this.open ? 'block' : 'none';\r\n // if (this.open) this.updatePosition();\r\n\r\n if (this.open) {\r\n this.wrapper.style.display = 'block';\r\n // RAF를 사용해서 다음 프레임에 위치 업데이트\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible';\r\n }\r\n });\r\n } else {\r\n this.wrapper.style.display = 'none';\r\n this.wrapper.style.visibility = 'hidden';\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n this.unobserveParent();\r\n this.wrapper?.remove();\r\n }\r\n\r\n private resolveContainer(): HTMLElement {\r\n const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\r\n return el instanceof HTMLElement ? el : document.body;\r\n }\r\n\r\n private createWrapper() {\r\n this.wrapper = document.createElement('div');\r\n Object.assign(this.wrapper.style, {\r\n position: 'absolute',\r\n zIndex: this.zIndex.toString(),\r\n transition: 'opacity 0.4s',\r\n top: '-9999px',\r\n left: '-9999px',\r\n });\r\n this.container!.appendChild(this.wrapper);\r\n }\r\n\r\n private moveSlotContent() {\r\n if (!this.wrapper) return;\r\n const nodes = Array.from(this.el.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\r\n nodes.forEach(n => this.wrapper!.appendChild(n));\r\n }\r\n\r\n // 위치 갱신 (scroll / resize)\r\n @Listen('scroll', { target: 'window' })\r\n @Listen('resize', { target: 'window' })\r\n updatePosition() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n\r\n this.rafId = requestAnimationFrame(() => {\r\n if (!this.parentRef || !this.wrapper) return;\r\n\r\n const rect = this.parentRef.getBoundingClientRect();\r\n if (!rect.width && !rect.height) return; // 요소가 보이지 않는 경우\r\n\r\n const [offsetX, offsetY] = this.offset;\r\n const ARROW_SIZE = SdTooltipPortal.ARROW_SIZE;\r\n\r\n let top = 0;\r\n let left = 0;\r\n\r\n switch (this.placement) {\r\n case 'top':\r\n top = rect.top + window.scrollY - this.wrapper.offsetHeight + offsetY - ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'bottom':\r\n top = rect.bottom + window.scrollY + offsetY + ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'left':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.left + window.scrollX - this.wrapper.offsetWidth - offsetX - ARROW_SIZE;\r\n break;\r\n\r\n case 'right':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.right + window.scrollX + offsetX + ARROW_SIZE;\r\n break;\r\n }\r\n\r\n Object.assign(this.wrapper!.style, {\r\n top: `${top}px`,\r\n left: `${left}px`,\r\n });\r\n });\r\n }\r\n\r\n // parentRef의 이동 / 크기변경 감지\r\n private observeParent() {\r\n if (!this.parentRef) return;\r\n\r\n this.resizeObserver = new ResizeObserver(() => this.updatePosition());\r\n this.resizeObserver.observe(this.parentRef);\r\n\r\n this.mutationObserver = new MutationObserver(() => this.updatePosition());\r\n this.mutationObserver.observe(document.body, {\r\n childList: true,\r\n subtree: true,\r\n });\r\n }\r\n\r\n private unobserveParent() {\r\n this.resizeObserver?.disconnect();\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n // 외부 클릭 감지\r\n @Listen('mousedown', { target: 'window' })\r\n handleMouseDown(e: MouseEvent) {\r\n this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\r\n }\r\n\r\n @Listen('click', { target: 'window' })\r\n handleWindowClick(e: MouseEvent) {\r\n if (this.isInsideClick) {\r\n this.isInsideClick = false;\r\n return;\r\n }\r\n if (this.wrapper?.contains(e.target as Node)) return;\r\n this.sdClose.emit();\r\n }\r\n\r\n render() {\r\n return <slot></slot>;\r\n }\r\n}\r\n"],"names":["resolveColor","h","Host"],"mappings":"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"}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-D1tXBb8y.js');
|
|
4
|
+
var resolveColor = require('./resolveColor-CauSLF0s.js');
|
|
5
|
+
require('./color-Oz29vj7L.js');
|
|
6
|
+
|
|
7
|
+
const sdButtonCss = "@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\")}.sc-sd-button:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html.sc-sd-button{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary.sc-sd-button{background-color:var(--color-primary, #051d36)}.bg-secondary.sc-sd-button{background-color:var(--color-secondary, #555555)}.bg-accent.sc-sd-button{background-color:var(--color-accent, #9c27b0)}.bg-positive.sc-sd-button{background-color:var(--color-positive, #0075ff)}.bg-negative.sc-sd-button{background-color:var(--color-negative, #e30000)}.bg-info.sc-sd-button{background-color:var(--color-info, #00cd52)}.bg-warning.sc-sd-button{background-color:var(--color-warning, #f2c037)}.bg-red_99.sc-sd-button{background-color:var(--color-red_99, #220000)}.bg-red_95.sc-sd-button{background-color:var(--color-red_95, #440000)}.bg-red_90.sc-sd-button{background-color:var(--color-red_90, #5E0000)}.bg-red_85.sc-sd-button{background-color:var(--color-red_85, #820000)}.bg-red_80.sc-sd-button{background-color:var(--color-red_80, #AD0000)}.bg-red_75.sc-sd-button{background-color:var(--color-red_75, #E30000)}.bg-red_70.sc-sd-button{background-color:var(--color-red_70, #FB4444)}.bg-red_60.sc-sd-button{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45.sc-sd-button{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30.sc-sd-button{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20.sc-sd-button{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15.sc-sd-button{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg.sc-sd-button{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon.sc-sd-button{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99.sc-sd-button{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95.sc-sd-button{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90.sc-sd-button{background-color:var(--color-orange_90, #752A00)}.bg-orange_85.sc-sd-button{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75.sc-sd-button{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65.sc-sd-button{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60.sc-sd-button{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55.sc-sd-button{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45.sc-sd-button{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35.sc-sd-button{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20.sc-sd-button{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10.sc-sd-button{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert.sc-sd-button{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95.sc-sd-button{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90.sc-sd-button{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80.sc-sd-button{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70.sc-sd-button{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60.sc-sd-button{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50.sc-sd-button{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45.sc-sd-button{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40.sc-sd-button{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30.sc-sd-button{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25.sc-sd-button{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20.sc-sd-button{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10.sc-sd-button{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95.sc-sd-button{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90.sc-sd-button{background-color:var(--color-olive_90, #454500)}.bg-olive_80.sc-sd-button{background-color:var(--color-olive_80, #636300)}.bg-olive_70.sc-sd-button{background-color:var(--color-olive_70, #838300)}.bg-olive_65.sc-sd-button{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55.sc-sd-button{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45.sc-sd-button{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30.sc-sd-button{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20.sc-sd-button{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15.sc-sd-button{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10.sc-sd-button{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05.sc-sd-button{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99.sc-sd-button{background-color:var(--color-green_99, #001D0B)}.bg-green_95.sc-sd-button{background-color:var(--color-green_95, #003013)}.bg-green_90.sc-sd-button{background-color:var(--color-green_90, #00461C)}.bg-green_85.sc-sd-button{background-color:var(--color-green_85, #006629)}.bg-green_80.sc-sd-button{background-color:var(--color-green_80, #007B31)}.bg-green_75.sc-sd-button{background-color:var(--color-green_75, #00973C)}.bg-green_70.sc-sd-button{background-color:var(--color-green_70, #12B553)}.bg-green_65.sc-sd-button{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55.sc-sd-button{background-color:var(--color-green_55, #6DE39C)}.bg-green_45.sc-sd-button{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25.sc-sd-button{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15.sc-sd-button{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99.sc-sd-button{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95.sc-sd-button{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90.sc-sd-button{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85.sc-sd-button{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80.sc-sd-button{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75.sc-sd-button{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70.sc-sd-button{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65.sc-sd-button{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60.sc-sd-button{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45.sc-sd-button{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25.sc-sd-button{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10.sc-sd-button{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99.sc-sd-button{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95.sc-sd-button{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90.sc-sd-button{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85.sc-sd-button{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80.sc-sd-button{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75.sc-sd-button{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70.sc-sd-button{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65.sc-sd-button{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60.sc-sd-button{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50.sc-sd-button{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25.sc-sd-button{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15.sc-sd-button{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99.sc-sd-button{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95.sc-sd-button{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90.sc-sd-button{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85.sc-sd-button{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80.sc-sd-button{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75.sc-sd-button{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70.sc-sd-button{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60.sc-sd-button{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50.sc-sd-button{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40.sc-sd-button{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25.sc-sd-button{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20.sc-sd-button{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10.sc-sd-button{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05.sc-sd-button{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95.sc-sd-button{background-color:var(--color-grey_95, #222222)}.bg-grey_90.sc-sd-button{background-color:var(--color-grey_90, #333333)}.bg-grey_85.sc-sd-button{background-color:var(--color-grey_85, #444444)}.bg-grey_80.sc-sd-button{background-color:var(--color-grey_80, #555555)}.bg-grey_70.sc-sd-button{background-color:var(--color-grey_70, #737373)}.bg-grey_65.sc-sd-button{background-color:var(--color-grey_65, #888888)}.bg-grey_60.sc-sd-button{background-color:var(--color-grey_60, #999999)}.bg-grey_55.sc-sd-button{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50.sc-sd-button{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45.sc-sd-button{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35.sc-sd-button{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30.sc-sd-button{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25.sc-sd-button{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20.sc-sd-button{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10.sc-sd-button{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05.sc-sd-button{background-color:var(--color-grey_05, #f9f9f9)}.bg-white.sc-sd-button{background-color:var(--color-white, #ffffff)}.bg-black.sc-sd-button{background-color:var(--color-black, #000000)}.text-primary.sc-sd-button{color:var(--color-primary, #051d36)}.text-secondary.sc-sd-button{color:var(--color-secondary, #555555)}.text-accent.sc-sd-button{color:var(--color-accent, #9c27b0)}.text-positive.sc-sd-button{color:var(--color-positive, #0075ff)}.text-negative.sc-sd-button{color:var(--color-negative, #e30000)}.text-info.sc-sd-button{color:var(--color-info, #00cd52)}.text-warning.sc-sd-button{color:var(--color-warning, #f2c037)}.text-red_99.sc-sd-button{color:var(--color-red_99, #220000)}.text-red_95.sc-sd-button{color:var(--color-red_95, #440000)}.text-red_90.sc-sd-button{color:var(--color-red_90, #5E0000)}.text-red_85.sc-sd-button{color:var(--color-red_85, #820000)}.text-red_80.sc-sd-button{color:var(--color-red_80, #AD0000)}.text-red_75.sc-sd-button{color:var(--color-red_75, #E30000)}.text-red_70.sc-sd-button{color:var(--color-red_70, #FB4444)}.text-red_60.sc-sd-button{color:var(--color-red_60, #FF7C7C)}.text-red_45.sc-sd-button{color:var(--color-red_45, #FFB5B5)}.text-red_30.sc-sd-button{color:var(--color-red_30, #FFD3D3)}.text-red_20.sc-sd-button{color:var(--color-red_20, #FCE6E6)}.text-red_15.sc-sd-button{color:var(--color-red_15, #FCEFEF)}.text-caution_bg.sc-sd-button{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon.sc-sd-button{color:var(--color-caution_icon, #fd9595)}.text-orange_99.sc-sd-button{color:var(--color-orange_99, #2F1100)}.text-orange_95.sc-sd-button{color:var(--color-orange_95, #4D1B00)}.text-orange_90.sc-sd-button{color:var(--color-orange_90, #752A00)}.text-orange_85.sc-sd-button{color:var(--color-orange_85, #9B3700)}.text-orange_75.sc-sd-button{color:var(--color-orange_75, #CE4900)}.text-orange_65.sc-sd-button{color:var(--color-orange_65, #FF6B00)}.text-orange_60.sc-sd-button{color:var(--color-orange_60, #FF7F22)}.text-orange_55.sc-sd-button{color:var(--color-orange_55, #FFA452)}.text-orange_45.sc-sd-button{color:var(--color-orange_45, #FFBC81)}.text-orange_35.sc-sd-button{color:var(--color-orange_35, #FFD5AF)}.text-orange_20.sc-sd-button{color:var(--color-orange_20, #FFEAD7)}.text-orange_10.sc-sd-button{color:var(--color-orange_10, #FEF1EA)}.text-header_alert.sc-sd-button{color:var(--color-header_alert, #FF7A00)}.text-yellow_95.sc-sd-button{color:var(--color-yellow_95, #322700)}.text-yellow_90.sc-sd-button{color:var(--color-yellow_90, #453702)}.text-yellow_80.sc-sd-button{color:var(--color-yellow_80, #6C5602)}.text-yellow_70.sc-sd-button{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60.sc-sd-button{color:var(--color-yellow_60, #C49900)}.text-yellow_50.sc-sd-button{color:var(--color-yellow_50, #EBB800)}.text-yellow_45.sc-sd-button{color:var(--color-yellow_45, #FFC700)}.text-yellow_40.sc-sd-button{color:var(--color-yellow_40, #FFD643)}.text-yellow_30.sc-sd-button{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25.sc-sd-button{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20.sc-sd-button{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10.sc-sd-button{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95.sc-sd-button{color:var(--color-olive_95, #2C2C00)}.text-olive_90.sc-sd-button{color:var(--color-olive_90, #454500)}.text-olive_80.sc-sd-button{color:var(--color-olive_80, #636300)}.text-olive_70.sc-sd-button{color:var(--color-olive_70, #838300)}.text-olive_65.sc-sd-button{color:var(--color-olive_65, #A5A500)}.text-olive_55.sc-sd-button{color:var(--color-olive_55, #C7C700)}.text-olive_45.sc-sd-button{color:var(--color-olive_45, #DDDD12)}.text-olive_30.sc-sd-button{color:var(--color-olive_30, #EEEE37)}.text-olive_20.sc-sd-button{color:var(--color-olive_20, #F6F65F)}.text-olive_15.sc-sd-button{color:var(--color-olive_15, #FAFAA1)}.text-olive_10.sc-sd-button{color:var(--color-olive_10, #FBFBBF)}.text-olive_05.sc-sd-button{color:var(--color-olive_05, #FEFED9)}.text-green_99.sc-sd-button{color:var(--color-green_99, #001D0B)}.text-green_95.sc-sd-button{color:var(--color-green_95, #003013)}.text-green_90.sc-sd-button{color:var(--color-green_90, #00461C)}.text-green_85.sc-sd-button{color:var(--color-green_85, #006629)}.text-green_80.sc-sd-button{color:var(--color-green_80, #007B31)}.text-green_75.sc-sd-button{color:var(--color-green_75, #00973C)}.text-green_70.sc-sd-button{color:var(--color-green_70, #12B553)}.text-green_65.sc-sd-button{color:var(--color-green_65, #2BCE6C)}.text-green_55.sc-sd-button{color:var(--color-green_55, #6DE39C)}.text-green_45.sc-sd-button{color:var(--color-green_45, #ACF4C9)}.text-green_25.sc-sd-button{color:var(--color-green_25, #D4FAE3)}.text-green_15.sc-sd-button{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99.sc-sd-button{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95.sc-sd-button{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90.sc-sd-button{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85.sc-sd-button{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80.sc-sd-button{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75.sc-sd-button{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70.sc-sd-button{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65.sc-sd-button{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60.sc-sd-button{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45.sc-sd-button{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25.sc-sd-button{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10.sc-sd-button{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99.sc-sd-button{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95.sc-sd-button{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90.sc-sd-button{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85.sc-sd-button{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80.sc-sd-button{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75.sc-sd-button{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70.sc-sd-button{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65.sc-sd-button{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60.sc-sd-button{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50.sc-sd-button{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25.sc-sd-button{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15.sc-sd-button{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99.sc-sd-button{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95.sc-sd-button{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90.sc-sd-button{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85.sc-sd-button{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80.sc-sd-button{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75.sc-sd-button{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70.sc-sd-button{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60.sc-sd-button{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50.sc-sd-button{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40.sc-sd-button{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25.sc-sd-button{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20.sc-sd-button{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10.sc-sd-button{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05.sc-sd-button{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95.sc-sd-button{color:var(--color-grey_95, #222222)}.text-grey_90.sc-sd-button{color:var(--color-grey_90, #333333)}.text-grey_85.sc-sd-button{color:var(--color-grey_85, #444444)}.text-grey_80.sc-sd-button{color:var(--color-grey_80, #555555)}.text-grey_70.sc-sd-button{color:var(--color-grey_70, #737373)}.text-grey_65.sc-sd-button{color:var(--color-grey_65, #888888)}.text-grey_60.sc-sd-button{color:var(--color-grey_60, #999999)}.text-grey_55.sc-sd-button{color:var(--color-grey_55, #aaaaaa)}.text-grey_50.sc-sd-button{color:var(--color-grey_50, #bbbbbb)}.text-grey_45.sc-sd-button{color:var(--color-grey_45, #cccccc)}.text-grey_35.sc-sd-button{color:var(--color-grey_35, #D8D8D8)}.text-grey_30.sc-sd-button{color:var(--color-grey_30, #e1e1e1)}.text-grey_25.sc-sd-button{color:var(--color-grey_25, #E5E5E5)}.text-grey_20.sc-sd-button{color:var(--color-grey_20, #eeeeee)}.text-grey_10.sc-sd-button{color:var(--color-grey_10, #f6f6f6)}.text-grey_05.sc-sd-button{color:var(--color-grey_05, #f9f9f9)}.text-white.sc-sd-button{color:var(--color-white, #ffffff)}.text-black.sc-sd-button{color:var(--color-black, #000000)}*.sc-sd-button,*.sc-sd-button::before,*.sc-sd-button::after{box-sizing:border-box}html.sc-sd-button{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body.sc-sd-button,h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button,p.sc-sd-button,figure.sc-sd-button,blockquote.sc-sd-button,dl.sc-sd-button,dd.sc-sd-button{margin-block-end:0}ul[role=list].sc-sd-button,ol[role=list].sc-sd-button{list-style:none}body.sc-sd-button{min-height:100vh;line-height:1.5}h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button,button.sc-sd-button,input.sc-sd-button,label.sc-sd-button{line-height:1}h1.sc-sd-button,h2.sc-sd-button,h3.sc-sd-button,h4.sc-sd-button{text-wrap:balance}a.sc-sd-button:not([class]){text-decoration-skip-ink:auto;color:currentColor}img.sc-sd-button,picture.sc-sd-button{max-width:100%;display:block}input.sc-sd-button,button.sc-sd-button,textarea.sc-sd-button,select.sc-sd-button{font-size:inherit}.sc-sd-button:target{scroll-margin-block:5ex}button.sc-sd-button{background:none;border:none;cursor:pointer;padding:0;outline:0}button.sc-sd-button:focus{outline:0 !important}.sc-sd-button-h{display:inline-block;height:fit-content;line-height:0}.text-center.sc-sd-button{text-align:center}.text-right.sc-sd-button{text-align:right}.text-left.sc-sd-button{text-align:left}input[type=text].sc-sd-button,input[type=number].sc-sd-button,input[type=password].sc-sd-button,input[type=email].sc-sd-button,input[type=tel].sc-sd-button,textarea.sc-sd-button{padding-block:0px;padding-inline:0px}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button{background:currentColor;opacity:0.15}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button:before{opacity:0.1}.sd-hoverable.sc-sd-button:hover>.sd-focus-helper.sc-sd-button:after{opacity:0.4}.sd-focus-helper.sc-sd-button{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-button:before,.sd-focus-helper.sc-sd-button:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-button:before{background:#000000}.sd-focus-helper.sc-sd-button:after{background:#ffffff}.sd-tooltip-menu.sc-sd-button{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close.sc-sd-button{padding-right:12px !important}.sd-tooltip-menu__arrow.sc-sd-button{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow.sc-sd-button svg.sc-sd-button{width:100%;height:100%}.sd-tooltip-menu__arrow--top.sc-sd-button{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom.sc-sd-button{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left.sc-sd-button{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right.sc-sd-button{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content.sc-sd-button{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button.sc-sd-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button.sc-sd-button button.sc-sd-button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu.sc-sd-button{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow.sc-sd-button{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow.sc-sd-button svg.sc-sd-button{width:100%;height:100%}.sd-popover-menu__arrow--top.sc-sd-button{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom.sc-sd-button{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left.sc-sd-button{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right.sc-sd-button{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content.sc-sd-button{font-size:12px;line-height:20px}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__title.sc-sd-button{font-weight:700;margin-bottom:4px}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__messages.sc-sd-button{font-weight:500}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons.sc-sd-button{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons--1.sc-sd-button{justify-content:flex-end}.sd-popover-menu__content.sc-sd-button .sd-popover-menu__buttons--2.sc-sd-button{justify-content:space-between}.sd-popover-menu__close-button.sc-sd-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-button.sc-sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs.sc-sd-button{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm.sc-sd-button{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md.sc-sd-button{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg.sc-sd-button{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary.sc-sd-button{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline.sc-sd-button{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline.sc-sd-button .sd-button__content.sc-sd-button{position:relative;z-index:1}.sd-button--ghost.sc-sd-button{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost.sc-sd-button::before{content:\"\";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost.sc-sd-button:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost.sc-sd-button .sd-button__content.sc-sd-button{position:relative;z-index:1}.sd-button--disabled.sc-sd-button{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only.sc-sd-button{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover.sc-sd-button:hover::before{opacity:0 !important}.sd-button.sc-sd-button .sd-button__content.sc-sd-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}";
|
|
8
|
+
|
|
9
|
+
const ICON_SIZES = {
|
|
10
|
+
xs: 12,
|
|
11
|
+
sm: 16,
|
|
12
|
+
md: 20,
|
|
13
|
+
lg: 24,
|
|
14
|
+
};
|
|
15
|
+
const SdButton = class {
|
|
16
|
+
constructor(hostRef) {
|
|
17
|
+
index.registerInstance(this, hostRef);
|
|
18
|
+
this.sdClick = index.createEvent(this, "sdClick");
|
|
19
|
+
}
|
|
20
|
+
get el() { return index.getElement(this); }
|
|
21
|
+
variant = 'primary';
|
|
22
|
+
size = 'sm';
|
|
23
|
+
color = '#025497';
|
|
24
|
+
label = '';
|
|
25
|
+
disabled = false;
|
|
26
|
+
type = 'button';
|
|
27
|
+
icon;
|
|
28
|
+
iconColor;
|
|
29
|
+
iconSize;
|
|
30
|
+
iconRight;
|
|
31
|
+
noHover = false;
|
|
32
|
+
class = '';
|
|
33
|
+
// @Prop() buttonStyle: StyleProps = {};
|
|
34
|
+
// @Prop() iconStyle: StyleProps = {};
|
|
35
|
+
sdClick;
|
|
36
|
+
handleClick = (event) => {
|
|
37
|
+
if (this.disabled) {
|
|
38
|
+
event.preventDefault();
|
|
39
|
+
event.stopPropagation();
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
this.sdClick.emit(event);
|
|
43
|
+
};
|
|
44
|
+
getButtonClasses() {
|
|
45
|
+
const classes = ['sd-button'];
|
|
46
|
+
classes.push(`sd-button--${this.variant}`);
|
|
47
|
+
classes.push(`sd-button--${this.size}`);
|
|
48
|
+
classes.push(`sd-button--color-${this.color}`);
|
|
49
|
+
if (this.disabled) {
|
|
50
|
+
classes.push('sd-button--disabled');
|
|
51
|
+
}
|
|
52
|
+
if (!this.label && (this.icon || this.iconRight)) {
|
|
53
|
+
classes.push('sd-button--icon-only');
|
|
54
|
+
}
|
|
55
|
+
if (this.noHover) {
|
|
56
|
+
classes.push('sd-button--no-hover');
|
|
57
|
+
}
|
|
58
|
+
return classes.join(' ');
|
|
59
|
+
}
|
|
60
|
+
render() {
|
|
61
|
+
const buttonClasses = this.getButtonClasses();
|
|
62
|
+
// 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)
|
|
63
|
+
const resolvedColor = resolveColor.resolveColor(this.color);
|
|
64
|
+
return (index.h(index.Host, { key: '8c541913f50cef643635a6c99846081824428141' }, index.h("button", { key: '158c26a5be74a1b7d6fd9ab801cb464aaae62fb8', class: `${buttonClasses} ${this.class}`, type: this.type, disabled: this.disabled, onClick: this.handleClick, style: { '--button-color': resolvedColor } }, index.h("div", { key: '1ea1ea1de4bcd096227e47bd342c37c79c798932', class: "sd-button__content" }, this.icon && (index.h("sd-icon", { key: 'e6bc916ad0cb28839b4f38e4c68be1424424649e', class: "sd-button__icon sd-button__icon--left", name: this.icon, size: this.iconSize ? this.iconSize : ICON_SIZES[this.size], color: this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor })), this.label && index.h("div", { key: '50881d8b7c6a59c9693e3957e4250417f40e8f63', class: "sd-button__label" }, this.label), this.iconRight && (index.h("sd-icon", { key: '598062da7c80dff7ecebefd62b9c030852f35585', class: "sd-button__icon sd-button__icon--right", name: this.iconRight, size: ICON_SIZES[this.size], color: this.variant === 'primary' ? '#fff' : resolvedColor }))))));
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
SdButton.style = sdButtonCss;
|
|
68
|
+
|
|
69
|
+
const SdTooltipPortal = class {
|
|
70
|
+
constructor(hostRef) {
|
|
71
|
+
index.registerInstance(this, hostRef);
|
|
72
|
+
this.sdClose = index.createEvent(this, "sdClose");
|
|
73
|
+
}
|
|
74
|
+
get el() { return index.getElement(this); }
|
|
75
|
+
to = 'body';
|
|
76
|
+
parentRef = null;
|
|
77
|
+
offset = [0, 0];
|
|
78
|
+
zIndex = 9999;
|
|
79
|
+
placement = 'bottom';
|
|
80
|
+
open = false;
|
|
81
|
+
sdClose;
|
|
82
|
+
container;
|
|
83
|
+
wrapper;
|
|
84
|
+
rafId;
|
|
85
|
+
isInsideClick = false;
|
|
86
|
+
resizeObserver;
|
|
87
|
+
mutationObserver;
|
|
88
|
+
static ARROW_SIZE = 11.2;
|
|
89
|
+
componentDidLoad() {
|
|
90
|
+
this.container = this.resolveContainer();
|
|
91
|
+
this.createWrapper();
|
|
92
|
+
this.moveSlotContent();
|
|
93
|
+
// DOM이 완전히 렌더링된 후 위치 계산
|
|
94
|
+
requestAnimationFrame(() => {
|
|
95
|
+
this.updatePosition();
|
|
96
|
+
if (this.wrapper) {
|
|
97
|
+
this.wrapper.style.visibility = 'visible'; // 위치 계산 후 표시
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
this.observeParent();
|
|
101
|
+
}
|
|
102
|
+
componentDidRender() {
|
|
103
|
+
if (!this.wrapper)
|
|
104
|
+
return;
|
|
105
|
+
// this.wrapper.style.display = this.open ? 'block' : 'none';
|
|
106
|
+
// if (this.open) this.updatePosition();
|
|
107
|
+
if (this.open) {
|
|
108
|
+
this.wrapper.style.display = 'block';
|
|
109
|
+
// RAF를 사용해서 다음 프레임에 위치 업데이트
|
|
110
|
+
requestAnimationFrame(() => {
|
|
111
|
+
this.updatePosition();
|
|
112
|
+
if (this.wrapper) {
|
|
113
|
+
this.wrapper.style.visibility = 'visible';
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
this.wrapper.style.display = 'none';
|
|
119
|
+
this.wrapper.style.visibility = 'hidden';
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
disconnectedCallback() {
|
|
123
|
+
if (this.rafId)
|
|
124
|
+
cancelAnimationFrame(this.rafId);
|
|
125
|
+
this.unobserveParent();
|
|
126
|
+
this.wrapper?.remove();
|
|
127
|
+
}
|
|
128
|
+
resolveContainer() {
|
|
129
|
+
const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;
|
|
130
|
+
return el instanceof HTMLElement ? el : document.body;
|
|
131
|
+
}
|
|
132
|
+
createWrapper() {
|
|
133
|
+
this.wrapper = document.createElement('div');
|
|
134
|
+
Object.assign(this.wrapper.style, {
|
|
135
|
+
position: 'absolute',
|
|
136
|
+
zIndex: this.zIndex.toString(),
|
|
137
|
+
transition: 'opacity 0.4s',
|
|
138
|
+
top: '-9999px',
|
|
139
|
+
left: '-9999px',
|
|
140
|
+
});
|
|
141
|
+
this.container.appendChild(this.wrapper);
|
|
142
|
+
}
|
|
143
|
+
moveSlotContent() {
|
|
144
|
+
if (!this.wrapper)
|
|
145
|
+
return;
|
|
146
|
+
const nodes = Array.from(this.el.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);
|
|
147
|
+
nodes.forEach(n => this.wrapper.appendChild(n));
|
|
148
|
+
}
|
|
149
|
+
// 위치 갱신 (scroll / resize)
|
|
150
|
+
updatePosition() {
|
|
151
|
+
if (this.rafId)
|
|
152
|
+
cancelAnimationFrame(this.rafId);
|
|
153
|
+
this.rafId = requestAnimationFrame(() => {
|
|
154
|
+
if (!this.parentRef || !this.wrapper)
|
|
155
|
+
return;
|
|
156
|
+
const rect = this.parentRef.getBoundingClientRect();
|
|
157
|
+
if (!rect.width && !rect.height)
|
|
158
|
+
return; // 요소가 보이지 않는 경우
|
|
159
|
+
const [offsetX, offsetY] = this.offset;
|
|
160
|
+
const ARROW_SIZE = SdTooltipPortal.ARROW_SIZE;
|
|
161
|
+
let top = 0;
|
|
162
|
+
let left = 0;
|
|
163
|
+
switch (this.placement) {
|
|
164
|
+
case 'top':
|
|
165
|
+
top = rect.top + window.scrollY - this.wrapper.offsetHeight + offsetY - ARROW_SIZE;
|
|
166
|
+
left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;
|
|
167
|
+
break;
|
|
168
|
+
case 'bottom':
|
|
169
|
+
top = rect.bottom + window.scrollY + offsetY + ARROW_SIZE;
|
|
170
|
+
left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;
|
|
171
|
+
break;
|
|
172
|
+
case 'left':
|
|
173
|
+
top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;
|
|
174
|
+
left = rect.left + window.scrollX - this.wrapper.offsetWidth - offsetX - ARROW_SIZE;
|
|
175
|
+
break;
|
|
176
|
+
case 'right':
|
|
177
|
+
top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;
|
|
178
|
+
left = rect.right + window.scrollX + offsetX + ARROW_SIZE;
|
|
179
|
+
break;
|
|
180
|
+
}
|
|
181
|
+
Object.assign(this.wrapper.style, {
|
|
182
|
+
top: `${top}px`,
|
|
183
|
+
left: `${left}px`,
|
|
184
|
+
});
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
// parentRef의 이동 / 크기변경 감지
|
|
188
|
+
observeParent() {
|
|
189
|
+
if (!this.parentRef)
|
|
190
|
+
return;
|
|
191
|
+
this.resizeObserver = new ResizeObserver(() => this.updatePosition());
|
|
192
|
+
this.resizeObserver.observe(this.parentRef);
|
|
193
|
+
this.mutationObserver = new MutationObserver(() => this.updatePosition());
|
|
194
|
+
this.mutationObserver.observe(document.body, {
|
|
195
|
+
childList: true,
|
|
196
|
+
subtree: true,
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
unobserveParent() {
|
|
200
|
+
this.resizeObserver?.disconnect();
|
|
201
|
+
this.mutationObserver?.disconnect();
|
|
202
|
+
}
|
|
203
|
+
// 외부 클릭 감지
|
|
204
|
+
handleMouseDown(e) {
|
|
205
|
+
this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target));
|
|
206
|
+
}
|
|
207
|
+
handleWindowClick(e) {
|
|
208
|
+
if (this.isInsideClick) {
|
|
209
|
+
this.isInsideClick = false;
|
|
210
|
+
return;
|
|
211
|
+
}
|
|
212
|
+
if (this.wrapper?.contains(e.target))
|
|
213
|
+
return;
|
|
214
|
+
this.sdClose.emit();
|
|
215
|
+
}
|
|
216
|
+
render() {
|
|
217
|
+
return index.h("slot", { key: 'c591e9142f81d16318407d32af6b58a9fc4433b7' });
|
|
218
|
+
}
|
|
219
|
+
};
|
|
220
|
+
|
|
221
|
+
exports.sd_button = SdButton;
|
|
222
|
+
exports.sd_tooltip_portal = SdTooltipPortal;
|
|
223
|
+
//# sourceMappingURL=sd-button.sd-tooltip-portal.entry.cjs.js.map
|