@stihl-design-system/components 1.0.0-RC.47 → 1.0.0-RC.48
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.BQ7vavIt.js → accordion.D4XR2R7e.js} +2 -2
- package/{actionbutton.C7lqEmBx.js → actionbutton.C8hePX-D.js} +3 -3
- package/{actioncard.dgVHW0BC.js → actioncard.kDxu01xm.js} +1 -1
- package/{actionlink.CL6v1mQA.js → actionlink.dccc5JQV.js} +3 -3
- package/{arialiveregions.DC1Gq9Lo.js → arialiveregions.BniSDuPM.js} +9 -10
- package/assets/Accordion.RlqWqpGo.css +1 -0
- package/assets/ActionButton.Dw2FeIaW.css +1 -0
- package/assets/ActionCard.viEoC26n.css +1 -0
- package/assets/ActionLink.B1Jjaf7k.css +1 -0
- package/assets/Button.Bi1KUKMv.css +1 -0
- package/assets/Checkbox.C6RWhy0V.css +1 -0
- package/assets/Chip.DfamkUPw.css +1 -0
- package/assets/CustomReactSelect.CvWMmrAU.css +1 -0
- package/assets/Dialog.6AkQo8ew.css +1 -0
- package/assets/Drawer.CDOlX809.css +1 -0
- package/assets/Fieldset.BbLGXCWa.css +1 -0
- package/assets/InputFile.CDtghZtl.css +1 -0
- package/assets/InputNumber.BNpO9p7n.css +1 -0
- package/assets/InputPassword.BgZo-RUc.css +1 -0
- package/assets/InputSearch.BROFFTK9.css +1 -0
- package/assets/LinkButton.IKIlFnpH.css +1 -0
- package/assets/Notification.2B81JHOp.css +1 -0
- package/assets/Pagination.DH71DZ0j.css +1 -0
- package/assets/Popover.58Tb0dOt.css +1 -0
- package/assets/Select.CfTN3CJo.css +1 -0
- package/assets/Slider.B4kzL60S.css +1 -0
- package/assets/{SystemFeedback.DYi9QetY.css → SystemFeedback.DVMml_h9.css} +1 -1
- package/assets/TextUtility.BThulfyl.css +1 -0
- package/assets/Textarea.BO4AcRJD.css +1 -0
- package/assets/buttonround.syTU1QSI.css +1 -0
- package/assets/chipgroup.DtCnsmS7.css +1 -0
- package/assets/filelist.B-Ru0GP_.css +1 -0
- package/assets/input.Dy8VS73e.css +1 -0
- package/assets/numberindicator.CtbitPQ8.css +1 -0
- package/assets/progressindicator.tyY_RVQ9.css +1 -0
- package/assets/radio.9hUUyg8R.css +1 -0
- package/assets/switch.8v7Wp1Fj.css +1 -0
- package/assets/tabpane.DDaeSDQb.css +1 -0
- package/assets/text.BwGsYzGM.css +1 -0
- package/assets/tooltip.C_BL2kou.css +1 -0
- package/{banner.BlB_7xue.js → banner.DO7GsDL_.js} +1 -1
- package/{breadcrumb.DajORKq7.js → breadcrumb.DYov6vtt.js} +3 -3
- package/{button.EooIlFBI.js → button.qxcuzbnv.js} +2 -2
- package/buttonround.BO7_ewzA.js +101 -0
- package/{checkbox.NJj9qMnx.js → checkbox.C9kyIY9P.js} +4 -5
- package/{checkboxgroup.DELdyn0X.js → checkboxgroup.kEUxnKLf.js} +2 -2
- package/{chip.C4h8Hm9g.js → chip.5ktNLRYf.js} +3 -3
- package/chipgroup.kRU3Z98U.js +226 -0
- package/chunks/Accordion.gih2ni1d.js +179 -0
- package/chunks/ActionButton.B-wm5sUy.js +194 -0
- package/chunks/{ActionCard.Dbq2VqyZ.js → ActionCard.Bm-2ewfS.js} +44 -44
- package/chunks/ActionLink.D0KzqbH4.js +166 -0
- package/chunks/{AriaLiveRegions.utils.BPvIKT6B.js → AriaLiveRegions.utils.xoETe2Ps.js} +14 -16
- package/chunks/{Breadcrumb.Ccm79ver.js → Breadcrumb.I2G-T0zc.js} +2 -2
- package/chunks/Button.CCol--xy.js +165 -0
- package/chunks/Checkbox.BxOGR1bR.js +96 -0
- package/chunks/CheckboxGroup.TneO0tuE.js +85 -0
- package/chunks/Chip.DffaXMkV.js +148 -0
- package/chunks/{CustomReactSelect.oEQpO9iN.js → CustomReactSelect.DTAavYaz.js} +282 -277
- package/chunks/Dialog.guuxflWL.js +101 -0
- package/chunks/{Drawer.CDe_g99S.js → Drawer.CjUZu6GW.js} +27 -28
- package/chunks/Fieldset.BBMuLKps.js +94 -0
- package/chunks/{Flag.X9tB3Mfv.js → Flag.CbQYBzVC.js} +12 -13
- package/chunks/{Header.bLSdAY9-.js → Header.CvcGSuhX.js} +1 -1
- package/chunks/{Input.utils.CkmzxIrU.js → Input.utils.Wycy2SzG.js} +23 -25
- package/chunks/InputFile.y71Cd5J9.js +260 -0
- package/chunks/InputNumber.Fn2YbF_s.js +250 -0
- package/chunks/InputPassword.DtT9yrlx.js +129 -0
- package/chunks/InputSearch.BoAfGqoH.js +157 -0
- package/chunks/LinkButton.BxG7fx1O.js +150 -0
- package/chunks/LinkCard.DM-5WrSt.js +200 -0
- package/chunks/{MegaMenu.DbunD_yW.js → MegaMenu.udXR1H3W.js} +1 -1
- package/chunks/{NavigationTabList.CyrKNAer.js → NavigationTabList.thzA1pU8.js} +1 -1
- package/chunks/{NavigationTabs.DVBe-Wt3.js → NavigationTabs.BWewgBch.js} +1 -1
- package/chunks/Notification.C_o7Ge6Q.js +91 -0
- package/chunks/Pagination.BrOMUJMi.js +272 -0
- package/chunks/Popover.CxZZ_y1Z.js +230 -0
- package/chunks/RadioGroup.CO91_5hA.js +136 -0
- package/chunks/Select.EzoMdk1u.js +157 -0
- package/chunks/Slider.CX38t4Sk.js +330 -0
- package/chunks/{Stepper.KBRikedB.js → Stepper.Ds_aIEF8.js} +68 -69
- package/chunks/SystemFeedback.DhWcYjnu.js +43 -0
- package/chunks/{Tabs.xXn4zpGp.js → Tabs.BHVlgp7L.js} +2 -2
- package/chunks/Text.utils.DzlY9pJS.js +9 -0
- package/chunks/TextUtility.BZLwqyic.js +82 -0
- package/chunks/Textarea.vuJgvW6_.js +192 -0
- package/chunks/{Toast.NZfb7z3q.js → Toast.V_ZUAsf2.js} +1 -1
- package/chunks/translate.DSb-TdWR.js +2460 -0
- package/{combobox.CPsl2TC0.js → combobox.C6cPz4AJ.js} +1 -1
- package/components/Accordion/Accordion.d.ts +5 -0
- package/components/ActionButton/ActionButton.d.ts +5 -1
- package/components/ActionLink/ActionLink.d.ts +1 -1
- package/components/Button/Button.utils.d.ts +1 -1
- package/components/Checkbox/Checkbox.d.ts +8 -1
- package/components/CheckboxGroup/CheckboxGroup.d.ts +9 -1
- package/components/ChipGroup/Chip.d.ts +2 -0
- package/components/ChipGroup/ChipGroup.d.ts +12 -2
- package/components/ChipGroup/ChipGroup.utils.d.ts +39 -15
- package/components/Combobox/Combobox.utils.d.ts +66 -9
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +5 -1
- package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.d.ts +1 -1
- package/components/Fieldset/Fieldset.d.ts +9 -2
- package/components/Input/Input.d.ts +8 -1
- package/components/InputFile/FileList/FileList.d.ts +4 -2
- package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +8 -2
- package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +8 -2
- package/components/InputFile/InputFile.d.ts +12 -2
- package/components/InputFile/InputFile.utils.d.ts +41 -23
- package/components/InputNumber/InputNumber.d.ts +8 -1
- package/components/InputPassword/InputPassword.d.ts +8 -1
- package/components/InputSearch/InputSearch.d.ts +8 -1
- package/components/LinkCard/LinkCard.d.ts +10 -4
- package/components/LinkCard/LinkCard.utils.d.ts +2 -2
- package/components/NumberIndicator/NumberIndicator.d.ts +6 -1
- package/components/Pagination/Pagination.d.ts +10 -3
- package/components/Pagination/Pagination.utils.d.ts +22 -9
- package/components/Popover/Popover.d.ts +9 -1
- package/components/Popover/Popover.utils.d.ts +3 -2
- package/components/Radio/Radio.d.ts +5 -0
- package/components/RadioGroup/RadioGroup.d.ts +8 -0
- package/components/Select/Select.d.ts +8 -1
- package/components/Slider/Slider.d.ts +8 -1
- package/components/Stepper/Step.d.ts +1 -1
- package/components/Stepper/Step.utils.d.ts +1 -1
- package/components/Stepper/Stepper.d.ts +4 -1
- package/components/Stepper/Stepper.utils.d.ts +9 -4
- package/components/SystemFeedback/SystemFeedback.d.ts +9 -1
- package/components/Textarea/Textarea.d.ts +8 -1
- package/{customreactselect.D7BJg-2s.js → customreactselect.L0zSh3Tg.js} +4 -4
- package/{dialog.BlprGigG.js → dialog.Ddq8o8Od.js} +2 -2
- package/{drawer.BoyrTFi1.js → drawer.rbbjQvqL.js} +2 -2
- package/{fieldset.D_e2-vo_.js → fieldset.BHf3XK2q.js} +3 -3
- package/filelist.GrEwoM1u.js +143 -0
- package/filepreview.B2Ot9SZ7.js +97 -0
- package/{flag.0vpitrQ-.js → flag.fX6LAgty.js} +3 -4
- package/{floatingactionbutton.BrdE1vi2.js → floatingactionbutton.BwCiybnc.js} +1 -1
- package/{header.C3AqYBtz.js → header.BCeCjYfG.js} +1 -1
- package/index.es.js +203 -204
- package/input.Dh0ws-9j.js +187 -0
- package/inputfile.DiZh3GcT.js +17 -0
- package/{inputnumber.Box5R2An.js → inputnumber.D2cmptaH.js} +8 -9
- package/{inputpassword.CBc8GNwI.js → inputpassword.C53Kg4EA.js} +4 -4
- package/inputsearch.BrsIDUSW.js +14 -0
- package/link.DEZDbUgq.js +81 -0
- package/{linkbutton.DxEPueLb.js → linkbutton._X50W2Md.js} +3 -3
- package/{linkcard.CCY-VFWN.js → linkcard.BtM3KnjT.js} +3 -3
- package/{logo.D7LnRA1E.js → logo.D6BTxbxv.js} +0 -1
- package/{megamenu.C8OynEzk.js → megamenu.odVCUm4c.js} +2 -2
- package/{navigationtablist.iSQd5PX4.js → navigationtablist.n9DrtYe5.js} +2 -2
- package/{navigationtabs.FtkVv_qV.js → navigationtabs.D0mSyAtK.js} +2 -2
- package/{notification.Cqg8HpJ8.js → notification._X8-8vOa.js} +2 -2
- package/numberindicator.DsK65Bj3.js +39 -0
- package/package.json +6 -1
- package/pagination.B7Hrx_sk.js +14 -0
- package/partials/index.js +68 -68
- package/{popover.DYiEGSnj.js → popover.BBaqL7y9.js} +3 -3
- package/progressindicator.D9CfVD95.js +74 -0
- package/radio.DjToa2aV.js +148 -0
- package/{radiogroup.wqgExwrG.js → radiogroup.mc-8lw65.js} +3 -3
- package/{scroller.Dqnsxq2M.js → scroller.CgWp2WXG.js} +10 -11
- package/{select.DkKuGI6O.js → select.DTZ6a6Ag.js} +5 -6
- package/{skeleton.DUkBgXxO.js → skeleton.CNJdNVav.js} +10 -10
- package/{skiptocontent.CRQywi6J.js → skiptocontent.BsRpWvyu.js} +4 -4
- package/{slider.BOjqQp9n.js → slider.BMGAihY0.js} +3 -3
- package/{step.C6zDRCBu.js → step.DCQ6CawJ.js} +1 -1
- package/stepper.D7-7BdSv.js +15 -0
- package/styles/scss/ds/index.scss +2 -0
- package/styles/scss/ds/lib/border-width.scss +3 -0
- package/styles/scss/ds/lib/ds-internal/_input.scss +65 -21
- package/styles/scss/ds/lib/ds-internal/_link-button.scss +4 -2
- package/styles/scss/ds/lib/ds-internal/_link.scss +23 -3
- package/styles/scss/ds/lib/input.scss +12 -7
- package/styles/scss/ds/lib/link.scss +2 -2
- package/styles/scss/ds/lib/radius.scss +5 -0
- package/{switch.CuNNdrkD.js → switch.tM2XBag8.js} +2 -2
- package/{systemfeedback.Da0wX0Eb.js → systemfeedback.BPPOht_9.js} +1 -1
- package/{tablist.BjKwrLz9.js → tablist.BAm0_UIG.js} +22 -23
- package/{tabpane.7vMXUKFX.js → tabpane.B9rZghU6.js} +1 -1
- package/{tabs.-U2k6Oll.js → tabs.BgTdWbTe.js} +3 -3
- package/text.BEO_ZfJq.js +72 -0
- package/{textarea.BWznY6Gg.js → textarea.Cki-uMkZ.js} +5 -6
- package/{textutility.CBLuAdaa.js → textutility.BypzssPt.js} +2 -2
- package/{toast.D9XLSgJg.js → toast.s0Hfuh5i.js} +2 -2
- package/{toastmanager.V5E05qgI.js → toastmanager.CPIPn4Io.js} +19 -20
- package/{tooltip.a1aWHK00.js → tooltip.BFQG-7VR.js} +1 -1
- package/{topbar.BdGK62KJ.js → topbar.Bbct-XkB.js} +3 -3
- package/utils/translate.d.ts +22 -6
- package/assets/Accordion.DPu2l_Kg.css +0 -1
- package/assets/ActionButton.DcQYatF1.css +0 -1
- package/assets/ActionCard.gRQVVFWz.css +0 -1
- package/assets/ActionLink.B62Aa8y9.css +0 -1
- package/assets/Button.BI6zz6Fw.css +0 -1
- package/assets/Checkbox.DknHnS9a.css +0 -1
- package/assets/Chip.CYhVB1Jh.css +0 -1
- package/assets/CustomReactSelect.lKMLwL7n.css +0 -1
- package/assets/Dialog.BKwWy1g2.css +0 -1
- package/assets/Drawer.IRb7Vc1n.css +0 -1
- package/assets/Fieldset.C4Fx4-UV.css +0 -1
- package/assets/InputFile.ne7gwc_5.css +0 -1
- package/assets/InputNumber.BIdsQuFc.css +0 -1
- package/assets/InputPassword.YSKTDTA1.css +0 -1
- package/assets/InputSearch.C3qtDQcj.css +0 -1
- package/assets/LinkButton.CmEE7Od_.css +0 -1
- package/assets/Notification.BO0Mu9No.css +0 -1
- package/assets/Pagination.OLmfdASf.css +0 -1
- package/assets/Popover.mL5g23EK.css +0 -1
- package/assets/Select.CDP-1_K9.css +0 -1
- package/assets/Slider.Cu7MgNph.css +0 -1
- package/assets/TextUtility.bwkCWEiV.css +0 -1
- package/assets/Textarea.Hsq68tg1.css +0 -1
- package/assets/buttonround.rmUb58WF.css +0 -1
- package/assets/chipgroup.BGxjdSDX.css +0 -1
- package/assets/filelist.cP3O1JeJ.css +0 -1
- package/assets/input.BEBgyvkK.css +0 -1
- package/assets/numberindicator.DSpNPJcs.css +0 -1
- package/assets/progressindicator.Dxrigyne.css +0 -1
- package/assets/radio.DsHt-9om.css +0 -1
- package/assets/switch.fwcMI6o7.css +0 -1
- package/assets/tabpane.o34hshTz.css +0 -1
- package/assets/text.Doa-APfR.css +0 -1
- package/assets/tooltip.DrSplliO.css +0 -1
- package/buttonround.BeQakrPs.js +0 -101
- package/chipgroup.BKjeuuM0.js +0 -213
- package/chunks/Accordion.8kTbiPxs.js +0 -173
- package/chunks/ActionButton.CBV1-_HP.js +0 -188
- package/chunks/ActionLink.BXxDS1Gg.js +0 -161
- package/chunks/Button.COycNYUI.js +0 -160
- package/chunks/Checkbox.CMshaWIU.js +0 -88
- package/chunks/CheckboxGroup.D3D1spfJ.js +0 -79
- package/chunks/Chip.DCJYE513.js +0 -157
- package/chunks/Dialog.lJXxzgu2.js +0 -102
- package/chunks/Fieldset.DOjI3DlI.js +0 -91
- package/chunks/InputFile.DYXvF6vT.js +0 -260
- package/chunks/InputNumber.CkWpchPo.js +0 -240
- package/chunks/InputPassword.21E6XMr5.js +0 -121
- package/chunks/InputSearch.Dy3EKa9f.js +0 -149
- package/chunks/LinkButton.BCHTLFMJ.js +0 -150
- package/chunks/LinkCard.BYmTwsS5.js +0 -197
- package/chunks/Notification.BjyLiO2h.js +0 -91
- package/chunks/Pagination.CJikF9Cw.js +0 -247
- package/chunks/Popover.ByaoNwGK.js +0 -221
- package/chunks/RadioGroup.Bh2X6pT9.js +0 -130
- package/chunks/Select.KWb09VmF.js +0 -147
- package/chunks/Slider.CxnIy51F.js +0 -309
- package/chunks/SystemFeedback.4osheYxC.js +0 -38
- package/chunks/Text.utils.BZ4nTZVu.js +0 -11
- package/chunks/TextUtility.BPrxUX-x.js +0 -82
- package/chunks/Textarea.CAOqZMUi.js +0 -181
- package/chunks/translate.nuU7uChI.js +0 -8
- package/filelist.DfAt2xJa.js +0 -128
- package/filepreview.Defs34bv.js +0 -94
- package/input.ChMzyHej.js +0 -175
- package/inputfile.DZIUs1EC.js +0 -18
- package/inputsearch.DzzYb-C0.js +0 -15
- package/link.aU1f2Xzu.js +0 -81
- package/numberindicator.Q7g4J3Ry.js +0 -36
- package/pagination.DA4PMLOq.js +0 -14
- package/progressindicator.DpmERE8T.js +0 -53
- package/radio.KQ8CUM3_.js +0 -137
- package/stepper.DHl3_XU9.js +0 -16
- package/text.CnP3baHy.js +0 -72
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as pt, jsx as f, Fragment as mt } from "react/jsx-runtime";
|
|
3
|
-
import { d as vt } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as R } from "./index.DQOqod3i.js";
|
|
5
|
-
import { forwardRef as bt } from "react";
|
|
6
|
-
import { D as kt } from "./Icon.DYtaQgbw.js";
|
|
7
|
-
import { NumberIndicator as ft } from "../numberindicator.Q7g4J3Ry.js";
|
|
8
|
-
import { Tooltip as dt } from "../tooltip.a1aWHK00.js";
|
|
9
|
-
import { g as v } from "./helpers.CexwVao7.js";
|
|
10
|
-
import '../assets/ActionLink.B62Aa8y9.css';const It = "ds-action-link_root_oi5cc_1", Nt = "ds-action-link_root--indent-level-1_oi5cc_75", ut = "ds-action-link_root--active_oi5cc_78", At = "ds-action-link_root--active--with-marker_oi5cc_81", wt = "ds-action-link_root--icon--top_oi5cc_84", gt = "ds-action-link_root--stretched_oi5cc_110", Wt = "ds-action-link_active-marker_oi5cc_115", Lt = "ds-action-link_active-marker--with-indent_oi5cc_127", St = "ds-action-link_icon-wrapper_oi5cc_131", Pt = "ds-action-link_icon-wrapper--x-large_oi5cc_134", Dt = "ds-action-link_icon-wrapper--with-number-indicator_oi5cc_137", Tt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_oi5cc_145", xt = "ds-action-link_label_oi5cc_149", Ct = "ds-action-link_label--bold_oi5cc_160", Mt = "ds-action-link_label--active_oi5cc_172", Et = "ds-action-link_label--icon-top_oi5cc_184", Ot = "ds-action-link_number-indicator_oi5cc_207", o = {
|
|
11
|
-
root: It,
|
|
12
|
-
rootIndentLevel1: Nt,
|
|
13
|
-
rootActive: ut,
|
|
14
|
-
rootActiveWithMarker: At,
|
|
15
|
-
rootIconTop: wt,
|
|
16
|
-
rootStretched: gt,
|
|
17
|
-
activeMarker: Wt,
|
|
18
|
-
activeMarkerWithIndent: Lt,
|
|
19
|
-
iconWrapper: St,
|
|
20
|
-
iconWrapperXLarge: Pt,
|
|
21
|
-
iconWrapperWithNumberIndicator: Dt,
|
|
22
|
-
iconWrapperWithNumberIndicatorWithValue: Tt,
|
|
23
|
-
label: xt,
|
|
24
|
-
labelBold: Ct,
|
|
25
|
-
labelActive: Mt,
|
|
26
|
-
labelIconTop: Et,
|
|
27
|
-
numberIndicator: Ot
|
|
28
|
-
}, Rt = ["left", "top"], Zt = ["large", "x-large"], $t = [0, 1], qt = ["normal", "bold"], zt = ({
|
|
29
|
-
iconName: b,
|
|
30
|
-
iconSize: k,
|
|
31
|
-
iconSource: t,
|
|
32
|
-
iconPosition: s,
|
|
33
|
-
indentLevel: p,
|
|
34
|
-
stretched: d,
|
|
35
|
-
weight: h,
|
|
36
|
-
numberIndicatorValue: c,
|
|
37
|
-
numberIndicatorAriaLabel: n
|
|
38
|
-
}) => {
|
|
39
|
-
if (b && !t && k === "x-large" && console.warn(v("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.')), s === "top") {
|
|
40
|
-
if (!b && !t)
|
|
41
|
-
throw new Error(v("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.'));
|
|
42
|
-
k === "x-large" && console.warn(v("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), h === "bold" && console.warn(v("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), p === 1 && console.warn(v("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), d && console.warn(v("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
43
|
-
}
|
|
44
|
-
(c || c === "") && !n && console.warn(v("DSActionLink", "Please provide a descriptive aria-label for the Number Indicator for better accessibility."));
|
|
45
|
-
}, Vt = bt((b, k) => {
|
|
46
|
-
const t = vt.c(86);
|
|
47
|
-
let s, p, d, h, c, n, r, a, i, I, N, u, T, x, C, M, E, O, z, m;
|
|
48
|
-
t[0] !== b ? ({
|
|
49
|
-
children: p,
|
|
50
|
-
aria: s,
|
|
51
|
-
className: d,
|
|
52
|
-
download: h,
|
|
53
|
-
href: c,
|
|
54
|
-
iconName: n,
|
|
55
|
-
iconPosition: T,
|
|
56
|
-
iconSize: x,
|
|
57
|
-
iconSource: r,
|
|
58
|
-
indentLevel: C,
|
|
59
|
-
isActive: M,
|
|
60
|
-
numberIndicatorValue: i,
|
|
61
|
-
numberIndicatorAriaLabel: a,
|
|
62
|
-
referrerPolicy: I,
|
|
63
|
-
rel: N,
|
|
64
|
-
stretched: E,
|
|
65
|
-
target: O,
|
|
66
|
-
tooltip: m,
|
|
67
|
-
weight: z,
|
|
68
|
-
...u
|
|
69
|
-
} = b, t[0] = b, t[1] = s, t[2] = p, t[3] = d, t[4] = h, t[5] = c, t[6] = n, t[7] = r, t[8] = a, t[9] = i, t[10] = I, t[11] = N, t[12] = u, t[13] = T, t[14] = x, t[15] = C, t[16] = M, t[17] = E, t[18] = O, t[19] = z, t[20] = m) : (s = t[1], p = t[2], d = t[3], h = t[4], c = t[5], n = t[6], r = t[7], a = t[8], i = t[9], I = t[10], N = t[11], u = t[12], T = t[13], x = t[14], C = t[15], M = t[16], E = t[17], O = t[18], z = t[19], m = t[20]);
|
|
70
|
-
const e = T === void 0 ? "left" : T, V = x === void 0 ? "large" : x, Z = C === void 0 ? 0 : C, _ = M === void 0 ? !1 : M, ht = E === void 0 ? !1 : E, $ = O === void 0 ? "_self" : O, _t = z === void 0 ? "normal" : z;
|
|
71
|
-
process.env.NODE_ENV !== "production" && zt({
|
|
72
|
-
iconName: n,
|
|
73
|
-
iconSize: V,
|
|
74
|
-
iconSource: r,
|
|
75
|
-
iconPosition: e,
|
|
76
|
-
indentLevel: Z,
|
|
77
|
-
numberIndicatorValue: i,
|
|
78
|
-
numberIndicatorAriaLabel: a,
|
|
79
|
-
stretched: ht,
|
|
80
|
-
weight: _t
|
|
81
|
-
});
|
|
82
|
-
let y;
|
|
83
|
-
t[21] !== i ? (y = i?.trim(), t[21] = i, t[22] = y) : y = t[22];
|
|
84
|
-
const l = y === "", q = e === "top", J = Z === 1, Q = _ && e === "left", U = ht === !0 && e === "left";
|
|
85
|
-
let K;
|
|
86
|
-
t[23] !== d || t[24] !== _ || t[25] !== J || t[26] !== Q || t[27] !== U || t[28] !== q ? (K = R(o.root, d, {
|
|
87
|
-
[o.rootIconTop]: q,
|
|
88
|
-
[o.rootIndentLevel1]: J,
|
|
89
|
-
[o.rootActive]: _,
|
|
90
|
-
[o.rootActiveWithMarker]: Q,
|
|
91
|
-
[o.rootStretched]: U
|
|
92
|
-
}), t[23] = d, t[24] = _, t[25] = J, t[26] = Q, t[27] = U, t[28] = q, t[29] = K) : K = t[29];
|
|
93
|
-
const Y = K, tt = Z === 1;
|
|
94
|
-
let B;
|
|
95
|
-
t[30] !== tt ? (B = R(o.activeMarker, {
|
|
96
|
-
[o.activeMarkerWithIndent]: tt
|
|
97
|
-
}), t[30] = tt, t[31] = B) : B = t[31];
|
|
98
|
-
const et = B, ot = _ && e === "left", it = _t === "bold", nt = e === "top";
|
|
99
|
-
let X;
|
|
100
|
-
t[32] !== ot || t[33] !== it || t[34] !== nt ? (X = R(o.label, {
|
|
101
|
-
[o.labelActive]: ot,
|
|
102
|
-
[o.labelBold]: it,
|
|
103
|
-
[o.labelIconTop]: nt
|
|
104
|
-
}), t[32] = ot, t[33] = it, t[34] = nt, t[35] = X) : X = t[35];
|
|
105
|
-
const ct = X, rt = V === "x-large", at = (n || r) && (i || l), lt = (n || r) && !l;
|
|
106
|
-
let j;
|
|
107
|
-
t[36] !== rt || t[37] !== at || t[38] !== lt ? (j = R(o.iconWrapper, {
|
|
108
|
-
[o.iconWrapperXLarge]: rt,
|
|
109
|
-
[o.iconWrapperWithNumberIndicator]: at,
|
|
110
|
-
[o.iconWrapperWithNumberIndicatorWithValue]: lt
|
|
111
|
-
}), t[36] = rt, t[37] = at, t[38] = lt, t[39] = j) : j = t[39];
|
|
112
|
-
const st = j, A = c === void 0 ? "span" : "a";
|
|
113
|
-
let w;
|
|
114
|
-
t[40] !== A || t[41] !== h || t[42] !== c || t[43] !== I || t[44] !== N || t[45] !== $ ? (w = A === "a" && {
|
|
115
|
-
href: c,
|
|
116
|
-
target: $,
|
|
117
|
-
rel: N,
|
|
118
|
-
referrerPolicy: I,
|
|
119
|
-
download: h
|
|
120
|
-
}, t[40] = A, t[41] = h, t[42] = c, t[43] = I, t[44] = N, t[45] = $, t[46] = w) : w = t[46];
|
|
121
|
-
let g;
|
|
122
|
-
t[47] !== et || t[48] !== e || t[49] !== _ ? (g = _ && e === "left" && /* @__PURE__ */ f("div", { className: et }), t[47] = et, t[48] = e, t[49] = _, t[50] = g) : g = t[50];
|
|
123
|
-
let W;
|
|
124
|
-
t[51] !== n || t[52] !== e || t[53] !== V || t[54] !== r || t[55] !== st || t[56] !== l || t[57] !== a || t[58] !== i ? (W = (n || r) && /* @__PURE__ */ f(mt, { children: /* @__PURE__ */ pt("span", { className: st, children: [
|
|
125
|
-
/* @__PURE__ */ f(kt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : V }),
|
|
126
|
-
(e === "left" && l || e === "top" && (i || l)) && /* @__PURE__ */ f(ft, { variant: "highlight", "aria-label": a, label: i })
|
|
127
|
-
] }) }), t[51] = n, t[52] = e, t[53] = V, t[54] = r, t[55] = st, t[56] = l, t[57] = a, t[58] = i, t[59] = W) : W = t[59];
|
|
128
|
-
let L;
|
|
129
|
-
t[60] !== p || t[61] !== ct ? (L = /* @__PURE__ */ f("span", { className: ct, children: p }), t[60] = p, t[61] = ct, t[62] = L) : L = t[62];
|
|
130
|
-
let S;
|
|
131
|
-
t[63] !== e || t[64] !== l || t[65] !== a || t[66] !== i ? (S = e === "left" && i && !l && /* @__PURE__ */ f(ft, { variant: "default", "aria-label": a, label: i, className: o.numberIndicator }), t[63] = e, t[64] = l, t[65] = a, t[66] = i, t[67] = S) : S = t[67];
|
|
132
|
-
let H;
|
|
133
|
-
t[68] !== A || t[69] !== s || t[70] !== k || t[71] !== u || t[72] !== Y || t[73] !== w || t[74] !== g || t[75] !== W || t[76] !== L || t[77] !== S ? (H = /* @__PURE__ */ pt(A, { className: Y, ...w, ...s, ...u, ref: k, children: [
|
|
134
|
-
g,
|
|
135
|
-
W,
|
|
136
|
-
L,
|
|
137
|
-
S
|
|
138
|
-
] }), t[68] = A, t[69] = s, t[70] = k, t[71] = u, t[72] = Y, t[73] = w, t[74] = g, t[75] = W, t[76] = L, t[77] = S, t[78] = H) : H = t[78];
|
|
139
|
-
const F = H;
|
|
140
|
-
if (m) {
|
|
141
|
-
let P;
|
|
142
|
-
t[79] !== F ? (P = /* @__PURE__ */ f(dt.Anchor, { children: F }), t[79] = F, t[80] = P) : P = t[80];
|
|
143
|
-
let D;
|
|
144
|
-
t[81] !== m ? (D = /* @__PURE__ */ f(dt.Content, { children: m }), t[81] = m, t[82] = D) : D = t[82];
|
|
145
|
-
let G;
|
|
146
|
-
return t[83] !== P || t[84] !== D ? (G = /* @__PURE__ */ pt(dt, { placement: "top", tooltipOffset: 6, children: [
|
|
147
|
-
P,
|
|
148
|
-
D
|
|
149
|
-
] }), t[83] = P, t[84] = D, t[85] = G) : G = t[85], G;
|
|
150
|
-
}
|
|
151
|
-
return F;
|
|
152
|
-
});
|
|
153
|
-
Vt.displayName = "DSActionLink";
|
|
154
|
-
export {
|
|
155
|
-
Rt as A,
|
|
156
|
-
Vt as D,
|
|
157
|
-
Zt as a,
|
|
158
|
-
$t as b,
|
|
159
|
-
qt as c,
|
|
160
|
-
zt as v
|
|
161
|
-
};
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as bo, jsx as G } from "react/jsx-runtime";
|
|
3
|
-
import { d as So } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as fo } from "./index.DQOqod3i.js";
|
|
5
|
-
import { forwardRef as Do } from "react";
|
|
6
|
-
import { u as po } from "./useBreakpoint.1txsny17.js";
|
|
7
|
-
import { D as No } from "./Icon.DYtaQgbw.js";
|
|
8
|
-
import { DSSpinner as qo } from "../spinner.DtLnsqVV.js";
|
|
9
|
-
import { Tooltip as mo } from "../tooltip.a1aWHK00.js";
|
|
10
|
-
import { g as p } from "./helpers.CexwVao7.js";
|
|
11
|
-
import '../assets/Button.BI6zz6Fw.css';const Oo = "ds-button_root_1l3oq_1", Fo = "ds-button_root--highlight_1l3oq_76", Lo = "ds-button_root--dark-highlight_1l3oq_76", wo = "ds-button_root--filled_1l3oq_152", Io = "ds-button_root--outline_1l3oq_180", yo = "ds-button_root--ghost_1l3oq_207", Bo = "ds-button_root--ghost-flush_1l3oq_232", Ho = "ds-button_root--small_1l3oq_238", Go = "ds-button_root--navigation_1l3oq_318", To = "ds-button_root--navigation--stretched_1l3oq_396", Po = "ds-button_root--navigation--stretched--icon-left_1l3oq_399", Co = "ds-button_root--dark-filled_1l3oq_402", Eo = "ds-button_root--dark-outline_1l3oq_459", Ao = "ds-button_root--dark-ghost_1l3oq_515", xo = "ds-button_root--dark-ghost-flush_1l3oq_569", zo = "ds-button_root--stretched_1l3oq_644", Vo = "ds-button_root--icon-left_1l3oq_647", jo = "ds-button_root--icon-only_1l3oq_650", Ro = "ds-button_root--icon-only-small_1l3oq_659", Uo = "ds-button_icon--navigation_1l3oq_675", Mo = "ds-button_icon--hidden_1l3oq_682", Zo = "ds-button_label--hidden_1l3oq_686", $o = "ds-button_label--loading_1l3oq_698", Jo = "ds-button_loader_1l3oq_702", e = {
|
|
12
|
-
root: Oo,
|
|
13
|
-
rootHighlight: Fo,
|
|
14
|
-
rootDarkHighlight: Lo,
|
|
15
|
-
rootFilled: wo,
|
|
16
|
-
rootOutline: Io,
|
|
17
|
-
rootGhost: yo,
|
|
18
|
-
rootGhostFlush: Bo,
|
|
19
|
-
rootSmall: Ho,
|
|
20
|
-
rootNavigation: Go,
|
|
21
|
-
rootNavigationStretched: To,
|
|
22
|
-
rootNavigationStretchedIconLeft: Po,
|
|
23
|
-
rootDarkFilled: Co,
|
|
24
|
-
rootDarkOutline: Eo,
|
|
25
|
-
rootDarkGhost: Ao,
|
|
26
|
-
rootDarkGhostFlush: xo,
|
|
27
|
-
rootStretched: zo,
|
|
28
|
-
rootIconLeft: Vo,
|
|
29
|
-
rootIconOnly: jo,
|
|
30
|
-
rootIconOnlySmall: Ro,
|
|
31
|
-
iconNavigation: Uo,
|
|
32
|
-
iconHidden: Mo,
|
|
33
|
-
labelHidden: Zo,
|
|
34
|
-
labelLoading: $o,
|
|
35
|
-
loader: Jo
|
|
36
|
-
}, st = ["medium", "small"], rt = ["highlight", "filled", "outline", "ghost", "navigation"], Ko = ({
|
|
37
|
-
hideLabel: k,
|
|
38
|
-
iconName: S,
|
|
39
|
-
iconSource: o,
|
|
40
|
-
isFlush: s,
|
|
41
|
-
size: c,
|
|
42
|
-
stretched: r,
|
|
43
|
-
theme: l,
|
|
44
|
-
variant: i
|
|
45
|
-
}) => {
|
|
46
|
-
if (i === "navigation" && (c === "small" && console.warn(p("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), l === "dark"))
|
|
47
|
-
throw new Error(p("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
|
|
48
|
-
i !== "ghost" && s ? console.warn(p("DSButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : i === "ghost" && s && r && console.warn(p("DSButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), k && (!S && !o && console.warn(p("DSButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the button is not empty when the label is hidden.')), r && console.warn(p("DSButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
|
|
49
|
-
}, Qo = Do((k, S) => {
|
|
50
|
-
const o = So.c(77);
|
|
51
|
-
let s, c, r, l, i, h, g, D, N, q, O, F, L, w, I, y, u;
|
|
52
|
-
o[0] !== k ? ({
|
|
53
|
-
children: c,
|
|
54
|
-
aria: s,
|
|
55
|
-
className: r,
|
|
56
|
-
disabled: D,
|
|
57
|
-
hideLabel: N,
|
|
58
|
-
iconName: l,
|
|
59
|
-
iconPosition: q,
|
|
60
|
-
iconSource: i,
|
|
61
|
-
isFlush: O,
|
|
62
|
-
loading: F,
|
|
63
|
-
size: L,
|
|
64
|
-
stretched: w,
|
|
65
|
-
theme: I,
|
|
66
|
-
tooltip: u,
|
|
67
|
-
variant: y,
|
|
68
|
-
onClick: h,
|
|
69
|
-
...g
|
|
70
|
-
} = k, o[0] = k, o[1] = s, o[2] = c, o[3] = r, o[4] = l, o[5] = i, o[6] = h, o[7] = g, o[8] = D, o[9] = N, o[10] = q, o[11] = O, o[12] = F, o[13] = L, o[14] = w, o[15] = I, o[16] = y, o[17] = u) : (s = o[1], c = o[2], r = o[3], l = o[4], i = o[5], h = o[6], g = o[7], D = o[8], N = o[9], q = o[10], O = o[11], F = o[12], L = o[13], w = o[14], I = o[15], y = o[16], u = o[17]);
|
|
71
|
-
const T = D === void 0 ? !1 : D, ko = N === void 0 ? !1 : N, R = q === void 0 ? "left" : q, B = O === void 0 ? !1 : O, n = F === void 0 ? !1 : F, P = L === void 0 ? "medium" : L, vo = w === void 0 ? !1 : w, a = I === void 0 ? "light" : I, t = y === void 0 ? "filled" : y, _ = po(ko), H = po(vo);
|
|
72
|
-
process.env.NODE_ENV !== "production" && Ko({
|
|
73
|
-
hideLabel: _,
|
|
74
|
-
iconName: l,
|
|
75
|
-
iconSource: i,
|
|
76
|
-
isFlush: B,
|
|
77
|
-
size: P,
|
|
78
|
-
stretched: vo,
|
|
79
|
-
theme: a,
|
|
80
|
-
variant: t
|
|
81
|
-
});
|
|
82
|
-
const U = t === "filled", M = t === "highlight", Z = t === "outline", $ = t === "ghost" && B !== !0, J = t === "navigation", K = t === "navigation" && H && R === "right", Q = t === "navigation" && H && R === "left", W = t === "ghost" && B === !0, X = a === "dark" && t === "filled", Y = a === "dark" && t === "highlight", oo = a === "dark" && t === "outline", to = a === "dark" && t === "ghost" && B !== !0, eo = a === "dark" && t === "ghost" && B === !0, no = P === "small" || t === "navigation", io = R === "left", lo = _ && P === "medium" && t !== "navigation", so = _ && P === "small" && t !== "navigation";
|
|
83
|
-
let C;
|
|
84
|
-
o[18] !== r || o[19] !== H || o[20] !== U || o[21] !== M || o[22] !== Z || o[23] !== $ || o[24] !== J || o[25] !== K || o[26] !== Q || o[27] !== W || o[28] !== X || o[29] !== Y || o[30] !== oo || o[31] !== to || o[32] !== eo || o[33] !== no || o[34] !== io || o[35] !== lo || o[36] !== so ? (C = fo(e.root, r, {
|
|
85
|
-
[e.rootFilled]: U,
|
|
86
|
-
[e.rootHighlight]: M,
|
|
87
|
-
[e.rootOutline]: Z,
|
|
88
|
-
[e.rootGhost]: $,
|
|
89
|
-
[e.rootNavigation]: J,
|
|
90
|
-
[e.rootNavigationStretched]: K,
|
|
91
|
-
[e.rootNavigationStretchedIconLeft]: Q,
|
|
92
|
-
[e.rootGhostFlush]: W,
|
|
93
|
-
[e.rootDarkFilled]: X,
|
|
94
|
-
[e.rootDarkHighlight]: Y,
|
|
95
|
-
[e.rootDarkOutline]: oo,
|
|
96
|
-
[e.rootDarkGhost]: to,
|
|
97
|
-
[e.rootDarkGhostFlush]: eo,
|
|
98
|
-
[e.rootSmall]: no,
|
|
99
|
-
[e.rootStretched]: H,
|
|
100
|
-
[e.rootIconLeft]: io,
|
|
101
|
-
[e.rootIconOnly]: lo,
|
|
102
|
-
[e.rootIconOnlySmall]: so
|
|
103
|
-
}), o[18] = r, o[19] = H, o[20] = U, o[21] = M, o[22] = Z, o[23] = $, o[24] = J, o[25] = K, o[26] = Q, o[27] = W, o[28] = X, o[29] = Y, o[30] = oo, o[31] = to, o[32] = eo, o[33] = no, o[34] = io, o[35] = lo, o[36] = so, o[37] = C) : C = o[37];
|
|
104
|
-
const ro = C;
|
|
105
|
-
let E;
|
|
106
|
-
o[38] !== n || o[39] !== _ || o[40] !== t ? (E = fo({
|
|
107
|
-
[e.labelHidden]: _ && t !== "navigation",
|
|
108
|
-
[e.labelLoading]: n
|
|
109
|
-
}) || void 0, o[38] = n, o[39] = _, o[40] = t, o[41] = E) : E = o[41];
|
|
110
|
-
const ao = E, co = t === "navigation";
|
|
111
|
-
let A;
|
|
112
|
-
o[42] !== n || o[43] !== co ? (A = fo({
|
|
113
|
-
[e.iconNavigation]: co,
|
|
114
|
-
[e.iconHidden]: n
|
|
115
|
-
}), o[42] = n, o[43] = co, o[44] = A) : A = o[44];
|
|
116
|
-
const ho = A, uo = a === "light" && t === "filled" || a === "dark" && t === "outline" || a === "dark" && t === "ghost" ? "dark" : "light";
|
|
117
|
-
let x;
|
|
118
|
-
o[45] !== T || o[46] !== n || o[47] !== h ? (x = (d) => {
|
|
119
|
-
if (T || n) {
|
|
120
|
-
d.preventDefault();
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
h && h(d);
|
|
124
|
-
}, o[45] = T, o[46] = n, o[47] = h, o[48] = x) : x = o[48];
|
|
125
|
-
const go = x, _o = T || n;
|
|
126
|
-
let f;
|
|
127
|
-
o[49] !== n ? (f = n && /* @__PURE__ */ G(qo, { className: e.loader, aria: {
|
|
128
|
-
"aria-label": "Loading state"
|
|
129
|
-
} }), o[49] = n, o[50] = f) : f = o[50];
|
|
130
|
-
let m;
|
|
131
|
-
o[51] !== c || o[52] !== ao ? (m = /* @__PURE__ */ G("span", { className: ao, children: c }), o[51] = c, o[52] = ao, o[53] = m) : m = o[53];
|
|
132
|
-
let v;
|
|
133
|
-
o[54] !== ho || o[55] !== l || o[56] !== i || o[57] !== uo ? (v = (l || i) && /* @__PURE__ */ G(No, { name: l, theme: uo, source: i, className: ho, "aria-hidden": "true" }), o[54] = ho, o[55] = l, o[56] = i, o[57] = uo, o[58] = v) : v = o[58];
|
|
134
|
-
let z;
|
|
135
|
-
o[59] !== s || o[60] !== go || o[61] !== n || o[62] !== S || o[63] !== g || o[64] !== ro || o[65] !== _o || o[66] !== f || o[67] !== m || o[68] !== v ? (z = /* @__PURE__ */ bo("button", { className: ro, type: "submit", onClick: go, ...s, ...g, "aria-disabled": _o, "aria-busy": n, ref: S, children: [
|
|
136
|
-
f,
|
|
137
|
-
m,
|
|
138
|
-
v
|
|
139
|
-
] }), o[59] = s, o[60] = go, o[61] = n, o[62] = S, o[63] = g, o[64] = ro, o[65] = _o, o[66] = f, o[67] = m, o[68] = v, o[69] = z) : z = o[69];
|
|
140
|
-
const V = z;
|
|
141
|
-
if (u) {
|
|
142
|
-
let d;
|
|
143
|
-
o[70] !== V ? (d = /* @__PURE__ */ G(mo.Anchor, { children: V }), o[70] = V, o[71] = d) : d = o[71];
|
|
144
|
-
let b;
|
|
145
|
-
o[72] !== u ? (b = /* @__PURE__ */ G(mo.Content, { children: u }), o[72] = u, o[73] = b) : b = o[73];
|
|
146
|
-
let j;
|
|
147
|
-
return o[74] !== d || o[75] !== b ? (j = /* @__PURE__ */ bo(mo, { placement: "top", tooltipOffset: 6, children: [
|
|
148
|
-
d,
|
|
149
|
-
b
|
|
150
|
-
] }), o[74] = d, o[75] = b, o[76] = j) : j = o[76], j;
|
|
151
|
-
}
|
|
152
|
-
return V;
|
|
153
|
-
});
|
|
154
|
-
Qo.displayName = "DSButton";
|
|
155
|
-
export {
|
|
156
|
-
st as B,
|
|
157
|
-
Qo as D,
|
|
158
|
-
rt as a,
|
|
159
|
-
Ko as v
|
|
160
|
-
};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as f, jsx as a } from "react/jsx-runtime";
|
|
3
|
-
import { c as p } from "./index.DQOqod3i.js";
|
|
4
|
-
import { forwardRef as P, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
|
-
import { u as A } from "./useBreakpoint.1txsny17.js";
|
|
6
|
-
import "./index.cKLI89Eg.js";
|
|
7
|
-
import { D as x } from "./Icon.DYtaQgbw.js";
|
|
8
|
-
import { D as L } from "./SystemFeedback.4osheYxC.js";
|
|
9
|
-
import { g as C } from "./helpers.CexwVao7.js";
|
|
10
|
-
import '../assets/Checkbox.DknHnS9a.css';const O = "ds-checkbox_root_1jslg_1", U = "ds-checkbox_root--disabled_1jslg_21", z = "ds-checkbox_checkbox_1jslg_25", F = "ds-checkbox_icon-check_1jslg_41", J = "ds-checkbox_icon-minus_1jslg_42", K = "ds-checkbox_checkbox--invalid_1jslg_66", Q = "ds-checkbox_label--hidden_1jslg_71", R = "ds-checkbox_input_1jslg_84", T = "ds-checkbox_label_1jslg_71", W = "ds-checkbox_feedback_1jslg_198", e = {
|
|
11
|
-
root: O,
|
|
12
|
-
rootDisabled: U,
|
|
13
|
-
checkbox: z,
|
|
14
|
-
iconCheck: F,
|
|
15
|
-
iconMinus: J,
|
|
16
|
-
checkboxInvalid: K,
|
|
17
|
-
labelHidden: Q,
|
|
18
|
-
input: R,
|
|
19
|
-
label: T,
|
|
20
|
-
feedback: W
|
|
21
|
-
}, X = ({
|
|
22
|
-
label: c,
|
|
23
|
-
id: n,
|
|
24
|
-
invalid: t,
|
|
25
|
-
systemFeedback: b
|
|
26
|
-
}) => {
|
|
27
|
-
if (!c)
|
|
28
|
-
throw new Error(C("DSCheckbox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCheckbox component. If you don't want to display a label, set hideLabel={true}.`));
|
|
29
|
-
if (b && t && !n)
|
|
30
|
-
throw new Error(C("DSCheckbox", `A unique "id" prop is required when passing in the systemFeedback prop and setting invalid to true. Please add a unique "id" prop to the DSCheckbox component with label: "${c}".`));
|
|
31
|
-
}, Y = P(({
|
|
32
|
-
label: c,
|
|
33
|
-
checkboxGroupId: n,
|
|
34
|
-
checked: t,
|
|
35
|
-
className: b,
|
|
36
|
-
defaultChecked: D = !1,
|
|
37
|
-
disabled: r = !1,
|
|
38
|
-
hideLabel: g = !1,
|
|
39
|
-
id: h,
|
|
40
|
-
indeterminate: m = !1,
|
|
41
|
-
invalid: s = !1,
|
|
42
|
-
systemFeedback: l,
|
|
43
|
-
onChange: k,
|
|
44
|
-
...j
|
|
45
|
-
}, i) => {
|
|
46
|
-
process.env.NODE_ENV !== "production" && X({
|
|
47
|
-
label: c,
|
|
48
|
-
id: h,
|
|
49
|
-
invalid: s,
|
|
50
|
-
systemFeedback: l
|
|
51
|
-
});
|
|
52
|
-
const d = B(null), [N, S] = H(D), y = A(g);
|
|
53
|
-
V(() => {
|
|
54
|
-
d && d.current && (d.current.indeterminate = m);
|
|
55
|
-
}, [m]);
|
|
56
|
-
const u = t !== void 0, v = u ? t : N, _ = `${h}-feedback`, w = [s && l && _, s && n && `${n}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
|
|
57
|
-
[e.rootDisabled]: r
|
|
58
|
-
}), I = p(e.label, {
|
|
59
|
-
// hide label only visually to keep them available for assistive technologies
|
|
60
|
-
[e.labelHidden]: y
|
|
61
|
-
}), q = p(e.checkbox, {
|
|
62
|
-
[e.checkboxInvalid]: s
|
|
63
|
-
}), M = $((o) => {
|
|
64
|
-
if (r) {
|
|
65
|
-
o.preventDefault();
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
u || S(o.target.checked), k && k(o);
|
|
69
|
-
}, [r, u, k]);
|
|
70
|
-
return /* @__PURE__ */ f("div", { className: b, children: [
|
|
71
|
-
/* @__PURE__ */ f("label", { className: E, children: [
|
|
72
|
-
/* @__PURE__ */ a("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
|
|
73
|
-
typeof i == "function" ? i(o) : i !== null && (i.current = o), d.current = o;
|
|
74
|
-
}, ...j, checked: v, disabled: r, "aria-label": c, "aria-describedby": w, "aria-invalid": s, onChange: M }),
|
|
75
|
-
/* @__PURE__ */ f("div", { className: q, children: [
|
|
76
|
-
/* @__PURE__ */ a(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
|
|
77
|
-
/* @__PURE__ */ a(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
|
|
78
|
-
] }),
|
|
79
|
-
/* @__PURE__ */ a("span", { className: I, children: c })
|
|
80
|
-
] }),
|
|
81
|
-
s && l && /* @__PURE__ */ a(L, { id: _, variant: "error", className: e.feedback, message: l })
|
|
82
|
-
] });
|
|
83
|
-
});
|
|
84
|
-
Y.displayName = "DSCheckbox";
|
|
85
|
-
export {
|
|
86
|
-
Y as D,
|
|
87
|
-
X as v
|
|
88
|
-
};
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as q } from "react/jsx-runtime";
|
|
3
|
-
import { d as z } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as P } from "./index.DQOqod3i.js";
|
|
5
|
-
import { D as I } from "./Fieldset.DOjI3DlI.js";
|
|
6
|
-
import E from "react";
|
|
7
|
-
import { g as v, r as L } from "./helpers.CexwVao7.js";
|
|
8
|
-
import { D as F } from "./Checkbox.CMshaWIU.js";
|
|
9
|
-
import '../assets/CheckboxGroup.Dd-Huo7x.css';const H = "ds-checkbox-group_root_12fot_1", O = "ds-checkbox-group_root--horizontal_12fot_9", T = "ds-checkbox-group_root--invalid_12fot_12", G = {
|
|
10
|
-
root: H,
|
|
11
|
-
rootHorizontal: O,
|
|
12
|
-
rootInvalid: T
|
|
13
|
-
}, V = ({
|
|
14
|
-
children: l,
|
|
15
|
-
description: e,
|
|
16
|
-
hideLegend: t,
|
|
17
|
-
id: s,
|
|
18
|
-
legend: r,
|
|
19
|
-
popoverContent: i,
|
|
20
|
-
systemFeedback: n
|
|
21
|
-
}) => {
|
|
22
|
-
if (!s && (e || n))
|
|
23
|
-
throw new Error(v("DSCheckboxGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSCheckboxGroup component.'));
|
|
24
|
-
if (!r)
|
|
25
|
-
throw new Error(v("DSCheckboxGroup", L("legend", "DSCheckboxGroup")));
|
|
26
|
-
if (!l)
|
|
27
|
-
throw new Error(v("DSCheckboxGroup", "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."));
|
|
28
|
-
t && i && console.warn(v("DSCheckboxGroup", 'Setting "hideLegend" and "popoverContent" at the same time is not supported. The popover info button is part of the legend and will be hidden along with it. Please remove either "hideLegend" or "popoverContent".')), E.Children.forEach(l, (o) => {
|
|
29
|
-
if (!E.isValidElement(o) || // Object.keys(child.type)[1] !== '_payload' checks if the object is currently in a hydration phase
|
|
30
|
-
o.type !== F && Object.keys(o.type)[1] !== "_payload") {
|
|
31
|
-
const a = E.isValidElement(o) ? `Currently you are passing a child of type: ${JSON.stringify(o.type)}.` : "Currently you are passing an invalid React element.";
|
|
32
|
-
throw new Error(v("DSCheckboxGroup", `The component requires the children to be DSCheckbox elements. ${a} Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group.`));
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
}, K = (l) => {
|
|
36
|
-
const e = z.c(35);
|
|
37
|
-
let t, s, r, i, n, o, a, d, c, h, u, m, f, b;
|
|
38
|
-
e[0] !== l ? ({
|
|
39
|
-
children: t,
|
|
40
|
-
legend: n,
|
|
41
|
-
className: s,
|
|
42
|
-
description: r,
|
|
43
|
-
direction: h,
|
|
44
|
-
disabled: u,
|
|
45
|
-
hideLegend: m,
|
|
46
|
-
id: i,
|
|
47
|
-
invalid: f,
|
|
48
|
-
popoverContent: o,
|
|
49
|
-
popoverInfoButtonProps: a,
|
|
50
|
-
required: b,
|
|
51
|
-
systemFeedback: c,
|
|
52
|
-
...d
|
|
53
|
-
} = l, e[0] = l, e[1] = t, e[2] = s, e[3] = r, e[4] = i, e[5] = n, e[6] = o, e[7] = a, e[8] = d, e[9] = c, e[10] = h, e[11] = u, e[12] = m, e[13] = f, e[14] = b) : (t = e[1], s = e[2], r = e[3], i = e[4], n = e[5], o = e[6], a = e[7], d = e[8], c = e[9], h = e[10], u = e[11], m = e[12], f = e[13], b = e[14]);
|
|
54
|
-
const N = h === void 0 ? "vertical" : h, D = u === void 0 ? !1 : u, x = m === void 0 ? !1 : m, k = f === void 0 ? !1 : f, S = b === void 0 ? !1 : b;
|
|
55
|
-
process.env.NODE_ENV !== "production" && V({
|
|
56
|
-
children: t,
|
|
57
|
-
description: r,
|
|
58
|
-
hideLegend: x,
|
|
59
|
-
id: i,
|
|
60
|
-
legend: n,
|
|
61
|
-
popoverContent: o,
|
|
62
|
-
systemFeedback: c
|
|
63
|
-
});
|
|
64
|
-
const y = N === "horizontal", w = k && !!c;
|
|
65
|
-
let C;
|
|
66
|
-
e[15] !== y || e[16] !== w ? (C = P(G.root, {
|
|
67
|
-
[G.rootHorizontal]: y,
|
|
68
|
-
[G.rootInvalid]: w
|
|
69
|
-
}), e[15] = y, e[16] = w, e[17] = C) : C = e[17];
|
|
70
|
-
const _ = C;
|
|
71
|
-
let p;
|
|
72
|
-
e[18] !== t || e[19] !== _ ? (p = /* @__PURE__ */ q("div", { className: _, children: t }), e[18] = t, e[19] = _, e[20] = p) : p = e[20];
|
|
73
|
-
let g;
|
|
74
|
-
return e[21] !== s || e[22] !== r || e[23] !== D || e[24] !== x || e[25] !== i || e[26] !== k || e[27] !== n || e[28] !== o || e[29] !== a || e[30] !== S || e[31] !== d || e[32] !== c || e[33] !== p ? (g = /* @__PURE__ */ q(I, { id: i, legend: n, className: s, description: r, disabled: D, hideLegend: x, required: S, invalid: k, systemFeedback: c, popoverContent: o, popoverInfoButtonProps: a, ...d, children: p }), e[21] = s, e[22] = r, e[23] = D, e[24] = x, e[25] = i, e[26] = k, e[27] = n, e[28] = o, e[29] = a, e[30] = S, e[31] = d, e[32] = c, e[33] = p, e[34] = g) : g = e[34], g;
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
K as D,
|
|
78
|
-
V as v
|
|
79
|
-
};
|
package/chunks/Chip.DCJYE513.js
DELETED
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as G, jsx as T } from "react/jsx-runtime";
|
|
3
|
-
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as H } from "./index.DQOqod3i.js";
|
|
5
|
-
import { forwardRef as U } from "react";
|
|
6
|
-
import { t as M } from "./translate.nuU7uChI.js";
|
|
7
|
-
import { D as x } from "./Icon.DYtaQgbw.js";
|
|
8
|
-
import { Tooltip as N } from "../tooltip.a1aWHK00.js";
|
|
9
|
-
import { g as $, r as z } from "./helpers.CexwVao7.js";
|
|
10
|
-
import '../assets/Chip.CYhVB1Jh.css';const j = "ds-chip-group_chip_63dcx_1", B = "ds-chip-group_chip--small_63dcx_30", F = {
|
|
11
|
-
chip: j,
|
|
12
|
-
chipSmall: B
|
|
13
|
-
}, se = ({
|
|
14
|
-
chips: t,
|
|
15
|
-
id: i,
|
|
16
|
-
label: e
|
|
17
|
-
}) => {
|
|
18
|
-
if (!Array.isArray(t))
|
|
19
|
-
throw new Error($("DSChipGroup", z("chips", "DSChipGroup")));
|
|
20
|
-
if (!i)
|
|
21
|
-
throw new Error($("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
|
|
22
|
-
if (!e)
|
|
23
|
-
throw new Error($("DSChipGroup", z("label", "DSChipGroup")));
|
|
24
|
-
}, ne = ["medium", "small"], W = {
|
|
25
|
-
disabled: "disabled",
|
|
26
|
-
selected: "selected",
|
|
27
|
-
notSelected: "not selected",
|
|
28
|
-
removed: "removed",
|
|
29
|
-
remaining: "remaining",
|
|
30
|
-
// {0} is the action (e.g. selectAction/unselectAction)
|
|
31
|
-
selectChip: "press space to {0}",
|
|
32
|
-
unselectAction: "unselect",
|
|
33
|
-
selectAction: "select",
|
|
34
|
-
addToSelection: "add this option to selection",
|
|
35
|
-
removeFromSelection: "remove this option from selection",
|
|
36
|
-
removeChip: "press Backspace to remove the currently focused value",
|
|
37
|
-
tooltipDisabled: "Disabled",
|
|
38
|
-
tooltipRemovable: "Remove filter",
|
|
39
|
-
tooltipDeactivate: "Deactivate property",
|
|
40
|
-
tooltipActivate: "Activate property",
|
|
41
|
-
// Singular form for item
|
|
42
|
-
item_one: "item",
|
|
43
|
-
// Plural forms for items
|
|
44
|
-
item_other: "items",
|
|
45
|
-
// Status message building blocks for screen readers
|
|
46
|
-
// {0} is the count, {1} is item_one or item_other, {2} is selected
|
|
47
|
-
// Results in messages like "3 items selected"
|
|
48
|
-
countSelected: "{0} {1} {2}",
|
|
49
|
-
// {0} is the count, {1} is item_one or item_other, {2} is remaining
|
|
50
|
-
// Results in messages like "3 items remaining"
|
|
51
|
-
countRemaining: "{0} {1} {2}"
|
|
52
|
-
}, Z = {
|
|
53
|
-
disabled: "deaktiviert",
|
|
54
|
-
selected: "ausgewählt",
|
|
55
|
-
notSelected: "nicht ausgewählt",
|
|
56
|
-
removed: "entfernt",
|
|
57
|
-
remaining: "verbleibend",
|
|
58
|
-
// {0} is the action (e.g. selectAction/unselectAction)
|
|
59
|
-
selectChip: "drücke Leertaste, um {0}",
|
|
60
|
-
unselectAction: "abzuwählen",
|
|
61
|
-
selectAction: "auszuwählen",
|
|
62
|
-
addToSelection: "diese Option zur Auswahl hinzuzufügen",
|
|
63
|
-
removeFromSelection: "diese Option aus der Auswahl zu entfernen",
|
|
64
|
-
removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
|
|
65
|
-
tooltipDisabled: "Deaktiviert",
|
|
66
|
-
tooltipRemovable: "Filter entfernen",
|
|
67
|
-
tooltipDeactivate: "Eigenschaft deaktivieren",
|
|
68
|
-
tooltipActivate: "Eigenschaft aktivieren",
|
|
69
|
-
// Singular form for item
|
|
70
|
-
item_one: "Element",
|
|
71
|
-
// Plural form for items
|
|
72
|
-
item_other: "Elemente",
|
|
73
|
-
// Status message building blocks for screen readers
|
|
74
|
-
// {0} is the count, {1} is item_one or item_other, {2} is selected
|
|
75
|
-
// Results in messages like "3 items selected"
|
|
76
|
-
countSelected: "{0} {1} {2}",
|
|
77
|
-
// {0} is the count, {1} is item_one or item_other, {2} is remaining
|
|
78
|
-
// Results in messages like "3 items remaining"
|
|
79
|
-
countRemaining: "{0} {1} {2}"
|
|
80
|
-
}, J = {
|
|
81
|
-
en: W,
|
|
82
|
-
de: Z
|
|
83
|
-
}, K = (t, i, e, o, n, r) => e ? `${i}, ${t("disabled")}` : r ? `${i}, ${t("removeChip")}` : `${i}, ${o ? `${t("selected")}, ` : ""}${t("selectChip", [t(n === "single" ? o ? "unselectAction" : "selectAction" : o ? "removeFromSelection" : "addToSelection")])}`, Q = (t, i, e, o) => t(o ? "tooltipRemovable" : i ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), ae = (t, i) => t(i === 1 ? "item_one" : "item_other"), V = U((t, i) => {
|
|
84
|
-
const e = q.c(49);
|
|
85
|
-
let o, n, r, p, l, a, s, d, m, h, u, g, C, f, v;
|
|
86
|
-
e[0] !== t ? ({
|
|
87
|
-
id: p,
|
|
88
|
-
label: s,
|
|
89
|
-
disableTooltips: o,
|
|
90
|
-
groupId: n,
|
|
91
|
-
isRemovable: l,
|
|
92
|
-
selectionMode: h,
|
|
93
|
-
disabled: g,
|
|
94
|
-
iconName: r,
|
|
95
|
-
isSelected: a,
|
|
96
|
-
lang: C,
|
|
97
|
-
size: u,
|
|
98
|
-
tabIndex: f,
|
|
99
|
-
translations: v,
|
|
100
|
-
onClick: d,
|
|
101
|
-
...m
|
|
102
|
-
} = t, e[0] = t, e[1] = o, e[2] = n, e[3] = r, e[4] = p, e[5] = l, e[6] = a, e[7] = s, e[8] = d, e[9] = m, e[10] = h, e[11] = u, e[12] = g, e[13] = C, e[14] = f, e[15] = v) : (o = e[1], n = e[2], r = e[3], p = e[4], l = e[5], a = e[6], s = e[7], d = e[8], m = e[9], h = e[10], u = e[11], g = e[12], C = e[13], f = e[14], v = e[15]);
|
|
103
|
-
const D = g === void 0 ? !1 : g, E = C === void 0 ? "en" : C;
|
|
104
|
-
let c, S;
|
|
105
|
-
if (e[16] !== o || e[17] !== D || e[18] !== n || e[19] !== r || e[20] !== p || e[21] !== l || e[22] !== a || e[23] !== s || e[24] !== E || e[25] !== d || e[26] !== i || e[27] !== m || e[28] !== h || e[29] !== u || e[30] !== f || e[31] !== v) {
|
|
106
|
-
S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
107
|
-
e: {
|
|
108
|
-
const O = M(v || J[E]), I = u === "small";
|
|
109
|
-
let A;
|
|
110
|
-
e[34] !== I ? (A = H(F.chip, {
|
|
111
|
-
[F.chipSmall]: I
|
|
112
|
-
}), e[34] = I, e[35] = A) : A = e[35];
|
|
113
|
-
const L = A;
|
|
114
|
-
let y;
|
|
115
|
-
e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
|
|
116
|
-
display: "contents"
|
|
117
|
-
}, e[36] = y) : y = e[36];
|
|
118
|
-
let _;
|
|
119
|
-
e[37] !== r ? (_ = r && /* @__PURE__ */ T(x, { name: r, "aria-hidden": "true" }), e[37] = r, e[38] = _) : _ = e[38];
|
|
120
|
-
let w;
|
|
121
|
-
e[39] !== s || e[40] !== _ ? (w = /* @__PURE__ */ G("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
|
|
122
|
-
_,
|
|
123
|
-
s
|
|
124
|
-
] }), e[39] = s, e[40] = _, e[41] = w) : w = e[41];
|
|
125
|
-
let R;
|
|
126
|
-
if (e[42] !== l ? (R = l && /* @__PURE__ */ T(x, { name: "cross" }), e[42] = l, e[43] = R) : R = e[43], c = /* @__PURE__ */ G("div", { role: "row", "aria-label": K(O, s, D, a, h, l), "aria-selected": a && !l, "aria-disabled": D && !l, id: `${n}-chip-${p}`, className: L, tabIndex: f, onClick: d, ref: i, ...m, children: [
|
|
127
|
-
w,
|
|
128
|
-
R
|
|
129
|
-
] }), !o) {
|
|
130
|
-
let b;
|
|
131
|
-
e[44] !== c ? (b = /* @__PURE__ */ T(N.Anchor, { children: c }), e[44] = c, e[45] = b) : b = e[45];
|
|
132
|
-
const P = /* @__PURE__ */ T(N.Content, { children: Q(O, D, a, l) });
|
|
133
|
-
let k;
|
|
134
|
-
e[46] !== b || e[47] !== P ? (k = /* @__PURE__ */ G(N, { placement: "top", tooltipOffset: 6, children: [
|
|
135
|
-
b,
|
|
136
|
-
P
|
|
137
|
-
] }), e[46] = b, e[47] = P, e[48] = k) : k = e[48], S = k;
|
|
138
|
-
break e;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
e[16] = o, e[17] = D, e[18] = n, e[19] = r, e[20] = p, e[21] = l, e[22] = a, e[23] = s, e[24] = E, e[25] = d, e[26] = i, e[27] = m, e[28] = h, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
|
|
142
|
-
} else
|
|
143
|
-
c = e[32], S = e[33];
|
|
144
|
-
return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
|
|
145
|
-
});
|
|
146
|
-
V.displayName = "DSChip";
|
|
147
|
-
export {
|
|
148
|
-
ne as C,
|
|
149
|
-
J as D,
|
|
150
|
-
Z as a,
|
|
151
|
-
W as b,
|
|
152
|
-
Q as c,
|
|
153
|
-
ae as d,
|
|
154
|
-
V as e,
|
|
155
|
-
K as g,
|
|
156
|
-
se as v
|
|
157
|
-
};
|