@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.34
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.Dmqocj97.js +12 -0
- package/actionbutton.DLQJU6AV.js +12 -0
- package/actionlink.DEBrWfN3.js +12 -0
- package/{arialiveregions.Fgcshs5k.js → arialiveregions.BUVY9NpY.js} +2 -2
- package/assets/Accordion.CzBGud45.css +1 -0
- package/assets/Button.C8sNwIeW.css +1 -0
- package/assets/Checkbox.CyOw3rXI.css +1 -0
- package/assets/CustomReactSelect.E_jJFVew.css +1 -0
- package/assets/Dialog.DJkn65Es.css +1 -0
- package/assets/Drawer.x3BCQvWE.css +1 -0
- package/assets/InputFile.BnIvK65P.css +1 -0
- package/assets/InputNumber.BoiCIR1f.css +1 -0
- package/assets/InputPassword.Dk3_vNLV.css +1 -0
- package/assets/InputSearch.C1_4cVCi.css +1 -0
- package/assets/LinkButton.B86yacK5.css +1 -0
- package/assets/{MegaMenu.DX9gChtY.css → MegaMenu.D5EtjFeL.css} +1 -1
- package/assets/Notification.CvohYEvT.css +1 -0
- package/assets/Popover.CXyUaXiO.css +1 -0
- package/assets/Select.COxLltX7.css +1 -0
- package/assets/Slider.DPEmJ3HD.css +1 -0
- package/assets/Stepper.tXJl15yL.css +1 -0
- package/assets/{SystemFeedback.RcrPepSZ.css → SystemFeedback.PKzqnXUe.css} +1 -1
- package/assets/Textarea.y3MW7VW0.css +1 -0
- package/assets/Toast.CGyKXb4V.css +1 -0
- package/assets/buttonround.BN3vUDc_.css +1 -0
- package/assets/input.DTu4g_iA.css +1 -0
- package/assets/logo100years.CQrEg-Vo.css +1 -0
- package/assets/step.BeLporJO.css +1 -0
- package/assets/switch.B9B-n_3y.css +1 -0
- package/assets/tooltip.Co1gWF_0.css +1 -0
- package/{asterisk.CR60hx8S.js → asterisk.B2ih8VwF.js} +1 -1
- package/{banner.j9YpudOS.js → banner.CI5HnDqD.js} +3 -3
- package/breadcrumb.CtwAux3P.js +11 -0
- package/button.DHuKanZP.js +13 -0
- package/buttonround.CMlmEDaN.js +96 -0
- package/checkbox.DwccD0Mp.js +12 -0
- package/checkboxgroup.ZiUFfCJ1.js +9 -0
- package/chip.B0s_fS8L.js +12 -0
- package/chipgroup.Dpu66bo5.js +143 -0
- package/chunks/Accordion.CYIfNOWr.js +168 -0
- package/chunks/ActionButton.DOYsEHPr.js +180 -0
- package/chunks/ActionLink.DbyciN3Y.js +153 -0
- package/chunks/{AriaLiveRegions.utils.Cb327d_2.js → AriaLiveRegions.utils.CybNIBSa.js} +2 -2
- package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.BgnpTo01.js} +35 -37
- package/chunks/Button.DCZgBNmA.js +142 -0
- package/chunks/Checkbox.BcGXAuuP.js +88 -0
- package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.BuFd1luB.js} +5 -5
- package/chunks/Chip.D6pubCZV.js +133 -0
- package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Dg3wC_VH.js} +484 -473
- package/chunks/Dialog.DpqSVrYR.js +102 -0
- package/chunks/Drawer.DISWybOa.js +107 -0
- package/chunks/{Fieldset.CjIfmN_5.js → Fieldset.DiMtr6Vw.js} +6 -6
- package/chunks/Header.7TQL_J9t.js +370 -0
- package/chunks/Icon.CDLyB7Pv.js +229 -0
- package/chunks/{Input.utils.Cnnzvuk4.js → Input.utils.Dkw7gRrr.js} +17 -17
- package/chunks/InputFile.C8nt9Fu8.js +218 -0
- package/chunks/InputNumber.CbH1XJfl.js +267 -0
- package/chunks/{InputPassword.DC2POUc1.js → InputPassword.DbdjuSiJ.js} +34 -34
- package/chunks/InputSearch.joxmugiv.js +173 -0
- package/chunks/LinkButton.BZgIGgc8.js +132 -0
- package/chunks/MegaMenu.CQbOeaib.js +189 -0
- package/chunks/NavigationTabList.G_l0GiUa.js +67 -0
- package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.BwM-6CRm.js} +13 -14
- package/chunks/Notification.CrojkJ0E.js +91 -0
- package/chunks/Popover.Bb0Pjmvg.js +215 -0
- package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.CexC4v2Z.js} +5 -5
- package/chunks/Select.BEIdNMML.js +164 -0
- package/chunks/{Slider.kyVr7BLk.js → Slider.CR0zYHeZ.js} +70 -71
- package/chunks/Stepper.PTQdQBYf.js +152 -0
- package/chunks/{SystemFeedback.B9f67mjJ.js → SystemFeedback.CjlARKki.js} +9 -9
- package/chunks/Tabs.DyP4whX0.js +83 -0
- package/chunks/{Text.DGWeWF1y.js → Text.DpRtTpB4.js} +3 -3
- package/chunks/Textarea.Du2RII5u.js +168 -0
- package/chunks/Toast.ug_RjGgF.js +76 -0
- package/chunks/{arrow-clockwise.BefOjGPg.js → arrow-clockwise.C4iOgjOc.js} +1 -1
- package/chunks/{arrow-counterclockwise.C7Ov32BZ.js → arrow-counterclockwise.CgQAuBUe.js} +1 -1
- package/chunks/battery-charge-0.DxlgEAto.js +10 -0
- package/chunks/battery-charge-100.D0Cax7dU.js +10 -0
- package/chunks/{battery.YCg9lYqC.js → battery.6Idoickg.js} +3 -3
- package/chunks/bluetooth-off.BzZCh4Q8.js +10 -0
- package/chunks/{circle-check-colored.Bye_GwLy.js → circle-check-colored.qP2s3vjI.js} +1 -1
- package/chunks/{diamond-exclamationmark-colored.WNKYwZ8q.js → diamond-exclamationmark-colored.CzYiaTZ0.js} +1 -1
- package/chunks/document-s.CoOp0kBK.js +10 -0
- package/chunks/feather.l1E4nFBx.js +10 -0
- package/chunks/file-type-doc.B_RSSYbu.js +10 -0
- package/chunks/floating-ui.dom.BT8pKtCQ.js +1005 -0
- package/chunks/floating-ui.react.3FjeMiuN.js +1999 -0
- package/chunks/helpers.CexwVao7.js +38 -0
- package/chunks/{index.CgTHIF3K.js → index.D-sRdssb.js} +1 -1
- package/chunks/{index.CEyLAtio.js → index.DL9mof6u.js} +2 -2
- package/chunks/{is-animation-disabled.CUl4N3LI.js → is-animation-disabled.B-V_68K-.js} +5 -5
- package/chunks/{map.CXgG1iGz.js → map.DNl7PF61.js} +1 -1
- package/chunks/moon.5yILPYXs.js +10 -0
- package/chunks/muscle.DbNjWasV.js +10 -0
- package/chunks/petrol.BGWwCsTw.js +10 -0
- package/chunks/sun.CY6ttzTL.js +10 -0
- package/chunks/{triangle-exclamationmark-colored.CbVC3Gzi.js → triangle-exclamationmark-colored.e93zvQ6Q.js} +1 -1
- package/chunks/upload.BogDfonx.js +10 -0
- package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
- package/chunks/variants.-R3_RCW8.js +10 -0
- package/chunks/weight.DUPu2UT0.js +10 -0
- package/combobox.jG5GRA7C.js +65 -0
- package/components/ActionButton/ActionButton.d.ts +2 -0
- package/components/Button/Button.d.ts +4 -0
- package/components/ChipGroup/Chip.d.ts +1 -0
- package/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/components/ChipGroup/ChipGroup.utils.d.ts +10 -12
- package/components/Combobox/Combobox.utils.d.ts +3 -4
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +4 -2
- package/components/Header/Header.d.ts +4 -5
- package/components/{InputStepper/InputStepper.d.ts → InputNumber/InputNumber.d.ts} +10 -4
- package/components/InputNumber/InputNumber.utils.d.ts +13 -0
- package/components/LinkButton/LinkButton.d.ts +2 -0
- package/components/Logo100Years/Logo100Years.d.ts +1 -0
- package/components/Popover/Popover.d.ts +29 -7
- package/components/Popover/Popover.utils.d.ts +34 -3
- package/components/Scroller/Scroller.d.ts +6 -2
- package/components/Stepper/Step.d.ts +33 -0
- package/components/Stepper/Step.utils.d.ts +5 -0
- package/components/Stepper/Stepper.d.ts +56 -0
- package/components/Stepper/Stepper.test.d.ts +1 -0
- package/components/Stepper/Stepper.utils.d.ts +30 -0
- package/components/Stepper/Stepper.utils.test.d.ts +1 -0
- package/components/Tooltip/Tooltip.d.ts +40 -0
- package/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/components/Tooltip/Tooltip.utils.d.ts +70 -0
- package/components/Tooltip/Tooltip.utils.test.d.ts +1 -0
- package/components/TopBar/TopBar.d.ts +4 -4
- package/components/TopBar/TopBar.utils.d.ts +1 -1
- package/customreactselect.BFN8cYJi.js +14 -0
- package/dialog.CzM_Cxp0.js +9 -0
- package/drawer._A9MQ8Cj.js +9 -0
- package/fieldset.CId-NtI5.js +11 -0
- package/{filelist.nunJKxkv.js → filelist.DgVuWpR3.js} +23 -24
- package/{flag.D_iN8iD6.js → flag.CE32qHPa.js} +3 -3
- package/floatingactionbutton.Bsnncudt.js +87 -0
- package/header.CelAkqtp.js +12 -0
- package/{heading.BXFBZhKv.js → heading.DHLpT4dc.js} +2 -2
- package/icon.vzkPwgjZ.js +9 -0
- package/index.d.ts +4 -2
- package/index.es.js +217 -204
- package/input.DuEbg7d6.js +206 -0
- package/inputfile.BjgJGefV.js +17 -0
- package/inputnumber.BcrxBVv0.js +16 -0
- package/inputnumber.d.ts +2 -0
- package/inputpassword.CddmBW-T.js +13 -0
- package/inputsearch.CFOASqrd.js +14 -0
- package/link.f8MMZo-w.js +81 -0
- package/linkbutton.BYAvi-_V.js +12 -0
- package/{logo.C96KaG1P.js → logo.DprmD8HU.js} +3 -3
- package/logo100years.B4d_DIiB.js +24 -0
- package/logo100years.d.ts +2 -0
- package/megamenu.Cy9Cc-mC.js +12 -0
- package/navigationtablist.CkkLyHrM.js +10 -0
- package/navigationtabs.Dp7D2fnc.js +9 -0
- package/notification.B-norGiB.js +10 -0
- package/{numberindicator.Ddf3ESi7.js → numberindicator.BdnPMogE.js} +2 -2
- package/{optioncheckbox.D97W3zeW.js → optioncheckbox.nBVwGv6c.js} +3 -3
- package/package.json +41 -51
- package/partials/index.js +58 -52
- package/partials/lib/partials.d.ts +1 -1
- package/popover.DFVDZY-m.js +12 -0
- package/{radio.7_N_alaS.js → radio.DHUfSPai.js} +2 -2
- package/radiogroup.DaThoMfq.js +11 -0
- package/scroller.Cu7H_VCT.js +98 -0
- package/select.CMdKf7tC.js +13 -0
- package/{skiptocontent._F-d8y5b.js → skiptocontent.CHVh0hbr.js} +4 -4
- package/slider.C5dK6KcG.js +11 -0
- package/{spinner.Dht6FspZ.js → spinner.C9qCeq0R.js} +18 -18
- package/step.DKf4CHGr.js +82 -0
- package/step.d.ts +6 -0
- package/stepper.CCP_igpJ.js +16 -0
- package/stepper.d.ts +2 -0
- package/{switch.B37S4vfP.js → switch.Bqdyzi2E.js} +5 -5
- package/systemfeedback.O7tj1juR.js +10 -0
- package/tablist.DZgo49nZ.js +209 -0
- package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js} +2 -2
- package/tabs.BkoT7feH.js +11 -0
- package/text.cLv2PhjQ.js +10 -0
- package/textarea.DMn20z4p.js +13 -0
- package/{title.Bz_k5Vda.js → title.DuLPB-VK.js} +2 -2
- package/toast.Dvs8woTH.js +11 -0
- package/toastmanager.pi_Fhd5t.js +89 -0
- package/tooltip.QJe_bfO-.js +178 -0
- package/tooltip.d.ts +2 -0
- package/topbar.Bxwvp9Lf.js +12 -0
- package/types/icon-types.d.ts +1 -1
- package/types/prettier-plugin-organize-imports.d.ts +1 -0
- package/utils/index.d.ts +1 -0
- package/utils/mergeRefs.d.ts +5 -0
- package/utils/mergeRefs.test.d.ts +1 -0
- package/accordion.DkwtJy--.js +0 -12
- package/actionbutton.u1qp8oGC.js +0 -11
- package/actionlink.C7HzeIVa.js +0 -11
- package/assets/Accordion.BJb4TOG0.css +0 -1
- package/assets/Button.Dw8H5nFS.css +0 -1
- package/assets/Checkbox.BKHQN_tu.css +0 -1
- package/assets/CustomReactSelect.D0b1Hg1T.css +0 -1
- package/assets/Dialog.CGAg7bnN.css +0 -1
- package/assets/Drawer.VOvWQoEr.css +0 -1
- package/assets/InputFile.CCQxsulT.css +0 -1
- package/assets/InputPassword.124xVOiO.css +0 -1
- package/assets/InputSearch.Bkg-1urJ.css +0 -1
- package/assets/InputStepper.Dth4qZN_.css +0 -1
- package/assets/LinkButton.xMvg_ojf.css +0 -1
- package/assets/Notification.BOuaA5GT.css +0 -1
- package/assets/Popover.BDTDsPAt.css +0 -1
- package/assets/Select.CYACicZ3.css +0 -1
- package/assets/Slider.DzwSjDPV.css +0 -1
- package/assets/Textarea.BXWhXpXx.css +0 -1
- package/assets/Toast.CJ1zhDIT.css +0 -1
- package/assets/buttonround.Cw9hnUan.css +0 -1
- package/assets/input.ONbL-_C1.css +0 -1
- package/assets/switch.Bc9KIyw9.css +0 -1
- package/breadcrumb.BS-S3zUI.js +0 -11
- package/button.CPilCCUI.js +0 -12
- package/buttonround.C426mO4d.js +0 -81
- package/checkbox.BtlUvs0z.js +0 -12
- package/checkboxgroup.C5NgyyQF.js +0 -9
- package/chip.tVIG1ysH.js +0 -11
- package/chipgroup.CjIK0Z0x.js +0 -209
- package/chunks/Accordion.C5V5IcM-.js +0 -170
- package/chunks/ActionButton.B8zFwOrJ.js +0 -165
- package/chunks/ActionLink.IX6oRXU3.js +0 -138
- package/chunks/Button.B7xF1E19.js +0 -127
- package/chunks/Checkbox.DxV7-F5W.js +0 -88
- package/chunks/Chip.31UfPwQF.js +0 -119
- package/chunks/Dialog.B_2pKRnd.js +0 -135
- package/chunks/Drawer.HFlBTcqN.js +0 -140
- package/chunks/Header.DqZRryB5.js +0 -366
- package/chunks/Icon.DGTYCv63.js +0 -231
- package/chunks/InputFile.DvOatDzg.js +0 -220
- package/chunks/InputSearch.B0aCuPRZ.js +0 -174
- package/chunks/InputStepper.D_1YqlWl.js +0 -263
- package/chunks/LinkButton.DdTspmJz.js +0 -117
- package/chunks/MegaMenu.BY7eOnhj.js +0 -189
- package/chunks/NavigationTabList.dYFYTmWv.js +0 -57
- package/chunks/Notification.DIdIhGTQ.js +0 -92
- package/chunks/Popover.NGetxKGg.js +0 -159
- package/chunks/Select.BDHLJ2ma.js +0 -162
- package/chunks/Tabs.CkVL8Jw8.js +0 -83
- package/chunks/Textarea.ORkJUx-S.js +0 -163
- package/chunks/Toast.DHo4pLH3.js +0 -76
- package/chunks/file-type-doc.DlovDOBh.js +0 -10
- package/chunks/floating-ui.dom.C9TD1WpB.js +0 -950
- package/chunks/floating-ui.react.x0F9CYgn.js +0 -1637
- package/chunks/helpers.BbWkXTr3.js +0 -37
- package/chunks/petrol.Du6qAgp0.js +0 -10
- package/chunks/upload.ZImTAIgx.js +0 -10
- package/chunks/useBreakpoint.CMOR9ZOB.js +0 -44
- package/combobox.Bk2ycofh.js +0 -60
- package/components/InputStepper/InputStepper.utils.d.ts +0 -12
- package/customreactselect.Hnch9LGg.js +0 -14
- package/dialog.7sWoqGwL.js +0 -10
- package/drawer.DsF4KIPn.js +0 -10
- package/fieldset.DUFUMcT-.js +0 -11
- package/floatingactionbutton.DOH2k0gv.js +0 -72
- package/header.QpNjE3N-.js +0 -12
- package/icon.vMQcEBnH.js +0 -9
- package/input.BKHOY118.js +0 -203
- package/inputfile.DK8759wV.js +0 -17
- package/inputpassword.rV_ZZw5F.js +0 -13
- package/inputsearch.CmhakTpa.js +0 -14
- package/inputstepper.Y-YzUHhF.js +0 -16
- package/inputstepper.d.ts +0 -2
- package/link.D_FjTyoZ.js +0 -66
- package/linkbutton.D2C4vykc.js +0 -11
- package/megamenu.CdHrEeoh.js +0 -12
- package/navigationtablist.CVjh1k-b.js +0 -9
- package/navigationtabs.BGfi9AG2.js +0 -9
- package/notification.Dn-FZWEL.js +0 -10
- package/popover.DXxm1oWI.js +0 -11
- package/radiogroup.J8WpEEo8.js +0 -11
- package/scroller.BiRLQg__.js +0 -123
- package/select.DIzGPVx3.js +0 -13
- package/slider.DuJK0RdB.js +0 -11
- package/systemfeedback.C_2PhwKe.js +0 -10
- package/tablist.g_Nwu6GA.js +0 -256
- package/tabs.oh9-wHPp.js +0 -11
- package/text.ZOUuesnU.js +0 -10
- package/textarea.dQ12-oYB.js +0 -13
- package/toast.sMNbfKxi.js +0 -11
- package/toastmanager.CVamaS5T.js +0 -116
- package/topbar.Dhy_TL0U.js +0 -11
- /package/components/{InputStepper/InputStepper.test.d.ts → InputNumber/InputNumber.test.d.ts} +0 -0
- /package/components/{InputStepper/InputStepper.utils.test.d.ts → InputNumber/InputNumberutils.test.d.ts} +0 -0
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as l, jsxs as q } from "react/jsx-runtime";
|
|
3
|
-
import { d as Se } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as W } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as ge, useRef as Ce, useState as ve, useImperativeHandle as We, useEffect as ye } from "react";
|
|
6
|
-
import { DSHeading as ke } from "../heading.BXFBZhKv.js";
|
|
7
|
-
import { D as Oe } from "./Icon.DGTYCv63.js";
|
|
8
|
-
import { NumberIndicator as Ne } from "../numberindicator.Ddf3ESi7.js";
|
|
9
|
-
import { g as me } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/Accordion.BJb4TOG0.css';const we = "ds-accordion_details_1cikf_1", De = "ds-accordion_summary_1cikf_115", xe = "ds-accordion_summary--utility--m_1cikf_154", Ee = "ds-accordion_summary--flush_1cikf_183", Ae = "ds-accordion_summary--small_1cikf_251", Ie = "ds-accordion_summary--x-small_1cikf_255", Xe = "ds-accordion_summary-content-wrapper_1cikf_260", Fe = "ds-accordion_summary-content-wrapper--flush_1cikf_266", Te = "ds-accordion_summary-content-wrapper--chevron-left_1cikf_270", be = "ds-accordion_summary-content-wrapper--x-small_1cikf_274", Pe = "ds-accordion_heading-summary-wrapper_1cikf_278", Re = "ds-accordion_heading-summary_1cikf_278", Le = "ds-accordion_heading-summary--x-small_1cikf_288", je = "ds-accordion_hint_1cikf_292", ze = "ds-accordion_icon_1cikf_306", Me = "ds-accordion_icon--open_1cikf_317", He = "ds-accordion_icon--open-caret_1cikf_328", Ue = "ds-accordion_content-wrapper_1cikf_340", qe = "ds-accordion_content-wrapper--flush_1cikf_346", Ve = "ds-accordion_content-wrapper--small_1cikf_350", Ze = "ds-accordion_content-wrapper--x-small_1cikf_354", t = {
|
|
11
|
-
details: we,
|
|
12
|
-
summary: De,
|
|
13
|
-
summaryUtilityM: xe,
|
|
14
|
-
summaryFlush: Ee,
|
|
15
|
-
summarySmall: Ae,
|
|
16
|
-
summaryXSmall: Ie,
|
|
17
|
-
summaryContentWrapper: Xe,
|
|
18
|
-
summaryContentWrapperFlush: Fe,
|
|
19
|
-
summaryContentWrapperChevronLeft: Te,
|
|
20
|
-
summaryContentWrapperXSmall: be,
|
|
21
|
-
headingSummaryWrapper: Pe,
|
|
22
|
-
headingSummary: Re,
|
|
23
|
-
headingSummaryXSmall: Le,
|
|
24
|
-
hint: je,
|
|
25
|
-
icon: ze,
|
|
26
|
-
iconOpen: Me,
|
|
27
|
-
iconOpenCaret: He,
|
|
28
|
-
contentWrapper: Ue,
|
|
29
|
-
contentWrapperFlush: qe,
|
|
30
|
-
contentWrapperSmall: Ve,
|
|
31
|
-
contentWrapperXSmall: Ze
|
|
32
|
-
}, nt = ["medium", "small", "x-small"], st = ["chevron", "caret"], at = ["left", "right"], $e = ({
|
|
33
|
-
children: k,
|
|
34
|
-
hint: V,
|
|
35
|
-
numberIndicatorValue: e,
|
|
36
|
-
summary: s
|
|
37
|
-
}) => {
|
|
38
|
-
if (!k)
|
|
39
|
-
throw new Error(me("DSAccordion", "The component requires children to be set."));
|
|
40
|
-
if (!s)
|
|
41
|
-
throw new Error(me("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
|
|
42
|
-
if (V && (e || e === ""))
|
|
43
|
-
throw new Error(me("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
|
|
44
|
-
}, Be = ge((k, V) => {
|
|
45
|
-
const e = Se.c(73);
|
|
46
|
-
let s, m, o, r, p, n, O, N, w, D;
|
|
47
|
-
e[0] !== k ? ({
|
|
48
|
-
children: s,
|
|
49
|
-
summary: n,
|
|
50
|
-
chevronPosition: O,
|
|
51
|
-
className: m,
|
|
52
|
-
hint: o,
|
|
53
|
-
isFlush: N,
|
|
54
|
-
isOpen: w,
|
|
55
|
-
numberIndicatorValue: r,
|
|
56
|
-
size: D,
|
|
57
|
-
...p
|
|
58
|
-
} = k, e[0] = k, e[1] = s, e[2] = m, e[3] = o, e[4] = r, e[5] = p, e[6] = n, e[7] = O, e[8] = N, e[9] = w, e[10] = D) : (s = e[1], m = e[2], o = e[3], r = e[4], p = e[5], n = e[6], O = e[7], N = e[8], w = e[9], D = e[10]);
|
|
59
|
-
const pe = O === void 0 ? "right" : O, a = N === void 0 ? !1 : N, i = w === void 0 ? !1 : w, d = D === void 0 ? "medium" : D;
|
|
60
|
-
process.env.NODE_ENV !== "production" && $e({
|
|
61
|
-
children: s,
|
|
62
|
-
hint: o,
|
|
63
|
-
numberIndicatorValue: r,
|
|
64
|
-
summary: n
|
|
65
|
-
});
|
|
66
|
-
const Z = pe === "right" ? "chevron" : "caret", c = Ce(null), [de, ue] = ve(i);
|
|
67
|
-
let E;
|
|
68
|
-
e[11] === Symbol.for("react.memo_cache_sentinel") ? (E = () => c.current, e[11] = E) : E = e[11], We(V, E);
|
|
69
|
-
let A;
|
|
70
|
-
e[12] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
|
|
71
|
-
c.current && ue(c.current.open);
|
|
72
|
-
}, e[12] = A) : A = e[12];
|
|
73
|
-
let I;
|
|
74
|
-
e[13] !== i ? (I = [i], e[13] = i, e[14] = I) : I = e[14], ye(A, I);
|
|
75
|
-
let X, F;
|
|
76
|
-
e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
|
|
77
|
-
var he;
|
|
78
|
-
const fe = () => {
|
|
79
|
-
c.current && ue(c.current.open);
|
|
80
|
-
};
|
|
81
|
-
return (he = c.current) == null || he.addEventListener("toggle", fe), () => {
|
|
82
|
-
var _e;
|
|
83
|
-
(_e = c.current) == null || _e.removeEventListener("toggle", fe);
|
|
84
|
-
};
|
|
85
|
-
}, F = [], e[15] = X, e[16] = F) : (X = e[15], F = e[16]), ye(X, F);
|
|
86
|
-
let T, b, P;
|
|
87
|
-
const x = typeof n == "object" && n !== void 0;
|
|
88
|
-
x && ({
|
|
89
|
-
headingSize: T,
|
|
90
|
-
headingTag: b,
|
|
91
|
-
headingText: P
|
|
92
|
-
} = n);
|
|
93
|
-
let R;
|
|
94
|
-
e[17] !== m ? (R = W(t.details, m), e[17] = m, e[18] = R) : R = e[18];
|
|
95
|
-
const $ = R, B = d === "small", G = d === "x-small", J = !x;
|
|
96
|
-
let L;
|
|
97
|
-
e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (L = W(t.summary, {
|
|
98
|
-
[t.summaryFlush]: a,
|
|
99
|
-
[t.summarySmall]: B,
|
|
100
|
-
[t.summaryXSmall]: G,
|
|
101
|
-
[t.summaryUtilityM]: J
|
|
102
|
-
}), e[19] = a, e[20] = B, e[21] = G, e[22] = J, e[23] = L) : L = e[23];
|
|
103
|
-
const K = L, Q = pe === "left", Y = d === "x-small";
|
|
104
|
-
let j;
|
|
105
|
-
e[24] !== a || e[25] !== Q || e[26] !== Y ? (j = W(t.summaryContentWrapper, {
|
|
106
|
-
[t.summaryContentWrapperFlush]: a,
|
|
107
|
-
[t.summaryContentWrapperChevronLeft]: Q,
|
|
108
|
-
[t.summaryContentWrapperXSmall]: Y
|
|
109
|
-
}), e[24] = a, e[25] = Q, e[26] = Y, e[27] = j) : j = e[27];
|
|
110
|
-
const ee = j, te = d === "x-small";
|
|
111
|
-
let z;
|
|
112
|
-
e[28] !== te ? (z = W(t.headingSummary, {
|
|
113
|
-
[t.headingSummaryXSmall]: te
|
|
114
|
-
}), e[28] = te, e[29] = z) : z = e[29];
|
|
115
|
-
const re = z, ne = Z === "chevron" && de, se = Z === "caret" && de;
|
|
116
|
-
let M;
|
|
117
|
-
e[30] !== ne || e[31] !== se ? (M = W(t.icon, {
|
|
118
|
-
[t.iconOpen]: ne,
|
|
119
|
-
[t.iconOpenCaret]: se
|
|
120
|
-
}), e[30] = ne, e[31] = se, e[32] = M) : M = e[32];
|
|
121
|
-
const ae = M, oe = d === "small", ce = d === "x-small";
|
|
122
|
-
let H;
|
|
123
|
-
e[33] !== a || e[34] !== oe || e[35] !== ce ? (H = W(t.contentWrapper, {
|
|
124
|
-
[t.contentWrapperFlush]: a,
|
|
125
|
-
[t.contentWrapperSmall]: oe,
|
|
126
|
-
[t.contentWrapperXSmall]: ce
|
|
127
|
-
}), e[33] = a, e[34] = oe, e[35] = ce, e[36] = H) : H = e[36];
|
|
128
|
-
const ie = H;
|
|
129
|
-
let u;
|
|
130
|
-
e[37] !== T || e[38] !== b || e[39] !== P || e[40] !== x || e[41] !== n ? (u = x ? /* @__PURE__ */ l(ke, { tag: b, size: T, children: P }) : n, e[37] = T, e[38] = b, e[39] = P, e[40] = x, e[41] = n, e[42] = u) : u = e[42];
|
|
131
|
-
let f;
|
|
132
|
-
e[43] !== r ? (f = (r || (r == null ? void 0 : r.trim()) === "") && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Ne, { label: r }) }), e[43] = r, e[44] = f) : f = e[44];
|
|
133
|
-
let h;
|
|
134
|
-
e[45] !== re || e[46] !== u || e[47] !== f ? (h = /* @__PURE__ */ q("div", { className: re, children: [
|
|
135
|
-
u,
|
|
136
|
-
f
|
|
137
|
-
] }), e[45] = re, e[46] = u, e[47] = f, e[48] = h) : h = e[48];
|
|
138
|
-
let _;
|
|
139
|
-
e[49] !== o ? (_ = o && /* @__PURE__ */ l("div", { className: t.hint, children: o }), e[49] = o, e[50] = _) : _ = e[50];
|
|
140
|
-
let y;
|
|
141
|
-
e[51] !== h || e[52] !== _ ? (y = /* @__PURE__ */ q("div", { className: t.headingSummaryWrapper, children: [
|
|
142
|
-
h,
|
|
143
|
-
_
|
|
144
|
-
] }), e[51] = h, e[52] = _, e[53] = y) : y = e[53];
|
|
145
|
-
const le = Z === "chevron" ? "chevron-down" : "caret-right";
|
|
146
|
-
let S;
|
|
147
|
-
e[54] !== ae || e[55] !== le ? (S = /* @__PURE__ */ l(Oe, { name: le, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = le, e[56] = S) : S = e[56];
|
|
148
|
-
let g;
|
|
149
|
-
e[57] !== ee || e[58] !== y || e[59] !== S ? (g = /* @__PURE__ */ q("div", { className: ee, children: [
|
|
150
|
-
y,
|
|
151
|
-
S
|
|
152
|
-
] }), e[57] = ee, e[58] = y, e[59] = S, e[60] = g) : g = e[60];
|
|
153
|
-
let C;
|
|
154
|
-
e[61] !== K || e[62] !== g ? (C = /* @__PURE__ */ l("summary", { className: K, children: g }), e[61] = K, e[62] = g, e[63] = C) : C = e[63];
|
|
155
|
-
let v;
|
|
156
|
-
e[64] !== s || e[65] !== ie ? (v = /* @__PURE__ */ l("div", { className: ie, children: s }), e[64] = s, e[65] = ie, e[66] = v) : v = e[66];
|
|
157
|
-
let U;
|
|
158
|
-
return e[67] !== $ || e[68] !== i || e[69] !== p || e[70] !== C || e[71] !== v ? (U = /* @__PURE__ */ q("details", { ...p, ref: c, className: $, open: i, children: [
|
|
159
|
-
C,
|
|
160
|
-
v
|
|
161
|
-
] }), e[67] = $, e[68] = i, e[69] = p, e[70] = C, e[71] = v, e[72] = U) : U = e[72], U;
|
|
162
|
-
});
|
|
163
|
-
Be.displayName = "DSAccordion";
|
|
164
|
-
export {
|
|
165
|
-
nt as A,
|
|
166
|
-
at as C,
|
|
167
|
-
Be as D,
|
|
168
|
-
st as a,
|
|
169
|
-
$e as v
|
|
170
|
-
};
|
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as ht, jsx as h, Fragment as It } from "react/jsx-runtime";
|
|
3
|
-
import { d as Nt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as T } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Wt } from "react";
|
|
6
|
-
import { D as ut } from "./Icon.DGTYCv63.js";
|
|
7
|
-
import { NumberIndicator as mt } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
-
import { g as A } from "./helpers.BbWkXTr3.js";
|
|
9
|
-
import '../assets/ActionButton.oGVPTS1J.css';const gt = "ds-action-button_root_15ybf_1", wt = "ds-action-button_root--indent-level-1_15ybf_75", Tt = "ds-action-button_root--active_15ybf_78", At = "ds-action-button_root--active--with-marker_15ybf_81", yt = "ds-action-button_root--icon--top_15ybf_84", St = "ds-action-button_root--stretched_15ybf_110", Pt = "ds-action-button_active-marker_15ybf_115", Ct = "ds-action-button_active-marker--with-indent_15ybf_127", Dt = "ds-action-button_icon-wrapper_15ybf_131", Ot = "ds-action-button_icon-wrapper--x-large_15ybf_134", Bt = "ds-action-button_icon-wrapper--with-number-indicator_15ybf_137", kt = "ds-action-button_icon-wrapper--with-number-indicator--with-value_15ybf_145", Lt = "ds-action-button_label_15ybf_149", xt = "ds-action-button_label--bold_15ybf_160", Et = "ds-action-button_label--active_15ybf_171", Mt = "ds-action-button_label--icon-top_15ybf_182", Ut = "ds-action-button_number-indicator_15ybf_205", zt = "ds-action-button_label-wrapper_15ybf_209", Rt = "ds-action-button_label-wrapper--icon-top_15ybf_214", Vt = "ds-action-button_chevron_15ybf_218", Ht = "ds-action-button_chevron--icon-position-top_15ybf_233", Xt = "ds-action-button_chevron--up_15ybf_239", jt = "ds-action-button_chevron--right_15ybf_250", Ft = "ds-action-button_chevron--left_15ybf_261", o = {
|
|
10
|
-
root: gt,
|
|
11
|
-
rootIndentLevel1: wt,
|
|
12
|
-
rootActive: Tt,
|
|
13
|
-
rootActiveWithMarker: At,
|
|
14
|
-
rootIconTop: yt,
|
|
15
|
-
rootStretched: St,
|
|
16
|
-
activeMarker: Pt,
|
|
17
|
-
activeMarkerWithIndent: Ct,
|
|
18
|
-
iconWrapper: Dt,
|
|
19
|
-
iconWrapperXLarge: Ot,
|
|
20
|
-
iconWrapperWithNumberIndicator: Bt,
|
|
21
|
-
iconWrapperWithNumberIndicatorWithValue: kt,
|
|
22
|
-
label: Lt,
|
|
23
|
-
labelBold: xt,
|
|
24
|
-
labelActive: Et,
|
|
25
|
-
labelIconTop: Mt,
|
|
26
|
-
numberIndicator: Ut,
|
|
27
|
-
labelWrapper: zt,
|
|
28
|
-
labelWrapperIconTop: Rt,
|
|
29
|
-
chevron: Vt,
|
|
30
|
-
chevronIconPositionTop: Ht,
|
|
31
|
-
chevronUp: Xt,
|
|
32
|
-
chevronRight: jt,
|
|
33
|
-
chevronLeft: Ft
|
|
34
|
-
}, oo = ["left", "top"], eo = ["large", "x-large"], no = [0, 1], io = ["normal", "bold"], ro = ["up", "down", "right", "left"], Gt = ({
|
|
35
|
-
iconName: _,
|
|
36
|
-
iconSize: f,
|
|
37
|
-
iconSource: t,
|
|
38
|
-
iconPosition: l,
|
|
39
|
-
indentLevel: r,
|
|
40
|
-
stretched: p,
|
|
41
|
-
weight: d
|
|
42
|
-
}) => {
|
|
43
|
-
if (_ && !t && f === "x-large" && console.warn(A("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.')), l === "top") {
|
|
44
|
-
if (!_ && !t)
|
|
45
|
-
throw new Error(A("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.'));
|
|
46
|
-
f === "x-large" && console.warn(A("DSActionButton", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), d === "bold" && console.warn(A("DSActionButton", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), r === 1 && console.warn(A("DSActionButton", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), p && console.warn(A("DSActionButton", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
47
|
-
}
|
|
48
|
-
}, Zt = Wt((_, f) => {
|
|
49
|
-
const t = Nt.c(83);
|
|
50
|
-
let l, r, p, d, c, a, n, b, v, y, S, P, C, D, O, B;
|
|
51
|
-
t[0] !== _ ? ({
|
|
52
|
-
children: p,
|
|
53
|
-
aria: l,
|
|
54
|
-
chevronDirection: r,
|
|
55
|
-
className: d,
|
|
56
|
-
disabled: y,
|
|
57
|
-
iconName: c,
|
|
58
|
-
iconPosition: S,
|
|
59
|
-
iconSize: P,
|
|
60
|
-
iconSource: a,
|
|
61
|
-
indentLevel: C,
|
|
62
|
-
isActive: D,
|
|
63
|
-
numberIndicatorValue: n,
|
|
64
|
-
stretched: O,
|
|
65
|
-
weight: B,
|
|
66
|
-
onClick: b,
|
|
67
|
-
...v
|
|
68
|
-
} = _, t[0] = _, t[1] = l, t[2] = r, t[3] = p, t[4] = d, t[5] = c, t[6] = a, t[7] = n, t[8] = b, t[9] = v, t[10] = y, t[11] = S, t[12] = P, t[13] = C, t[14] = D, t[15] = O, t[16] = B) : (l = t[1], r = t[2], p = t[3], d = t[4], c = t[5], a = t[6], n = t[7], b = t[8], v = t[9], y = t[10], S = t[11], P = t[12], C = t[13], D = t[14], O = t[15], B = t[16]);
|
|
69
|
-
const i = y === void 0 ? !1 : y, e = S === void 0 ? "left" : S, k = P === void 0 ? "large" : P, H = C === void 0 ? 0 : C, u = D === void 0 ? !1 : D, _t = O === void 0 ? !1 : O, ft = B === void 0 ? "normal" : B;
|
|
70
|
-
process.env.NODE_ENV !== "production" && Gt({
|
|
71
|
-
iconName: c,
|
|
72
|
-
iconSize: k,
|
|
73
|
-
iconSource: a,
|
|
74
|
-
iconPosition: e,
|
|
75
|
-
indentLevel: H,
|
|
76
|
-
stretched: _t,
|
|
77
|
-
weight: ft
|
|
78
|
-
});
|
|
79
|
-
const s = (n == null ? void 0 : n.trim()) === "", X = e === "top", j = H === 1, F = u && !i, G = u && !i && e === "left", Z = _t === !0 && e === "left";
|
|
80
|
-
let L;
|
|
81
|
-
t[17] !== d || t[18] !== F || t[19] !== G || t[20] !== Z || t[21] !== X || t[22] !== j ? (L = T(o.root, d, {
|
|
82
|
-
[o.rootIconTop]: X,
|
|
83
|
-
[o.rootIndentLevel1]: j,
|
|
84
|
-
[o.rootActive]: F,
|
|
85
|
-
[o.rootActiveWithMarker]: G,
|
|
86
|
-
[o.rootStretched]: Z
|
|
87
|
-
}), t[17] = d, t[18] = F, t[19] = G, t[20] = Z, t[21] = X, t[22] = j, t[23] = L) : L = t[23];
|
|
88
|
-
const $ = L, q = H === 1;
|
|
89
|
-
let x;
|
|
90
|
-
t[24] !== q ? (x = T(o.activeMarker, {
|
|
91
|
-
[o.activeMarkerWithIndent]: q
|
|
92
|
-
}), t[24] = q, t[25] = x) : x = t[25];
|
|
93
|
-
const J = x, K = u && !i, Q = ft === "bold", Y = e === "top";
|
|
94
|
-
let E;
|
|
95
|
-
t[26] !== K || t[27] !== Q || t[28] !== Y ? (E = T(o.label, {
|
|
96
|
-
[o.labelActive]: K,
|
|
97
|
-
[o.labelBold]: Q,
|
|
98
|
-
[o.labelIconTop]: Y
|
|
99
|
-
}), t[26] = K, t[27] = Q, t[28] = Y, t[29] = E) : E = t[29];
|
|
100
|
-
const tt = E, ot = e === "top";
|
|
101
|
-
let M;
|
|
102
|
-
t[30] !== ot ? (M = T(o.labelWrapper, {
|
|
103
|
-
[o.labelWrapperIconTop]: ot
|
|
104
|
-
}), t[30] = ot, t[31] = M) : M = t[31];
|
|
105
|
-
const et = M, nt = e === "top", it = r === "up", rt = r === "right", ct = r === "left";
|
|
106
|
-
let U;
|
|
107
|
-
t[32] !== nt || t[33] !== it || t[34] !== rt || t[35] !== ct ? (U = T(o.chevron, {
|
|
108
|
-
[o.chevronIconPositionTop]: nt,
|
|
109
|
-
[o.chevronUp]: it,
|
|
110
|
-
[o.chevronRight]: rt,
|
|
111
|
-
[o.chevronLeft]: ct
|
|
112
|
-
}), t[32] = nt, t[33] = it, t[34] = rt, t[35] = ct, t[36] = U) : U = t[36];
|
|
113
|
-
const at = U, st = k === "x-large", lt = (c || a) && (n || s), pt = (c || a) && !s;
|
|
114
|
-
let z;
|
|
115
|
-
t[37] !== st || t[38] !== lt || t[39] !== pt ? (z = T(o.iconWrapper, {
|
|
116
|
-
[o.iconWrapperXLarge]: st,
|
|
117
|
-
[o.iconWrapperWithNumberIndicator]: lt,
|
|
118
|
-
[o.iconWrapperWithNumberIndicatorWithValue]: pt
|
|
119
|
-
}), t[37] = st, t[38] = lt, t[39] = pt, t[40] = z) : z = t[40];
|
|
120
|
-
const dt = z;
|
|
121
|
-
let R;
|
|
122
|
-
t[41] !== i || t[42] !== b ? (R = (vt) => {
|
|
123
|
-
if (i) {
|
|
124
|
-
vt.preventDefault();
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
b && b(vt);
|
|
128
|
-
}, t[41] = i, t[42] = b, t[43] = R) : R = t[43];
|
|
129
|
-
const bt = R;
|
|
130
|
-
let m;
|
|
131
|
-
t[44] !== J || t[45] !== e || t[46] !== u ? (m = u && e === "left" && /* @__PURE__ */ h("div", { className: J }), t[44] = J, t[45] = e, t[46] = u, t[47] = m) : m = t[47];
|
|
132
|
-
let I;
|
|
133
|
-
t[48] !== i || t[49] !== c || t[50] !== e || t[51] !== k || t[52] !== a || t[53] !== dt || t[54] !== s || t[55] !== n ? (I = (c || a) && /* @__PURE__ */ h(It, { children: /* @__PURE__ */ ht("span", { className: dt, children: [
|
|
134
|
-
/* @__PURE__ */ h(ut, { name: c, theme: "light", source: a, "aria-hidden": "true", size: c || e === "top" ? "large" : k }),
|
|
135
|
-
!i && (e === "left" && s || e === "top" && (n || s)) && /* @__PURE__ */ h(mt, { variant: "highlight", label: n })
|
|
136
|
-
] }) }), t[48] = i, t[49] = c, t[50] = e, t[51] = k, t[52] = a, t[53] = dt, t[54] = s, t[55] = n, t[56] = I) : I = t[56];
|
|
137
|
-
let N;
|
|
138
|
-
t[57] !== p || t[58] !== tt ? (N = /* @__PURE__ */ h("span", { className: tt, children: p }), t[57] = p, t[58] = tt, t[59] = N) : N = t[59];
|
|
139
|
-
let W;
|
|
140
|
-
t[60] !== at || t[61] !== r ? (W = r && /* @__PURE__ */ h(ut, { name: "chevron-down", theme: "light", "aria-hidden": "true", className: at }), t[60] = at, t[61] = r, t[62] = W) : W = t[62];
|
|
141
|
-
let g;
|
|
142
|
-
t[63] !== et || t[64] !== N || t[65] !== W ? (g = /* @__PURE__ */ ht("div", { className: et, children: [
|
|
143
|
-
N,
|
|
144
|
-
W
|
|
145
|
-
] }), t[63] = et, t[64] = N, t[65] = W, t[66] = g) : g = t[66];
|
|
146
|
-
let w;
|
|
147
|
-
t[67] !== i || t[68] !== e || t[69] !== s || t[70] !== n ? (w = e === "left" && !i && n && !s && /* @__PURE__ */ h(mt, { variant: "default", label: n, className: o.numberIndicator }), t[67] = i, t[68] = e, t[69] = s, t[70] = n, t[71] = w) : w = t[71];
|
|
148
|
-
let V;
|
|
149
|
-
return t[72] !== l || t[73] !== i || t[74] !== bt || t[75] !== f || t[76] !== v || t[77] !== $ || t[78] !== m || t[79] !== I || t[80] !== g || t[81] !== w ? (V = /* @__PURE__ */ ht("button", { className: $, type: "button", onClick: bt, ...l, ...v, "aria-disabled": i, ref: f, children: [
|
|
150
|
-
m,
|
|
151
|
-
I,
|
|
152
|
-
g,
|
|
153
|
-
w
|
|
154
|
-
] }), t[72] = l, t[73] = i, t[74] = bt, t[75] = f, t[76] = v, t[77] = $, t[78] = m, t[79] = I, t[80] = g, t[81] = w, t[82] = V) : V = t[82], V;
|
|
155
|
-
});
|
|
156
|
-
Zt.displayName = "DSActionButton";
|
|
157
|
-
export {
|
|
158
|
-
oo as A,
|
|
159
|
-
Zt as D,
|
|
160
|
-
eo as a,
|
|
161
|
-
no as b,
|
|
162
|
-
io as c,
|
|
163
|
-
ro as d,
|
|
164
|
-
Gt as v
|
|
165
|
-
};
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as rt, jsx as w, Fragment as ct } from "react/jsx-runtime";
|
|
3
|
-
import { d as st } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as y } from "./index.CEyLAtio.js";
|
|
5
|
-
import { D as lt } from "./Icon.DGTYCv63.js";
|
|
6
|
-
import { forwardRef as pt } from "react";
|
|
7
|
-
import { NumberIndicator as at } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
-
import { g as W } from "./helpers.BbWkXTr3.js";
|
|
9
|
-
import '../assets/ActionLink.CTh6IXrN.css';const dt = "ds-action-link_root_1xtta_1", ht = "ds-action-link_root--indent-level-1_1xtta_75", _t = "ds-action-link_root--active_1xtta_78", vt = "ds-action-link_root--active--with-marker_1xtta_81", mt = "ds-action-link_root--icon--top_1xtta_84", ft = "ds-action-link_root--stretched_1xtta_110", kt = "ds-action-link_active-marker_1xtta_115", bt = "ds-action-link_active-marker--with-indent_1xtta_127", It = "ds-action-link_icon-wrapper_1xtta_131", Nt = "ds-action-link_icon-wrapper--x-large_1xtta_134", At = "ds-action-link_icon-wrapper--with-number-indicator_1xtta_137", gt = "ds-action-link_icon-wrapper--with-number-indicator--with-value_1xtta_145", ut = "ds-action-link_label_1xtta_149", wt = "ds-action-link_label--bold_1xtta_160", Wt = "ds-action-link_label--active_1xtta_171", xt = "ds-action-link_label--icon-top_1xtta_182", Lt = "ds-action-link_number-indicator_1xtta_205", o = {
|
|
10
|
-
root: dt,
|
|
11
|
-
rootIndentLevel1: ht,
|
|
12
|
-
rootActive: _t,
|
|
13
|
-
rootActiveWithMarker: vt,
|
|
14
|
-
rootIconTop: mt,
|
|
15
|
-
rootStretched: ft,
|
|
16
|
-
activeMarker: kt,
|
|
17
|
-
activeMarkerWithIndent: bt,
|
|
18
|
-
iconWrapper: It,
|
|
19
|
-
iconWrapperXLarge: Nt,
|
|
20
|
-
iconWrapperWithNumberIndicator: At,
|
|
21
|
-
iconWrapperWithNumberIndicatorWithValue: gt,
|
|
22
|
-
label: ut,
|
|
23
|
-
labelBold: wt,
|
|
24
|
-
labelActive: Wt,
|
|
25
|
-
labelIconTop: xt,
|
|
26
|
-
numberIndicator: Lt
|
|
27
|
-
}, Kt = ["left", "top"], Vt = ["large", "x-large"], yt = [0, 1], Bt = ["normal", "bold"], St = ({
|
|
28
|
-
iconName: _,
|
|
29
|
-
iconSize: v,
|
|
30
|
-
iconSource: t,
|
|
31
|
-
iconPosition: c,
|
|
32
|
-
indentLevel: s,
|
|
33
|
-
stretched: l,
|
|
34
|
-
weight: p
|
|
35
|
-
}) => {
|
|
36
|
-
if (_ && !t && v === "x-large" && console.warn(W("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.')), c === "top") {
|
|
37
|
-
if (!_ && !t)
|
|
38
|
-
throw new Error(W("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.'));
|
|
39
|
-
v === "x-large" && console.warn(W("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(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), s === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), l && console.warn(W("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
40
|
-
}
|
|
41
|
-
}, Pt = pt((_, v) => {
|
|
42
|
-
const t = st.c(73);
|
|
43
|
-
let c, s, l, p, h, n, r, i, m, f, k, x, L, S, P, D, T, M;
|
|
44
|
-
t[0] !== _ ? ({
|
|
45
|
-
children: s,
|
|
46
|
-
aria: c,
|
|
47
|
-
className: l,
|
|
48
|
-
download: p,
|
|
49
|
-
href: h,
|
|
50
|
-
iconName: n,
|
|
51
|
-
iconPosition: x,
|
|
52
|
-
iconSize: L,
|
|
53
|
-
iconSource: r,
|
|
54
|
-
indentLevel: S,
|
|
55
|
-
isActive: P,
|
|
56
|
-
numberIndicatorValue: i,
|
|
57
|
-
referrerPolicy: m,
|
|
58
|
-
rel: f,
|
|
59
|
-
stretched: D,
|
|
60
|
-
target: T,
|
|
61
|
-
weight: M,
|
|
62
|
-
...k
|
|
63
|
-
} = _, t[0] = _, t[1] = c, t[2] = s, t[3] = l, t[4] = p, t[5] = h, t[6] = n, t[7] = r, t[8] = i, t[9] = m, t[10] = f, t[11] = k, t[12] = x, t[13] = L, t[14] = S, t[15] = P, t[16] = D, t[17] = T, t[18] = M) : (c = t[1], s = t[2], l = t[3], p = t[4], h = t[5], n = t[6], r = t[7], i = t[8], m = t[9], f = t[10], k = t[11], x = t[12], L = t[13], S = t[14], P = t[15], D = t[16], T = t[17], M = t[18]);
|
|
64
|
-
const e = x === void 0 ? "left" : x, C = L === void 0 ? "large" : L, B = S === void 0 ? 0 : S, d = P === void 0 ? !1 : P, it = D === void 0 ? !1 : D, X = T === void 0 ? "_self" : T, nt = M === void 0 ? "normal" : M;
|
|
65
|
-
process.env.NODE_ENV !== "production" && St({
|
|
66
|
-
iconName: n,
|
|
67
|
-
iconSize: C,
|
|
68
|
-
iconSource: r,
|
|
69
|
-
iconPosition: e,
|
|
70
|
-
indentLevel: B,
|
|
71
|
-
stretched: it,
|
|
72
|
-
weight: nt
|
|
73
|
-
});
|
|
74
|
-
const a = (i == null ? void 0 : i.trim()) === "", j = e === "top", H = B === 1, F = d && e === "left", G = it === !0 && e === "left";
|
|
75
|
-
let E;
|
|
76
|
-
t[19] !== l || t[20] !== d || t[21] !== F || t[22] !== G || t[23] !== j || t[24] !== H ? (E = y(o.root, l, {
|
|
77
|
-
[o.rootIconTop]: j,
|
|
78
|
-
[o.rootIndentLevel1]: H,
|
|
79
|
-
[o.rootActive]: d,
|
|
80
|
-
[o.rootActiveWithMarker]: F,
|
|
81
|
-
[o.rootStretched]: G
|
|
82
|
-
}), t[19] = l, t[20] = d, t[21] = F, t[22] = G, t[23] = j, t[24] = H, t[25] = E) : E = t[25];
|
|
83
|
-
const R = E, Z = B === 1;
|
|
84
|
-
let O;
|
|
85
|
-
t[26] !== Z ? (O = y(o.activeMarker, {
|
|
86
|
-
[o.activeMarkerWithIndent]: Z
|
|
87
|
-
}), t[26] = Z, t[27] = O) : O = t[27];
|
|
88
|
-
const $ = O, q = d && e === "left", J = nt === "bold", Q = e === "top";
|
|
89
|
-
let z;
|
|
90
|
-
t[28] !== q || t[29] !== J || t[30] !== Q ? (z = y(o.label, {
|
|
91
|
-
[o.labelActive]: q,
|
|
92
|
-
[o.labelBold]: J,
|
|
93
|
-
[o.labelIconTop]: Q
|
|
94
|
-
}), t[28] = q, t[29] = J, t[30] = Q, t[31] = z) : z = t[31];
|
|
95
|
-
const U = z, Y = C === "x-large", tt = (n || r) && (i || a), et = (n || r) && !a;
|
|
96
|
-
let K;
|
|
97
|
-
t[32] !== Y || t[33] !== tt || t[34] !== et ? (K = y(o.iconWrapper, {
|
|
98
|
-
[o.iconWrapperXLarge]: Y,
|
|
99
|
-
[o.iconWrapperWithNumberIndicator]: tt,
|
|
100
|
-
[o.iconWrapperWithNumberIndicatorWithValue]: et
|
|
101
|
-
}), t[32] = Y, t[33] = tt, t[34] = et, t[35] = K) : K = t[35];
|
|
102
|
-
const ot = K, b = h === void 0 ? "span" : "a";
|
|
103
|
-
let I;
|
|
104
|
-
t[36] !== b || t[37] !== p || t[38] !== h || t[39] !== m || t[40] !== f || t[41] !== X ? (I = b === "a" && {
|
|
105
|
-
href: h,
|
|
106
|
-
target: X,
|
|
107
|
-
rel: f,
|
|
108
|
-
referrerPolicy: m,
|
|
109
|
-
download: p
|
|
110
|
-
}, t[36] = b, t[37] = p, t[38] = h, t[39] = m, t[40] = f, t[41] = X, t[42] = I) : I = t[42];
|
|
111
|
-
let N;
|
|
112
|
-
t[43] !== $ || t[44] !== e || t[45] !== d ? (N = d && e === "left" && /* @__PURE__ */ w("div", { className: $ }), t[43] = $, t[44] = e, t[45] = d, t[46] = N) : N = t[46];
|
|
113
|
-
let A;
|
|
114
|
-
t[47] !== n || t[48] !== e || t[49] !== C || t[50] !== r || t[51] !== ot || t[52] !== a || t[53] !== i ? (A = (n || r) && /* @__PURE__ */ w(ct, { children: /* @__PURE__ */ rt("span", { className: ot, children: [
|
|
115
|
-
/* @__PURE__ */ w(lt, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : C }),
|
|
116
|
-
(e === "left" && a || e === "top" && (i || a)) && /* @__PURE__ */ w(at, { variant: "highlight", label: i })
|
|
117
|
-
] }) }), t[47] = n, t[48] = e, t[49] = C, t[50] = r, t[51] = ot, t[52] = a, t[53] = i, t[54] = A) : A = t[54];
|
|
118
|
-
let g;
|
|
119
|
-
t[55] !== s || t[56] !== U ? (g = /* @__PURE__ */ w("span", { className: U, children: s }), t[55] = s, t[56] = U, t[57] = g) : g = t[57];
|
|
120
|
-
let u;
|
|
121
|
-
t[58] !== e || t[59] !== a || t[60] !== i ? (u = e === "left" && i && !a && /* @__PURE__ */ w(at, { variant: "default", label: i, className: o.numberIndicator }), t[58] = e, t[59] = a, t[60] = i, t[61] = u) : u = t[61];
|
|
122
|
-
let V;
|
|
123
|
-
return t[62] !== b || t[63] !== c || t[64] !== v || t[65] !== k || t[66] !== R || t[67] !== I || t[68] !== N || t[69] !== A || t[70] !== g || t[71] !== u ? (V = /* @__PURE__ */ rt(b, { className: R, ...I, ...c, ...k, ref: v, children: [
|
|
124
|
-
N,
|
|
125
|
-
A,
|
|
126
|
-
g,
|
|
127
|
-
u
|
|
128
|
-
] }), t[62] = b, t[63] = c, t[64] = v, t[65] = k, t[66] = R, t[67] = I, t[68] = N, t[69] = A, t[70] = g, t[71] = u, t[72] = V) : V = t[72], V;
|
|
129
|
-
});
|
|
130
|
-
Pt.displayName = "DSActionLink";
|
|
131
|
-
export {
|
|
132
|
-
Kt as A,
|
|
133
|
-
Pt as D,
|
|
134
|
-
Vt as a,
|
|
135
|
-
yt as b,
|
|
136
|
-
Bt as c,
|
|
137
|
-
St as v
|
|
138
|
-
};
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as co, jsx as so } from "react/jsx-runtime";
|
|
3
|
-
import { d as ho } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as io } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as uo } from "react";
|
|
6
|
-
import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as _o } from "./Icon.DGTYCv63.js";
|
|
8
|
-
import { DSSpinner as go } from "../spinner.Dht6FspZ.js";
|
|
9
|
-
import { g as ro } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/Button.Dw8H5nFS.css';const mo = "ds-button_root_94r67_1", fo = "ds-button_root--highlight_94r67_75", bo = "ds-button_root--dark-highlight_94r67_75", vo = "ds-button_root--filled_94r67_151", ko = "ds-button_root--outline_94r67_179", po = "ds-button_root--ghost_94r67_206", Do = "ds-button_root--ghost-flush_94r67_231", No = "ds-button_root--small_94r67_237", So = "ds-button_root--navigation_94r67_317", Oo = "ds-button_root--dark-filled_94r67_393", Fo = "ds-button_root--dark-outline_94r67_450", yo = "ds-button_root--dark-ghost_94r67_506", Go = "ds-button_root--dark-ghost-flush_94r67_560", Ho = "ds-button_root--icon-left_94r67_635", Io = "ds-button_root--icon-only_94r67_638", Bo = "ds-button_root--icon-only-small_94r67_647", Lo = "ds-button_icon--navigation_94r67_663", wo = "ds-button_icon--hidden_94r67_670", Co = "ds-button_label--hidden_94r67_674", To = "ds-button_label--loading_94r67_686", Eo = "ds-button_loader_94r67_690", t = {
|
|
11
|
-
root: mo,
|
|
12
|
-
rootHighlight: fo,
|
|
13
|
-
rootDarkHighlight: bo,
|
|
14
|
-
rootFilled: vo,
|
|
15
|
-
rootOutline: ko,
|
|
16
|
-
rootGhost: po,
|
|
17
|
-
rootGhostFlush: Do,
|
|
18
|
-
rootSmall: No,
|
|
19
|
-
rootNavigation: So,
|
|
20
|
-
rootDarkFilled: Oo,
|
|
21
|
-
rootDarkOutline: Fo,
|
|
22
|
-
rootDarkGhost: yo,
|
|
23
|
-
rootDarkGhostFlush: Go,
|
|
24
|
-
rootIconLeft: Ho,
|
|
25
|
-
rootIconOnly: Io,
|
|
26
|
-
rootIconOnlySmall: Bo,
|
|
27
|
-
iconNavigation: Lo,
|
|
28
|
-
iconHidden: wo,
|
|
29
|
-
labelHidden: Co,
|
|
30
|
-
labelLoading: To,
|
|
31
|
-
loader: Eo
|
|
32
|
-
}, $o = ["medium", "small"], qo = ["highlight", "filled", "outline", "ghost", "navigation"], Po = ({
|
|
33
|
-
variant: m,
|
|
34
|
-
size: f,
|
|
35
|
-
theme: o
|
|
36
|
-
}) => {
|
|
37
|
-
if (m === "navigation" && (f === "small" && console.warn(ro("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
|
|
38
|
-
throw new Error(ro("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
|
|
39
|
-
}, xo = uo((m, f) => {
|
|
40
|
-
const o = ho.c(64);
|
|
41
|
-
let a, d, c, l, e, r, h, b, v, k, p, D, N, S, O;
|
|
42
|
-
o[0] !== m ? ({
|
|
43
|
-
children: d,
|
|
44
|
-
aria: a,
|
|
45
|
-
className: c,
|
|
46
|
-
disabled: b,
|
|
47
|
-
hideLabel: v,
|
|
48
|
-
iconName: l,
|
|
49
|
-
iconPosition: k,
|
|
50
|
-
iconSource: e,
|
|
51
|
-
isFlush: p,
|
|
52
|
-
loading: D,
|
|
53
|
-
size: N,
|
|
54
|
-
theme: S,
|
|
55
|
-
variant: O,
|
|
56
|
-
onClick: r,
|
|
57
|
-
...h
|
|
58
|
-
} = m, o[0] = m, o[1] = a, o[2] = d, o[3] = c, o[4] = l, o[5] = e, o[6] = r, o[7] = h, o[8] = b, o[9] = v, o[10] = k, o[11] = p, o[12] = D, o[13] = N, o[14] = S, o[15] = O) : (a = o[1], d = o[2], c = o[3], l = o[4], e = o[5], r = o[6], h = o[7], b = o[8], v = o[9], k = o[10], p = o[11], D = o[12], N = o[13], S = o[14], O = o[15]);
|
|
59
|
-
const F = b === void 0 ? !1 : b, C = v === void 0 ? !1 : v, ao = k === void 0 ? "left" : k, y = p === void 0 ? !1 : p, s = D === void 0 ? !1 : D, G = N === void 0 ? "medium" : N, i = S === void 0 ? "light" : S, n = O === void 0 ? "filled" : O;
|
|
60
|
-
process.env.NODE_ENV !== "production" && Po({
|
|
61
|
-
variant: n,
|
|
62
|
-
size: G,
|
|
63
|
-
theme: i
|
|
64
|
-
});
|
|
65
|
-
const T = n === "filled", E = n === "highlight", P = n === "outline", x = n === "ghost" && y !== !0, z = n === "navigation", A = n === "ghost" && y === !0, V = i === "dark" && n === "filled", j = i === "dark" && n === "highlight", R = i === "dark" && n === "outline", U = i === "dark" && n === "ghost" && y !== !0, M = i === "dark" && n === "ghost" && y === !0, Z = G === "small" || n === "navigation", $ = ao === "left", q = lo(C) && G === "medium" && n !== "navigation", J = lo(C) && G === "small" && n !== "navigation";
|
|
66
|
-
let H;
|
|
67
|
-
o[16] !== c || o[17] !== E || o[18] !== P || o[19] !== x || o[20] !== z || o[21] !== A || o[22] !== V || o[23] !== j || o[24] !== R || o[25] !== U || o[26] !== M || o[27] !== Z || o[28] !== $ || o[29] !== q || o[30] !== J || o[31] !== T ? (H = io(t.root, c, {
|
|
68
|
-
[t.rootFilled]: T,
|
|
69
|
-
[t.rootHighlight]: E,
|
|
70
|
-
[t.rootOutline]: P,
|
|
71
|
-
[t.rootGhost]: x,
|
|
72
|
-
[t.rootNavigation]: z,
|
|
73
|
-
[t.rootGhostFlush]: A,
|
|
74
|
-
[t.rootDarkFilled]: V,
|
|
75
|
-
[t.rootDarkHighlight]: j,
|
|
76
|
-
[t.rootDarkOutline]: R,
|
|
77
|
-
[t.rootDarkGhost]: U,
|
|
78
|
-
[t.rootDarkGhostFlush]: M,
|
|
79
|
-
[t.rootSmall]: Z,
|
|
80
|
-
[t.rootIconLeft]: $,
|
|
81
|
-
[t.rootIconOnly]: q,
|
|
82
|
-
[t.rootIconOnlySmall]: J
|
|
83
|
-
}), o[16] = c, o[17] = E, o[18] = P, o[19] = x, o[20] = z, o[21] = A, o[22] = V, o[23] = j, o[24] = R, o[25] = U, o[26] = M, o[27] = Z, o[28] = $, o[29] = q, o[30] = J, o[31] = T, o[32] = H) : H = o[32];
|
|
84
|
-
const K = H, Q = lo(C) && n !== "navigation";
|
|
85
|
-
let I;
|
|
86
|
-
o[33] !== s || o[34] !== Q ? (I = io(t.label, {
|
|
87
|
-
[t.labelHidden]: Q,
|
|
88
|
-
[t.labelLoading]: s
|
|
89
|
-
}), o[33] = s, o[34] = Q, o[35] = I) : I = o[35];
|
|
90
|
-
const W = I, X = n === "navigation";
|
|
91
|
-
let B;
|
|
92
|
-
o[36] !== s || o[37] !== X ? (B = io({
|
|
93
|
-
[t.iconNavigation]: X,
|
|
94
|
-
[t.iconHidden]: s
|
|
95
|
-
}), o[36] = s, o[37] = X, o[38] = B) : B = o[38];
|
|
96
|
-
const Y = B, oo = i === "light" && n === "filled" || i === "dark" && n === "outline" || i === "dark" && n === "ghost" ? "dark" : "light";
|
|
97
|
-
let L;
|
|
98
|
-
o[39] !== F || o[40] !== s || o[41] !== r ? (L = (eo) => {
|
|
99
|
-
if (F || s) {
|
|
100
|
-
eo.preventDefault();
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
r && r(eo);
|
|
104
|
-
}, o[39] = F, o[40] = s, o[41] = r, o[42] = L) : L = o[42];
|
|
105
|
-
const to = L, no = F || s;
|
|
106
|
-
let u;
|
|
107
|
-
o[43] !== s ? (u = s && /* @__PURE__ */ so(go, { className: t.loader, aria: {
|
|
108
|
-
"aria-label": "Loading state"
|
|
109
|
-
} }), o[43] = s, o[44] = u) : u = o[44];
|
|
110
|
-
let _;
|
|
111
|
-
o[45] !== d || o[46] !== W ? (_ = /* @__PURE__ */ so("span", { className: W, children: d }), o[45] = d, o[46] = W, o[47] = _) : _ = o[47];
|
|
112
|
-
let g;
|
|
113
|
-
o[48] !== Y || o[49] !== l || o[50] !== e || o[51] !== oo ? (g = (l || e) && /* @__PURE__ */ so(_o, { name: l, theme: oo, source: e, className: Y, "aria-hidden": "true" }), o[48] = Y, o[49] = l, o[50] = e, o[51] = oo, o[52] = g) : g = o[52];
|
|
114
|
-
let w;
|
|
115
|
-
return o[53] !== a || o[54] !== to || o[55] !== s || o[56] !== f || o[57] !== h || o[58] !== K || o[59] !== no || o[60] !== u || o[61] !== _ || o[62] !== g ? (w = /* @__PURE__ */ co("button", { className: K, type: "submit", onClick: to, ...a, ...h, "aria-disabled": no, "aria-busy": s, ref: f, children: [
|
|
116
|
-
u,
|
|
117
|
-
_,
|
|
118
|
-
g
|
|
119
|
-
] }), o[53] = a, o[54] = to, o[55] = s, o[56] = f, o[57] = h, o[58] = K, o[59] = no, o[60] = u, o[61] = _, o[62] = g, o[63] = w) : w = o[63], w;
|
|
120
|
-
});
|
|
121
|
-
xo.displayName = "DSButton";
|
|
122
|
-
export {
|
|
123
|
-
$o as B,
|
|
124
|
-
xo as D,
|
|
125
|
-
qo as a,
|
|
126
|
-
Po as v
|
|
127
|
-
};
|