@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
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, F as Fragment } from './p-
|
|
2
|
-
import { T as TooltipArrow } from './p-
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
5
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, F as Fragment } from './p-CLODAhOA.js';
|
|
2
|
+
import { T as TooltipArrow } from './p-Bws0p2kF.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-BV65zDeF.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-0rgiptJp.js';
|
|
5
|
+
import { d as defineCustomElement$1 } from './p-BEEv43du.js';
|
|
6
6
|
|
|
7
7
|
const sdTooltipCss = "@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\");}:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{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:before,.sd-focus-helper: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:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{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{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{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{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-tooltip{position:relative;cursor:pointer;display:inline-block}";
|
|
8
8
|
|
|
@@ -40,14 +40,14 @@ const SdTooltip = /*@__PURE__*/ proxyCustomElement(class SdTooltip extends H {
|
|
|
40
40
|
: {
|
|
41
41
|
onClick: () => (console.log('click tooltip'), (this.showTooltip = !this.showTooltip)),
|
|
42
42
|
};
|
|
43
|
-
return (h(Fragment, { key: '
|
|
43
|
+
return (h(Fragment, { key: '94936b10ef4b9b926ac61b81365fba1cd426248f' }, this.label ? (h("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 })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: 'f162a5a2bf99f6538c671323cbde58d3adaffb31', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: '34e9846aa2e8e04de06e994b61ff1c84c62af8b8', class: {
|
|
44
44
|
'sd-tooltip-menu': true,
|
|
45
45
|
[`sd-tooltip-menu--${this.placement}`]: true,
|
|
46
46
|
'sd-tooltip-menu--with-close': this.useClose,
|
|
47
|
-
} }, h("i", { key: '
|
|
47
|
+
} }, h("i", { key: 'dcd5009ae7acbb7421076f2dd5f74f039a9db4c7', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '80c198c65d5e2eaece8dbdf71a2dfd287b638bcf' })), h("div", { key: 'bc1392c0a4926ea5ca89d657d151a2dd812ba1fe', class: "sd-tooltip-menu__content" }, h("slot", { key: '038ce320d51e6a405c3d7d00256a5ca1cc82569c' }, this.el.textContent)), this.useClose && (h("div", { key: '435453a6e4d04fae3f44dc9691e2e546e0e34fae', class: "sd-tooltip-menu__close-button" }, h("button", { key: 'b4f0eec2e85eeaad94a4b8da31350f09d01285fb', onClick: () => this.handleClose() }, h("sd-icon", { key: '9e0943a7104d7445ec56ed1286310f0c5d303082', name: "close", size: "12", color: "#AAAAAA" })))))))));
|
|
48
48
|
}
|
|
49
49
|
static get style() { return sdTooltipCss; }
|
|
50
|
-
}, [
|
|
50
|
+
}, [769, "sd-tooltip", {
|
|
51
51
|
"trigger": [513],
|
|
52
52
|
"placement": [513],
|
|
53
53
|
"color": [513],
|
|
@@ -90,6 +90,6 @@ function defineCustomElement() {
|
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
export { SdTooltip as S, defineCustomElement as d };
|
|
93
|
-
//# sourceMappingURL=p-
|
|
93
|
+
//# sourceMappingURL=p-Cf1_Ckwe.js.map
|
|
94
94
|
|
|
95
|
-
//# sourceMappingURL=p-
|
|
95
|
+
//# sourceMappingURL=p-Cf1_Ckwe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-Cf1_Ckwe.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,qmoBAAqmoB;;MCS7moB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAGI,OAAO,GAAsB,OAAO;IACpC,SAAS,GAAwC,KAAK;IACtD,KAAK,GAAW,SAAS;IAEzB,IAAI,GAAa,aAAa;IAC9B,QAAQ,GAAW,EAAE;IAEtC,KAAK,GAAW,EAAE;IACD,UAAU,GAAe,IAAI;IAC7B,aAAa,GAAkB,SAAS;IAEzD,OAAO,GAAY,IAAI;IAEvB,QAAQ,GAAY,KAAK;IAExB,WAAW,GAAY,KAAK;AAE7B,IAAA,QAAQ;IAER,WAAW,GAAG,MAAK;AAC1B,QAAA,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC5B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACzB,KAAC;IAED,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAClB,IAAI,CAAC,OAAO,KAAK;AAChB,cAAE;gBACC,YAAY,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC7C,YAAY,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AAC9C;AACH,cAAE;gBACC,OAAO,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aACrF;AAEL,QAAA,QACC,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACP,IAAI,CAAC,KAAK,IACV,CAAA,CAAA,WAAA,EAAA,EACC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAA4B,CAAC,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,KAAK,EAAC,YAAY,EACd,GAAA,aAAa,GACL,KAEb,CAAA,CAAA,SAAA,EAAA,EACC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,GAAG,EAA4B,CAAC,EACzD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAC,YAAY,EAAA,GACd,aAAa,EAAA,CACP,CACX,EAEA,IAAI,CAAC,WAAW,KAChB,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,SAAS,EAAE,IAAI,CAAC,QAAQ,EACxB,SAAS,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACnC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAA,EAEzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE;AACN,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,CAAC,oBAAoB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;gBAC5C,6BAA6B,EAAE,IAAI,CAAC,QAAQ;AAC5C,aAAA,EAAA,EAED,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,kDAAkD,IAAI,CAAC,SAAS,CAAA,CAAE,EAAA,EAC3E,CAAC,CAAA,YAAY,sDAAgB,CAC1B,EAEJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACpC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,EAAE,CAAC,WAAW,CAAQ,CAC7B,EAEL,IAAI,CAAC,QAAQ,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACzC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAA,EACxC,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAW,CAAA,CAClD,CACJ,CACN,CACI,CACa,CACpB,CACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-tooltip/sd-tooltip.scss?tag=sd-tooltip&encapsulation=shadow","src/components/sd-tooltip/sd-tooltip.tsx"],"sourcesContent":["@import '../../styles/global.scss';\r\n\r\n.sd-tooltip {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n}\r\n","import { Component, Element, Fragment, Prop, State, h } from '@stencil/core';\r\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\r\nimport { TooltipArrow } from '../assets/tooltipArrow';\r\n\r\n@Component({\r\n tag: 'sd-tooltip',\r\n styleUrl: 'sd-tooltip.scss',\r\n shadow: true,\r\n})\r\nexport class SdTooltip {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop({ reflect: true }) trigger: 'hover' | 'click' = 'hover';\r\n @Prop({ reflect: true }) placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\r\n @Prop({ reflect: true }) color: string = '#01BB4B';\r\n\r\n @Prop({ reflect: true }) icon: IconName = 'helpOutline';\r\n @Prop({ reflect: true }) iconSize: number = 12;\r\n\r\n @Prop() label: string = '';\r\n @Prop({ reflect: true }) buttonSize: ButtonSize = 'sm';\r\n @Prop({ reflect: true }) buttonVariant: ButtonVariant = 'primary';\r\n\r\n @Prop() noHover: boolean = true;\r\n\r\n @Prop() useClose: boolean = false;\r\n\r\n @State() showTooltip: boolean = false;\r\n\r\n private buttonEl?: HTMLElement;\r\n\r\n private handleClose = () => {\r\n console.log('close tooltip');\r\n this.showTooltip = false;\r\n };\r\n\r\n render() {\r\n const handleTrigger =\r\n this.trigger === 'hover'\r\n ? {\r\n onMouseEnter: () => (this.showTooltip = true),\r\n onMouseLeave: () => (this.showTooltip = false),\r\n }\r\n : {\r\n onClick: () => (console.log('click tooltip'), (this.showTooltip = !this.showTooltip)),\r\n };\r\n\r\n return (\r\n <Fragment>\r\n {this.label ? (\r\n <sd-button\r\n ref={el => (this.buttonEl = el as unknown as HTMLElement)}\r\n label={this.label}\r\n icon={this.icon}\r\n size={this.buttonSize}\r\n color={this.color}\r\n variant={this.buttonVariant}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-button>\r\n ) : (\r\n <sd-icon\r\n ref={el => (this.buttonEl = el as unknown as HTMLElement)}\r\n name={this.icon}\r\n size={this.iconSize}\r\n color={this.color}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-icon>\r\n )}\r\n\r\n {this.showTooltip && (\r\n <sd-tooltip-portal\r\n parentRef={this.buttonEl}\r\n onSdClose={() => this.handleClose()}\r\n placement={this.placement}\r\n >\r\n <div\r\n class={{\r\n 'sd-tooltip-menu': true,\r\n [`sd-tooltip-menu--${this.placement}`]: true,\r\n 'sd-tooltip-menu--with-close': this.useClose,\r\n }}\r\n >\r\n <i class={`sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}`}>\r\n <TooltipArrow></TooltipArrow>\r\n </i>\r\n\r\n <div class=\"sd-tooltip-menu__content\">\r\n <slot>{this.el.textContent}</slot>\r\n </div>\r\n\r\n {this.useClose && (\r\n <div class=\"sd-tooltip-menu__close-button\">\r\n <button onClick={() => this.handleClose()}>\r\n <sd-icon name=\"close\" size=\"12\" color=\"#AAAAAA\"></sd-icon>\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </sd-tooltip-portal>\r\n )}\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H,
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h } from './p-CLODAhOA.js';
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-Dy4OXsOy.js';
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-0rgiptJp.js';
|
|
4
4
|
|
|
5
5
|
const sdSelectOptionCss = "@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\");}:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{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:before,.sd-focus-helper: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:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{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{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{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{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px}.sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-select__option--focused{background-color:#e6f1ff}.sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),.sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075ff;font-weight:700}.sd-select__option--disabled{color:#aaaaaa;cursor:not-allowed}.sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075ff;color:white}";
|
|
6
6
|
|
|
@@ -37,7 +37,7 @@ const SdSelectOption = /*@__PURE__*/ proxyCustomElement(class SdSelectOption ext
|
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
render() {
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: '420ae30f1928e9051c5078b778e0eefb1ccd8ad7', class: {
|
|
41
41
|
'sd-select__option': true,
|
|
42
42
|
'sd-select__option--selected': this.isSelected,
|
|
43
43
|
'sd-select__option--disabled': !!this.option.disabled,
|
|
@@ -53,7 +53,7 @@ const SdSelectOption = /*@__PURE__*/ proxyCustomElement(class SdSelectOption ext
|
|
|
53
53
|
} }), h("span", { class: "sd-select__option-label" }, this.option.label))) : (this.option.label)));
|
|
54
54
|
}
|
|
55
55
|
static get style() { return sdSelectOptionCss; }
|
|
56
|
-
}, [
|
|
56
|
+
}, [769, "sd-select-option", {
|
|
57
57
|
"option": [16],
|
|
58
58
|
"index": [2],
|
|
59
59
|
"isSelected": [4, "is-selected"],
|
|
@@ -89,6 +89,6 @@ function defineCustomElement() {
|
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
export { SdSelectOption as S, defineCustomElement as d };
|
|
92
|
-
//# sourceMappingURL=p-
|
|
92
|
+
//# sourceMappingURL=p-DCdQLHpa.js.map
|
|
93
93
|
|
|
94
|
-
//# sourceMappingURL=p-
|
|
94
|
+
//# sourceMappingURL=p-DCdQLHpa.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DCdQLHpa.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,2ppBAA2ppB;;MCQxqpB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGlB,IAAA,MAAM;AACN,IAAA,KAAK;IACL,UAAU,GAAY,KAAK;IAC3B,SAAS,GAAY,KAAK;AAC1B,IAAA,WAAW;IACX,QAAQ,GAAY,KAAK;IACzB,WAAW,GAAY,KAAK;IAE3B,SAAS,GAAY,KAAK;AAGnC,IAAA,MAAM,UAAU,GAAA;AACf,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;;AAGrB,IAAA,WAAW;AAMZ,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;QAC3C,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC5C,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;AACL,aAAA,CAAC;;AAEJ,KAAC;IAED,MAAM,GAAA;QACL,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACN,gBAAA,mBAAmB,EAAE,IAAI;gBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;AAC9C,gBAAA,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;gBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;gBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;AACnD,aAAA,EACD,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,EACX,YAAA,EAAA,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,EAExB,EAAA,IAAI,CAAC,WAAW,IAChB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qCAAqC,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAC9B,aAAa,EACZ,CAAC,IAAI,CAAC;AACL,kBAAE,EAAE,WAAW,EAAE,MAAM;kBACrB,IAAI,CAAC;AACL,sBAAE,EAAE,WAAW,EAAE,OAAO;sBACtB,EAAE,WAAW,EAAE,SAAS,EAAE,EAEhC,OAAO,EAAE,CAAC,IAAG;gBACZ,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,aAAC,EACa,CAAA,EACf,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,KAEN,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-select/sd-select-option/sd-select-option.scss?tag=sd-select-option&encapsulation=shadow","src/components/sd-select/sd-select-option/sd-select-option.tsx"],"sourcesContent":["@import 'global';\r\n\r\n.sd-select__option {\r\n display: flex;\r\n padding: 4px 12px;\r\n font-size: 12px;\r\n line-height: 20px;\r\n\r\n &__checkbox-wrapper {\r\n display: flex;\r\n width: 100%;\r\n column-gap: 8px;\r\n align-items: center;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &--focused {\r\n background-color: $brilliantblue_20;\r\n }\r\n\r\n &--selected,\r\n &--focused {\r\n &:not(:hover):not(.sd-select__option--use-checkbox) {\r\n color: $brilliantblue_75;\r\n font-weight: 700;\r\n }\r\n }\r\n\r\n &--disabled {\r\n color: $grey_55;\r\n cursor: not-allowed;\r\n }\r\n\r\n &:hover {\r\n &:not(.sd-select__option--disabled) {\r\n background-color: $brilliantblue_75;\r\n color: white;\r\n }\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\r\nimport type { SelectOption } from '../../../types/select';\r\n\r\n@Component({\r\n tag: 'sd-select-option',\r\n styleUrl: 'sd-select-option.scss',\r\n shadow: true,\r\n})\r\nexport class SdSelectOption {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() option!: SelectOption;\r\n @Prop() index!: number;\r\n @Prop() isSelected: boolean = false;\r\n @Prop() isFocused: boolean = false;\r\n @Prop() optionStyle?: { [key: string]: string };\r\n @Prop() disabled: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n @State() isHovered: boolean = false;\r\n\r\n @Method()\r\n async isDisabled(): Promise<boolean> {\r\n return !!this.option.disabled;\r\n }\r\n\r\n @Event() optionClick!: EventEmitter<{\r\n option: SelectOption;\r\n index: number;\r\n event: MouseEvent;\r\n }>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (!this.option.disabled && !this.disabled) {\r\n this.optionClick.emit({\r\n option: this.option,\r\n index: this.index,\r\n event,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <div\r\n class={{\r\n 'sd-select__option': true,\r\n 'sd-select__option--selected': this.isSelected,\r\n 'sd-select__option--disabled': !!this.option.disabled,\r\n 'sd-select__option--focused': this.isFocused,\r\n 'sd-select__option--use-checkbox': this.useCheckbox,\r\n }}\r\n onMouseEnter={() => (this.isHovered = true)}\r\n onMouseLeave={() => (this.isHovered = false)}\r\n style={this.optionStyle}\r\n data-index={this.index}\r\n onClick={this.handleClick}\r\n >\r\n {this.useCheckbox ? (\r\n <div class=\"sd-select__option__checkbox-wrapper\">\r\n <sd-checkbox\r\n checked={this.isSelected}\r\n disabled={this.option.disabled}\r\n checkboxStyle={\r\n !this.isSelected\r\n ? { borderColor: '#888' }\r\n : this.isHovered\r\n ? { borderColor: 'white' }\r\n : { borderColor: '#0075ff' }\r\n }\r\n onClick={e => {\r\n e.preventDefault();\r\n this.handleClick(e);\r\n }}\r\n ></sd-checkbox>\r\n <span class=\"sd-select__option-label\">{this.option.label}</span>\r\n </div>\r\n ) : (\r\n this.option.label\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H,
|
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CLODAhOA.js';
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-0rgiptJp.js';
|
|
3
3
|
|
|
4
4
|
const sdCheckboxCss = ".sd-checkbox.sc-sd-checkbox{line-height:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px;position:relative;cursor:pointer}.sd-checkbox.sc-sd-checkbox>input.sc-sd-checkbox{display:none}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg.sc-sd-checkbox{background:#005cc9}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg.sc-sd-checkbox{border:1px solid #0075ff;background:#d9eaff}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg.sc-sd-checkbox{border:1px solid transparent;background:#eeeeee}.sd-checkbox__bg.sc-sd-checkbox{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}.sd-checkbox__label.sc-sd-checkbox{font-size:12px;color:#333333;line-height:20px}.sd-checkbox--checked.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}.sd-checkbox--checked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{border:0;background:#0075ff}.sd-checkbox--unchecked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:white}.sd-checkbox--disabled.sc-sd-checkbox{cursor:not-allowed}.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}";
|
|
5
5
|
|
|
@@ -71,13 +71,13 @@ const SdCheckbox = /*@__PURE__*/ proxyCustomElement(class SdCheckbox extends H {
|
|
|
71
71
|
this.sdChange.emit(newValue);
|
|
72
72
|
};
|
|
73
73
|
render() {
|
|
74
|
-
return (h(Host, { key: '
|
|
74
|
+
return (h(Host, { key: '126d946853dc962cf660a9dbae2c002b7c003606' }, h("label", { key: 'cb1a6a8e427bf199789e3fe594fd01a5f618c0eb', class: this.getCheckboxClasses() }, h("input", { key: '701bb2f8e0434b81f762d36e8b16704e982c6028', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: this.handleChange }), h("div", { key: 'cb03ca961f3118d86b3679a1ae179cf9d90cfa6c', class: "sd-checkbox__bg", style: this.checkboxStyle }, this.isChecked ? (h("sd-icon", { name: "check", size: 12, color: this.disabled ? '#888888' : 'white' })) : null), this.label && h("span", { key: '208435a51caac8190ab8a7fae0a0e98cb6d38ea3', class: "sd-checkbox__label" }, this.label))));
|
|
75
75
|
}
|
|
76
76
|
static get watchers() { return {
|
|
77
77
|
"checked": ["watchValueHandler"]
|
|
78
78
|
}; }
|
|
79
79
|
static get style() { return sdCheckboxCss; }
|
|
80
|
-
}, [
|
|
80
|
+
}, [770, "sd-checkbox", {
|
|
81
81
|
"checked": [8],
|
|
82
82
|
"val": [8],
|
|
83
83
|
"disabled": [4],
|
|
@@ -107,6 +107,6 @@ function defineCustomElement() {
|
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
export { SdCheckbox as S, defineCustomElement as d };
|
|
110
|
-
//# sourceMappingURL=p-
|
|
110
|
+
//# sourceMappingURL=p-Dy4OXsOy.js.map
|
|
111
111
|
|
|
112
|
-
//# sourceMappingURL=p-
|
|
112
|
+
//# sourceMappingURL=p-Dy4OXsOy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-Dy4OXsOy.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,k4CAAk4C;;MCiB34C,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;;;;IAId,OAAO,GAAgB,KAAK;;AAG5B,IAAA,GAAG;;IAGH,QAAQ,GAAY,KAAK;;IAGzB,KAAK,GAAW,EAAE;IAElB,aAAa,GAAe,EAAE;;IAGrB,SAAS,GAAY,KAAK;;AAGlC,IAAA,QAAQ;IAEjB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;;AAItC,IAAA,iBAAiB,CAAC,QAAqB,EAAA;AACtC,QAAA,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;;IAG1B,kBAAkB,GAAA;AACzB,QAAA,MAAM,OAAO,GAAG,CAAC,aAAa,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA,CAAE,CAAC;AAE3F,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC;;AAGtC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGjB,IAAA,kBAAkB,CAAC,KAAkB,EAAA;AAC5C,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AAC/B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAChB,aAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;;aAC7D;AACN,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;;IAIhB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,QAAqB;AAEzB,QAAA,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;AACtC,YAAA,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;;aAClB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;AACvC,YAAA,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;AAC3B,gBAAA,OAAO,CAAC,IAAI,CAAC,4EAA4E,CAAC;gBAC1F;;YAGD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;AACtC,YAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3E,YAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;;aACzB;AACN,YAAA,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS;;AAG3B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC7B,KAAC;IAED,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAA,EACtC,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC1B,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EACpD,IAAI,CAAC,SAAS,IACd,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,OAAO,EAAA,CAAI,IAC3E,IAAI,CACH,EACL,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,oBAAoB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-checkbox/sd-checkbox.scss?tag=sd-checkbox&encapsulation=scoped","src/components/sd-checkbox/sd-checkbox.tsx"],"sourcesContent":["@import '../../styles/variables.scss';\r\n\r\n.sd-checkbox {\r\n line-height: 0;\r\n\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n height: 20px;\r\n max-height: 20px;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n > input {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n &.sd-checkbox--checked {\r\n .sd-checkbox__bg {\r\n background: $brilliantblue_80;\r\n }\r\n }\r\n\r\n &.sd-checkbox--unchecked {\r\n .sd-checkbox__bg {\r\n border: 1px solid $brilliantblue_75;\r\n background: $brilliantblue_25;\r\n }\r\n }\r\n\r\n &.sd-checkbox--disabled {\r\n .sd-checkbox__bg {\r\n border: 1px solid transparent;\r\n background: $grey_20;\r\n }\r\n }\r\n }\r\n\r\n &__bg {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n border: 1px solid $grey_65;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n line-height: 0;\r\n }\r\n\r\n &__label {\r\n font-size: 12px;\r\n color: $grey_90;\r\n line-height: 20px;\r\n }\r\n\r\n &--checked {\r\n &.sd-checkbox--disabled {\r\n .sd-checkbox__bg {\r\n background: $grey_20;\r\n border: 1px solid $grey_45 !important;\r\n }\r\n }\r\n\r\n .sd-checkbox__bg {\r\n border: 0;\r\n background: $brilliantblue_75;\r\n }\r\n }\r\n\r\n &--unchecked {\r\n .sd-checkbox__bg {\r\n background: white;\r\n }\r\n }\r\n\r\n &--disabled {\r\n cursor: not-allowed;\r\n .sd-checkbox__bg {\r\n background: $grey_20;\r\n border: 1px solid $grey_45 !important;\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n Prop,\r\n h,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n State,\r\n Watch,\r\n Host,\r\n} from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-checkbox',\r\n styleUrl: 'sd-checkbox.scss',\r\n scoped: true,\r\n})\r\nexport class SdCheckbox {\r\n @Element() el!: HTMLElement;\r\n\r\n /** 현재 선택 상태 또는 배열 형태의 값 */\r\n @Prop() checked: any[] | any = false;\r\n\r\n /** 배열 모드에서의 개별 값 */\r\n @Prop() val?: any;\r\n\r\n /** 비활성화 여부 */\r\n @Prop() disabled: boolean = false;\r\n\r\n /** 표시할 라벨 텍스트 */\r\n @Prop() label: string = '';\r\n\r\n @Prop() checkboxStyle: StyleProps = {};\r\n\r\n /** 내부 체크 상태 */\r\n @State() private isChecked: boolean = false;\r\n\r\n /** 값 변경 이벤트 */\r\n @Event() sdChange!: EventEmitter<any | any[]>;\r\n\r\n componentWillLoad() {\r\n this.updateCheckedState(this.checked);\r\n }\r\n\r\n @Watch('checked')\r\n watchValueHandler(newValue: any | any[]) {\r\n this.updateCheckedState(newValue);\r\n }\r\n\r\n private getCheckboxClasses(): string {\r\n const classes = ['sd-checkbox', `sd-checkbox--${this.isChecked ? 'checked' : 'unchecked'}`];\r\n\r\n if (this.disabled) {\r\n classes.push('sd-checkbox--disabled');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n private updateCheckedState(value: any | any[]) {\r\n if (typeof value === 'boolean') {\r\n this.isChecked = value;\r\n } else if (Array.isArray(value)) {\r\n this.isChecked = this.val !== undefined && value.includes(this.val);\r\n } else {\r\n this.isChecked = false;\r\n }\r\n }\r\n\r\n private handleChange = () => {\r\n if (this.disabled) return;\r\n\r\n let newValue: any | any[];\r\n\r\n if (typeof this.checked === 'boolean') {\r\n newValue = !this.checked;\r\n } else if (Array.isArray(this.checked)) {\r\n if (this.val === undefined) {\r\n console.warn('A \"val\" property is required when using an array for the \"value\" property.');\r\n return;\r\n }\r\n\r\n const valueSet = new Set(this.checked);\r\n valueSet.has(this.val) ? valueSet.delete(this.val) : valueSet.add(this.val);\r\n newValue = Array.from(valueSet);\r\n } else {\r\n newValue = !this.isChecked;\r\n }\r\n\r\n this.sdChange.emit(newValue);\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <label class={this.getCheckboxClasses()}>\r\n <input\r\n type=\"checkbox\"\r\n checked={this.isChecked}\r\n disabled={this.disabled}\r\n onChange={this.handleChange}\r\n />\r\n <div class=\"sd-checkbox__bg\" style={this.checkboxStyle}>\r\n {this.isChecked ? (\r\n <sd-icon name=\"check\" size={12} color={this.disabled ? '#888888' : 'white'} />\r\n ) : null}\r\n </div>\r\n {this.label && <span class=\"sd-checkbox__label\">{this.label}</span>}\r\n </label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SdBadge extends Components.SdBadge, HTMLElement {}
|
|
4
|
+
export const SdBadge: {
|
|
5
|
+
prototype: SdBadge;
|
|
6
|
+
new (): SdBadge;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-CLODAhOA.js';
|
|
2
|
+
import { r as resolveColor } from './p-BYf-ybt2.js';
|
|
3
|
+
|
|
4
|
+
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}";
|
|
5
|
+
|
|
6
|
+
const SdBadge$1 = /*@__PURE__*/ proxyCustomElement(class SdBadge extends H {
|
|
7
|
+
constructor(registerHost) {
|
|
8
|
+
super();
|
|
9
|
+
if (registerHost !== false) {
|
|
10
|
+
this.__registerHost();
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
size = 'md';
|
|
14
|
+
color = 'brilliantblue_75';
|
|
15
|
+
label = '';
|
|
16
|
+
render() {
|
|
17
|
+
const resolvedColor = resolveColor(this.color);
|
|
18
|
+
return (h(Host, { key: 'b4c9fd99102b52d0769cbc1be393620f90077e20' }, h("div", { key: '99c7f6ec6a83273c37cf036fa129d57747c9046d', class: `sd-badge sd-badge--${this.size}`, style: { '--sd-badge-color': resolvedColor } }, h("div", { key: '9d45fad015f4b601adba40e42354252d72bb6fd4', class: "sd-badge__dot" }), h("div", { key: 'c1aebc967cdcbfa0bb8a7f350e668f0ccd7d5a02', class: "sd-badge__label" }, this.label))));
|
|
19
|
+
}
|
|
20
|
+
static get style() { return sdBadgeCss; }
|
|
21
|
+
}, [770, "sd-badge", {
|
|
22
|
+
"size": [1],
|
|
23
|
+
"color": [1],
|
|
24
|
+
"label": [1]
|
|
25
|
+
}]);
|
|
26
|
+
function defineCustomElement$1() {
|
|
27
|
+
if (typeof customElements === "undefined") {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const components = ["sd-badge"];
|
|
31
|
+
components.forEach(tagName => { switch (tagName) {
|
|
32
|
+
case "sd-badge":
|
|
33
|
+
if (!customElements.get(tagName)) {
|
|
34
|
+
customElements.define(tagName, SdBadge$1);
|
|
35
|
+
}
|
|
36
|
+
break;
|
|
37
|
+
} });
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
const SdBadge = SdBadge$1;
|
|
41
|
+
const defineCustomElement = defineCustomElement$1;
|
|
42
|
+
|
|
43
|
+
export { SdBadge, defineCustomElement };
|
|
44
|
+
//# sourceMappingURL=sd-badge.js.map
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=sd-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"sd-badge.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,0jxBAA0jxB;;MCQhkxBA,SAAO,iBAAAC,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,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,EAC1F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdBadge","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H,
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CLODAhOA.js';
|
|
2
2
|
import { u as useDatePicker, t as today } from './p-QZbqqKSO.js';
|
|
3
|
-
import { d as defineCustomElement$5 } from './p-
|
|
4
|
-
import { d as defineCustomElement$4 } from './p-
|
|
5
|
-
import { d as defineCustomElement$3 } from './p-
|
|
6
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$5 } from './p-BQR8GTeD.js';
|
|
4
|
+
import { d as defineCustomElement$4 } from './p-0rgiptJp.js';
|
|
5
|
+
import { d as defineCustomElement$3 } from './p-BFclKl59.js';
|
|
6
|
+
import { d as defineCustomElement$2 } from './p-6-oOxxG7.js';
|
|
7
7
|
|
|
8
8
|
const sdDatePickerCss = "@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-date-picker:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html.sc-sd-date-picker{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary.sc-sd-date-picker{background-color:var(--color-primary, #051d36)}.bg-secondary.sc-sd-date-picker{background-color:var(--color-secondary, #555555)}.bg-accent.sc-sd-date-picker{background-color:var(--color-accent, #9c27b0)}.bg-positive.sc-sd-date-picker{background-color:var(--color-positive, #0075ff)}.bg-negative.sc-sd-date-picker{background-color:var(--color-negative, #e30000)}.bg-info.sc-sd-date-picker{background-color:var(--color-info, #00cd52)}.bg-warning.sc-sd-date-picker{background-color:var(--color-warning, #f2c037)}.bg-red_99.sc-sd-date-picker{background-color:var(--color-red_99, #220000)}.bg-red_95.sc-sd-date-picker{background-color:var(--color-red_95, #440000)}.bg-red_90.sc-sd-date-picker{background-color:var(--color-red_90, #5E0000)}.bg-red_85.sc-sd-date-picker{background-color:var(--color-red_85, #820000)}.bg-red_80.sc-sd-date-picker{background-color:var(--color-red_80, #AD0000)}.bg-red_75.sc-sd-date-picker{background-color:var(--color-red_75, #E30000)}.bg-red_70.sc-sd-date-picker{background-color:var(--color-red_70, #FB4444)}.bg-red_60.sc-sd-date-picker{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45.sc-sd-date-picker{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30.sc-sd-date-picker{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20.sc-sd-date-picker{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15.sc-sd-date-picker{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg.sc-sd-date-picker{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon.sc-sd-date-picker{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99.sc-sd-date-picker{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95.sc-sd-date-picker{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90.sc-sd-date-picker{background-color:var(--color-orange_90, #752A00)}.bg-orange_85.sc-sd-date-picker{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75.sc-sd-date-picker{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65.sc-sd-date-picker{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60.sc-sd-date-picker{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55.sc-sd-date-picker{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45.sc-sd-date-picker{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35.sc-sd-date-picker{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20.sc-sd-date-picker{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10.sc-sd-date-picker{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert.sc-sd-date-picker{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95.sc-sd-date-picker{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90.sc-sd-date-picker{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80.sc-sd-date-picker{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70.sc-sd-date-picker{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60.sc-sd-date-picker{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50.sc-sd-date-picker{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45.sc-sd-date-picker{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40.sc-sd-date-picker{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30.sc-sd-date-picker{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25.sc-sd-date-picker{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20.sc-sd-date-picker{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10.sc-sd-date-picker{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95.sc-sd-date-picker{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90.sc-sd-date-picker{background-color:var(--color-olive_90, #454500)}.bg-olive_80.sc-sd-date-picker{background-color:var(--color-olive_80, #636300)}.bg-olive_70.sc-sd-date-picker{background-color:var(--color-olive_70, #838300)}.bg-olive_65.sc-sd-date-picker{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55.sc-sd-date-picker{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45.sc-sd-date-picker{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30.sc-sd-date-picker{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20.sc-sd-date-picker{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15.sc-sd-date-picker{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10.sc-sd-date-picker{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05.sc-sd-date-picker{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99.sc-sd-date-picker{background-color:var(--color-green_99, #001D0B)}.bg-green_95.sc-sd-date-picker{background-color:var(--color-green_95, #003013)}.bg-green_90.sc-sd-date-picker{background-color:var(--color-green_90, #00461C)}.bg-green_85.sc-sd-date-picker{background-color:var(--color-green_85, #006629)}.bg-green_80.sc-sd-date-picker{background-color:var(--color-green_80, #007B31)}.bg-green_75.sc-sd-date-picker{background-color:var(--color-green_75, #00973C)}.bg-green_70.sc-sd-date-picker{background-color:var(--color-green_70, #12B553)}.bg-green_65.sc-sd-date-picker{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55.sc-sd-date-picker{background-color:var(--color-green_55, #6DE39C)}.bg-green_45.sc-sd-date-picker{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25.sc-sd-date-picker{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15.sc-sd-date-picker{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99.sc-sd-date-picker{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95.sc-sd-date-picker{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90.sc-sd-date-picker{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85.sc-sd-date-picker{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80.sc-sd-date-picker{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75.sc-sd-date-picker{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70.sc-sd-date-picker{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65.sc-sd-date-picker{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60.sc-sd-date-picker{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45.sc-sd-date-picker{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25.sc-sd-date-picker{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10.sc-sd-date-picker{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99.sc-sd-date-picker{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95.sc-sd-date-picker{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90.sc-sd-date-picker{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85.sc-sd-date-picker{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80.sc-sd-date-picker{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75.sc-sd-date-picker{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70.sc-sd-date-picker{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65.sc-sd-date-picker{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60.sc-sd-date-picker{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50.sc-sd-date-picker{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25.sc-sd-date-picker{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15.sc-sd-date-picker{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99.sc-sd-date-picker{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95.sc-sd-date-picker{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90.sc-sd-date-picker{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85.sc-sd-date-picker{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80.sc-sd-date-picker{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75.sc-sd-date-picker{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70.sc-sd-date-picker{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60.sc-sd-date-picker{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50.sc-sd-date-picker{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40.sc-sd-date-picker{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25.sc-sd-date-picker{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20.sc-sd-date-picker{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10.sc-sd-date-picker{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05.sc-sd-date-picker{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95.sc-sd-date-picker{background-color:var(--color-grey_95, #222222)}.bg-grey_90.sc-sd-date-picker{background-color:var(--color-grey_90, #333333)}.bg-grey_85.sc-sd-date-picker{background-color:var(--color-grey_85, #444444)}.bg-grey_80.sc-sd-date-picker{background-color:var(--color-grey_80, #555555)}.bg-grey_70.sc-sd-date-picker{background-color:var(--color-grey_70, #737373)}.bg-grey_65.sc-sd-date-picker{background-color:var(--color-grey_65, #888888)}.bg-grey_60.sc-sd-date-picker{background-color:var(--color-grey_60, #999999)}.bg-grey_55.sc-sd-date-picker{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50.sc-sd-date-picker{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45.sc-sd-date-picker{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35.sc-sd-date-picker{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30.sc-sd-date-picker{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25.sc-sd-date-picker{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20.sc-sd-date-picker{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10.sc-sd-date-picker{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05.sc-sd-date-picker{background-color:var(--color-grey_05, #f9f9f9)}.bg-white.sc-sd-date-picker{background-color:var(--color-white, #ffffff)}.bg-black.sc-sd-date-picker{background-color:var(--color-black, #000000)}.text-primary.sc-sd-date-picker{color:var(--color-primary, #051d36)}.text-secondary.sc-sd-date-picker{color:var(--color-secondary, #555555)}.text-accent.sc-sd-date-picker{color:var(--color-accent, #9c27b0)}.text-positive.sc-sd-date-picker{color:var(--color-positive, #0075ff)}.text-negative.sc-sd-date-picker{color:var(--color-negative, #e30000)}.text-info.sc-sd-date-picker{color:var(--color-info, #00cd52)}.text-warning.sc-sd-date-picker{color:var(--color-warning, #f2c037)}.text-red_99.sc-sd-date-picker{color:var(--color-red_99, #220000)}.text-red_95.sc-sd-date-picker{color:var(--color-red_95, #440000)}.text-red_90.sc-sd-date-picker{color:var(--color-red_90, #5E0000)}.text-red_85.sc-sd-date-picker{color:var(--color-red_85, #820000)}.text-red_80.sc-sd-date-picker{color:var(--color-red_80, #AD0000)}.text-red_75.sc-sd-date-picker{color:var(--color-red_75, #E30000)}.text-red_70.sc-sd-date-picker{color:var(--color-red_70, #FB4444)}.text-red_60.sc-sd-date-picker{color:var(--color-red_60, #FF7C7C)}.text-red_45.sc-sd-date-picker{color:var(--color-red_45, #FFB5B5)}.text-red_30.sc-sd-date-picker{color:var(--color-red_30, #FFD3D3)}.text-red_20.sc-sd-date-picker{color:var(--color-red_20, #FCE6E6)}.text-red_15.sc-sd-date-picker{color:var(--color-red_15, #FCEFEF)}.text-caution_bg.sc-sd-date-picker{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon.sc-sd-date-picker{color:var(--color-caution_icon, #fd9595)}.text-orange_99.sc-sd-date-picker{color:var(--color-orange_99, #2F1100)}.text-orange_95.sc-sd-date-picker{color:var(--color-orange_95, #4D1B00)}.text-orange_90.sc-sd-date-picker{color:var(--color-orange_90, #752A00)}.text-orange_85.sc-sd-date-picker{color:var(--color-orange_85, #9B3700)}.text-orange_75.sc-sd-date-picker{color:var(--color-orange_75, #CE4900)}.text-orange_65.sc-sd-date-picker{color:var(--color-orange_65, #FF6B00)}.text-orange_60.sc-sd-date-picker{color:var(--color-orange_60, #FF7F22)}.text-orange_55.sc-sd-date-picker{color:var(--color-orange_55, #FFA452)}.text-orange_45.sc-sd-date-picker{color:var(--color-orange_45, #FFBC81)}.text-orange_35.sc-sd-date-picker{color:var(--color-orange_35, #FFD5AF)}.text-orange_20.sc-sd-date-picker{color:var(--color-orange_20, #FFEAD7)}.text-orange_10.sc-sd-date-picker{color:var(--color-orange_10, #FEF1EA)}.text-header_alert.sc-sd-date-picker{color:var(--color-header_alert, #FF7A00)}.text-yellow_95.sc-sd-date-picker{color:var(--color-yellow_95, #322700)}.text-yellow_90.sc-sd-date-picker{color:var(--color-yellow_90, #453702)}.text-yellow_80.sc-sd-date-picker{color:var(--color-yellow_80, #6C5602)}.text-yellow_70.sc-sd-date-picker{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60.sc-sd-date-picker{color:var(--color-yellow_60, #C49900)}.text-yellow_50.sc-sd-date-picker{color:var(--color-yellow_50, #EBB800)}.text-yellow_45.sc-sd-date-picker{color:var(--color-yellow_45, #FFC700)}.text-yellow_40.sc-sd-date-picker{color:var(--color-yellow_40, #FFD643)}.text-yellow_30.sc-sd-date-picker{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25.sc-sd-date-picker{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20.sc-sd-date-picker{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10.sc-sd-date-picker{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95.sc-sd-date-picker{color:var(--color-olive_95, #2C2C00)}.text-olive_90.sc-sd-date-picker{color:var(--color-olive_90, #454500)}.text-olive_80.sc-sd-date-picker{color:var(--color-olive_80, #636300)}.text-olive_70.sc-sd-date-picker{color:var(--color-olive_70, #838300)}.text-olive_65.sc-sd-date-picker{color:var(--color-olive_65, #A5A500)}.text-olive_55.sc-sd-date-picker{color:var(--color-olive_55, #C7C700)}.text-olive_45.sc-sd-date-picker{color:var(--color-olive_45, #DDDD12)}.text-olive_30.sc-sd-date-picker{color:var(--color-olive_30, #EEEE37)}.text-olive_20.sc-sd-date-picker{color:var(--color-olive_20, #F6F65F)}.text-olive_15.sc-sd-date-picker{color:var(--color-olive_15, #FAFAA1)}.text-olive_10.sc-sd-date-picker{color:var(--color-olive_10, #FBFBBF)}.text-olive_05.sc-sd-date-picker{color:var(--color-olive_05, #FEFED9)}.text-green_99.sc-sd-date-picker{color:var(--color-green_99, #001D0B)}.text-green_95.sc-sd-date-picker{color:var(--color-green_95, #003013)}.text-green_90.sc-sd-date-picker{color:var(--color-green_90, #00461C)}.text-green_85.sc-sd-date-picker{color:var(--color-green_85, #006629)}.text-green_80.sc-sd-date-picker{color:var(--color-green_80, #007B31)}.text-green_75.sc-sd-date-picker{color:var(--color-green_75, #00973C)}.text-green_70.sc-sd-date-picker{color:var(--color-green_70, #12B553)}.text-green_65.sc-sd-date-picker{color:var(--color-green_65, #2BCE6C)}.text-green_55.sc-sd-date-picker{color:var(--color-green_55, #6DE39C)}.text-green_45.sc-sd-date-picker{color:var(--color-green_45, #ACF4C9)}.text-green_25.sc-sd-date-picker{color:var(--color-green_25, #D4FAE3)}.text-green_15.sc-sd-date-picker{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99.sc-sd-date-picker{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95.sc-sd-date-picker{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90.sc-sd-date-picker{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85.sc-sd-date-picker{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80.sc-sd-date-picker{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75.sc-sd-date-picker{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70.sc-sd-date-picker{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65.sc-sd-date-picker{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60.sc-sd-date-picker{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45.sc-sd-date-picker{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25.sc-sd-date-picker{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10.sc-sd-date-picker{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99.sc-sd-date-picker{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95.sc-sd-date-picker{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90.sc-sd-date-picker{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85.sc-sd-date-picker{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80.sc-sd-date-picker{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75.sc-sd-date-picker{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70.sc-sd-date-picker{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65.sc-sd-date-picker{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60.sc-sd-date-picker{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50.sc-sd-date-picker{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25.sc-sd-date-picker{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15.sc-sd-date-picker{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99.sc-sd-date-picker{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95.sc-sd-date-picker{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90.sc-sd-date-picker{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85.sc-sd-date-picker{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80.sc-sd-date-picker{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75.sc-sd-date-picker{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70.sc-sd-date-picker{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60.sc-sd-date-picker{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50.sc-sd-date-picker{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40.sc-sd-date-picker{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25.sc-sd-date-picker{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20.sc-sd-date-picker{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10.sc-sd-date-picker{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05.sc-sd-date-picker{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95.sc-sd-date-picker{color:var(--color-grey_95, #222222)}.text-grey_90.sc-sd-date-picker{color:var(--color-grey_90, #333333)}.text-grey_85.sc-sd-date-picker{color:var(--color-grey_85, #444444)}.text-grey_80.sc-sd-date-picker{color:var(--color-grey_80, #555555)}.text-grey_70.sc-sd-date-picker{color:var(--color-grey_70, #737373)}.text-grey_65.sc-sd-date-picker{color:var(--color-grey_65, #888888)}.text-grey_60.sc-sd-date-picker{color:var(--color-grey_60, #999999)}.text-grey_55.sc-sd-date-picker{color:var(--color-grey_55, #aaaaaa)}.text-grey_50.sc-sd-date-picker{color:var(--color-grey_50, #bbbbbb)}.text-grey_45.sc-sd-date-picker{color:var(--color-grey_45, #cccccc)}.text-grey_35.sc-sd-date-picker{color:var(--color-grey_35, #D8D8D8)}.text-grey_30.sc-sd-date-picker{color:var(--color-grey_30, #e1e1e1)}.text-grey_25.sc-sd-date-picker{color:var(--color-grey_25, #E5E5E5)}.text-grey_20.sc-sd-date-picker{color:var(--color-grey_20, #eeeeee)}.text-grey_10.sc-sd-date-picker{color:var(--color-grey_10, #f6f6f6)}.text-grey_05.sc-sd-date-picker{color:var(--color-grey_05, #f9f9f9)}.text-white.sc-sd-date-picker{color:var(--color-white, #ffffff)}.text-black.sc-sd-date-picker{color:var(--color-black, #000000)}*.sc-sd-date-picker,*.sc-sd-date-picker::before,*.sc-sd-date-picker::after{box-sizing:border-box}html.sc-sd-date-picker{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body.sc-sd-date-picker,h1.sc-sd-date-picker,h2.sc-sd-date-picker,h3.sc-sd-date-picker,h4.sc-sd-date-picker,p.sc-sd-date-picker,figure.sc-sd-date-picker,blockquote.sc-sd-date-picker,dl.sc-sd-date-picker,dd.sc-sd-date-picker{margin-block-end:0}ul[role=list].sc-sd-date-picker,ol[role=list].sc-sd-date-picker{list-style:none}body.sc-sd-date-picker{min-height:100vh;line-height:1.5}h1.sc-sd-date-picker,h2.sc-sd-date-picker,h3.sc-sd-date-picker,h4.sc-sd-date-picker,button.sc-sd-date-picker,input.sc-sd-date-picker,label.sc-sd-date-picker{line-height:1}h1.sc-sd-date-picker,h2.sc-sd-date-picker,h3.sc-sd-date-picker,h4.sc-sd-date-picker{text-wrap:balance}a.sc-sd-date-picker:not([class]){text-decoration-skip-ink:auto;color:currentColor}img.sc-sd-date-picker,picture.sc-sd-date-picker{max-width:100%;display:block}input.sc-sd-date-picker,button.sc-sd-date-picker,textarea.sc-sd-date-picker,select.sc-sd-date-picker{font-size:inherit}.sc-sd-date-picker:target{scroll-margin-block:5ex}button.sc-sd-date-picker{background:none;border:none;cursor:pointer;padding:0;outline:0}button.sc-sd-date-picker:focus{outline:0 !important}.sc-sd-date-picker-h{display:inline-block;height:fit-content;line-height:0}.text-center.sc-sd-date-picker{text-align:center}.text-right.sc-sd-date-picker{text-align:right}.text-left.sc-sd-date-picker{text-align:left}input[type=text].sc-sd-date-picker,input[type=number].sc-sd-date-picker,input[type=password].sc-sd-date-picker,input[type=email].sc-sd-date-picker,input[type=tel].sc-sd-date-picker,textarea.sc-sd-date-picker{padding-block:0px;padding-inline:0px}.sd-hoverable.sc-sd-date-picker:hover>.sd-focus-helper.sc-sd-date-picker{background:currentColor;opacity:0.15}.sd-hoverable.sc-sd-date-picker:hover>.sd-focus-helper.sc-sd-date-picker:before{opacity:0.1}.sd-hoverable.sc-sd-date-picker:hover>.sd-focus-helper.sc-sd-date-picker:after{opacity:0.4}.sd-focus-helper.sc-sd-date-picker{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-date-picker:before,.sd-focus-helper.sc-sd-date-picker: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-date-picker:before{background:#000000}.sd-focus-helper.sc-sd-date-picker:after{background:#ffffff}.sd-tooltip-menu.sc-sd-date-picker{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-date-picker{padding-right:12px !important}.sd-tooltip-menu__arrow.sc-sd-date-picker{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow.sc-sd-date-picker svg.sc-sd-date-picker{width:100%;height:100%}.sd-tooltip-menu__arrow--top.sc-sd-date-picker{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom.sc-sd-date-picker{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left.sc-sd-date-picker{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right.sc-sd-date-picker{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content.sc-sd-date-picker{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button.sc-sd-date-picker{padding-top:4px;display:flex}.sd-tooltip-menu__close-button.sc-sd-date-picker button.sc-sd-date-picker{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu.sc-sd-date-picker{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-date-picker{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow.sc-sd-date-picker svg.sc-sd-date-picker{width:100%;height:100%}.sd-popover-menu__arrow--top.sc-sd-date-picker{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom.sc-sd-date-picker{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left.sc-sd-date-picker{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right.sc-sd-date-picker{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content.sc-sd-date-picker{font-size:12px;line-height:20px}.sd-popover-menu__content.sc-sd-date-picker .sd-popover-menu__title.sc-sd-date-picker{font-weight:700;margin-bottom:4px}.sd-popover-menu__content.sc-sd-date-picker .sd-popover-menu__messages.sc-sd-date-picker{font-weight:500}.sd-popover-menu__content.sc-sd-date-picker .sd-popover-menu__buttons.sc-sd-date-picker{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content.sc-sd-date-picker .sd-popover-menu__buttons--1.sc-sd-date-picker{justify-content:flex-end}.sd-popover-menu__content.sc-sd-date-picker .sd-popover-menu__buttons--2.sc-sd-date-picker{justify-content:space-between}.sd-popover-menu__close-button.sc-sd-date-picker{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";
|
|
9
9
|
|
|
@@ -87,9 +87,9 @@ const SdDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SdDatePicker exten
|
|
|
87
87
|
this.isOpen = false;
|
|
88
88
|
};
|
|
89
89
|
render() {
|
|
90
|
-
return (h(Host, { key: '
|
|
90
|
+
return (h(Host, { key: '4bd4950a7e6ee0f0fe8b43c9897473dec079bccd', class: "sd-date-picker" }, h("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: {
|
|
91
91
|
margin: '0 0 0 8px',
|
|
92
|
-
}, onClick: () => this.openMenu() }, h("sd-icon", { key: '
|
|
92
|
+
}, onClick: () => this.openMenu() }, h("sd-icon", { key: '20051be0ceb09a2660c8aacd3f3d7c8d9d78d6e0', slot: "prefix", name: "date", size: "16", color: "#737373", class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '0045590cea11da3ea09ffb382fa7d0db5eb10e26', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: '16b035b6b9c9ae6edd9c27bf49f81fbab52f2c0a', class: "sd-date-picker__menu" }, h("div", { key: 'a38e25d987606453c42cd1bc4f79c98a0264c479', class: "sd-date-picker__header" }, h("div", { key: '935ef106ab55ae4d2a28f2991a3a10221921524a', class: "year-nav" }, h("button", { key: '19cb5c006e4cb5ae32dde8c05a75a0df83dde359', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '6f2d8be5371e8ffcc774baba20ed4b776f8bb18c', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: 'cb9df4bc1594ccb8e7536b625a84a30a2e7dfa12', class: "year-nav__current" }, this.currentYear), h("button", { key: '5dd87a18292f29dc6b3b66ecc8c2f1dfaa70feb1', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: 'cf9e278457d72be2dd4b939448c47f6d79c57930', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '4afb13f370c9d17542f980f2da72cba9b66d1d22', class: "month-nav" }, h("button", { key: '101b4163c3ab4edc48f5ee0342a7a6bf99bde2c3', type: "button", name: "prev-month", title: "Previous ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: '973e065893ac2cc9385a2b1e7ec327b25456e8a6', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '81228496944a8df087b91c5a0532a4c4e6acc722', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: '8c0812d9d1f4617422c3d11ed3cd9e66cef2ef7f', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '3085b6eaaaa768dd9fc3ff4f1b2d91eef8846dbe', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: 'd837807d4a1de792bafd24950e61b6feb0948b2b', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: '085b9e8190f7b46184c3e9b1de90e98c96b75f17', class: "sd-date-picker__body" }, [
|
|
93
93
|
...this.calendar.prevMonthDays,
|
|
94
94
|
...this.calendar.days,
|
|
95
95
|
...this.calendar.afterMonthDays,
|
|
@@ -101,7 +101,7 @@ const SdDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class SdDatePicker exten
|
|
|
101
101
|
})))))));
|
|
102
102
|
}
|
|
103
103
|
static get style() { return sdDatePickerCss; }
|
|
104
|
-
}, [
|
|
104
|
+
}, [770, "sd-date-picker", {
|
|
105
105
|
"date": [1],
|
|
106
106
|
"label": [1],
|
|
107
107
|
"selectable": [16],
|