@sellmate/design-system 1.15.0 → 1.16.0
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 +2 -2
- package/dist/cjs/{index-Dq1M20nt.js → index-DXm0PH2A.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/sd-action-modal.cjs.entry.js +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +1 -1
- package/dist/cjs/sd-barcode-input.cjs.entry.js +1 -1
- package/dist/cjs/sd-button_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-callout.cjs.entry.js +1 -1
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- package/dist/cjs/sd-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/sd-chip-input.cjs.entry.js +61 -30
- package/dist/cjs/sd-chip.cjs.entry.js +15 -7
- package/dist/cjs/sd-circle-progress.cjs.entry.js +1 -1
- package/dist/cjs/sd-confirm-modal_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-picker_7.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-range-picker-calendar.cjs.entry.js +1 -1
- package/dist/cjs/sd-divider.cjs.entry.js +1 -1
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-field_3.cjs.entry.js +17 -8
- package/dist/cjs/sd-form.cjs.entry.js +1 -1
- package/dist/cjs/sd-ghost-button_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-guide.cjs.entry.js +1 -1
- package/dist/cjs/sd-key-value-table.cjs.entry.js +1 -1
- package/dist/cjs/sd-linear-progress.cjs.entry.js +1 -1
- package/dist/cjs/sd-loading-container.cjs.entry.js +1 -1
- package/dist/cjs/sd-modal-container.cjs.entry.js +1 -1
- package/dist/cjs/sd-pagination_4.cjs.entry.js +1 -1
- package/dist/cjs/sd-popover.cjs.entry.js +2 -2
- package/dist/cjs/sd-popup.cjs.entry.js +1 -1
- package/dist/cjs/sd-portal.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio.cjs.entry.js +31 -19
- package/dist/cjs/sd-select-list-item_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-select_3.cjs.entry.js +1 -1
- package/dist/cjs/sd-switch.cjs.entry.js +1 -1
- package/dist/cjs/sd-table.cjs.entry.js +1 -1
- package/dist/cjs/sd-tabs.cjs.entry.js +1 -1
- package/dist/cjs/sd-td.cjs.entry.js +1 -1
- package/dist/cjs/sd-text-link.cjs.entry.js +1 -1
- package/dist/cjs/sd-toast-container.cjs.entry.js +1 -1
- package/dist/cjs/sd-toast.cjs.entry.js +1 -1
- package/dist/cjs/sd-toggle.cjs.entry.js +1 -1
- package/dist/cjs/{tooltipArrow-CyyaX9aS.js → tooltipArrow-D3P3JC08.js} +1 -1
- package/dist/collection/components/sd-chip/sd-chip.js +34 -6
- package/dist/collection/components/sd-chip-input/sd-chip-input.js +78 -29
- package/dist/collection/components/sd-field/sd-field.css +8 -8
- package/dist/collection/components/sd-field/sd-field.js +14 -5
- package/dist/collection/components/sd-radio/sd-radio.config.js +14 -4
- package/dist/collection/components/sd-radio/sd-radio.css +17 -0
- package/dist/collection/components/sd-radio/sd-radio.js +8 -9
- package/dist/collection/components/sd-radio-group/sd-radio-group.css +17 -0
- package/dist/components/index.js +1 -1
- package/dist/components/{p-DCcIwD65.js → p-0VCXAYrh.js} +1 -1
- package/dist/components/{p-Dp51AYN2.js → p-6oSCGUOo.js} +1 -1
- package/dist/components/p-9Z-q6kKD.js +1 -0
- package/dist/components/{p-D-MF-Gqr.js → p-B-61rIur.js} +1 -1
- package/dist/components/{p-CbLmNzyI.js → p-B4UxhQes.js} +1 -1
- package/dist/components/{p-C4GyQnYy.js → p-B4pLCd0_.js} +1 -1
- package/dist/components/{p-DiYM7tLY.js → p-B57sOZvR.js} +1 -1
- package/dist/components/{p-bFbGmGpk.js → p-B73U-Zw2.js} +1 -1
- package/dist/components/{p-DPJTWFX1.js → p-BMVHvEDw.js} +1 -1
- package/dist/components/{p-DU-bmyYI.js → p-BWoC-hMr.js} +1 -1
- package/dist/components/{p-B7XLde30.js → p-BY1ItC8N.js} +1 -1
- package/dist/components/{p-Cps2roN-.js → p-Bfrg9lvO.js} +1 -1
- package/dist/components/p-Bg9XySrz.js +1 -0
- package/dist/components/{p-Dn3GoMRV.js → p-BrzBnO1L.js} +1 -1
- package/dist/components/{p-DoPR7KRG.js → p-BsQf9d7Q.js} +1 -1
- package/dist/components/{p-DQaizq5F.js → p-BvAJ_toQ.js} +1 -1
- package/dist/components/{p-CWRzU_jD.js → p-CHjF0mwj.js} +1 -1
- package/dist/components/{p-C9GSsqUl.js → p-CIZpVJBx.js} +1 -1
- package/dist/components/{p-CZCejvvs.js → p-CLEAGFjW.js} +1 -1
- package/dist/components/p-C_6HUUGg.js +1 -0
- package/dist/components/{p-BQbRKyE8.js → p-Cftyepf_.js} +1 -1
- package/dist/components/{p-DOnvzHnl.js → p-CnfnK5aj.js} +1 -1
- package/dist/components/p-DUwrMHYa.js +1 -0
- package/dist/components/{p-kZQacVZK.js → p-DeXO3mpJ.js} +1 -1
- package/dist/components/{p-CbOjEMF1.js → p-DfZ8X4ly.js} +1 -1
- package/dist/components/{p--bh6IQPe.js → p-DknZgTo9.js} +1 -1
- package/dist/components/{p-0l2gvHgO.js → p-DtG23tkr.js} +1 -1
- package/dist/components/{p-C9wBnyAK.js → p-FGvi8J2D.js} +1 -1
- package/dist/components/{p-BRPmhDP2.js → p-G_N9xEDL.js} +1 -1
- package/dist/components/{p-D7c1Foln.js → p-IgBxAXyL.js} +1 -1
- package/dist/components/p-MJG6EZeP.js +1 -0
- package/dist/components/{p-BZpxlRPV.js → p-RE577yb-.js} +1 -1
- package/dist/components/{p-jGNVdj6x.js → p-YKESuy-p.js} +1 -1
- package/dist/components/{p-ChzjfCHr.js → p-YlaidN9T.js} +1 -1
- package/dist/components/{p-bHTV5pau.js → p-_P21dOPl.js} +1 -1
- package/dist/components/{p-CPhGwtJN.js → p-iGvyLmbb.js} +1 -1
- package/dist/components/p-vS0t7bWk.js +1 -0
- package/dist/components/sd-action-modal.js +1 -1
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-barcode-input.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-calendar.js +1 -1
- package/dist/components/sd-callout.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-chip-input.js +1 -1
- package/dist/components/sd-chip.js +1 -1
- package/dist/components/sd-circle-progress.js +1 -1
- package/dist/components/sd-confirm-modal.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker-trigger.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker-calendar.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-divider.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-form.js +1 -1
- package/dist/components/sd-ghost-button.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-key-value-table.js +1 -1
- package/dist/components/sd-linear-progress.js +1 -1
- package/dist/components/sd-loading-container.js +1 -1
- package/dist/components/sd-loading-modal.js +1 -1
- package/dist/components/sd-modal-container.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-popup.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-radio-button.js +1 -1
- package/dist/components/sd-radio-group.js +1 -1
- package/dist/components/sd-radio.js +1 -1
- package/dist/components/sd-select-list-item-search.js +1 -1
- package/dist/components/sd-select-list-item.js +1 -1
- package/dist/components/sd-select-listbox.js +1 -1
- package/dist/components/sd-select-trigger.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-switch.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tbody.js +1 -1
- package/dist/components/sd-td.js +1 -1
- package/dist/components/sd-text-link.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-thead.js +1 -1
- package/dist/components/sd-toast-container.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/components/sd-tr.js +1 -1
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-45c9950f.entry.js → p-03bcd782.entry.js} +1 -1
- package/dist/design-system/{p-f39eb2b6.entry.js → p-0c5192b8.entry.js} +1 -1
- package/dist/design-system/{p-a2c3041a.entry.js → p-13b0db59.entry.js} +1 -1
- package/dist/design-system/{p-ab3656cb.entry.js → p-14340e46.entry.js} +1 -1
- package/dist/design-system/{p-0ba848cc.entry.js → p-1652ae55.entry.js} +1 -1
- package/dist/design-system/{p-d58ec388.entry.js → p-21fa7f85.entry.js} +1 -1
- package/dist/design-system/{p-453efe4b.entry.js → p-22883fe1.entry.js} +1 -1
- package/dist/design-system/{p-21201d3b.entry.js → p-23006577.entry.js} +1 -1
- package/dist/design-system/{p-7b37f397.entry.js → p-2753c6c9.entry.js} +1 -1
- package/dist/design-system/p-3045ffe1.entry.js +1 -0
- package/dist/design-system/{p-15f27fc6.entry.js → p-35d390f1.entry.js} +1 -1
- package/dist/design-system/{p-584295c2.entry.js → p-3e62a3ea.entry.js} +1 -1
- package/dist/design-system/{p-b86b8a69.entry.js → p-5c6dd20b.entry.js} +1 -1
- package/dist/design-system/{p-0d23059e.entry.js → p-6d765b25.entry.js} +1 -1
- package/dist/design-system/{p-c8f1e14e.entry.js → p-71739336.entry.js} +1 -1
- package/dist/design-system/{p-aa583377.entry.js → p-7eb31041.entry.js} +1 -1
- package/dist/design-system/{p-33f7d238.entry.js → p-7ed5aed5.entry.js} +1 -1
- package/dist/design-system/{p-63dd2424.entry.js → p-8140a225.entry.js} +1 -1
- package/dist/design-system/p-9095aab6.entry.js +1 -0
- package/dist/design-system/{p-9aafb387.entry.js → p-99ffe505.entry.js} +1 -1
- package/dist/design-system/p-CAxodB5I.js +2 -0
- package/dist/design-system/{p-DBOI5K7c.js → p-L_He_WSA.js} +1 -1
- package/dist/design-system/{p-bc1a812b.entry.js → p-a0775a0c.entry.js} +1 -1
- package/dist/design-system/{p-3087b3ee.entry.js → p-a1f756ab.entry.js} +1 -1
- package/dist/design-system/{p-eb83aa2f.entry.js → p-a5131a43.entry.js} +1 -1
- package/dist/design-system/{p-fbcf3beb.entry.js → p-a532d998.entry.js} +1 -1
- package/dist/design-system/{p-3f2b2799.entry.js → p-adfddf3b.entry.js} +1 -1
- package/dist/design-system/{p-f0c85e94.entry.js → p-b22cb811.entry.js} +1 -1
- package/dist/design-system/{p-0e5f3458.entry.js → p-b457611c.entry.js} +1 -1
- package/dist/design-system/{p-4794ec4d.entry.js → p-b576bc21.entry.js} +1 -1
- package/dist/design-system/{p-eb4c9901.entry.js → p-b8ea656d.entry.js} +1 -1
- package/dist/design-system/{p-de9f768b.entry.js → p-c1f71355.entry.js} +1 -1
- package/dist/design-system/{p-ef191467.entry.js → p-c318b762.entry.js} +1 -1
- package/dist/design-system/{p-d6672552.entry.js → p-c4e1641b.entry.js} +1 -1
- package/dist/design-system/{p-348af170.entry.js → p-c6307ba4.entry.js} +1 -1
- package/dist/design-system/{p-89031ce0.entry.js → p-c78b8822.entry.js} +1 -1
- package/dist/design-system/{p-d704ff76.entry.js → p-d2833150.entry.js} +1 -1
- package/dist/design-system/{p-bfd4216b.entry.js → p-d5c3bac9.entry.js} +1 -1
- package/dist/design-system/{p-17c360bf.entry.js → p-d726d8e7.entry.js} +1 -1
- package/dist/design-system/p-da4e2674.entry.js +1 -0
- package/dist/design-system/p-da90b448.entry.js +1 -0
- package/dist/design-system/{p-3e196f92.entry.js → p-eef6d4a3.entry.js} +1 -1
- package/dist/design-system/{p-0c8410c0.entry.js → p-fd7abbfa.entry.js} +1 -1
- package/dist/esm/design-system.js +3 -3
- package/dist/esm/{index-JGOJoT-i.js → index-CAxodB5I.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/sd-action-modal.entry.js +1 -1
- package/dist/esm/sd-badge.entry.js +1 -1
- package/dist/esm/sd-barcode-input.entry.js +1 -1
- package/dist/esm/sd-button_2.entry.js +1 -1
- package/dist/esm/sd-calendar_2.entry.js +1 -1
- package/dist/esm/sd-callout.entry.js +1 -1
- package/dist/esm/sd-card.entry.js +1 -1
- package/dist/esm/sd-checkbox.entry.js +1 -1
- package/dist/esm/sd-chip-input.entry.js +61 -30
- package/dist/esm/sd-chip.entry.js +15 -7
- package/dist/esm/sd-circle-progress.entry.js +1 -1
- package/dist/esm/sd-confirm-modal_2.entry.js +1 -1
- package/dist/esm/sd-date-box.entry.js +1 -1
- package/dist/esm/sd-date-picker_7.entry.js +2 -2
- package/dist/esm/sd-date-range-picker-calendar.entry.js +1 -1
- package/dist/esm/sd-divider.entry.js +1 -1
- package/dist/esm/sd-dropdown-button.entry.js +1 -1
- package/dist/esm/sd-field_3.entry.js +17 -8
- package/dist/esm/sd-form.entry.js +1 -1
- package/dist/esm/sd-ghost-button_2.entry.js +1 -1
- package/dist/esm/sd-guide.entry.js +1 -1
- package/dist/esm/sd-key-value-table.entry.js +1 -1
- package/dist/esm/sd-linear-progress.entry.js +1 -1
- package/dist/esm/sd-loading-container.entry.js +1 -1
- package/dist/esm/sd-modal-container.entry.js +1 -1
- package/dist/esm/sd-pagination_4.entry.js +1 -1
- package/dist/esm/sd-popover.entry.js +2 -2
- package/dist/esm/sd-popup.entry.js +1 -1
- package/dist/esm/sd-portal.entry.js +1 -1
- package/dist/esm/sd-radio-button.entry.js +1 -1
- package/dist/esm/sd-radio.entry.js +31 -19
- package/dist/esm/sd-select-list-item_2.entry.js +1 -1
- package/dist/esm/sd-select_3.entry.js +1 -1
- package/dist/esm/sd-switch.entry.js +1 -1
- package/dist/esm/sd-table.entry.js +1 -1
- package/dist/esm/sd-tabs.entry.js +1 -1
- package/dist/esm/sd-td.entry.js +1 -1
- package/dist/esm/sd-text-link.entry.js +1 -1
- package/dist/esm/sd-toast-container.entry.js +1 -1
- package/dist/esm/sd-toast.entry.js +1 -1
- package/dist/esm/sd-toggle.entry.js +1 -1
- package/dist/esm/{tooltipArrow-jis_5jgG.js → tooltipArrow-DLr6VvUK.js} +1 -1
- package/dist/types/components/sd-chip/sd-chip.d.ts +6 -0
- package/dist/types/components/sd-chip-input/sd-chip-input.d.ts +2 -1
- package/dist/types/components/sd-radio/sd-radio.config.d.ts +14 -4
- package/dist/types/components.d.ts +17 -0
- package/hydrate/index.js +123 -61
- package/hydrate/index.mjs +123 -61
- package/package.json +1 -1
- package/dist/components/p-BAog7La9.js +0 -1
- package/dist/components/p-ClFi24KR.js +0 -1
- package/dist/components/p-DmqY8RSd.js +0 -1
- package/dist/components/p-DsUXQTxl.js +0 -1
- package/dist/components/p-DwkU96A1.js +0 -1
- package/dist/components/p-Jp2HXSTL.js +0 -1
- package/dist/design-system/p-02a61803.entry.js +0 -1
- package/dist/design-system/p-0efea9e0.entry.js +0 -1
- package/dist/design-system/p-79ebd90b.entry.js +0 -1
- package/dist/design-system/p-JGOJoT-i.js +0 -2
- package/dist/design-system/p-e67214be.entry.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, a as getElement, h } from './index-CAxodB5I.js';
|
|
2
2
|
import { s as systemTokens } from './system-j2khhcHY.js';
|
|
3
3
|
import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CAxodB5I.js';
|
|
2
2
|
import { s as systemTokens } from './system-j2khhcHY.js';
|
|
3
3
|
import { t as tableTokens } from './component.table-D6GUzecR.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-CAxodB5I.js';
|
|
2
2
|
import { p as progressTokens } from './component.progress-D1vaasIp.js';
|
|
3
3
|
import { s as systemTokens } from './system-j2khhcHY.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-CAxodB5I.js';
|
|
2
2
|
|
|
3
3
|
const sdLoadingContainerCss = () => `sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}`;
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, a as getElement, h } from './index-CAxodB5I.js';
|
|
2
2
|
import { u as unregisterModal, r as registerModal, s as setModalInteractive, i as isTopInteractiveModal, a as requestCloseForModal } from './modal-stack-DRVnqiWc.js';
|
|
3
3
|
|
|
4
4
|
const sdModalContainerCss = () => `sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement, H as Host } from './index-CAxodB5I.js';
|
|
2
2
|
import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
|
|
3
3
|
import { a as TABLE_SELECTABLE_COLUMN_WIDTH, r as resolveTableIconColor, e as resolveSortIconName, c as TABLE_BORDER, f as TABLE_HEADER_RESIZING_BAR, g as TABLE_HEADER_TYPOGRAPHY, h as TABLE_HEADER_COLORS, i as TABLE_HEADER_LAYOUT, T as TABLE_BODY_LAYOUT, j as TABLE_SEPARATOR, b as TABLE_BODY_TYPOGRAPHY } from './sd-table.config-D9meRqTx.js';
|
|
4
4
|
import './component.table-D6GUzecR.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } from './index-
|
|
2
|
-
import { T as TooltipArrow } from './tooltipArrow-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } from './index-CAxodB5I.js';
|
|
2
|
+
import { T as TooltipArrow } from './tooltipArrow-DLr6VvUK.js';
|
|
3
3
|
|
|
4
4
|
const popover = {
|
|
5
5
|
"default": {
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CAxodB5I.js';
|
|
2
2
|
|
|
3
3
|
const radio = {
|
|
4
4
|
size: "16",
|
|
5
5
|
borderWidth: "1",
|
|
6
6
|
gap: "8",
|
|
7
7
|
typography: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
"default": {
|
|
9
|
+
fontWeight: "400",
|
|
10
|
+
fontSize: "12",
|
|
11
|
+
lineHeight: "20"},
|
|
12
|
+
selected: {
|
|
13
|
+
fontWeight: "500"}
|
|
14
|
+
},
|
|
11
15
|
bg: {
|
|
12
16
|
"default": "#FFFFFF",
|
|
13
17
|
disabled: "#E1E1E1",
|
|
@@ -25,7 +29,8 @@ const radio = {
|
|
|
25
29
|
size: "10"
|
|
26
30
|
},
|
|
27
31
|
label: {
|
|
28
|
-
"default": "#222222"
|
|
32
|
+
"default": "#222222",
|
|
33
|
+
disabled: "#888888"
|
|
29
34
|
}
|
|
30
35
|
};
|
|
31
36
|
var radioTokens = {
|
|
@@ -39,9 +44,14 @@ const RADIO_LAYOUT = {
|
|
|
39
44
|
dotSize: radioTokens.radio.dot.size,
|
|
40
45
|
};
|
|
41
46
|
const RADIO_TYPOGRAPHY = {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
47
|
+
default: {
|
|
48
|
+
fontSize: radioTokens.radio.typography.default.fontSize,
|
|
49
|
+
lineHeight: radioTokens.radio.typography.default.lineHeight,
|
|
50
|
+
fontWeight: radioTokens.radio.typography.default.fontWeight,
|
|
51
|
+
},
|
|
52
|
+
selected: {
|
|
53
|
+
fontWeight: radioTokens.radio.typography.selected.fontWeight,
|
|
54
|
+
},
|
|
45
55
|
};
|
|
46
56
|
const RADIO_COLORS = {
|
|
47
57
|
unchecked: {
|
|
@@ -59,10 +69,13 @@ const RADIO_COLORS = {
|
|
|
59
69
|
border: radioTokens.radio.border.disabled,
|
|
60
70
|
dot: radioTokens.radio.dot.disabled,
|
|
61
71
|
},
|
|
62
|
-
label:
|
|
72
|
+
label: {
|
|
73
|
+
default: radioTokens.radio.label.default,
|
|
74
|
+
disabled: radioTokens.radio.label.disabled,
|
|
75
|
+
},
|
|
63
76
|
};
|
|
64
77
|
|
|
65
|
-
const sdRadioCss = () => `sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}`;
|
|
78
|
+
const sdRadioCss = () => `sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}`;
|
|
66
79
|
|
|
67
80
|
const SdRadio = class {
|
|
68
81
|
constructor(hostRef) {
|
|
@@ -81,10 +94,7 @@ const SdRadio = class {
|
|
|
81
94
|
return String(this.val) === String(this.value);
|
|
82
95
|
}
|
|
83
96
|
get radioClasses() {
|
|
84
|
-
const classes = [
|
|
85
|
-
'sd-radio',
|
|
86
|
-
this.isSelected ? 'sd-radio--checked' : 'sd-radio--unchecked',
|
|
87
|
-
];
|
|
97
|
+
const classes = ['sd-radio', this.isSelected ? 'sd-radio--checked' : 'sd-radio--unchecked'];
|
|
88
98
|
if (this.disabled) {
|
|
89
99
|
classes.push('sd-radio--disabled');
|
|
90
100
|
}
|
|
@@ -102,9 +112,10 @@ const SdRadio = class {
|
|
|
102
112
|
'--sd-radio-border-width': `${RADIO_LAYOUT.borderWidth}px`,
|
|
103
113
|
'--sd-radio-gap': `${RADIO_LAYOUT.gap}px`,
|
|
104
114
|
'--sd-radio-dot-size': `${RADIO_LAYOUT.dotSize}px`,
|
|
105
|
-
'--sd-radio-font-size': `${RADIO_TYPOGRAPHY.fontSize}px`,
|
|
106
|
-
'--sd-radio-line-height': `${RADIO_TYPOGRAPHY.lineHeight}px`,
|
|
107
|
-
'--sd-radio-font-weight': RADIO_TYPOGRAPHY.fontWeight,
|
|
115
|
+
'--sd-radio-font-size': `${RADIO_TYPOGRAPHY.default.fontSize}px`,
|
|
116
|
+
'--sd-radio-line-height': `${RADIO_TYPOGRAPHY.default.lineHeight}px`,
|
|
117
|
+
'--sd-radio-font-weight': RADIO_TYPOGRAPHY.default.fontWeight,
|
|
118
|
+
'--sd-radio-selected-font-weight': RADIO_TYPOGRAPHY.selected.fontWeight,
|
|
108
119
|
'--sd-radio-unchecked-bg': RADIO_COLORS.unchecked.bg,
|
|
109
120
|
'--sd-radio-unchecked-bg-hover': RADIO_COLORS.unchecked.bgHover,
|
|
110
121
|
'--sd-radio-unchecked-border': RADIO_COLORS.unchecked.border,
|
|
@@ -114,9 +125,10 @@ const SdRadio = class {
|
|
|
114
125
|
'--sd-radio-disabled-bg': RADIO_COLORS.disabled.bg,
|
|
115
126
|
'--sd-radio-disabled-border': RADIO_COLORS.disabled.border,
|
|
116
127
|
'--sd-radio-disabled-dot': RADIO_COLORS.disabled.dot,
|
|
117
|
-
'--sd-radio-label-color': RADIO_COLORS.label,
|
|
128
|
+
'--sd-radio-label-color': RADIO_COLORS.label.default,
|
|
129
|
+
'--sd-radio-label-disabled-color': RADIO_COLORS.label.disabled,
|
|
118
130
|
};
|
|
119
|
-
return (h("label", { key: '
|
|
131
|
+
return (h("label", { key: 'f403a1fd88109a6907cc37b03b35fe5a7bbafdfb', class: this.radioClasses, style: cssVars, "aria-checked": this.isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, h("input", { key: 'ba8c105d6d52bc4452e1b9614f42dfa2d99221e1', type: "radio", name: String(this.val), value: String(this.val), checked: this.isSelected, disabled: this.disabled, "aria-label": this.label || String(this.val), onInput: this.handleRadioChange }), h("span", { key: 'd92352c59bf7f144a68decd3652dc7208b813a0e', class: "sd-radio__circle" }), this.label && (h("span", { key: 'bc0b1384dee0b22efec56249edc88184a96c6efe', class: "sd-radio__label", "data-label": this.label }, this.label))));
|
|
120
132
|
}
|
|
121
133
|
static get watchers() { return {
|
|
122
134
|
"value": [{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CAxodB5I.js';
|
|
2
2
|
import { g as LIST_ITEM_LAYOUT, i as isHtmlLabel, h as LIST_ITEM_TYPOGRAPHY, j as LIST_ITEM_COLORS, k as SEARCH_DEBOUNCE_MS } from './sd-select.config-DtrsLG0Z.js';
|
|
3
3
|
import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h } from './index-CAxodB5I.js';
|
|
2
2
|
import { n as nanoid } from './index-CCwNgVmC.js';
|
|
3
3
|
import { c as countLeaves, S as SEARCH_THRESHOLD, f as filterTree, i as isHtmlLabel, e as extractText, E as EMPTY_MESSAGE, L as LIST_BOX_LAYOUT, a as SELECT_COLORS, b as SELECT_TYPOGRAPHY, d as SELECT_LAYOUT } from './sd-select.config-DtrsLG0Z.js';
|
|
4
4
|
import { s as sanitizeInlineHtml } from './sanitize-inline-html-BE4tnQ2Z.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-CAxodB5I.js';
|
|
2
2
|
import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
|
|
3
3
|
import { T as TABLE_BODY_LAYOUT, a as TABLE_SELECTABLE_COLUMN_WIDTH, b as TABLE_BODY_TYPOGRAPHY, c as TABLE_BORDER, d as TABLE_RADIUS } from './sd-table.config-D9meRqTx.js';
|
|
4
4
|
import './component.table-D6GUzecR.js';
|
package/dist/esm/sd-td.entry.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-CAxodB5I.js';
|
|
2
2
|
import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
|
|
3
3
|
|
|
4
4
|
const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h } from './index-
|
|
1
|
+
import { h } from './index-CAxodB5I.js';
|
|
2
2
|
|
|
3
3
|
const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));
|
|
4
4
|
|
|
@@ -7,6 +7,7 @@ export declare class SdChip implements ValidatableField {
|
|
|
7
7
|
value: string;
|
|
8
8
|
error: boolean;
|
|
9
9
|
disabled: boolean;
|
|
10
|
+
editable: boolean;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
rules?: Rule[];
|
|
12
13
|
internalValue: string;
|
|
@@ -28,6 +29,11 @@ export declare class SdChip implements ValidatableField {
|
|
|
28
29
|
sdResetValidation(): Promise<void>;
|
|
29
30
|
sdFocus(): Promise<void>;
|
|
30
31
|
sdGetNativeElement(): Promise<HTMLSpanElement | null>;
|
|
32
|
+
/**
|
|
33
|
+
* SSR 환경에서 editable prop이 전달되지 않으면 undefined로 들어올 수 있으므로,
|
|
34
|
+
* false로 명시된 경우에만 편집 불가로 처리한다 (기본값 true).
|
|
35
|
+
*/
|
|
36
|
+
private get isEditable();
|
|
31
37
|
private enterEditMode;
|
|
32
38
|
private commitEdit;
|
|
33
39
|
private cancelEdit;
|
|
@@ -6,6 +6,7 @@ export declare class SdChipInput {
|
|
|
6
6
|
host: HTMLElement;
|
|
7
7
|
values: string[];
|
|
8
8
|
errors: boolean[] | ((value: string) => boolean);
|
|
9
|
+
disabledChips: boolean[] | ((value: string) => boolean);
|
|
9
10
|
size: ChipInputSize;
|
|
10
11
|
disabled: boolean;
|
|
11
12
|
placeholder: string;
|
|
@@ -34,6 +35,7 @@ export declare class SdChipInput {
|
|
|
34
35
|
errorsChanged(newErrors: boolean[] | ((value: string) => boolean)): void;
|
|
35
36
|
componentWillLoad(): void;
|
|
36
37
|
private getChipError;
|
|
38
|
+
private getChipDisabled;
|
|
37
39
|
update: EventEmitter<string[]>;
|
|
38
40
|
focusEvent: EventEmitter<void>;
|
|
39
41
|
blurEvent: EventEmitter<void>;
|
|
@@ -41,7 +43,6 @@ export declare class SdChipInput {
|
|
|
41
43
|
sdReset(): Promise<void | undefined>;
|
|
42
44
|
sdResetValidate(): Promise<void | undefined>;
|
|
43
45
|
sdFocus(): Promise<void | undefined>;
|
|
44
|
-
private handleChipUpdate;
|
|
45
46
|
private handleChipRemove;
|
|
46
47
|
private handleKeyDown;
|
|
47
48
|
private handleInput;
|
|
@@ -6,9 +6,16 @@ export declare const RADIO_LAYOUT: {
|
|
|
6
6
|
dotSize: string;
|
|
7
7
|
};
|
|
8
8
|
export declare const RADIO_TYPOGRAPHY: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
default: {
|
|
10
|
+
fontSize: string;
|
|
11
|
+
lineHeight: string;
|
|
12
|
+
fontWeight: string;
|
|
13
|
+
};
|
|
14
|
+
selected: {
|
|
15
|
+
fontSize: string;
|
|
16
|
+
lineHeight: string;
|
|
17
|
+
fontWeight: string;
|
|
18
|
+
};
|
|
12
19
|
};
|
|
13
20
|
export declare const RADIO_COLORS: {
|
|
14
21
|
unchecked: {
|
|
@@ -26,5 +33,8 @@ export declare const RADIO_COLORS: {
|
|
|
26
33
|
border: string;
|
|
27
34
|
dot: string;
|
|
28
35
|
};
|
|
29
|
-
label:
|
|
36
|
+
label: {
|
|
37
|
+
default: string;
|
|
38
|
+
disabled: string;
|
|
39
|
+
};
|
|
30
40
|
};
|
|
@@ -293,6 +293,10 @@ export namespace Components {
|
|
|
293
293
|
* @default false
|
|
294
294
|
*/
|
|
295
295
|
"disabled": boolean;
|
|
296
|
+
/**
|
|
297
|
+
* @default true
|
|
298
|
+
*/
|
|
299
|
+
"editable": boolean;
|
|
296
300
|
/**
|
|
297
301
|
* @default false
|
|
298
302
|
*/
|
|
@@ -325,6 +329,10 @@ export namespace Components {
|
|
|
325
329
|
* @default false
|
|
326
330
|
*/
|
|
327
331
|
"disabled": boolean;
|
|
332
|
+
/**
|
|
333
|
+
* @default []
|
|
334
|
+
*/
|
|
335
|
+
"disabledChips": boolean[] | ((value: string) => boolean);
|
|
328
336
|
/**
|
|
329
337
|
* @default false
|
|
330
338
|
*/
|
|
@@ -3405,6 +3413,10 @@ declare namespace LocalJSX {
|
|
|
3405
3413
|
* @default false
|
|
3406
3414
|
*/
|
|
3407
3415
|
"disabled"?: boolean;
|
|
3416
|
+
/**
|
|
3417
|
+
* @default true
|
|
3418
|
+
*/
|
|
3419
|
+
"editable"?: boolean;
|
|
3408
3420
|
/**
|
|
3409
3421
|
* @default false
|
|
3410
3422
|
*/
|
|
@@ -3435,6 +3447,10 @@ declare namespace LocalJSX {
|
|
|
3435
3447
|
* @default false
|
|
3436
3448
|
*/
|
|
3437
3449
|
"disabled"?: boolean;
|
|
3450
|
+
/**
|
|
3451
|
+
* @default []
|
|
3452
|
+
*/
|
|
3453
|
+
"disabledChips"?: boolean[] | ((value: string) => boolean);
|
|
3438
3454
|
/**
|
|
3439
3455
|
* @default false
|
|
3440
3456
|
*/
|
|
@@ -5255,6 +5271,7 @@ declare namespace LocalJSX {
|
|
|
5255
5271
|
"value": string;
|
|
5256
5272
|
"error": boolean;
|
|
5257
5273
|
"disabled": boolean;
|
|
5274
|
+
"editable": boolean;
|
|
5258
5275
|
"placeholder": string;
|
|
5259
5276
|
}
|
|
5260
5277
|
interface SdChipInputAttributes {
|