@sellmate/design-system 0.0.9 → 0.0.11
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/cjs/design-system.cjs.js +3 -3
- package/dist/cjs/design-system.cjs.js.map +1 -1
- package/dist/cjs/{index-iB3JlG0y.js → index-D1tXBb8y.js} +5 -7
- package/dist/cjs/index-D1tXBb8y.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/resolveColor-DxvExwgo.js +272 -0
- package/dist/cjs/resolveColor-DxvExwgo.js.map +1 -0
- package/dist/cjs/sd-badge.cjs.entry.js +23 -0
- package/dist/cjs/sd-badge.entry.cjs.js.map +1 -0
- package/dist/cjs/sd-button.sd-guide.sd-icon.sd-portal.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-button_4.cjs.entry.js +51 -315
- package/dist/cjs/sd-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-box_2.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +3 -3
- package/dist/cjs/sd-pagination_2.cjs.entry.js +6 -6
- package/dist/cjs/sd-popover.cjs.entry.js +4 -4
- package/dist/cjs/sd-select-option.cjs.entry.js +2 -2
- package/dist/cjs/sd-select.cjs.entry.js +1 -1
- package/dist/cjs/sd-table.cjs.entry.js +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +1 -1
- package/dist/cjs/sd-tooltip-portal.cjs.entry.js +2 -2
- package/dist/cjs/{tooltipArrow-CSLQDjwL.js → tooltipArrow-D4Vc_pEU.js} +3 -3
- package/dist/cjs/{tooltipArrow-CSLQDjwL.js.map → tooltipArrow-D4Vc_pEU.js.map} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/sd-badge/sd-badge.css +1386 -0
- package/dist/collection/components/sd-badge/sd-badge.js +88 -0
- package/dist/collection/components/sd-badge/sd-badge.js.map +1 -0
- package/dist/collection/components/sd-checkbox/sd-checkbox.js +1 -1
- 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.js +2 -2
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- 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 +2 -2
- package/dist/collection/components/sd-portal/sd-portal.js +1 -1
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +2 -2
- package/dist/collection/components/sd-tooltip-portal/sd-tooltip-portal.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-B0--8AFP.js → p-0rgiptJp.js} +7 -271
- package/dist/components/p-0rgiptJp.js.map +1 -0
- package/dist/components/{p-BVQq85Sb.js → p-6-oOxxG7.js} +5 -5
- package/dist/components/{p-BVQq85Sb.js.map → p-6-oOxxG7.js.map} +1 -1
- package/dist/components/{p-CwAyLWEQ.js → p-8_DE9sf7.js} +7 -7
- package/dist/components/{p-CwAyLWEQ.js.map → p-8_DE9sf7.js.map} +1 -1
- package/dist/components/{p-CIRxuq9O.js → p-BEEv43du.js} +5 -5
- package/dist/components/{p-CIRxuq9O.js.map → p-BEEv43du.js.map} +1 -1
- package/dist/components/{p-CvQARSF2.js → p-BFclKl59.js} +7 -7
- package/dist/components/{p-CvQARSF2.js.map → p-BFclKl59.js.map} +1 -1
- package/dist/components/{p-B3-UiLOb.js → p-BQR8GTeD.js} +4 -4
- package/dist/components/{p-B3-UiLOb.js.map → p-BQR8GTeD.js.map} +1 -1
- package/dist/components/{p-Cwa0Scin.js → p-BV65zDeF.js} +6 -5
- package/dist/components/p-BV65zDeF.js.map +1 -0
- package/dist/components/p-BYf-ybt2.js +269 -0
- package/dist/components/p-BYf-ybt2.js.map +1 -0
- package/dist/components/{p-CmjvNSNS.js → p-Bws0p2kF.js} +3 -3
- package/dist/components/{p-CmjvNSNS.js.map → p-Bws0p2kF.js.map} +1 -1
- package/dist/components/{p-D_I5tXD6.js → p-CLODAhOA.js} +6 -8
- package/dist/components/p-CLODAhOA.js.map +1 -0
- package/dist/components/{p-DyncZo9Q.js → p-Cf1_Ckwe.js} +10 -10
- package/dist/components/{p-DyncZo9Q.js.map → p-Cf1_Ckwe.js.map} +1 -1
- package/dist/components/{p-Dg9QFKjM.js → p-DCdQLHpa.js} +7 -7
- package/dist/components/{p-Dg9QFKjM.js.map → p-DCdQLHpa.js.map} +1 -1
- package/dist/components/{p-BrGg4-IA.js → p-Dy4OXsOy.js} +6 -6
- package/dist/components/{p-BrGg4-IA.js.map → p-Dy4OXsOy.js.map} +1 -1
- package/dist/components/sd-badge.d.ts +11 -0
- package/dist/components/sd-badge.js +46 -0
- package/dist/components/sd-badge.js.map +1 -0
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker.js +8 -8
- package/dist/components/sd-date-range-picker.js +8 -8
- package/dist/components/sd-guide.js +8 -7
- 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 +8 -8
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select.js +7 -7
- package/dist/components/sd-table.js +8 -8
- package/dist/components/sd-tag.js +2 -2
- 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/design-system.esm.js.map +1 -1
- package/dist/design-system/{p-12aaaa03.entry.js → p-1c85c36d.entry.js} +2 -2
- package/dist/design-system/p-308edd31.entry.js +2 -0
- package/dist/design-system/p-308edd31.entry.js.map +1 -0
- package/dist/design-system/p-7b32ab16.entry.js +2 -0
- package/dist/design-system/{p-997af0ed.entry.js.map → p-7b32ab16.entry.js.map} +1 -1
- package/dist/design-system/{p-7e33f5e5.entry.js → p-8ac68037.entry.js} +2 -2
- package/dist/design-system/{p-1f393066.entry.js → p-97900de1.entry.js} +2 -2
- package/dist/design-system/{p-2bb928fc.entry.js → p-9cc14b6e.entry.js} +2 -2
- package/dist/design-system/p-BYf-ybt2.js +2 -0
- package/dist/design-system/p-BYf-ybt2.js.map +1 -0
- package/dist/design-system/p-D8LjiNqp.js +2 -0
- package/dist/design-system/{p-DMW6VeLX.js.map → p-D8LjiNqp.js.map} +1 -1
- package/dist/design-system/{p-DVhJrGoi.js → p-DON0UcbL.js} +2 -2
- package/dist/design-system/p-DON0UcbL.js.map +1 -0
- package/dist/design-system/{p-c87c465b.entry.js → p-acf8aec2.entry.js} +2 -2
- package/dist/design-system/{p-912c7a8d.entry.js → p-b24ace19.entry.js} +2 -2
- package/dist/design-system/{p-8b2b47a7.entry.js → p-b2516c36.entry.js} +2 -2
- package/dist/design-system/p-cb0d8ecc.entry.js +2 -0
- package/dist/design-system/p-cb0d8ecc.entry.js.map +1 -0
- package/dist/design-system/{p-97dbc008.entry.js → p-d4395043.entry.js} +2 -2
- package/dist/design-system/{p-5db3252c.entry.js → p-dfbbde69.entry.js} +2 -2
- package/dist/design-system/{p-682cf57d.entry.js → p-ef6a088a.entry.js} +2 -2
- package/dist/design-system/sd-badge.entry.esm.js.map +1 -0
- package/dist/design-system/sd-button.sd-guide.sd-icon.sd-portal.entry.esm.js.map +1 -1
- package/dist/esm/design-system.js +4 -4
- package/dist/esm/design-system.js.map +1 -1
- package/dist/esm/{index-DVhJrGoi.js → index-DON0UcbL.js} +5 -7
- package/dist/esm/index-DON0UcbL.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/resolveColor-BYf-ybt2.js +269 -0
- package/dist/esm/resolveColor-BYf-ybt2.js.map +1 -0
- package/dist/esm/sd-badge.entry.js +21 -0
- package/dist/esm/sd-badge.entry.js.map +1 -0
- package/dist/esm/sd-button.sd-guide.sd-icon.sd-portal.entry.js.map +1 -1
- package/dist/esm/sd-button_4.entry.js +49 -313
- package/dist/esm/sd-checkbox.entry.js +2 -2
- package/dist/esm/sd-date-box_2.entry.js +3 -3
- package/dist/esm/sd-date-picker.entry.js +3 -3
- package/dist/esm/sd-date-range-picker.entry.js +3 -3
- package/dist/esm/sd-pagination_2.entry.js +6 -6
- package/dist/esm/sd-popover.entry.js +4 -4
- package/dist/esm/sd-select-option.entry.js +2 -2
- package/dist/esm/sd-select.entry.js +1 -1
- package/dist/esm/sd-table.entry.js +1 -1
- package/dist/esm/sd-tag.entry.js +1 -1
- package/dist/esm/sd-tooltip-portal.entry.js +2 -2
- package/dist/esm/{tooltipArrow-BZiofDi8.js → tooltipArrow-Dv8Sb6cw.js} +3 -3
- package/dist/esm/{tooltipArrow-BZiofDi8.js.map → tooltipArrow-Dv8Sb6cw.js.map} +1 -1
- package/dist/types/components/sd-badge/sd-badge.d.ts +6 -0
- package/dist/types/components.d.ts +37 -0
- package/dist/types/stencil-public-runtime.d.ts +1 -1
- package/hydrate/index.js +69 -40
- package/hydrate/index.mjs +69 -40
- package/package.json +2 -2
- package/dist/cjs/index-iB3JlG0y.js.map +0 -1
- package/dist/components/p-B0--8AFP.js.map +0 -1
- package/dist/components/p-Cwa0Scin.js.map +0 -1
- package/dist/components/p-D_I5tXD6.js.map +0 -1
- package/dist/design-system/p-997af0ed.entry.js +0 -2
- package/dist/design-system/p-DMW6VeLX.js +0 -2
- package/dist/design-system/p-DVhJrGoi.js.map +0 -1
- package/dist/design-system/p-e40ff66a.entry.js +0 -2
- package/dist/design-system/p-e40ff66a.entry.js.map +0 -1
- package/dist/esm/index-DVhJrGoi.js.map +0 -1
- /package/dist/design-system/{p-12aaaa03.entry.js.map → p-1c85c36d.entry.js.map} +0 -0
- /package/dist/design-system/{p-7e33f5e5.entry.js.map → p-8ac68037.entry.js.map} +0 -0
- /package/dist/design-system/{p-1f393066.entry.js.map → p-97900de1.entry.js.map} +0 -0
- /package/dist/design-system/{p-2bb928fc.entry.js.map → p-9cc14b6e.entry.js.map} +0 -0
- /package/dist/design-system/{p-c87c465b.entry.js.map → p-acf8aec2.entry.js.map} +0 -0
- /package/dist/design-system/{p-912c7a8d.entry.js.map → p-b24ace19.entry.js.map} +0 -0
- /package/dist/design-system/{p-8b2b47a7.entry.js.map → p-b2516c36.entry.js.map} +0 -0
- /package/dist/design-system/{p-97dbc008.entry.js.map → p-d4395043.entry.js.map} +0 -0
- /package/dist/design-system/{p-5db3252c.entry.js.map → p-dfbbde69.entry.js.map} +0 -0
- /package/dist/design-system/{p-682cf57d.entry.js.map → p-ef6a088a.entry.js.map} +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -125,10 +125,10 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
125
125
|
|
|
126
126
|
|
|
127
127
|
const NAMESPACE = 'design-system';
|
|
128
|
-
const BUILD = /* design-system */ { hydratedSelectorName: "hydrated", slotRelocation: true, updatable: true};
|
|
128
|
+
const BUILD = /* design-system */ { hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
|
|
129
129
|
|
|
130
130
|
/*
|
|
131
|
-
Stencil Hydrate Platform v4.38.
|
|
131
|
+
Stencil Hydrate Platform v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
132
132
|
*/
|
|
133
133
|
var __defProp = Object.defineProperty;
|
|
134
134
|
var __export = (target, all) => {
|
|
@@ -3375,7 +3375,7 @@ var registerInstance = (lazyInstance, hostRef) => {
|
|
|
3375
3375
|
if (!hostRef) return void 0;
|
|
3376
3376
|
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
3377
3377
|
hostRef.$lazyInstance$ = lazyInstance;
|
|
3378
|
-
{
|
|
3378
|
+
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
|
|
3379
3379
|
reWireGetterSetter(lazyInstance, hostRef);
|
|
3380
3380
|
}
|
|
3381
3381
|
return hostRef;
|
|
@@ -3669,6 +3669,34 @@ function resolveColor(input, fallback = '#025497') {
|
|
|
3669
3669
|
return mapped || input;
|
|
3670
3670
|
}
|
|
3671
3671
|
|
|
3672
|
+
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}";
|
|
3673
|
+
|
|
3674
|
+
class SdBadge {
|
|
3675
|
+
constructor(hostRef) {
|
|
3676
|
+
registerInstance(this, hostRef);
|
|
3677
|
+
}
|
|
3678
|
+
size = 'md';
|
|
3679
|
+
color = 'brilliantblue_75';
|
|
3680
|
+
label = '';
|
|
3681
|
+
render() {
|
|
3682
|
+
const resolvedColor = resolveColor(this.color);
|
|
3683
|
+
return (hAsync(Host, { key: 'b4c9fd99102b52d0769cbc1be393620f90077e20' }, hAsync("div", { key: '99c7f6ec6a83273c37cf036fa129d57747c9046d', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, hAsync("div", { key: '9d45fad015f4b601adba40e42354252d72bb6fd4', class: "sd-badge__dot" }), hAsync("div", { key: 'c1aebc967cdcbfa0bb8a7f350e668f0ccd7d5a02', class: "sd-badge__label" }, this.label))));
|
|
3684
|
+
}
|
|
3685
|
+
static get style() { return sdBadgeCss; }
|
|
3686
|
+
static get cmpMeta() { return {
|
|
3687
|
+
"$flags$": 770,
|
|
3688
|
+
"$tagName$": "sd-badge",
|
|
3689
|
+
"$members$": {
|
|
3690
|
+
"size": [1],
|
|
3691
|
+
"color": [1],
|
|
3692
|
+
"label": [1]
|
|
3693
|
+
},
|
|
3694
|
+
"$listeners$": undefined,
|
|
3695
|
+
"$lazyBundleId$": "-",
|
|
3696
|
+
"$attrsToReflect$": []
|
|
3697
|
+
}; }
|
|
3698
|
+
}
|
|
3699
|
+
|
|
3672
3700
|
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-color: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}";
|
|
3673
3701
|
|
|
3674
3702
|
const ICON_SIZES = {
|
|
@@ -3729,7 +3757,7 @@ class SdButton {
|
|
|
3729
3757
|
}
|
|
3730
3758
|
static get style() { return sdButtonCss; }
|
|
3731
3759
|
static get cmpMeta() { return {
|
|
3732
|
-
"$flags$":
|
|
3760
|
+
"$flags$": 770,
|
|
3733
3761
|
"$tagName$": "sd-button",
|
|
3734
3762
|
"$members$": {
|
|
3735
3763
|
"variant": [1],
|
|
@@ -3819,14 +3847,14 @@ class SdCheckbox {
|
|
|
3819
3847
|
this.sdChange.emit(newValue);
|
|
3820
3848
|
};
|
|
3821
3849
|
render() {
|
|
3822
|
-
return (hAsync(Host, { key: '
|
|
3850
|
+
return (hAsync(Host, { key: '126d946853dc962cf660a9dbae2c002b7c003606' }, hAsync("label", { key: 'cb1a6a8e427bf199789e3fe594fd01a5f618c0eb', class: this.getCheckboxClasses() }, hAsync("input", { key: '701bb2f8e0434b81f762d36e8b16704e982c6028', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: this.handleChange }), hAsync("div", { key: 'cb03ca961f3118d86b3679a1ae179cf9d90cfa6c', class: "sd-checkbox__bg", style: this.checkboxStyle }, this.isChecked ? (hAsync("sd-icon", { name: "check", size: 12, color: this.disabled ? '#888888' : 'white' })) : null), this.label && hAsync("span", { key: '208435a51caac8190ab8a7fae0a0e98cb6d38ea3', class: "sd-checkbox__label" }, this.label))));
|
|
3823
3851
|
}
|
|
3824
3852
|
static get watchers() { return {
|
|
3825
3853
|
"checked": ["watchValueHandler"]
|
|
3826
3854
|
}; }
|
|
3827
3855
|
static get style() { return sdCheckboxCss; }
|
|
3828
3856
|
static get cmpMeta() { return {
|
|
3829
|
-
"$flags$":
|
|
3857
|
+
"$flags$": 770,
|
|
3830
3858
|
"$tagName$": "sd-checkbox",
|
|
3831
3859
|
"$members$": {
|
|
3832
3860
|
"checked": [8],
|
|
@@ -3888,7 +3916,7 @@ class SdDateBox {
|
|
|
3888
3916
|
}
|
|
3889
3917
|
static get style() { return sdDateBoxCss; }
|
|
3890
3918
|
static get cmpMeta() { return {
|
|
3891
|
-
"$flags$":
|
|
3919
|
+
"$flags$": 770,
|
|
3892
3920
|
"$tagName$": "sd-date-box",
|
|
3893
3921
|
"$members$": {
|
|
3894
3922
|
"date": [8],
|
|
@@ -4041,9 +4069,9 @@ class SdDatePicker {
|
|
|
4041
4069
|
this.isOpen = false;
|
|
4042
4070
|
};
|
|
4043
4071
|
render() {
|
|
4044
|
-
return (hAsync(Host, { key: '
|
|
4072
|
+
return (hAsync(Host, { key: '4bd4950a7e6ee0f0fe8b43c9897473dec079bccd', class: "sd-date-picker" }, hAsync("sd-input", { key: 'cd093c5f36a8bf73bcc1d2d8b2d4a32621e4ef02', ref: el => (this.inputEl = el), value: this.date, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
|
|
4045
4073
|
margin: '0 0 0 8px',
|
|
4046
|
-
}, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: '
|
|
4074
|
+
}, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: '20051be0ceb09a2660c8aacd3f3d7c8d9d78d6e0', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: '0045590cea11da3ea09ffb382fa7d0db5eb10e26', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: '16b035b6b9c9ae6edd9c27bf49f81fbab52f2c0a', class: "sd-date-picker__menu" }, hAsync("div", { key: 'a38e25d987606453c42cd1bc4f79c98a0264c479', class: "sd-date-picker__header" }, hAsync("div", { key: '935ef106ab55ae4d2a28f2991a3a10221921524a', class: "year-nav" }, hAsync("button", { key: '19cb5c006e4cb5ae32dde8c05a75a0df83dde359', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, hAsync("sd-icon", { key: '6f2d8be5371e8ffcc774baba20ed4b776f8bb18c', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: 'cb9df4bc1594ccb8e7536b625a84a30a2e7dfa12', class: "year-nav__current" }, this.currentYear), hAsync("button", { key: '5dd87a18292f29dc6b3b66ecc8c2f1dfaa70feb1', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, hAsync("sd-icon", { key: 'cf9e278457d72be2dd4b939448c47f6d79c57930', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: '4afb13f370c9d17542f980f2da72cba9b66d1d22', class: "month-nav" }, hAsync("button", { key: '101b4163c3ab4edc48f5ee0342a7a6bf99bde2c3', type: "button", name: "prev-month", title: "Previous ", onClick: () => this.handleUpdateMonth('prev') }, hAsync("sd-icon", { key: '973e065893ac2cc9385a2b1e7ec327b25456e8a6', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("span", { key: '81228496944a8df087b91c5a0532a4c4e6acc722', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), hAsync("button", { key: '8c0812d9d1f4617422c3d11ed3cd9e66cef2ef7f', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, hAsync("sd-icon", { key: '3085b6eaaaa768dd9fc3ff4f1b2d91eef8846dbe', name: "arrowRight", size: "12", color: "#CCCCCC" })))), hAsync("div", { key: 'd837807d4a1de792bafd24950e61b6feb0948b2b', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (hAsync("div", { key: day, class: "day" }, day)))), hAsync("div", { key: '085b9e8190f7b46184c3e9b1de90e98c96b75f17', class: "sd-date-picker__body" }, [
|
|
4047
4075
|
...this.calendar.prevMonthDays,
|
|
4048
4076
|
...this.calendar.days,
|
|
4049
4077
|
...this.calendar.afterMonthDays,
|
|
@@ -4056,7 +4084,7 @@ class SdDatePicker {
|
|
|
4056
4084
|
}
|
|
4057
4085
|
static get style() { return sdDatePickerCss; }
|
|
4058
4086
|
static get cmpMeta() { return {
|
|
4059
|
-
"$flags$":
|
|
4087
|
+
"$flags$": 770,
|
|
4060
4088
|
"$tagName$": "sd-date-picker",
|
|
4061
4089
|
"$members$": {
|
|
4062
4090
|
"date": [1],
|
|
@@ -4216,9 +4244,9 @@ class SdDateRangePicker {
|
|
|
4216
4244
|
this.isOpen = false;
|
|
4217
4245
|
};
|
|
4218
4246
|
render() {
|
|
4219
|
-
return (hAsync(Host, { key: '
|
|
4247
|
+
return (hAsync(Host, { key: '8aea2d5a46c733661022aa5925c87ccbebb5187e', class: "sd-date-range-picker" }, hAsync("sd-input", { key: '17b95dcfb188bdde813e69e0cd281e900e3418d4', ref: el => (this.inputEl = el), value: `${this.dateRange[0]} ~ ${this.dateRange[1]}`, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, inputClass: "text-center", inputStyle: {
|
|
4220
4248
|
margin: '0 0 0 8px',
|
|
4221
|
-
}, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: '
|
|
4249
|
+
}, onClick: () => this.openMenu() }, hAsync("sd-icon", { key: '9cb55e06cc6954eb94396d7801b516bfb8c27509', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (hAsync("sd-portal", { key: 'a77b900f2c4d91f8b3b473b131d261e0e0bca64f', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, hAsync("div", { key: '2512ef3cede9630f5eeeed4aeaa49b1e7d204bfc', class: "sd-date-range-picker__menu" }, hAsync("div", { key: 'efa249182fe69e088cd49603426ecbf8488bc90a', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, hAsync("button", { key: 'a4b40a969bcfe08fa0426864ca31db94b5bb7c6c', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, hAsync("sd-icon", { key: '078faf6ed904b7dd7ca20e0d30767946d75cefce', name: "arrowLeft", size: "12", color: "#CCCCCC" })), hAsync("div", { key: '1582407b137ce57eb3cc0d3f62d6d50dace58be9', class: "header-label" }, this.prevYear), hAsync("button", { key: 'dd13bad24056346098e9c780520c75611e34cbf3', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, hAsync("sd-icon", { key: '9871ce23b9d3074a0e581ee8731f19beb910ecac', name: "arrowRight", size: "12", color: "#CCCCCC" }))), hAsync("div", { key: 'bd3cf7fb8735d66e9944f1232fcf205d95ff8f99', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (hAsync(Fragment, null, index === 1 && hAsync("div", { class: "separator" }), hAsync("div", { key: index, class: "calendar-container" }, hAsync("div", { class: "calendar-header" }, hAsync("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, hAsync("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
|
|
4222
4250
|
? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
|
|
4223
4251
|
: `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), hAsync("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (hAsync("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), hAsync("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (hAsync("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date ===
|
|
4224
4252
|
this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), type: this.getDateBoxType(this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, Number(day))), isToday: today ===
|
|
@@ -4228,7 +4256,7 @@ class SdDateRangePicker {
|
|
|
4228
4256
|
}
|
|
4229
4257
|
static get style() { return sdDateRangePickerCss; }
|
|
4230
4258
|
static get cmpMeta() { return {
|
|
4231
|
-
"$flags$":
|
|
4259
|
+
"$flags$": 770,
|
|
4232
4260
|
"$tagName$": "sd-date-range-picker",
|
|
4233
4261
|
"$members$": {
|
|
4234
4262
|
"date": [16],
|
|
@@ -4319,7 +4347,7 @@ class SdGuide {
|
|
|
4319
4347
|
};
|
|
4320
4348
|
render() {
|
|
4321
4349
|
const { name: iconName, size: iconSize, color: iconColor } = this.getGuidIcon();
|
|
4322
|
-
return (hAsync(Host, { key: '
|
|
4350
|
+
return (hAsync(Host, { key: '6b9aef7f8ac24d20f19b0007aa6b13de124db93a', style: this.getGuideStyle() }, hAsync("sd-button", { key: '84f1e008e5583d33e008c3c6676b221795af447f', ref: el => (this.guideRef = el), class: this.getGuideClasses(), variant: "outline", label: SdGuide.guideTitle[this.type], size: "md", color: "var(--guide-color)", icon: iconName, iconColor: iconColor, iconSize: iconSize, iconStyle: { marginRight: '4px' }, buttonStyle: {
|
|
4323
4351
|
height: '28px',
|
|
4324
4352
|
minHeight: '28px',
|
|
4325
4353
|
padding: '4px 12px',
|
|
@@ -4329,7 +4357,7 @@ class SdGuide {
|
|
|
4329
4357
|
fontSize: '12px',
|
|
4330
4358
|
fontWeight: '400',
|
|
4331
4359
|
backgroundColor: 'var(--guide-background)',
|
|
4332
|
-
}, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (hAsync("sd-portal", { key: '
|
|
4360
|
+
}, onSdClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (hAsync("sd-portal", { key: '094c0ed48f8cd5e4ad9b39749c5b9e38de776df9', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 24] }, hAsync("div", { key: 'c4723cff1757f411b3ec5c618ece202195893062', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, hAsync("sd-button", { key: 'a76bd5368390414f8ab3733902780b39d4bfb3ac', class: "sd-guide__popup__close", icon: "close", color: colors$1.grey_65, size: "md", variant: "ghost", noHover: true, buttonStyle: { padding: '0px', minHeight: '0px' }, onSdClick: this.closeDropdown }), hAsync("div", { key: '56b1e56be7accd939b47d8942c0796214215b9a1', class: "sd-guide__popup__header" }, hAsync("sd-icon", { key: '4c0eee1fb46488a0fc69e767536d8a0abc0465c3', name: "helpOutline", size: 24, color: colors$1.green_65 }), hAsync("h3", { key: '82159861a5f0dead314dde0648441099fbed1b33', class: "sd-guide__popup__title" }, this.popupTitle || SdGuide.guideTitle[this.type])), hAsync("ul", { key: '656631755547012c689a434aa0db3f6f3676dc2f', class: "sd-guide__popup__list" }, this.renderListItem(this.message)))))));
|
|
4333
4361
|
}
|
|
4334
4362
|
// 현재 2depth까지만 스타일 적용
|
|
4335
4363
|
renderListItem(message, depth = 0) {
|
|
@@ -4349,7 +4377,7 @@ class SdGuide {
|
|
|
4349
4377
|
};
|
|
4350
4378
|
static get style() { return sdGuideCss; }
|
|
4351
4379
|
static get cmpMeta() { return {
|
|
4352
|
-
"$flags$":
|
|
4380
|
+
"$flags$": 770,
|
|
4353
4381
|
"$tagName$": "sd-guide",
|
|
4354
4382
|
"$members$": {
|
|
4355
4383
|
"type": [1],
|
|
@@ -4673,11 +4701,11 @@ class SdIcon {
|
|
|
4673
4701
|
}
|
|
4674
4702
|
render() {
|
|
4675
4703
|
const IconComponent = Icons[this.name]?.[this.size];
|
|
4676
|
-
return (hAsync("i", { key: '
|
|
4704
|
+
return (hAsync("i", { key: 'e9b6db9025ea08dd24e82dc0f37090109b707a12', class: this.getIconClasses(), style: this.iconStyle }, hAsync(IconComponent, { key: '03592c460972f9ea07cb6b86c8dcbbf1f52bb9ff', color: this.resolvedColor })));
|
|
4677
4705
|
}
|
|
4678
4706
|
static get style() { return sdIconCss; }
|
|
4679
4707
|
static get cmpMeta() { return {
|
|
4680
|
-
"$flags$":
|
|
4708
|
+
"$flags$": 770,
|
|
4681
4709
|
"$tagName$": "sd-icon",
|
|
4682
4710
|
"$members$": {
|
|
4683
4711
|
"name": [1],
|
|
@@ -4793,11 +4821,11 @@ class SdInput {
|
|
|
4793
4821
|
'--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
|
|
4794
4822
|
}
|
|
4795
4823
|
: {};
|
|
4796
|
-
return (hAsync(Host, { key: '
|
|
4824
|
+
return (hAsync(Host, { key: 'a98bd133a5e00feaea2c3d2a4ef8e63a9e9e1dc5', style: inputWidth }, this.label && hAsync("div", { key: 'c5bce4ee152a83f1e34a63a7e347c449f27e568e', class: "sd-input__label" }, this.label), hAsync("label", { key: '77c9bf2b1bad3839afef09a55c170924355b4ec9', class: {
|
|
4797
4825
|
'sd-input': true,
|
|
4798
4826
|
[this.getInputStatus()]: true,
|
|
4799
4827
|
'sd-input--barcode': !!this.barcode,
|
|
4800
|
-
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, hAsync("slot", { key: '
|
|
4828
|
+
}, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, hAsync("slot", { key: 'a81d4ae208787b2a74a000cc1baf3e288cc42132', name: "prefix" }), hAsync("input", { key: 'fc5141f2364ca939e0a8ed7425143f5c1ecab572', ref: el => (this.nativeEl = el), class: `sd-input__native_element ${this.inputClass}`, type: "text", value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, autofocus: this.autoFocus, onInput: this.handleInput, onChange: this.handleChange, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) }), hAsync("slot", { key: 'deabb72ce63756290ba752774a207c65f2bf287f', name: "suffix" }), this.clearable && this.internalValue && (hAsync("sd-icon", { key: '8e62dc1e4a17d12ae26c01ffe5c3ac40da516a46', name: "close", color: "#888", style: { marginRight: '-4px', marginLeft: '8px', cursor: 'pointer' }, onClick: () => {
|
|
4801
4829
|
this.internalValue = '';
|
|
4802
4830
|
this.sdChange?.emit(this.internalValue);
|
|
4803
4831
|
this.sdInput?.emit(this.internalValue);
|
|
@@ -4809,7 +4837,7 @@ class SdInput {
|
|
|
4809
4837
|
}; }
|
|
4810
4838
|
static get style() { return sdInputCss; }
|
|
4811
4839
|
static get cmpMeta() { return {
|
|
4812
|
-
"$flags$":
|
|
4840
|
+
"$flags$": 772,
|
|
4813
4841
|
"$tagName$": "sd-input",
|
|
4814
4842
|
"$members$": {
|
|
4815
4843
|
"value": [1032],
|
|
@@ -4917,12 +4945,12 @@ class SdPagination {
|
|
|
4917
4945
|
}
|
|
4918
4946
|
}
|
|
4919
4947
|
render() {
|
|
4920
|
-
return (hAsync("div", { key: '
|
|
4948
|
+
return (hAsync("div", { key: '1065ad3060754151c2097d130a2317ed6c064a6f', class: this.paginationClasses }, hAsync("div", { key: '86aae86adce4d262b49190d06130b6f5b17dd52a', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (hAsync("div", { class: "pagination-info" }, hAsync("span", { class: "current-page" }, this.currentPage), hAsync("span", null, "/"), hAsync("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (hAsync("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
|
|
4921
4949
|
'pagination-btn': true,
|
|
4922
4950
|
'pagination-btn--selected': this.currentPage === n,
|
|
4923
4951
|
}, disabled: this.currentPage === n, style: {
|
|
4924
4952
|
'--pagination-btn-width': `${this.buttonWidth}px`,
|
|
4925
|
-
}, onClick: () => this.handlePageChange(n) }, n)))), hAsync("div", { key: '
|
|
4953
|
+
}, onClick: () => this.handlePageChange(n) }, n)))), hAsync("div", { key: '6615badfef07e61393bc4519fb784ef84191f784', class: "append-btns" }, this.renderNextButtons())));
|
|
4926
4954
|
}
|
|
4927
4955
|
static get watchers() { return {
|
|
4928
4956
|
"currentPage": ["onPropChange"],
|
|
@@ -4930,7 +4958,7 @@ class SdPagination {
|
|
|
4930
4958
|
}; }
|
|
4931
4959
|
static get style() { return sdPaginationCss; }
|
|
4932
4960
|
static get cmpMeta() { return {
|
|
4933
|
-
"$flags$":
|
|
4961
|
+
"$flags$": 777,
|
|
4934
4962
|
"$tagName$": "sd-pagination",
|
|
4935
4963
|
"$members$": {
|
|
4936
4964
|
"currentPage": [2, "current-page"],
|
|
@@ -4981,18 +5009,18 @@ class SdPopover {
|
|
|
4981
5009
|
this.showPopover = false;
|
|
4982
5010
|
};
|
|
4983
5011
|
render() {
|
|
4984
|
-
return (hAsync(Fragment, { key: '
|
|
5012
|
+
return (hAsync(Fragment, { key: 'ddc099859685637ced58820f2dd8e2cb73a13594' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (console.log('click popover'), (this.showPopover = !this.showPopover)) })), this.showPopover && (hAsync("sd-tooltip-portal", { key: '07e0fc27a7898027dc1fb3d9652b220ed29dc47d', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, hAsync("div", { key: '63c8601759b01f4e4522c1ebf06210e5e6f73554', class: {
|
|
4985
5013
|
'sd-popover-menu': true,
|
|
4986
5014
|
[`sd-popover-menu--${this.placement}`]: true,
|
|
4987
5015
|
[this.menuClass]: !!this.menuClass,
|
|
4988
|
-
} }, hAsync("i", { key: '
|
|
5016
|
+
} }, hAsync("i", { key: 'c299090e57d4e0f1d5ee87957c6c271ec63940a2', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: 'b54e63b3748a9251a66da6a9615ba9d8c9cf3818' })), hAsync("div", { key: '3ce1c182e29c77363f929517ceb782c99dbc3a28', class: "sd-popover-menu__content" }, this.menuTitle && hAsync("div", { key: 'e81679dca07a190c54b27b6435c25efb5788b027', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (hAsync("div", { key: '5793115acdb1723b507f3b31a00157a2b90b16bb', class: "sd-popover-menu__messages" }, this.messages.map(message => (hAsync("div", null, message))))), this.buttons.length > 0 && (hAsync("div", { key: '4f4f4e6d9eab6321737d0be88752ba9be875998e', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (hAsync("sd-button", { ...button })))))), this.useClose && (hAsync("button", { key: 'a17d12565b7327676ab1637988cfa30a0c9ed35f', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, hAsync("sd-icon", { key: 'c3c451b2ff7a3c640c236fb43b9d831f62e0d858', name: "close", size: "12", color: "#AAAAAA" }))))))));
|
|
4989
5017
|
}
|
|
4990
5018
|
static get watchers() { return {
|
|
4991
5019
|
"show": ["watchShowHandler"]
|
|
4992
5020
|
}; }
|
|
4993
5021
|
static get style() { return sdPopoverCss; }
|
|
4994
5022
|
static get cmpMeta() { return {
|
|
4995
|
-
"$flags$":
|
|
5023
|
+
"$flags$": 777,
|
|
4996
5024
|
"$tagName$": "sd-popover",
|
|
4997
5025
|
"$members$": {
|
|
4998
5026
|
"show": [1028],
|
|
@@ -5115,10 +5143,10 @@ class SdPortal {
|
|
|
5115
5143
|
this.sdClose.emit();
|
|
5116
5144
|
}
|
|
5117
5145
|
render() {
|
|
5118
|
-
return hAsync("slot", { key: '
|
|
5146
|
+
return hAsync("slot", { key: '1cd6fdea1437dfb749536e76cd5edb8622d0d8c8' });
|
|
5119
5147
|
}
|
|
5120
5148
|
static get cmpMeta() { return {
|
|
5121
|
-
"$flags$":
|
|
5149
|
+
"$flags$": 772,
|
|
5122
5150
|
"$tagName$": "sd-portal",
|
|
5123
5151
|
"$members$": {
|
|
5124
5152
|
"to": [1],
|
|
@@ -5497,7 +5525,7 @@ class SdSelect extends BaseDropdownEvent {
|
|
|
5497
5525
|
}; }
|
|
5498
5526
|
static get style() { return sdSelectCss; }
|
|
5499
5527
|
static get cmpMeta() { return {
|
|
5500
|
-
"$flags$":
|
|
5528
|
+
"$flags$": 772,
|
|
5501
5529
|
"$tagName$": "sd-select",
|
|
5502
5530
|
"$members$": {
|
|
5503
5531
|
"value": [1032],
|
|
@@ -5559,7 +5587,7 @@ class SdSelectOption {
|
|
|
5559
5587
|
}
|
|
5560
5588
|
};
|
|
5561
5589
|
render() {
|
|
5562
|
-
return (hAsync("div", { key: '
|
|
5590
|
+
return (hAsync("div", { key: '420ae30f1928e9051c5078b778e0eefb1ccd8ad7', class: {
|
|
5563
5591
|
'sd-select__option': true,
|
|
5564
5592
|
'sd-select__option--selected': this.isSelected,
|
|
5565
5593
|
'sd-select__option--disabled': !!this.option.disabled,
|
|
@@ -5576,7 +5604,7 @@ class SdSelectOption {
|
|
|
5576
5604
|
}
|
|
5577
5605
|
static get style() { return sdSelectOptionCss; }
|
|
5578
5606
|
static get cmpMeta() { return {
|
|
5579
|
-
"$flags$":
|
|
5607
|
+
"$flags$": 777,
|
|
5580
5608
|
"$tagName$": "sd-select-option",
|
|
5581
5609
|
"$members$": {
|
|
5582
5610
|
"option": [16],
|
|
@@ -5801,7 +5829,7 @@ class SdTable {
|
|
|
5801
5829
|
}; }
|
|
5802
5830
|
static get style() { return sdTableCss; }
|
|
5803
5831
|
static get cmpMeta() { return {
|
|
5804
|
-
"$flags$":
|
|
5832
|
+
"$flags$": 770,
|
|
5805
5833
|
"$tagName$": "sd-table",
|
|
5806
5834
|
"$members$": {
|
|
5807
5835
|
"columns": [16],
|
|
@@ -5879,7 +5907,7 @@ class SdTag {
|
|
|
5879
5907
|
}
|
|
5880
5908
|
static get style() { return sdTagCss; }
|
|
5881
5909
|
static get cmpMeta() { return {
|
|
5882
|
-
"$flags$":
|
|
5910
|
+
"$flags$": 777,
|
|
5883
5911
|
"$tagName$": "sd-tag",
|
|
5884
5912
|
"$members$": {
|
|
5885
5913
|
"size": [1],
|
|
@@ -5927,15 +5955,15 @@ class SdTooltip {
|
|
|
5927
5955
|
: {
|
|
5928
5956
|
onClick: () => (console.log('click tooltip'), (this.showTooltip = !this.showTooltip)),
|
|
5929
5957
|
};
|
|
5930
|
-
return (hAsync(Fragment, { key: '
|
|
5958
|
+
return (hAsync(Fragment, { key: '94936b10ef4b9b926ac61b81365fba1cd426248f' }, this.label ? (hAsync("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (hAsync("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (hAsync("sd-tooltip-portal", { key: 'f162a5a2bf99f6538c671323cbde58d3adaffb31', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, hAsync("div", { key: '34e9846aa2e8e04de06e994b61ff1c84c62af8b8', class: {
|
|
5931
5959
|
'sd-tooltip-menu': true,
|
|
5932
5960
|
[`sd-tooltip-menu--${this.placement}`]: true,
|
|
5933
5961
|
'sd-tooltip-menu--with-close': this.useClose,
|
|
5934
|
-
} }, hAsync("i", { key: '
|
|
5962
|
+
} }, hAsync("i", { key: 'dcd5009ae7acbb7421076f2dd5f74f039a9db4c7', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, hAsync(TooltipArrow, { key: '80c198c65d5e2eaece8dbdf71a2dfd287b638bcf' })), hAsync("div", { key: 'bc1392c0a4926ea5ca89d657d151a2dd812ba1fe', class: "sd-tooltip-menu__content" }, hAsync("slot", { key: '038ce320d51e6a405c3d7d00256a5ca1cc82569c' }, this.el.textContent)), this.useClose && (hAsync("div", { key: '435453a6e4d04fae3f44dc9691e2e546e0e34fae', class: "sd-tooltip-menu__close-button" }, hAsync("button", { key: 'b4f0eec2e85eeaad94a4b8da31350f09d01285fb', onClick: () => this.handleClose() }, hAsync("sd-icon", { key: '9e0943a7104d7445ec56ed1286310f0c5d303082', name: "close", size: "12", color: "#AAAAAA" })))))))));
|
|
5935
5963
|
}
|
|
5936
5964
|
static get style() { return sdTooltipCss; }
|
|
5937
5965
|
static get cmpMeta() { return {
|
|
5938
|
-
"$flags$":
|
|
5966
|
+
"$flags$": 777,
|
|
5939
5967
|
"$tagName$": "sd-tooltip",
|
|
5940
5968
|
"$members$": {
|
|
5941
5969
|
"trigger": [513],
|
|
@@ -6104,10 +6132,10 @@ class SdTooltipPortal {
|
|
|
6104
6132
|
this.sdClose.emit();
|
|
6105
6133
|
}
|
|
6106
6134
|
render() {
|
|
6107
|
-
return hAsync("slot", { key: '
|
|
6135
|
+
return hAsync("slot", { key: 'da351ee1e01b2329ab453245f4272758f1f3889e' });
|
|
6108
6136
|
}
|
|
6109
6137
|
static get cmpMeta() { return {
|
|
6110
|
-
"$flags$":
|
|
6138
|
+
"$flags$": 777,
|
|
6111
6139
|
"$tagName$": "sd-tooltip-portal",
|
|
6112
6140
|
"$members$": {
|
|
6113
6141
|
"to": [1],
|
|
@@ -6124,6 +6152,7 @@ class SdTooltipPortal {
|
|
|
6124
6152
|
}
|
|
6125
6153
|
|
|
6126
6154
|
registerComponents([
|
|
6155
|
+
SdBadge,
|
|
6127
6156
|
SdButton,
|
|
6128
6157
|
SdCheckbox,
|
|
6129
6158
|
SdDateBox,
|
|
@@ -6240,7 +6269,7 @@ var NAMESPACE = (
|
|
|
6240
6269
|
);
|
|
6241
6270
|
|
|
6242
6271
|
/*
|
|
6243
|
-
Stencil Hydrate Runner v4.38.
|
|
6272
|
+
Stencil Hydrate Runner v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
6244
6273
|
*/
|
|
6245
6274
|
var __defProp = Object.defineProperty;
|
|
6246
6275
|
var __export = (target, all) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
4
4
|
"description": "Sellmate Design System - Web Components Library built with Stencil",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"@stencil/react-output-target": "^1.2.0",
|
|
91
91
|
"@stencil/vue-output-target": "^0.11.8"
|
|
92
92
|
},
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "6423e809f1dfa0530fb3dcbe4f07d2dad13859d4"
|
|
94
94
|
}
|