@stihl-design-system/components 1.0.0-RC.39 → 1.0.0-RC.40
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/accordion.nt0Foequ.js +12 -0
- package/actionbutton.Ctea6drN.js +12 -0
- package/actionlink.VX1OMtm-.js +12 -0
- package/{arialiveregions.BUVY9NpY.js → arialiveregions.B0AV2JcV.js} +3 -3
- package/assets/Accordion.Cr1dbVTH.css +1 -0
- package/assets/ActionButton.BLOWs6IZ.css +1 -0
- package/assets/ActionLink.BJDUVdT7.css +1 -0
- package/assets/{Breadcrumb.BaYrwrYl.css → Breadcrumb.BavNNzAA.css} +1 -1
- package/assets/Button.C-UYIggc.css +1 -0
- package/assets/Checkbox.ZAPIO2N8.css +1 -0
- package/assets/Chip.D3vV0wyV.css +1 -0
- package/assets/CustomReactSelect.Ctze4SRN.css +1 -0
- package/assets/Dialog.DyiHUgTp.css +1 -0
- package/assets/Drawer.UugEajR2.css +1 -0
- package/assets/Fieldset.DmxbjOm1.css +1 -0
- package/assets/Header.BNYL2Y78.css +1 -0
- package/assets/{Icon.QeJ7TxZs.css → Icon.i2P_Jf3Q.css} +1 -1
- package/assets/InputFile.BUMCNCrj.css +1 -0
- package/assets/InputNumber.Bmz8cNKg.css +1 -0
- package/assets/InputPassword.CutbykTm.css +1 -0
- package/assets/InputSearch.Sr9jVpKt.css +1 -0
- package/assets/LinkButton.BEbmxP7h.css +1 -0
- package/assets/LinkCard.C6HtgbjH.css +1 -0
- package/assets/MegaMenu.Dw-oLSCX.css +1 -0
- package/assets/NavigationTabList.CzAiHz7G.css +1 -0
- package/assets/Notification.DBGpHzov.css +1 -0
- package/assets/Popover.mL5g23EK.css +1 -0
- package/assets/Select.BZYb_HAG.css +1 -0
- package/assets/Slider.vnSU0ya0.css +1 -0
- package/assets/TextUtility.CEBJaKBG.css +1 -0
- package/assets/Textarea.BIgA9_fl.css +1 -0
- package/assets/Toast.DgRXxA0s.css +1 -0
- package/assets/{banner.BLdW5VF4.css → banner.DFvdtgMp.css} +1 -1
- package/assets/buttonround.BTC-HthI.css +1 -0
- package/assets/{flag.C7i3MAAP.css → flag.CyCIPu_J.css} +1 -1
- package/assets/floatingactionbutton.CTbMRM9Q.css +1 -0
- package/assets/heading.mGwg9pVU.css +1 -0
- package/assets/input.BEOus9jX.css +1 -0
- package/assets/link.BemYqm4d.css +1 -0
- package/assets/logo.SVrBe1T8.css +1 -0
- package/assets/{numberindicator.O6XwvtL0.css → numberindicator.BYIPwkAK.css} +1 -1
- package/assets/optioncheckbox.6zYgifUk.css +1 -0
- package/assets/radio.l9OTraQU.css +1 -0
- package/assets/scroller.BGlPnnPD.css +1 -0
- package/assets/{spinner.Ctn_YYBG.css → spinner.C7QSv7jc.css} +1 -1
- package/assets/step.Ch508u7I.css +1 -0
- package/assets/switch.DYamtd9O.css +1 -0
- package/assets/tabpane.o34hshTz.css +1 -0
- package/assets/text.BA1eUihR.css +1 -0
- package/assets/title.N-QcA7Re.css +1 -0
- package/assets/{tooltip.Co1gWF_0.css → tooltip.BPcysHGE.css} +1 -1
- package/asterisk.Dwtdwpkq.js +13 -0
- package/{banner.AhUeW3HM.js → banner.S_c1UQJe.js} +5 -5
- package/breadcrumb.DiuuVblR.js +11 -0
- package/button.Z7Mmvwhv.js +12 -0
- package/{buttonround.9IS0tUqw.js → buttonround.Bqi8Ej-y.js} +6 -6
- package/checkbox.DtSSduSH.js +12 -0
- package/checkboxgroup.CSP1DOCW.js +9 -0
- package/chip.CyypeY5M.js +12 -0
- package/chipgroup.i5SOv6LA.js +199 -0
- package/chunks/Accordion.B-0pf8Fq.js +168 -0
- package/chunks/ActionButton.wdWh7E2b.js +182 -0
- package/chunks/ActionLink.DwUP-Kgm.js +155 -0
- package/chunks/{AriaLiveRegions.utils.CybNIBSa.js → AriaLiveRegions.utils.CLpOaVD9.js} +1 -1
- package/chunks/{Breadcrumb.C_Yaz_vw.js → Breadcrumb.nflDJoKs.js} +6 -6
- package/chunks/{Button.CQlIao-Z.js → Button.DpGeheky.js} +6 -6
- package/chunks/{Checkbox.D5X5T6Yg.js → Checkbox.B3NeB54s.js} +5 -5
- package/chunks/{CheckboxGroup.BIspWqeW.js → CheckboxGroup.BYZSvqF7.js} +4 -4
- package/chunks/{Chip.DIp5hdRH.js → Chip.SiGIIHR-.js} +42 -42
- package/chunks/{CustomReactSelect.DS9Ey-jr.js → CustomReactSelect.DBsnmMPl.js} +11 -11
- package/chunks/{Dialog.DMxHRrxo.js → Dialog.C-rcs_Up.js} +4 -4
- package/chunks/{Drawer.CatmvDHJ.js → Drawer.D0d557c5.js} +4 -4
- package/chunks/{Fieldset.Bk8W5h13.js → Fieldset.7WM7w62l.js} +7 -7
- package/chunks/Header.DyqOlV8L.js +402 -0
- package/chunks/{Icon.CDLyB7Pv.js → Icon.m6sMB6vl.js} +97 -94
- package/chunks/{Input.utils.CL1u4Ctq.js → Input.utils.D78E4MGO.js} +1 -1
- package/chunks/{InputFile.CjK3gEst.js → InputFile.DRGNdtY0.js} +10 -10
- package/chunks/{InputNumber.wfDjnz58.js → InputNumber.a44HnJ9B.js} +9 -11
- package/chunks/{InputPassword.Ctb0xbwg.js → InputPassword.B1E0Maub.js} +7 -7
- package/chunks/{InputSearch.C-r5ktR8.js → InputSearch.C7AvD7Eu.js} +7 -7
- package/chunks/{LinkButton.CWibqvhs.js → LinkButton.CMjq2FKc.js} +5 -5
- package/chunks/{LinkCard.SIrSjRNL.js → LinkCard.CJ5P0ews.js} +6 -6
- package/chunks/{MegaMenu.qttkjGbD.js → MegaMenu.CiSiMlE3.js} +9 -9
- package/chunks/{NavigationTabList.G_l0GiUa.js → NavigationTabList.C2f-lWex.js} +4 -4
- package/chunks/{NavigationTabs.SBNLx87A.js → NavigationTabs.D2QrnlL2.js} +2 -2
- package/chunks/{Notification.DYl1rcGu.js → Notification.COwLndR0.js} +5 -5
- package/chunks/{Popover.C9tT8xkE.js → Popover.C5wtha5l.js} +6 -6
- package/chunks/{RadioGroup.DupoApOX.js → RadioGroup.B-qTH31u.js} +4 -4
- package/chunks/{Select.BjBPN-6W.js → Select.DrDVi9lg.js} +7 -7
- package/chunks/{Slider.Bh2jhGKn.js → Slider.DGMrDfWv.js} +6 -6
- package/chunks/{Stepper.D1Yzw-gL.js → Stepper.DptsFh5n.js} +5 -5
- package/chunks/{SystemFeedback.CjlARKki.js → SystemFeedback.DFN6Y2cw.js} +3 -3
- package/chunks/{Tabs.BvG-OPWa.js → Tabs.2JTenRcr.js} +3 -3
- package/chunks/{Text.utils.B4MiHAK_.js → Text.utils.D_iOyOSH.js} +1 -1
- package/chunks/{TextUtility.C68m5upo.js → TextUtility.Wbd4oQXI.js} +4 -4
- package/chunks/{Textarea.DibBqiam.js → Textarea.ymNCbcvH.js} +6 -6
- package/chunks/{Toast.ldZRNpGM.js → Toast.RUzRjojQ.js} +14 -14
- package/chunks/{floating-ui.react.COTL3jH5.js → floating-ui.react.CP5A99-c.js} +1 -5
- package/chunks/{index.DL9mof6u.js → index.DQOqod3i.js} +0 -5
- package/chunks/{index.D-sRdssb.js → index.cKLI89Eg.js} +1 -13
- package/{combobox.Ds2prR5y.js → combobox.DzSEFo_5.js} +2 -2
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +4 -7
- package/components/Header/Header.d.ts +3 -3
- package/customreactselect.D7YraWJ7.js +15 -0
- package/dialog.CBovd8em.js +9 -0
- package/drawer.D5F0KXI2.js +9 -0
- package/fieldset.DgbZ_K_l.js +12 -0
- package/{filelist.Bcu6TZRj.js → filelist.CDEBo3Pi.js} +5 -5
- package/{flag.CE32qHPa.js → flag.D-wrUioF.js} +4 -4
- package/{floatingactionbutton.B5hJ2At2.js → floatingactionbutton.CE-Rz0dx.js} +7 -7
- package/{header.A77yIAH3.js → header.BtGgmM59.js} +3 -3
- package/{heading.DHLpT4dc.js → heading.BHSklXho.js} +3 -3
- package/icon.ByLYRkPZ.js +9 -0
- package/index.es.js +52 -52
- package/{input.DL_M_Pg3.js → input.MZXe6rlg.js} +10 -12
- package/inputfile.BO4wDnzQ.js +18 -0
- package/inputnumber.DevQudIX.js +17 -0
- package/inputpassword.C-XYK-JP.js +13 -0
- package/inputsearch.CmJdxnzX.js +15 -0
- package/{link.BtZeNdii.js → link.R1lfD5aN.js} +6 -6
- package/linkbutton.Y-ET1tc9.js +12 -0
- package/linkcard.CayqoQNo.js +12 -0
- package/{logo.DprmD8HU.js → logo.D7LnRA1E.js} +3 -3
- package/{logo100years.DDzCrczW.js → logo100years.C0IojOp9.js} +2 -2
- package/megamenu.CUjk3_h2.js +12 -0
- package/navigationtablist.CKPpQrme.js +10 -0
- package/navigationtabs.VUAOwesQ.js +9 -0
- package/notification.u_LLz-O0.js +10 -0
- package/numberindicator.ZGVRSmqf.js +36 -0
- package/{optioncheckbox.nBVwGv6c.js → optioncheckbox.v8Plcgeg.js} +5 -5
- package/package.json +37 -37
- package/partials/index.js +88 -88
- package/popover.T7-imfkx.js +12 -0
- package/radio.DxdVKoxe.js +137 -0
- package/radiogroup.CAh4wto1.js +11 -0
- package/{scroller.B1LijjCF.js → scroller.DfhhZelk.js} +16 -16
- package/select.CSCc_-6d.js +14 -0
- package/{skiptocontent.CAQy194o.js → skiptocontent.C2HpZt5q.js} +3 -3
- package/slider.B2aQwfc2.js +12 -0
- package/{spinner.C9qCeq0R.js → spinner.CRVyui04.js} +5 -5
- package/{step.DaJFsafj.js → step.C-LC5sKQ.js} +6 -6
- package/{stepper.DcaZESJi.js → stepper.CRljfUF8.js} +6 -6
- package/styles/scss/ds/lib/ds-internal/_focus.scss +5 -5
- package/{switch.Bqdyzi2E.js → switch.DgKgzm-j.js} +5 -5
- package/systemfeedback.BKLsE5sY.js +10 -0
- package/{tablist.mX5nQWwH.js → tablist.hMHdX1V8.js} +23 -22
- package/{tabpane.C4nsUlwc.js → tabpane.7vMXUKFX.js} +4 -4
- package/tabs.t-gR7dGc.js +11 -0
- package/{text.CQdFtUUQ.js → text.D_e3JBvf.js} +4 -4
- package/textarea.CDXY-OVz.js +14 -0
- package/textutility.CNWCGYOy.js +11 -0
- package/{title.DuLPB-VK.js → title.kJ48FkPU.js} +4 -4
- package/toast.Bev-Rfuw.js +11 -0
- package/{toastmanager.BGIYNKkT.js → toastmanager.DII20_9k.js} +3 -3
- package/{tooltip.Cj3AvYgB.js → tooltip._lP4aMV2.js} +8 -8
- package/topbar.Z9NNkxKU.js +12 -0
- package/utils/index.d.ts +1 -0
- package/utils/useElementSize.d.ts +14 -0
- package/utils/useElementSize.test.d.ts +1 -0
- package/accordion.Dmqocj97.js +0 -12
- package/actionbutton.qf7Bc8JA.js +0 -12
- package/actionlink.Ke8jQtse.js +0 -12
- package/assets/Accordion.CzBGud45.css +0 -1
- package/assets/ActionButton.sn7jTqva.css +0 -1
- package/assets/ActionLink.D7fuY3NQ.css +0 -1
- package/assets/Button.CmeGVEAY.css +0 -1
- package/assets/Checkbox.CyOw3rXI.css +0 -1
- package/assets/Chip.dxIYIjj7.css +0 -1
- package/assets/CustomReactSelect.BihX36Uo.css +0 -1
- package/assets/Dialog.DJkn65Es.css +0 -1
- package/assets/Drawer.x3BCQvWE.css +0 -1
- package/assets/Fieldset.Oqu7pOBv.css +0 -1
- package/assets/Header.CNqtWTxB.css +0 -1
- package/assets/InputFile.D7Ihod7B.css +0 -1
- package/assets/InputNumber.z_UqRYdv.css +0 -1
- package/assets/InputPassword.DZENjxJ9.css +0 -1
- package/assets/InputSearch.GBH9Eh6F.css +0 -1
- package/assets/LinkButton.88j5ckLu.css +0 -1
- package/assets/LinkCard.Bi9QqIDA.css +0 -1
- package/assets/MegaMenu.D5EtjFeL.css +0 -1
- package/assets/NavigationTabList.CFlVhUzS.css +0 -1
- package/assets/Notification.CvohYEvT.css +0 -1
- package/assets/Popover.CXyUaXiO.css +0 -1
- package/assets/Select.CL0fqx7X.css +0 -1
- package/assets/Slider.DWLuIsNj.css +0 -1
- package/assets/TextUtility.BsMYk5lH.css +0 -1
- package/assets/Textarea.B1HOakic.css +0 -1
- package/assets/Toast.CGyKXb4V.css +0 -1
- package/assets/buttonround.DBpMesfr.css +0 -1
- package/assets/floatingactionbutton.l0nvFiJU.css +0 -1
- package/assets/heading.B-rdLVZD.css +0 -1
- package/assets/input.RPDR8qdT.css +0 -1
- package/assets/link.CeJUHbdf.css +0 -1
- package/assets/logo._GqPgimo.css +0 -1
- package/assets/optioncheckbox.DAffEKvY.css +0 -1
- package/assets/radio.BLd_UGcp.css +0 -1
- package/assets/scroller.Hszs1Yq4.css +0 -1
- package/assets/step.BeLporJO.css +0 -1
- package/assets/switch.B9B-n_3y.css +0 -1
- package/assets/tabpane.D1LTb432.css +0 -1
- package/assets/text.ZCpNYmwU.css +0 -1
- package/assets/title.B0tsgJ-n.css +0 -1
- package/asterisk.B2ih8VwF.js +0 -13
- package/breadcrumb.DpIAQk3r.js +0 -11
- package/button.CqNYOfSj.js +0 -12
- package/checkbox.XYQI-ubx.js +0 -12
- package/checkboxgroup.C66ZwglF.js +0 -9
- package/chip.B-pxhsdb.js +0 -12
- package/chipgroup.CY3pWyLO.js +0 -144
- package/chunks/Accordion.CYIfNOWr.js +0 -168
- package/chunks/ActionButton.CyMR7DqS.js +0 -180
- package/chunks/ActionLink.5wdpwrU9.js +0 -153
- package/chunks/Header.18sOO0Gf.js +0 -370
- package/customreactselect.CUmUV5IW.js +0 -15
- package/dialog.D5geKDtZ.js +0 -9
- package/drawer.ucjhpIF4.js +0 -9
- package/fieldset.Crx4Cb9a.js +0 -12
- package/icon.vzkPwgjZ.js +0 -9
- package/inputfile.iwsNHjrc.js +0 -18
- package/inputnumber.raC_7KIP.js +0 -17
- package/inputpassword.Brte78Sr.js +0 -13
- package/inputsearch.BP0EzFcF.js +0 -15
- package/linkbutton.In_ROT0Z.js +0 -12
- package/linkcard.CyNfW13i.js +0 -12
- package/megamenu.BurL9MfF.js +0 -12
- package/navigationtablist.CkkLyHrM.js +0 -10
- package/navigationtabs.EbmfKv1R.js +0 -9
- package/notification.tadg6lCc.js +0 -10
- package/numberindicator.BdnPMogE.js +0 -33
- package/popover.CXq7VoZt.js +0 -12
- package/radio.DYKHJbxF.js +0 -134
- package/radiogroup.D-t1_oGC.js +0 -11
- package/select.CZ0C3yJD.js +0 -14
- package/slider.B3u5du_Q.js +0 -12
- package/systemfeedback.O7tj1juR.js +0 -10
- package/tabs.DjWfks34.js +0 -11
- package/textarea.69r-5faY.js +0 -14
- package/textutility.DMKAWLsT.js +0 -11
- package/toast.FzO5KoiK.js +0 -11
- package/topbar.CAujTZAE.js +0 -12
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as l, jsxs as q } from "react/jsx-runtime";
|
|
3
|
+
import { d as ye } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as W } from "./index.DQOqod3i.js";
|
|
5
|
+
import { forwardRef as fe, useRef as ge, useState as Se, useImperativeHandle as Ce, useEffect as _e } from "react";
|
|
6
|
+
import { DSHeading as ve } from "../heading.BHSklXho.js";
|
|
7
|
+
import { D as We } from "./Icon.m6sMB6vl.js";
|
|
8
|
+
import { NumberIndicator as Oe } from "../numberindicator.ZGVRSmqf.js";
|
|
9
|
+
import { g as ie } from "./helpers.CexwVao7.js";
|
|
10
|
+
import '../assets/Accordion.Cr1dbVTH.css';const Ne = "ds-accordion_details_2g22m_1", we = "ds-accordion_summary_2g22m_117", De = "ds-accordion_summary--utility--m_2g22m_156", xe = "ds-accordion_summary--flush_2g22m_185", Ie = "ds-accordion_summary--small_2g22m_253", Ee = "ds-accordion_summary--x-small_2g22m_257", Ae = "ds-accordion_summary-content-wrapper_2g22m_262", Xe = "ds-accordion_summary-content-wrapper--flush_2g22m_268", be = "ds-accordion_summary-content-wrapper--chevron-left_2g22m_272", Fe = "ds-accordion_summary-content-wrapper--x-small_2g22m_276", Te = "ds-accordion_heading-summary-wrapper_2g22m_280", Pe = "ds-accordion_heading-summary_2g22m_280", Re = "ds-accordion_heading-summary--x-small_2g22m_290", Le = "ds-accordion_hint_2g22m_294", je = "ds-accordion_icon_2g22m_308", ze = "ds-accordion_icon--open_2g22m_319", Me = "ds-accordion_icon--open-caret_2g22m_330", He = "ds-accordion_content-wrapper_2g22m_342", Ue = "ds-accordion_content-wrapper--flush_2g22m_348", Ve = "ds-accordion_content-wrapper--small_2g22m_352", qe = "ds-accordion_content-wrapper--x-small_2g22m_356", t = {
|
|
11
|
+
details: Ne,
|
|
12
|
+
summary: we,
|
|
13
|
+
summaryUtilityM: De,
|
|
14
|
+
summaryFlush: xe,
|
|
15
|
+
summarySmall: Ie,
|
|
16
|
+
summaryXSmall: Ee,
|
|
17
|
+
summaryContentWrapper: Ae,
|
|
18
|
+
summaryContentWrapperFlush: Xe,
|
|
19
|
+
summaryContentWrapperChevronLeft: be,
|
|
20
|
+
summaryContentWrapperXSmall: Fe,
|
|
21
|
+
headingSummaryWrapper: Te,
|
|
22
|
+
headingSummary: Pe,
|
|
23
|
+
headingSummaryXSmall: Re,
|
|
24
|
+
hint: Le,
|
|
25
|
+
icon: je,
|
|
26
|
+
iconOpen: ze,
|
|
27
|
+
iconOpenCaret: Me,
|
|
28
|
+
contentWrapper: He,
|
|
29
|
+
contentWrapperFlush: Ue,
|
|
30
|
+
contentWrapperSmall: Ve,
|
|
31
|
+
contentWrapperXSmall: qe
|
|
32
|
+
}, tt = ["medium", "small", "x-small"], rt = ["chevron", "caret"], nt = ["left", "right"], Ze = ({
|
|
33
|
+
children: O,
|
|
34
|
+
hint: Z,
|
|
35
|
+
numberIndicatorValue: e,
|
|
36
|
+
summary: n
|
|
37
|
+
}) => {
|
|
38
|
+
if (!O)
|
|
39
|
+
throw new Error(ie("DSAccordion", "The component requires children to be set."));
|
|
40
|
+
if (!n)
|
|
41
|
+
throw new Error(ie("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
|
|
42
|
+
if (Z && (e || e === ""))
|
|
43
|
+
throw new Error(ie("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
|
|
44
|
+
}, $e = fe((O, Z) => {
|
|
45
|
+
const e = ye.c(73);
|
|
46
|
+
let n, i, o, s, p, r, N, w, D, x;
|
|
47
|
+
e[0] !== O ? ({
|
|
48
|
+
children: n,
|
|
49
|
+
summary: r,
|
|
50
|
+
chevronPosition: N,
|
|
51
|
+
className: i,
|
|
52
|
+
hint: o,
|
|
53
|
+
isFlush: w,
|
|
54
|
+
isOpen: D,
|
|
55
|
+
numberIndicatorValue: s,
|
|
56
|
+
size: x,
|
|
57
|
+
...p
|
|
58
|
+
} = O, e[0] = O, e[1] = n, e[2] = i, e[3] = o, e[4] = s, e[5] = p, e[6] = r, e[7] = N, e[8] = w, e[9] = D, e[10] = x) : (n = e[1], i = e[2], o = e[3], s = e[4], p = e[5], r = e[6], N = e[7], w = e[8], D = e[9], x = e[10]);
|
|
59
|
+
const pe = N === void 0 ? "right" : N, a = w === void 0 ? !1 : w, c = D === void 0 ? !1 : D, d = x === void 0 ? "medium" : x;
|
|
60
|
+
process.env.NODE_ENV !== "production" && Ze({
|
|
61
|
+
children: n,
|
|
62
|
+
hint: o,
|
|
63
|
+
numberIndicatorValue: s,
|
|
64
|
+
summary: r
|
|
65
|
+
});
|
|
66
|
+
const $ = pe === "right" ? "chevron" : "caret", m = ge(null), [de, ue] = Se(c);
|
|
67
|
+
let E;
|
|
68
|
+
e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => m.current, e[11] = E) : E = e[11], Ce(Z, E);
|
|
69
|
+
let A;
|
|
70
|
+
e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
|
|
71
|
+
m.current && ue(m.current.open);
|
|
72
|
+
}, e[12] = A) : A = e[12];
|
|
73
|
+
let X;
|
|
74
|
+
e[13] !== c ? (X = [c], e[13] = c, e[14] = X) : X = e[14], _e(A, X);
|
|
75
|
+
let b, F;
|
|
76
|
+
e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
|
|
77
|
+
const he = () => {
|
|
78
|
+
m.current && ue(m.current.open);
|
|
79
|
+
};
|
|
80
|
+
return m.current?.addEventListener("toggle", he), () => {
|
|
81
|
+
m.current?.removeEventListener("toggle", he);
|
|
82
|
+
};
|
|
83
|
+
}, F = [], e[15] = b, e[16] = F) : (b = e[15], F = e[16]), _e(b, F);
|
|
84
|
+
let T, P, R;
|
|
85
|
+
const I = typeof r == "object" && r !== void 0;
|
|
86
|
+
I && ({
|
|
87
|
+
headingSize: T,
|
|
88
|
+
headingTag: P,
|
|
89
|
+
headingText: R
|
|
90
|
+
} = r);
|
|
91
|
+
let L;
|
|
92
|
+
e[17] !== i ? (L = W(t.details, i), e[17] = i, e[18] = L) : L = e[18];
|
|
93
|
+
const k = L, B = d === "small", G = d === "x-small", J = !I;
|
|
94
|
+
let j;
|
|
95
|
+
e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (j = W(t.summary, {
|
|
96
|
+
[t.summaryFlush]: a,
|
|
97
|
+
[t.summarySmall]: B,
|
|
98
|
+
[t.summaryXSmall]: G,
|
|
99
|
+
[t.summaryUtilityM]: J
|
|
100
|
+
}), e[19] = a, e[20] = B, e[21] = G, e[22] = J, e[23] = j) : j = e[23];
|
|
101
|
+
const K = j, Q = pe === "left", Y = d === "x-small";
|
|
102
|
+
let z;
|
|
103
|
+
e[24] !== a || e[25] !== Q || e[26] !== Y ? (z = W(t.summaryContentWrapper, {
|
|
104
|
+
[t.summaryContentWrapperFlush]: a,
|
|
105
|
+
[t.summaryContentWrapperChevronLeft]: Q,
|
|
106
|
+
[t.summaryContentWrapperXSmall]: Y
|
|
107
|
+
}), e[24] = a, e[25] = Q, e[26] = Y, e[27] = z) : z = e[27];
|
|
108
|
+
const ee = z, te = d === "x-small";
|
|
109
|
+
let M;
|
|
110
|
+
e[28] !== te ? (M = W(t.headingSummary, {
|
|
111
|
+
[t.headingSummaryXSmall]: te
|
|
112
|
+
}), e[28] = te, e[29] = M) : M = e[29];
|
|
113
|
+
const re = M, ne = $ === "chevron" && de, se = $ === "caret" && de;
|
|
114
|
+
let H;
|
|
115
|
+
e[30] !== ne || e[31] !== se ? (H = W(t.icon, {
|
|
116
|
+
[t.iconOpen]: ne,
|
|
117
|
+
[t.iconOpenCaret]: se
|
|
118
|
+
}), e[30] = ne, e[31] = se, e[32] = H) : H = e[32];
|
|
119
|
+
const ae = H, oe = d === "small", me = d === "x-small";
|
|
120
|
+
let U;
|
|
121
|
+
e[33] !== a || e[34] !== oe || e[35] !== me ? (U = W(t.contentWrapper, {
|
|
122
|
+
[t.contentWrapperFlush]: a,
|
|
123
|
+
[t.contentWrapperSmall]: oe,
|
|
124
|
+
[t.contentWrapperXSmall]: me
|
|
125
|
+
}), e[33] = a, e[34] = oe, e[35] = me, e[36] = U) : U = e[36];
|
|
126
|
+
const ce = U;
|
|
127
|
+
let u;
|
|
128
|
+
e[37] !== T || e[38] !== P || e[39] !== R || e[40] !== I || e[41] !== r ? (u = I ? /* @__PURE__ */ l(ve, { tag: P, size: T, children: R }) : r, e[37] = T, e[38] = P, e[39] = R, e[40] = I, e[41] = r, e[42] = u) : u = e[42];
|
|
129
|
+
let h;
|
|
130
|
+
e[43] !== s ? (h = (s || s?.trim() === "") && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Oe, { label: s }) }), e[43] = s, e[44] = h) : h = e[44];
|
|
131
|
+
let _;
|
|
132
|
+
e[45] !== re || e[46] !== u || e[47] !== h ? (_ = /* @__PURE__ */ q("div", { className: re, children: [
|
|
133
|
+
u,
|
|
134
|
+
h
|
|
135
|
+
] }), e[45] = re, e[46] = u, e[47] = h, e[48] = _) : _ = e[48];
|
|
136
|
+
let y;
|
|
137
|
+
e[49] !== o ? (y = o && /* @__PURE__ */ l("div", { className: t.hint, children: o }), e[49] = o, e[50] = y) : y = e[50];
|
|
138
|
+
let f;
|
|
139
|
+
e[51] !== _ || e[52] !== y ? (f = /* @__PURE__ */ q("div", { className: t.headingSummaryWrapper, children: [
|
|
140
|
+
_,
|
|
141
|
+
y
|
|
142
|
+
] }), e[51] = _, e[52] = y, e[53] = f) : f = e[53];
|
|
143
|
+
const le = $ === "chevron" ? "chevron-down" : "caret-right";
|
|
144
|
+
let g;
|
|
145
|
+
e[54] !== ae || e[55] !== le ? (g = /* @__PURE__ */ l(We, { name: le, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = le, e[56] = g) : g = e[56];
|
|
146
|
+
let S;
|
|
147
|
+
e[57] !== ee || e[58] !== f || e[59] !== g ? (S = /* @__PURE__ */ q("div", { className: ee, children: [
|
|
148
|
+
f,
|
|
149
|
+
g
|
|
150
|
+
] }), e[57] = ee, e[58] = f, e[59] = g, e[60] = S) : S = e[60];
|
|
151
|
+
let C;
|
|
152
|
+
e[61] !== K || e[62] !== S ? (C = /* @__PURE__ */ l("summary", { className: K, children: S }), e[61] = K, e[62] = S, e[63] = C) : C = e[63];
|
|
153
|
+
let v;
|
|
154
|
+
e[64] !== n || e[65] !== ce ? (v = /* @__PURE__ */ l("div", { className: ce, children: n }), e[64] = n, e[65] = ce, e[66] = v) : v = e[66];
|
|
155
|
+
let V;
|
|
156
|
+
return e[67] !== k || e[68] !== c || e[69] !== p || e[70] !== C || e[71] !== v ? (V = /* @__PURE__ */ q("details", { ...p, ref: m, className: k, open: c, children: [
|
|
157
|
+
C,
|
|
158
|
+
v
|
|
159
|
+
] }), e[67] = k, e[68] = c, e[69] = p, e[70] = C, e[71] = v, e[72] = V) : V = e[72], V;
|
|
160
|
+
});
|
|
161
|
+
$e.displayName = "DSAccordion";
|
|
162
|
+
export {
|
|
163
|
+
tt as A,
|
|
164
|
+
nt as C,
|
|
165
|
+
$e as D,
|
|
166
|
+
rt as a,
|
|
167
|
+
Ze as v
|
|
168
|
+
};
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as $, jsx as p, Fragment as At } from "react/jsx-runtime";
|
|
3
|
+
import { d as zt } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as S } from "./index.DQOqod3i.js";
|
|
5
|
+
import { forwardRef as St } from "react";
|
|
6
|
+
import { D as Tt } from "./Icon.m6sMB6vl.js";
|
|
7
|
+
import { NumberIndicator as wt } from "../numberindicator.ZGVRSmqf.js";
|
|
8
|
+
import { Tooltip as Nt } from "../tooltip._lP4aMV2.js";
|
|
9
|
+
import { g as C } from "./helpers.CexwVao7.js";
|
|
10
|
+
import '../assets/ActionButton.BLOWs6IZ.css';const Ct = "ds-action-button_root_19zdv_1", Ot = "ds-action-button_root--indent-level-1_19zdv_75", Pt = "ds-action-button_root--active_19zdv_78", Dt = "ds-action-button_root--active--with-marker_19zdv_81", Bt = "ds-action-button_root--icon--top_19zdv_84", kt = "ds-action-button_root--stretched_19zdv_110", Lt = "ds-action-button_active-marker_19zdv_115", Et = "ds-action-button_active-marker--with-indent_19zdv_127", xt = "ds-action-button_icon-wrapper_19zdv_131", Mt = "ds-action-button_icon-wrapper--x-large_19zdv_134", Ut = "ds-action-button_icon-wrapper--with-number-indicator_19zdv_137", Vt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_19zdv_145", Rt = "ds-action-button_label_19zdv_149", yt = "ds-action-button_label--bold_19zdv_160", Ht = "ds-action-button_label--active_19zdv_171", Xt = "ds-action-button_label--icon-top_19zdv_182", jt = "ds-action-button_number-indicator_19zdv_205", Ft = "ds-action-button_label-wrapper_19zdv_209", Gt = "ds-action-button_label-wrapper--icon-top_19zdv_214", Zt = "ds-action-button_chevron_19zdv_218", $t = "ds-action-button_chevron--icon-position-top_19zdv_233", qt = "ds-action-button_chevron--up_19zdv_239", Jt = "ds-action-button_chevron--right_19zdv_250", Kt = "ds-action-button_chevron--left_19zdv_261", o = {
|
|
11
|
+
root: Ct,
|
|
12
|
+
rootIndentLevel1: Ot,
|
|
13
|
+
rootActive: Pt,
|
|
14
|
+
rootActiveWithMarker: Dt,
|
|
15
|
+
rootIconTop: Bt,
|
|
16
|
+
rootStretched: kt,
|
|
17
|
+
activeMarker: Lt,
|
|
18
|
+
activeMarkerWithIndent: Et,
|
|
19
|
+
iconWrapper: xt,
|
|
20
|
+
iconWrapperXLarge: Mt,
|
|
21
|
+
iconWrapperWithNumberIndicator: Ut,
|
|
22
|
+
iconWrapperWithNumberIndicatorWithValue: Vt,
|
|
23
|
+
label: Rt,
|
|
24
|
+
labelBold: yt,
|
|
25
|
+
labelActive: Ht,
|
|
26
|
+
labelIconTop: Xt,
|
|
27
|
+
numberIndicator: jt,
|
|
28
|
+
labelWrapper: Ft,
|
|
29
|
+
labelWrapperIconTop: Gt,
|
|
30
|
+
chevron: Zt,
|
|
31
|
+
chevronIconPositionTop: $t,
|
|
32
|
+
chevronUp: qt,
|
|
33
|
+
chevronRight: Jt,
|
|
34
|
+
chevronLeft: Kt
|
|
35
|
+
}, so = ["left", "top"], lo = ["large", "x-large"], po = [0, 1], ho = ["normal", "bold"], vo = ["up", "down", "right", "left"], Qt = ({
|
|
36
|
+
iconName: u,
|
|
37
|
+
iconSize: f,
|
|
38
|
+
iconSource: t,
|
|
39
|
+
iconPosition: d,
|
|
40
|
+
indentLevel: r,
|
|
41
|
+
stretched: h,
|
|
42
|
+
weight: v
|
|
43
|
+
}) => {
|
|
44
|
+
if (u && !t && f === "x-large" && console.warn(C("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), d === "top") {
|
|
45
|
+
if (!u && !t)
|
|
46
|
+
throw new Error(C("DSActionButton", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
47
|
+
f === "x-large" && console.warn(C("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), v === "bold" && console.warn(C("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(C("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), h && console.warn(C("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
48
|
+
}
|
|
49
|
+
}, Yt = St((u, f) => {
|
|
50
|
+
const t = zt.c(93);
|
|
51
|
+
let d, r, h, v, c, a, n, _, m, O, P, D, B, k, L, E, b;
|
|
52
|
+
t[0] !== u ? ({
|
|
53
|
+
children: h,
|
|
54
|
+
aria: d,
|
|
55
|
+
chevronDirection: r,
|
|
56
|
+
className: v,
|
|
57
|
+
disabled: O,
|
|
58
|
+
iconName: c,
|
|
59
|
+
iconPosition: P,
|
|
60
|
+
iconSize: D,
|
|
61
|
+
iconSource: a,
|
|
62
|
+
indentLevel: B,
|
|
63
|
+
isActive: k,
|
|
64
|
+
numberIndicatorValue: n,
|
|
65
|
+
stretched: L,
|
|
66
|
+
weight: E,
|
|
67
|
+
tooltip: b,
|
|
68
|
+
onClick: _,
|
|
69
|
+
...m
|
|
70
|
+
} = u, t[0] = u, t[1] = d, t[2] = r, t[3] = h, t[4] = v, t[5] = c, t[6] = a, t[7] = n, t[8] = _, t[9] = m, t[10] = O, t[11] = P, t[12] = D, t[13] = B, t[14] = k, t[15] = L, t[16] = E, t[17] = b) : (d = t[1], r = t[2], h = t[3], v = t[4], c = t[5], a = t[6], n = t[7], _ = t[8], m = t[9], O = t[10], P = t[11], D = t[12], B = t[13], k = t[14], L = t[15], E = t[16], b = t[17]);
|
|
71
|
+
const i = O === void 0 ? !1 : O, e = P === void 0 ? "left" : P, x = D === void 0 ? "large" : D, q = B === void 0 ? 0 : B, I = k === void 0 ? !1 : k, Wt = L === void 0 ? !1 : L, gt = E === void 0 ? "normal" : E;
|
|
72
|
+
process.env.NODE_ENV !== "production" && Qt({
|
|
73
|
+
iconName: c,
|
|
74
|
+
iconSize: x,
|
|
75
|
+
iconSource: a,
|
|
76
|
+
iconPosition: e,
|
|
77
|
+
indentLevel: q,
|
|
78
|
+
stretched: Wt,
|
|
79
|
+
weight: gt
|
|
80
|
+
});
|
|
81
|
+
let M;
|
|
82
|
+
t[18] !== n ? (M = n?.trim(), t[18] = n, t[19] = M) : M = t[19];
|
|
83
|
+
const s = M === "", J = e === "top", K = q === 1, Q = I && !i, Y = I && !i && e === "left", tt = Wt === !0 && e === "left";
|
|
84
|
+
let U;
|
|
85
|
+
t[20] !== v || t[21] !== K || t[22] !== Q || t[23] !== Y || t[24] !== tt || t[25] !== J ? (U = S(o.root, v, {
|
|
86
|
+
[o.rootIconTop]: J,
|
|
87
|
+
[o.rootIndentLevel1]: K,
|
|
88
|
+
[o.rootActive]: Q,
|
|
89
|
+
[o.rootActiveWithMarker]: Y,
|
|
90
|
+
[o.rootStretched]: tt
|
|
91
|
+
}), t[20] = v, t[21] = K, t[22] = Q, t[23] = Y, t[24] = tt, t[25] = J, t[26] = U) : U = t[26];
|
|
92
|
+
const ot = U, et = q === 1;
|
|
93
|
+
let V;
|
|
94
|
+
t[27] !== et ? (V = S(o.activeMarker, {
|
|
95
|
+
[o.activeMarkerWithIndent]: et
|
|
96
|
+
}), t[27] = et, t[28] = V) : V = t[28];
|
|
97
|
+
const nt = V, it = I && !i, rt = gt === "bold", ct = e === "top";
|
|
98
|
+
let R;
|
|
99
|
+
t[29] !== it || t[30] !== rt || t[31] !== ct ? (R = S(o.label, {
|
|
100
|
+
[o.labelActive]: it,
|
|
101
|
+
[o.labelBold]: rt,
|
|
102
|
+
[o.labelIconTop]: ct
|
|
103
|
+
}), t[29] = it, t[30] = rt, t[31] = ct, t[32] = R) : R = t[32];
|
|
104
|
+
const at = R, st = e === "top";
|
|
105
|
+
let y;
|
|
106
|
+
t[33] !== st ? (y = S(o.labelWrapper, {
|
|
107
|
+
[o.labelWrapperIconTop]: st
|
|
108
|
+
}), t[33] = st, t[34] = y) : y = t[34];
|
|
109
|
+
const lt = y, pt = e === "top", dt = r === "up", ht = r === "right", vt = r === "left";
|
|
110
|
+
let H;
|
|
111
|
+
t[35] !== pt || t[36] !== dt || t[37] !== ht || t[38] !== vt ? (H = S(o.chevron, {
|
|
112
|
+
[o.chevronIconPositionTop]: pt,
|
|
113
|
+
[o.chevronUp]: dt,
|
|
114
|
+
[o.chevronRight]: ht,
|
|
115
|
+
[o.chevronLeft]: vt
|
|
116
|
+
}), t[35] = pt, t[36] = dt, t[37] = ht, t[38] = vt, t[39] = H) : H = t[39];
|
|
117
|
+
const _t = H, bt = x === "x-large", ut = (c || a) && (n || s), ft = (c || a) && !s;
|
|
118
|
+
let X;
|
|
119
|
+
t[40] !== bt || t[41] !== ut || t[42] !== ft ? (X = S(o.iconWrapper, {
|
|
120
|
+
[o.iconWrapperXLarge]: bt,
|
|
121
|
+
[o.iconWrapperWithNumberIndicator]: ut,
|
|
122
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: ft
|
|
123
|
+
}), t[40] = bt, t[41] = ut, t[42] = ft, t[43] = X) : X = t[43];
|
|
124
|
+
const mt = X;
|
|
125
|
+
let j;
|
|
126
|
+
t[44] !== i || t[45] !== _ ? (j = (l) => {
|
|
127
|
+
if (i) {
|
|
128
|
+
l.preventDefault();
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
_ && _(l);
|
|
132
|
+
}, t[44] = i, t[45] = _, t[46] = j) : j = t[46];
|
|
133
|
+
const It = j;
|
|
134
|
+
let N;
|
|
135
|
+
t[47] !== nt || t[48] !== e || t[49] !== I ? (N = I && e === "left" && /* @__PURE__ */ p("div", { className: nt }), t[47] = nt, t[48] = e, t[49] = I, t[50] = N) : N = t[50];
|
|
136
|
+
let W;
|
|
137
|
+
t[51] !== i || t[52] !== c || t[53] !== e || t[54] !== x || t[55] !== a || t[56] !== mt || t[57] !== s || t[58] !== n ? (W = (c || a) && /* @__PURE__ */ p(At, { children: /* @__PURE__ */ $("span", { className: mt, children: [
|
|
138
|
+
/* @__PURE__ */ p(Tt, { name: c, theme: "light", source: a, "aria-hidden": "true", size: c || e === "top" ? "large" : x }),
|
|
139
|
+
!i && (e === "left" && s || e === "top" && (n || s)) && /* @__PURE__ */ p(wt, { variant: "highlight", label: n })
|
|
140
|
+
] }) }), t[51] = i, t[52] = c, t[53] = e, t[54] = x, t[55] = a, t[56] = mt, t[57] = s, t[58] = n, t[59] = W) : W = t[59];
|
|
141
|
+
let g;
|
|
142
|
+
t[60] !== h || t[61] !== at ? (g = /* @__PURE__ */ p("span", { className: at, children: h }), t[60] = h, t[61] = at, t[62] = g) : g = t[62];
|
|
143
|
+
let T;
|
|
144
|
+
t[63] !== _t || t[64] !== r ? (T = r && /* @__PURE__ */ p(Tt, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: _t }), t[63] = _t, t[64] = r, t[65] = T) : T = t[65];
|
|
145
|
+
let w;
|
|
146
|
+
t[66] !== lt || t[67] !== g || t[68] !== T ? (w = /* @__PURE__ */ $("div", { className: lt, children: [
|
|
147
|
+
g,
|
|
148
|
+
T
|
|
149
|
+
] }), t[66] = lt, t[67] = g, t[68] = T, t[69] = w) : w = t[69];
|
|
150
|
+
let A;
|
|
151
|
+
t[70] !== i || t[71] !== e || t[72] !== s || t[73] !== n ? (A = e === "left" && !i && n && !s && /* @__PURE__ */ p(wt, { variant: "default", label: n, className: o.numberIndicator }), t[70] = i, t[71] = e, t[72] = s, t[73] = n, t[74] = A) : A = t[74];
|
|
152
|
+
let F;
|
|
153
|
+
t[75] !== d || t[76] !== i || t[77] !== It || t[78] !== f || t[79] !== m || t[80] !== ot || t[81] !== N || t[82] !== W || t[83] !== w || t[84] !== A ? (F = /* @__PURE__ */ $("button", { className: ot, type: "button", onClick: It, ...d, ...m, "aria-disabled": i, ref: f, children: [
|
|
154
|
+
N,
|
|
155
|
+
W,
|
|
156
|
+
w,
|
|
157
|
+
A
|
|
158
|
+
] }), t[75] = d, t[76] = i, t[77] = It, t[78] = f, t[79] = m, t[80] = ot, t[81] = N, t[82] = W, t[83] = w, t[84] = A, t[85] = F) : F = t[85];
|
|
159
|
+
const G = F;
|
|
160
|
+
if (b) {
|
|
161
|
+
let l;
|
|
162
|
+
t[86] !== G ? (l = /* @__PURE__ */ p(Nt.Anchor, { children: G }), t[86] = G, t[87] = l) : l = t[87];
|
|
163
|
+
let z;
|
|
164
|
+
t[88] !== b ? (z = /* @__PURE__ */ p(Nt.Content, { children: b }), t[88] = b, t[89] = z) : z = t[89];
|
|
165
|
+
let Z;
|
|
166
|
+
return t[90] !== l || t[91] !== z ? (Z = /* @__PURE__ */ $(Nt, { placement: "top", tooltipOffset: 6, children: [
|
|
167
|
+
l,
|
|
168
|
+
z
|
|
169
|
+
] }), t[90] = l, t[91] = z, t[92] = Z) : Z = t[92], Z;
|
|
170
|
+
}
|
|
171
|
+
return G;
|
|
172
|
+
});
|
|
173
|
+
Yt.displayName = "DSActionButton";
|
|
174
|
+
export {
|
|
175
|
+
so as A,
|
|
176
|
+
Yt as D,
|
|
177
|
+
lo as a,
|
|
178
|
+
po as b,
|
|
179
|
+
ho as c,
|
|
180
|
+
vo as d,
|
|
181
|
+
Qt as v
|
|
182
|
+
};
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as st, jsx as f, Fragment as _t } from "react/jsx-runtime";
|
|
3
|
+
import { d as mt } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as G } from "./index.DQOqod3i.js";
|
|
5
|
+
import { forwardRef as bt } from "react";
|
|
6
|
+
import { D as vt } from "./Icon.m6sMB6vl.js";
|
|
7
|
+
import { NumberIndicator as ht } from "../numberindicator.ZGVRSmqf.js";
|
|
8
|
+
import { Tooltip as pt } from "../tooltip._lP4aMV2.js";
|
|
9
|
+
import { g as P } from "./helpers.CexwVao7.js";
|
|
10
|
+
import '../assets/ActionLink.BJDUVdT7.css';const kt = "ds-action-link_root_o08fb_1", It = "ds-action-link_root--indent-level-1_o08fb_75", ut = "ds-action-link_root--active_o08fb_78", Nt = "ds-action-link_root--active--with-marker_o08fb_81", At = "ds-action-link_root--icon--top_o08fb_84", gt = "ds-action-link_root--stretched_o08fb_110", wt = "ds-action-link_active-marker_o08fb_115", Wt = "ds-action-link_active-marker--with-indent_o08fb_127", Lt = "ds-action-link_icon-wrapper_o08fb_131", St = "ds-action-link_icon-wrapper--x-large_o08fb_134", Pt = "ds-action-link_icon-wrapper--with-number-indicator_o08fb_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_o08fb_145", Dt = "ds-action-link_label_o08fb_149", xt = "ds-action-link_label--bold_o08fb_160", Ct = "ds-action-link_label--active_o08fb_171", Mt = "ds-action-link_label--icon-top_o08fb_182", Et = "ds-action-link_number-indicator_o08fb_205", o = {
|
|
11
|
+
root: kt,
|
|
12
|
+
rootIndentLevel1: It,
|
|
13
|
+
rootActive: ut,
|
|
14
|
+
rootActiveWithMarker: Nt,
|
|
15
|
+
rootIconTop: At,
|
|
16
|
+
rootStretched: gt,
|
|
17
|
+
activeMarker: wt,
|
|
18
|
+
activeMarkerWithIndent: Wt,
|
|
19
|
+
iconWrapper: Lt,
|
|
20
|
+
iconWrapperXLarge: St,
|
|
21
|
+
iconWrapperWithNumberIndicator: Pt,
|
|
22
|
+
iconWrapperWithNumberIndicatorWithValue: Tt,
|
|
23
|
+
label: Dt,
|
|
24
|
+
labelBold: xt,
|
|
25
|
+
labelActive: Ct,
|
|
26
|
+
labelIconTop: Mt,
|
|
27
|
+
numberIndicator: Et
|
|
28
|
+
}, Gt = ["left", "top"], Rt = ["large", "x-large"], Zt = [0, 1], $t = ["normal", "bold"], Ot = ({
|
|
29
|
+
iconName: m,
|
|
30
|
+
iconSize: b,
|
|
31
|
+
iconSource: t,
|
|
32
|
+
iconPosition: a,
|
|
33
|
+
indentLevel: l,
|
|
34
|
+
stretched: s,
|
|
35
|
+
weight: p
|
|
36
|
+
}) => {
|
|
37
|
+
if (m && !t && b === "x-large" && console.warn(P("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), a === "top") {
|
|
38
|
+
if (!m && !t)
|
|
39
|
+
throw new Error(P("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
40
|
+
b === "x-large" && console.warn(P("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), p === "bold" && console.warn(P("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), l === 1 && console.warn(P("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(P("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
41
|
+
}
|
|
42
|
+
}, zt = bt((m, b) => {
|
|
43
|
+
const t = mt.c(83);
|
|
44
|
+
let a, l, s, p, h, n, r, i, v, k, I, T, D, x, C, M, E, O, _;
|
|
45
|
+
t[0] !== m ? ({
|
|
46
|
+
children: l,
|
|
47
|
+
aria: a,
|
|
48
|
+
className: s,
|
|
49
|
+
download: p,
|
|
50
|
+
href: h,
|
|
51
|
+
iconName: n,
|
|
52
|
+
iconPosition: T,
|
|
53
|
+
iconSize: D,
|
|
54
|
+
iconSource: r,
|
|
55
|
+
indentLevel: x,
|
|
56
|
+
isActive: C,
|
|
57
|
+
numberIndicatorValue: i,
|
|
58
|
+
referrerPolicy: v,
|
|
59
|
+
rel: k,
|
|
60
|
+
stretched: M,
|
|
61
|
+
target: E,
|
|
62
|
+
tooltip: _,
|
|
63
|
+
weight: O,
|
|
64
|
+
...I
|
|
65
|
+
} = m, t[0] = m, t[1] = a, t[2] = l, t[3] = s, t[4] = p, t[5] = h, t[6] = n, t[7] = r, t[8] = i, t[9] = v, t[10] = k, t[11] = I, t[12] = T, t[13] = D, t[14] = x, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = _) : (a = t[1], l = t[2], s = t[3], p = t[4], h = t[5], n = t[6], r = t[7], i = t[8], v = t[9], k = t[10], I = t[11], T = t[12], D = t[13], x = t[14], C = t[15], M = t[16], E = t[17], O = t[18], _ = t[19]);
|
|
66
|
+
const e = T === void 0 ? "left" : T, z = D === void 0 ? "large" : D, R = x === void 0 ? 0 : x, d = C === void 0 ? !1 : C, dt = M === void 0 ? !1 : M, Z = E === void 0 ? "_self" : E, ft = O === void 0 ? "normal" : O;
|
|
67
|
+
process.env.NODE_ENV !== "production" && Ot({
|
|
68
|
+
iconName: n,
|
|
69
|
+
iconSize: z,
|
|
70
|
+
iconSource: r,
|
|
71
|
+
iconPosition: e,
|
|
72
|
+
indentLevel: R,
|
|
73
|
+
stretched: dt,
|
|
74
|
+
weight: ft
|
|
75
|
+
});
|
|
76
|
+
let V;
|
|
77
|
+
t[20] !== i ? (V = i?.trim(), t[20] = i, t[21] = V) : V = t[21];
|
|
78
|
+
const c = V === "", $ = e === "top", q = R === 1, J = d && e === "left", Q = dt === !0 && e === "left";
|
|
79
|
+
let K;
|
|
80
|
+
t[22] !== s || t[23] !== d || t[24] !== q || t[25] !== J || t[26] !== Q || t[27] !== $ ? (K = G(o.root, s, {
|
|
81
|
+
[o.rootIconTop]: $,
|
|
82
|
+
[o.rootIndentLevel1]: q,
|
|
83
|
+
[o.rootActive]: d,
|
|
84
|
+
[o.rootActiveWithMarker]: J,
|
|
85
|
+
[o.rootStretched]: Q
|
|
86
|
+
}), t[22] = s, t[23] = d, t[24] = q, t[25] = J, t[26] = Q, t[27] = $, t[28] = K) : K = t[28];
|
|
87
|
+
const U = K, Y = R === 1;
|
|
88
|
+
let y;
|
|
89
|
+
t[29] !== Y ? (y = G(o.activeMarker, {
|
|
90
|
+
[o.activeMarkerWithIndent]: Y
|
|
91
|
+
}), t[29] = Y, t[30] = y) : y = t[30];
|
|
92
|
+
const tt = y, et = d && e === "left", ot = ft === "bold", it = e === "top";
|
|
93
|
+
let B;
|
|
94
|
+
t[31] !== et || t[32] !== ot || t[33] !== it ? (B = G(o.label, {
|
|
95
|
+
[o.labelActive]: et,
|
|
96
|
+
[o.labelBold]: ot,
|
|
97
|
+
[o.labelIconTop]: it
|
|
98
|
+
}), t[31] = et, t[32] = ot, t[33] = it, t[34] = B) : B = t[34];
|
|
99
|
+
const nt = B, rt = z === "x-large", ct = (n || r) && (i || c), at = (n || r) && !c;
|
|
100
|
+
let X;
|
|
101
|
+
t[35] !== rt || t[36] !== ct || t[37] !== at ? (X = G(o.iconWrapper, {
|
|
102
|
+
[o.iconWrapperXLarge]: rt,
|
|
103
|
+
[o.iconWrapperWithNumberIndicator]: ct,
|
|
104
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: at
|
|
105
|
+
}), t[35] = rt, t[36] = ct, t[37] = at, t[38] = X) : X = t[38];
|
|
106
|
+
const lt = X, u = h === void 0 ? "span" : "a";
|
|
107
|
+
let N;
|
|
108
|
+
t[39] !== u || t[40] !== p || t[41] !== h || t[42] !== v || t[43] !== k || t[44] !== Z ? (N = u === "a" && {
|
|
109
|
+
href: h,
|
|
110
|
+
target: Z,
|
|
111
|
+
rel: k,
|
|
112
|
+
referrerPolicy: v,
|
|
113
|
+
download: p
|
|
114
|
+
}, t[39] = u, t[40] = p, t[41] = h, t[42] = v, t[43] = k, t[44] = Z, t[45] = N) : N = t[45];
|
|
115
|
+
let A;
|
|
116
|
+
t[46] !== tt || t[47] !== e || t[48] !== d ? (A = d && e === "left" && /* @__PURE__ */ f("div", { className: tt }), t[46] = tt, t[47] = e, t[48] = d, t[49] = A) : A = t[49];
|
|
117
|
+
let g;
|
|
118
|
+
t[50] !== n || t[51] !== e || t[52] !== z || t[53] !== r || t[54] !== lt || t[55] !== c || t[56] !== i ? (g = (n || r) && /* @__PURE__ */ f(_t, { children: /* @__PURE__ */ st("span", { className: lt, children: [
|
|
119
|
+
/* @__PURE__ */ f(vt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : z }),
|
|
120
|
+
(e === "left" && c || e === "top" && (i || c)) && /* @__PURE__ */ f(ht, { variant: "highlight", label: i })
|
|
121
|
+
] }) }), t[50] = n, t[51] = e, t[52] = z, t[53] = r, t[54] = lt, t[55] = c, t[56] = i, t[57] = g) : g = t[57];
|
|
122
|
+
let w;
|
|
123
|
+
t[58] !== l || t[59] !== nt ? (w = /* @__PURE__ */ f("span", { className: nt, children: l }), t[58] = l, t[59] = nt, t[60] = w) : w = t[60];
|
|
124
|
+
let W;
|
|
125
|
+
t[61] !== e || t[62] !== c || t[63] !== i ? (W = e === "left" && i && !c && /* @__PURE__ */ f(ht, { variant: "default", label: i, className: o.numberIndicator }), t[61] = e, t[62] = c, t[63] = i, t[64] = W) : W = t[64];
|
|
126
|
+
let j;
|
|
127
|
+
t[65] !== u || t[66] !== a || t[67] !== b || t[68] !== I || t[69] !== U || t[70] !== N || t[71] !== A || t[72] !== g || t[73] !== w || t[74] !== W ? (j = /* @__PURE__ */ st(u, { className: U, ...N, ...a, ...I, ref: b, children: [
|
|
128
|
+
A,
|
|
129
|
+
g,
|
|
130
|
+
w,
|
|
131
|
+
W
|
|
132
|
+
] }), t[65] = u, t[66] = a, t[67] = b, t[68] = I, t[69] = U, t[70] = N, t[71] = A, t[72] = g, t[73] = w, t[74] = W, t[75] = j) : j = t[75];
|
|
133
|
+
const H = j;
|
|
134
|
+
if (_) {
|
|
135
|
+
let L;
|
|
136
|
+
t[76] !== H ? (L = /* @__PURE__ */ f(pt.Anchor, { children: H }), t[76] = H, t[77] = L) : L = t[77];
|
|
137
|
+
let S;
|
|
138
|
+
t[78] !== _ ? (S = /* @__PURE__ */ f(pt.Content, { children: _ }), t[78] = _, t[79] = S) : S = t[79];
|
|
139
|
+
let F;
|
|
140
|
+
return t[80] !== L || t[81] !== S ? (F = /* @__PURE__ */ st(pt, { placement: "top", tooltipOffset: 6, children: [
|
|
141
|
+
L,
|
|
142
|
+
S
|
|
143
|
+
] }), t[80] = L, t[81] = S, t[82] = F) : F = t[82], F;
|
|
144
|
+
}
|
|
145
|
+
return H;
|
|
146
|
+
});
|
|
147
|
+
zt.displayName = "DSActionLink";
|
|
148
|
+
export {
|
|
149
|
+
Gt as A,
|
|
150
|
+
zt as D,
|
|
151
|
+
Rt as a,
|
|
152
|
+
Zt as b,
|
|
153
|
+
$t as c,
|
|
154
|
+
Ot as v
|
|
155
|
+
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { h as n } from "./has-window.ut_-aShB.js";
|
|
3
3
|
import { g as r } from "./helpers.CexwVao7.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./index.
|
|
5
|
+
import "./index.cKLI89Eg.js";
|
|
6
6
|
const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
|
|
7
7
|
if (n)
|
|
8
8
|
return document.getElementById(e);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as w, jsxs as V } from "react/jsx-runtime";
|
|
3
|
-
import { d as q } from "./index.
|
|
4
|
-
import { c as F } from "./index.
|
|
3
|
+
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as F } from "./index.DQOqod3i.js";
|
|
5
5
|
import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
|
|
6
|
-
import { D as K } from "./Button.
|
|
7
|
-
import { DSLink as X } from "../link.
|
|
6
|
+
import { D as K } from "./Button.DpGeheky.js";
|
|
7
|
+
import { DSLink as X } from "../link.R1lfD5aN.js";
|
|
8
8
|
import { g as d, r as z } from "./helpers.CexwVao7.js";
|
|
9
|
-
import '../assets/Breadcrumb.
|
|
9
|
+
import '../assets/Breadcrumb.BavNNzAA.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
|
|
10
10
|
root: G,
|
|
11
11
|
showAllButton: H
|
|
12
12
|
}, $ = 4, J = ({
|
|
@@ -64,7 +64,7 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
|
|
|
64
64
|
e[17] !== m || e[18] !== a || e[19] !== h ? (k = () => h ? null : /* @__PURE__ */ w("li", { children: /* @__PURE__ */ w(K, { ...a, className: T.showAllButton, type: "button", title: m, variant: "ghost", onClick: () => P(!0), children: /* @__PURE__ */ w("span", { "aria-hidden": "true", children: "..." }) }) }), e[17] = m, e[18] = a, e[19] = h, e[20] = k) : k = e[20];
|
|
65
65
|
const A = k, x = Q;
|
|
66
66
|
let v;
|
|
67
|
-
e[21] === Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((C, j) => /* @__PURE__ */ w("li", { children: x(C, y.length - 1, j) }, j)), e[21] = v) : v = e[21];
|
|
67
|
+
e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((C, j) => /* @__PURE__ */ w("li", { children: x(C, y.length - 1, j) }, j)), e[21] = v) : v = e[21];
|
|
68
68
|
const _ = v;
|
|
69
69
|
let D;
|
|
70
70
|
e[22] !== h ? (D = (y) => _(h ? y : y.slice(-2)), e[22] = h, e[23] = D) : D = e[23];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as O, jsx as c } from "react/jsx-runtime";
|
|
3
|
-
import { c as p } from "./index.
|
|
3
|
+
import { c as p } from "./index.DQOqod3i.js";
|
|
4
4
|
import { forwardRef as T } from "react";
|
|
5
5
|
import { u as r } from "./useBreakpoint.1txsny17.js";
|
|
6
|
-
import { D as F } from "./Icon.
|
|
7
|
-
import { DSSpinner as L } from "../spinner.
|
|
8
|
-
import { Tooltip as k } from "../tooltip.
|
|
6
|
+
import { D as F } from "./Icon.m6sMB6vl.js";
|
|
7
|
+
import { DSSpinner as L } from "../spinner.CRVyui04.js";
|
|
8
|
+
import { Tooltip as k } from "../tooltip._lP4aMV2.js";
|
|
9
9
|
import { g as a } from "./helpers.CexwVao7.js";
|
|
10
|
-
import "./index.
|
|
11
|
-
import '../assets/Button.
|
|
10
|
+
import "./index.cKLI89Eg.js";
|
|
11
|
+
import '../assets/Button.C-UYIggc.css';const C = "ds-button_root_146u3_1", A = "ds-button_root--highlight_146u3_75", E = "ds-button_root--dark-highlight_146u3_75", P = "ds-button_root--filled_146u3_151", x = "ds-button_root--outline_146u3_179", V = "ds-button_root--ghost_146u3_206", j = "ds-button_root--ghost-flush_146u3_231", R = "ds-button_root--small_146u3_237", U = "ds-button_root--navigation_146u3_317", M = "ds-button_root--navigation--stretched_146u3_393", Z = "ds-button_root--navigation--stretched--icon-left_146u3_396", q = "ds-button_root--dark-filled_146u3_399", J = "ds-button_root--dark-outline_146u3_456", K = "ds-button_root--dark-ghost_146u3_512", Q = "ds-button_root--dark-ghost-flush_146u3_566", W = "ds-button_root--stretched_146u3_641", X = "ds-button_root--icon-left_146u3_644", Y = "ds-button_root--icon-only_146u3_647", $ = "ds-button_root--icon-only-small_146u3_656", z = "ds-button_icon--navigation_146u3_672", oo = "ds-button_icon--hidden_146u3_679", to = "ds-button_label--hidden_146u3_683", no = "ds-button_label--loading_146u3_695", eo = "ds-button_loader_146u3_699", o = {
|
|
12
12
|
root: C,
|
|
13
13
|
rootHighlight: A,
|
|
14
14
|
rootDarkHighlight: E,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as u, jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import { c as x } from "./index.
|
|
3
|
+
import { c as x } from "./index.DQOqod3i.js";
|
|
4
4
|
import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
5
|
import { u as A } from "./useBreakpoint.1txsny17.js";
|
|
6
|
-
import "./index.
|
|
7
|
-
import { D as _ } from "./Icon.
|
|
8
|
-
import { D as L } from "./SystemFeedback.
|
|
6
|
+
import "./index.cKLI89Eg.js";
|
|
7
|
+
import { D as _ } from "./Icon.m6sMB6vl.js";
|
|
8
|
+
import { D as L } from "./SystemFeedback.DFN6Y2cw.js";
|
|
9
9
|
import { g as C } from "./helpers.CexwVao7.js";
|
|
10
|
-
import '../assets/Checkbox.
|
|
10
|
+
import '../assets/Checkbox.ZAPIO2N8.css';const O = "ds-checkbox_root_xklfa_1", U = "ds-checkbox_root--disabled_xklfa_21", z = "ds-checkbox_checkbox_xklfa_25", F = "ds-checkbox_icon-check_xklfa_41", J = "ds-checkbox_icon-minus_xklfa_42", K = "ds-checkbox_checkbox--invalid_xklfa_66", Q = "ds-checkbox_label--hidden_xklfa_71", R = "ds-checkbox_input_xklfa_84", T = "ds-checkbox_label_xklfa_71", W = "ds-checkbox_feedback_xklfa_198", e = {
|
|
11
11
|
root: O,
|
|
12
12
|
rootDisabled: U,
|
|
13
13
|
checkbox: z,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as w } from "react/jsx-runtime";
|
|
3
|
-
import { d as q } from "./index.
|
|
4
|
-
import { c as N } from "./index.
|
|
5
|
-
import { D as z } from "./Fieldset.
|
|
3
|
+
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
|
+
import { c as N } from "./index.DQOqod3i.js";
|
|
5
|
+
import { D as z } from "./Fieldset.7WM7w62l.js";
|
|
6
6
|
import _ from "react";
|
|
7
7
|
import { g as v, r as I } from "./helpers.CexwVao7.js";
|
|
8
|
-
import { D as P } from "./Checkbox.
|
|
8
|
+
import { D as P } from "./Checkbox.B3NeB54s.js";
|
|
9
9
|
import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", O = "ds-checkbox-group_root--invalid_12fot_12", E = {
|
|
10
10
|
root: F,
|
|
11
11
|
rootHorizontal: H,
|