@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
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import { c as f } from "./index.DL9mof6u.js";
|
|
4
|
+
import { useCallback as V, useEffect as W, useRef as S } from "react";
|
|
5
|
+
import { g as i, r as j } from "./helpers.CexwVao7.js";
|
|
6
|
+
import { i as q } from "./is-animation-disabled.B-V_68K-.js";
|
|
7
|
+
import { t as H } from "./translate.nuU7uChI.js";
|
|
8
|
+
import { u as L } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
+
import "./index.D-sRdssb.js";
|
|
10
|
+
import { g as w } from "./AriaLiveRegions.utils.CybNIBSa.js";
|
|
11
|
+
import { DSScroller as F } from "../scroller.Cu7H_VCT.js";
|
|
12
|
+
import { StepperStep as G } from "../step.DKf4CHGr.js";
|
|
13
|
+
import '../assets/Stepper.tXJl15yL.css';const ge = ["prev", "next"], N = 48, J = "ds-stepper_root_1d1si_1", K = "ds-stepper_root--vertical_1d1si_12", Q = "ds-stepper_scroller--centered_1d1si_17", U = "ds-stepper_scroller-button_1d1si_21", X = "ds-stepper_list_1d1si_26", Y = "ds-stepper_list--center_1d1si_35", Z = "ds-stepper_list--vertical_1d1si_38", a = {
|
|
14
|
+
root: J,
|
|
15
|
+
rootVertical: K,
|
|
16
|
+
scrollerCentered: Q,
|
|
17
|
+
scrollerButton: U,
|
|
18
|
+
list: X,
|
|
19
|
+
listCenter: Y,
|
|
20
|
+
listVertical: Z
|
|
21
|
+
}, Te = ["left", "center"], _e = ["horizontal", "vertical"], ee = ({
|
|
22
|
+
aria: t,
|
|
23
|
+
steps: n
|
|
24
|
+
}) => {
|
|
25
|
+
if (!t || typeof t != "object" || Object.keys(t).length === 0 || !t["aria-label"] && !t["aria-labelledby"] || t["aria-label"]?.trim() === "" && t["aria-labelledby"]?.trim() === "")
|
|
26
|
+
throw new Error(i("DSStepper", 'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'));
|
|
27
|
+
if (!Array.isArray(n))
|
|
28
|
+
throw new Error(i("DSStepper", j("steps", "DSStepper")));
|
|
29
|
+
if (n.length < 2)
|
|
30
|
+
throw new Error(i("DSStepper", "The steps array must contain at least two steps."));
|
|
31
|
+
n.forEach((e, o) => {
|
|
32
|
+
if (!e.label || e.label.trim() === "")
|
|
33
|
+
throw new Error(i("DSStepper", `The step at index ${o} is missing a non-empty label. Each step requires a valid label string.`));
|
|
34
|
+
if (e?.state === "current" && e?.disabled)
|
|
35
|
+
throw new Error(i("DSStepper", `The step at index ${o} has a current state but is disabled. Please remove the disabled property if this step is the current step.`));
|
|
36
|
+
});
|
|
37
|
+
}, te = () => {
|
|
38
|
+
w() || console.warn(i("DSStepper", "For accessible announcements place <DSAriaLiveRegions /> once close to <body>. Announcements will be skipped otherwise."));
|
|
39
|
+
}, re = {
|
|
40
|
+
current: "Current step",
|
|
41
|
+
completed: "completed",
|
|
42
|
+
step: "Step",
|
|
43
|
+
of: "of"
|
|
44
|
+
}, oe = {
|
|
45
|
+
current: "Aktueller Schritt",
|
|
46
|
+
completed: "abgeschlossen",
|
|
47
|
+
step: "Schritt",
|
|
48
|
+
of: "von"
|
|
49
|
+
}, se = {
|
|
50
|
+
en: re,
|
|
51
|
+
de: oe
|
|
52
|
+
}, ne = (t) => t.find((e) => e.state === "current") || t.findLast((e) => e.state) || t[0], I = (t) => t.findIndex((n) => n.state === "current"), le = (t, n) => !!t && t === "completed" && !n, Ee = ({
|
|
53
|
+
aria: t,
|
|
54
|
+
className: n,
|
|
55
|
+
steps: e,
|
|
56
|
+
orientation: o = "horizontal",
|
|
57
|
+
alignment: h = "left",
|
|
58
|
+
lang: x = "en",
|
|
59
|
+
translations: m,
|
|
60
|
+
onStepChange: A,
|
|
61
|
+
...y
|
|
62
|
+
}) => {
|
|
63
|
+
process.env.NODE_ENV !== "production" && (ee({
|
|
64
|
+
aria: t,
|
|
65
|
+
steps: e
|
|
66
|
+
}), te());
|
|
67
|
+
const p = H(m || se[x]), b = V(() => {
|
|
68
|
+
const s = w();
|
|
69
|
+
if (s) {
|
|
70
|
+
const r = ne(e);
|
|
71
|
+
s.innerText = `${p("current")}: ${e.indexOf(r) + 1} ${p("of")} ${e.length} - ${r.label}`, setTimeout(() => {
|
|
72
|
+
s.innerText = "";
|
|
73
|
+
}, 350);
|
|
74
|
+
}
|
|
75
|
+
}, [e, m, p]);
|
|
76
|
+
W(() => {
|
|
77
|
+
b();
|
|
78
|
+
}, [e, b]);
|
|
79
|
+
const P = (s, r) => {
|
|
80
|
+
const {
|
|
81
|
+
state: l,
|
|
82
|
+
disabled: c
|
|
83
|
+
} = e[s];
|
|
84
|
+
le(l, c) && (e[s].onClick?.(r), A(s));
|
|
85
|
+
}, O = f(a.root, {
|
|
86
|
+
[a.rootVertical]: o === "vertical"
|
|
87
|
+
}, n), B = f(a.list, {
|
|
88
|
+
[a.listVertical]: o === "vertical",
|
|
89
|
+
[a.listCenter]: o === "horizontal" && h === "center"
|
|
90
|
+
}), k = f({
|
|
91
|
+
[a.scrollerCentered]: o === "horizontal" && h === "center"
|
|
92
|
+
}), g = S([]), T = /* @__PURE__ */ d("ol", { className: B, children: e.map((s, r) => /* @__PURE__ */ d(G, { step: s, index: r, stepsCount: e.length, t: p, orientation: o, onStepClick: (l) => P(r, l), buttonRef: (l) => {
|
|
93
|
+
g.current[r] = l;
|
|
94
|
+
} }, r)) }), _ = S(null), E = S(!1);
|
|
95
|
+
L(() => {
|
|
96
|
+
if (o !== "horizontal")
|
|
97
|
+
return;
|
|
98
|
+
const s = [
|
|
99
|
+
"16px 'STIHL Contraface Digital Text Regular'",
|
|
100
|
+
// text-medium - label default
|
|
101
|
+
"14px 'STIHL Contraface Digital Text Bold'",
|
|
102
|
+
// text-small-bold - number
|
|
103
|
+
"16px 'STIHL Contraface Digital Text Bold'",
|
|
104
|
+
// text-medium-bold - current label
|
|
105
|
+
"14px 'STIHL Contraface Digital Text Regular'"
|
|
106
|
+
// utility-small - number/hint base (regular variant for hint)
|
|
107
|
+
];
|
|
108
|
+
Promise.all(s.map((r) => document.fonts.load(r))).then(() => {
|
|
109
|
+
E.current = !0, I(e) !== -1 && C("instant");
|
|
110
|
+
}).catch((r) => {
|
|
111
|
+
throw new Error(i("DSStepper", `The component requires the fonts to be loaded: ${r}`));
|
|
112
|
+
});
|
|
113
|
+
}, [o]);
|
|
114
|
+
const C = (s = "smooth") => {
|
|
115
|
+
if (o !== "horizontal")
|
|
116
|
+
return;
|
|
117
|
+
const r = I(e);
|
|
118
|
+
if (r === -1)
|
|
119
|
+
return;
|
|
120
|
+
const l = g.current[r], c = _.current;
|
|
121
|
+
if (!l || !c)
|
|
122
|
+
return;
|
|
123
|
+
const R = l.getBoundingClientRect(), v = c.getBoundingClientRect();
|
|
124
|
+
if (R.left - N >= v.left && R.right + N <= v.right)
|
|
125
|
+
return;
|
|
126
|
+
const M = l.offsetLeft, $ = l.offsetWidth, D = c.clientWidth;
|
|
127
|
+
let u = M - Math.max(0, (D - $) / 2);
|
|
128
|
+
const z = c.scrollWidth - D;
|
|
129
|
+
u = Math.min(Math.max(0, u), z), c.scrollTo({
|
|
130
|
+
left: u,
|
|
131
|
+
behavior: q() ? "instant" : s
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
return L(() => {
|
|
135
|
+
E.current && C("smooth");
|
|
136
|
+
}, [e, o]), /* @__PURE__ */ d("nav", { className: O, ...y, ...t, children: o === "horizontal" ? /* @__PURE__ */ d(F, { ref: _, className: a.scroller, scrollerClassName: k, scrollerButtonClassName: a.scrollerButton, children: T }) : T });
|
|
137
|
+
};
|
|
138
|
+
export {
|
|
139
|
+
Ee as D,
|
|
140
|
+
ge as S,
|
|
141
|
+
N as a,
|
|
142
|
+
Te as b,
|
|
143
|
+
_e as c,
|
|
144
|
+
te as d,
|
|
145
|
+
re as e,
|
|
146
|
+
oe as f,
|
|
147
|
+
se as g,
|
|
148
|
+
ne as h,
|
|
149
|
+
I as i,
|
|
150
|
+
le as j,
|
|
151
|
+
ee as v
|
|
152
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as f, jsx as S } from "react/jsx-runtime";
|
|
3
|
-
import { d as _ } from "./index.
|
|
4
|
-
import { c as p } from "./index.
|
|
3
|
+
import { d as _ } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as p } from "./index.DL9mof6u.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import { D as E } from "./Icon.
|
|
7
|
-
import '../assets/SystemFeedback.
|
|
8
|
-
root:
|
|
9
|
-
}, h = ["success", "error", "warning"],
|
|
6
|
+
import { D as E } from "./Icon.CDLyB7Pv.js";
|
|
7
|
+
import '../assets/SystemFeedback.PKzqnXUe.css';const k = "ds-system-feedback_root_1dkn4_1", x = {
|
|
8
|
+
root: k
|
|
9
|
+
}, h = ["success", "error", "warning"], D = {
|
|
10
10
|
success: "circle-check-colored",
|
|
11
11
|
error: "diamond-exclamationmark-colored",
|
|
12
12
|
warning: "triangle-exclamationmark-colored"
|
|
@@ -21,8 +21,8 @@ import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_roo
|
|
|
21
21
|
...r
|
|
22
22
|
} = n, e[0] = n, e[1] = s, e[2] = t, e[3] = o, e[4] = r, e[5] = c) : (s = e[1], t = e[2], o = e[3], r = e[4], c = e[5]);
|
|
23
23
|
let l;
|
|
24
|
-
e[6] !== s ? (l = p(
|
|
25
|
-
const m = l, d =
|
|
24
|
+
e[6] !== s ? (l = p(x.root, s), e[6] = s, e[7] = l) : l = e[7];
|
|
25
|
+
const m = l, d = D[c];
|
|
26
26
|
let a;
|
|
27
27
|
e[8] !== d ? (a = /* @__PURE__ */ S(E, { name: d, "aria-hidden": "true" }), e[8] = d, e[9] = a) : a = e[9];
|
|
28
28
|
let i;
|
|
@@ -34,5 +34,5 @@ import '../assets/SystemFeedback.RcrPepSZ.css';const x = "ds-system-feedback_roo
|
|
|
34
34
|
export {
|
|
35
35
|
y as D,
|
|
36
36
|
h as S,
|
|
37
|
-
|
|
37
|
+
D as a
|
|
38
38
|
};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as N, jsxs as C } from "react/jsx-runtime";
|
|
3
|
+
import { d as L } from "./index.D-sRdssb.js";
|
|
4
|
+
import { useState as M } from "react";
|
|
5
|
+
import { TabList as $ } from "../tablist.DZgo49nZ.js";
|
|
6
|
+
import { TabPane as j } from "../tabpane.C4nsUlwc.js";
|
|
7
|
+
import { g as B } from "./TabPane.utils.DG16Y2uD.js";
|
|
8
|
+
import { g, r as O } from "./helpers.CexwVao7.js";
|
|
9
|
+
const J = ["left", "center"], K = ["prev", "next"], _ = ({
|
|
10
|
+
id: b,
|
|
11
|
+
tabs: e,
|
|
12
|
+
defaultSelectedTabIndex: s = 0
|
|
13
|
+
}) => {
|
|
14
|
+
if (!b)
|
|
15
|
+
throw new Error(g("DSTabs", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTabs component.'));
|
|
16
|
+
if (Array.isArray(e)) {
|
|
17
|
+
if (e.length === 0)
|
|
18
|
+
throw new Error(g("DSTabs", "The tabs array must not be empty."));
|
|
19
|
+
} else throw new Error(g("DSTabs", O("tabs", "DSTabs")));
|
|
20
|
+
if (s < 0 || s >= e.length)
|
|
21
|
+
throw new Error(g("DSTabs", `Invalid defaultSelectedTabIndex: ${s}. It must be between 0 and ${e.length - 1}.`));
|
|
22
|
+
}, Q = (b) => {
|
|
23
|
+
const e = L.c(37);
|
|
24
|
+
let s, l, n, r, d, m, f, t, a;
|
|
25
|
+
e[0] !== b ? ({
|
|
26
|
+
id: t,
|
|
27
|
+
tabs: a,
|
|
28
|
+
activeTabIndex: s,
|
|
29
|
+
alignment: m,
|
|
30
|
+
className: l,
|
|
31
|
+
classNameTabPane: n,
|
|
32
|
+
defaultSelectedTabIndex: f,
|
|
33
|
+
onTabChange: r,
|
|
34
|
+
...d
|
|
35
|
+
} = b, e[0] = b, e[1] = s, e[2] = l, e[3] = n, e[4] = r, e[5] = d, e[6] = m, e[7] = f, e[8] = t, e[9] = a) : (s = e[1], l = e[2], n = e[3], r = e[4], d = e[5], m = e[6], f = e[7], t = e[8], a = e[9]);
|
|
36
|
+
const h = m === void 0 ? "left" : m, x = f === void 0 ? 0 : f;
|
|
37
|
+
process.env.NODE_ENV !== "production" && _({
|
|
38
|
+
id: t,
|
|
39
|
+
tabs: a,
|
|
40
|
+
defaultSelectedTabIndex: x
|
|
41
|
+
});
|
|
42
|
+
const [A, P] = M(s || x), p = s !== void 0, o = p ? s : A;
|
|
43
|
+
let S;
|
|
44
|
+
e[10] !== p || e[11] !== r ? (S = (i) => {
|
|
45
|
+
p || P(i), r?.(i);
|
|
46
|
+
}, e[10] = p, e[11] = r, e[12] = S) : S = e[12];
|
|
47
|
+
const D = S;
|
|
48
|
+
let u;
|
|
49
|
+
e[13] !== h || e[14] !== D || e[15] !== r || e[16] !== o || e[17] !== t || e[18] !== a ? (u = {
|
|
50
|
+
id: t,
|
|
51
|
+
tabs: a,
|
|
52
|
+
setSelectedTabIndex: D,
|
|
53
|
+
selectedTabIndex: o,
|
|
54
|
+
alignment: h,
|
|
55
|
+
onTabChange: r
|
|
56
|
+
}, e[13] = h, e[14] = D, e[15] = r, e[16] = o, e[17] = t, e[18] = a, e[19] = u) : u = e[19];
|
|
57
|
+
const v = u;
|
|
58
|
+
let c;
|
|
59
|
+
e[20] !== v ? (c = /* @__PURE__ */ N($, { ...v }), e[20] = v, e[21] = c) : c = e[21];
|
|
60
|
+
let T;
|
|
61
|
+
if (e[22] !== n || e[23] !== o || e[24] !== t || e[25] !== a) {
|
|
62
|
+
let i;
|
|
63
|
+
e[27] !== n || e[28] !== o || e[29] !== t ? (i = (q, w) => {
|
|
64
|
+
const {
|
|
65
|
+
id: E,
|
|
66
|
+
content: y
|
|
67
|
+
} = q;
|
|
68
|
+
return /* @__PURE__ */ N(j, { id: E, content: y, index: w, selectedTabIndex: o, tabListId: t, className: n }, B(t, E, w));
|
|
69
|
+
}, e[27] = n, e[28] = o, e[29] = t, e[30] = i) : i = e[30], T = a.map(i), e[22] = n, e[23] = o, e[24] = t, e[25] = a, e[26] = T;
|
|
70
|
+
} else
|
|
71
|
+
T = e[26];
|
|
72
|
+
let I;
|
|
73
|
+
return e[31] !== l || e[32] !== d || e[33] !== c || e[34] !== T || e[35] !== t ? (I = /* @__PURE__ */ C("div", { className: l, id: t, ...d, children: [
|
|
74
|
+
c,
|
|
75
|
+
T
|
|
76
|
+
] }), e[31] = l, e[32] = d, e[33] = c, e[34] = T, e[35] = t, e[36] = I) : I = e[36], I;
|
|
77
|
+
};
|
|
78
|
+
export {
|
|
79
|
+
Q as D,
|
|
80
|
+
J as T,
|
|
81
|
+
K as a,
|
|
82
|
+
_ as v
|
|
83
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as $ } from "react/jsx-runtime";
|
|
3
|
-
import { d as z } from "./index.
|
|
4
|
-
import { c as C } from "./index.
|
|
3
|
+
import { d as z } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as C } from "./index.DL9mof6u.js";
|
|
5
5
|
import { useRef as G, useEffect as H } from "react";
|
|
6
|
-
import { a as v, g as y } from "./helpers.
|
|
6
|
+
import { a as v, g as y } from "./helpers.CexwVao7.js";
|
|
7
7
|
import '../assets/Text.Dgpj61UP.css';const I = "ds-text_root_1mo26_6", P = "ds-text_root--large_1mo26_15", R = "ds-text_root--large-bold_1mo26_26", W = "ds-text_root--medium_1mo26_37", j = "ds-text_root--medium-bold_1mo26_48", q = "ds-text_root--small_1mo26_59", O = "ds-text_root--small-bold_1mo26_70", V = "ds-text_root--x-small_1mo26_81", Z = "ds-text_root--x-small-bold_1mo26_92", F = "ds-text_root--xx-small_1mo26_103", J = "ds-text_root--theme-dark_1mo26_197", o = {
|
|
8
8
|
root: I,
|
|
9
9
|
rootLarge: P,
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as h, Fragment as de } from "react/jsx-runtime";
|
|
3
|
+
import { c as m } from "./index.DL9mof6u.js";
|
|
4
|
+
import { forwardRef as ue, useState as c, useRef as fe, useEffect as p } from "react";
|
|
5
|
+
import { g as q, p as z } from "./helpers.CexwVao7.js";
|
|
6
|
+
import { u as _e } from "./useBreakpoint.BzR_yaIv.js";
|
|
7
|
+
import "./index.D-sRdssb.js";
|
|
8
|
+
import { Asterisk as be } from "../asterisk.B2ih8VwF.js";
|
|
9
|
+
import { D as he } from "./SystemFeedback.CjlARKki.js";
|
|
10
|
+
import '../assets/Textarea.y3MW7VW0.css';const me = "ds-textarea_textarea_16wji_1", pe = "ds-textarea_textarea--small_16wji_9", xe = "ds-textarea_textarea--invalid_16wji_121", we = "ds-textarea_textarea--resize-auto_16wji_145", ve = "ds-textarea_root_16wji_155", Ce = "ds-textarea_hint_16wji_155", Se = "ds-textarea_label_16wji_155", je = "ds-textarea_label--hidden_16wji_294", ye = "ds-textarea_label--disabled_16wji_307", Ae = "ds-textarea_feedback_16wji_327", De = "ds-textarea_footer_16wji_331", Ie = "ds-textarea_footer--has-system-feedback_16wji_336", Te = "ds-textarea_char-count_16wji_345", ke = "ds-textarea_char-count-announcer_16wji_358", a = {
|
|
11
|
+
textarea: me,
|
|
12
|
+
textareaSmall: pe,
|
|
13
|
+
textareaInvalid: xe,
|
|
14
|
+
textareaResizeAuto: we,
|
|
15
|
+
root: ve,
|
|
16
|
+
hint: Ce,
|
|
17
|
+
label: Se,
|
|
18
|
+
labelHidden: je,
|
|
19
|
+
labelDisabled: ye,
|
|
20
|
+
feedback: Ae,
|
|
21
|
+
footer: De,
|
|
22
|
+
footerHasSystemFeedback: Ie,
|
|
23
|
+
charCount: Te,
|
|
24
|
+
charCountAnnouncer: ke
|
|
25
|
+
}, qe = ["medium", "small"], Ne = ({
|
|
26
|
+
id: r,
|
|
27
|
+
label: u
|
|
28
|
+
}) => {
|
|
29
|
+
if (!r)
|
|
30
|
+
throw new Error(q("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
|
|
31
|
+
if (!u)
|
|
32
|
+
throw new Error(q("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
|
|
33
|
+
}, Re = ue(({
|
|
34
|
+
id: r,
|
|
35
|
+
label: u,
|
|
36
|
+
charsLimitText: M = "Character limit reached",
|
|
37
|
+
charsRemainingText: O = "Characters remaining:",
|
|
38
|
+
className: X,
|
|
39
|
+
defaultValue: Z,
|
|
40
|
+
disabled: y = !1,
|
|
41
|
+
hint: x,
|
|
42
|
+
hideLabel: G = !1,
|
|
43
|
+
invalid: s = !1,
|
|
44
|
+
maxLength: e,
|
|
45
|
+
readonly: A = !1,
|
|
46
|
+
required: D = !1,
|
|
47
|
+
resize: f = "vertical",
|
|
48
|
+
size: J = "medium",
|
|
49
|
+
systemFeedback: n,
|
|
50
|
+
value: w,
|
|
51
|
+
wrapperClassName: K,
|
|
52
|
+
onChange: I,
|
|
53
|
+
onInput: T,
|
|
54
|
+
...Q
|
|
55
|
+
}, _) => {
|
|
56
|
+
process.env.NODE_ENV !== "production" && Ne({
|
|
57
|
+
id: r,
|
|
58
|
+
label: u
|
|
59
|
+
});
|
|
60
|
+
const [U, k] = c(Z || ""), [i, N] = c(0), [W, R] = c(0), [Y, E] = c("off"), [H, v] = c(n), [C, S] = c(s), g = w !== void 0, b = g ? w : U, o = fe(null), $ = e !== void 0 && e > 0, j = C && H, L = (t) => {
|
|
61
|
+
o.current = t, typeof _ == "function" ? _(t) : _ && (_.current = t);
|
|
62
|
+
}, ee = _e(G);
|
|
63
|
+
p(() => {
|
|
64
|
+
if (!e || e <= 0)
|
|
65
|
+
return;
|
|
66
|
+
i >= e * 0.8 ? E("polite") : E("off");
|
|
67
|
+
const t = setTimeout(() => {
|
|
68
|
+
R(e - i || 0);
|
|
69
|
+
}, 1e3);
|
|
70
|
+
return () => clearTimeout(t);
|
|
71
|
+
}, [i]), p(() => {
|
|
72
|
+
k(b || ""), d(), e && e > 0 && (N(b.toString().length || 0), R(e - b.toString().length || 0));
|
|
73
|
+
}, [w]), p(() => {
|
|
74
|
+
s && n ? (v(n), S(s)) : !s && e && e >= 0 && i >= e ? (S(!0), v(M)) : (v(n), S(s));
|
|
75
|
+
}, [s, C, n, i]), p(() => {
|
|
76
|
+
if (f === "auto")
|
|
77
|
+
return d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d);
|
|
78
|
+
}, [f, o.current]);
|
|
79
|
+
const te = m(a.root, K), ae = m(a.textarea, X, {
|
|
80
|
+
// small textarea
|
|
81
|
+
[a.textareaSmall]: J === "small",
|
|
82
|
+
// invalid state
|
|
83
|
+
[a.textareaInvalid]: C,
|
|
84
|
+
// resize handling
|
|
85
|
+
[a.textareaResizeAuto]: f === "auto"
|
|
86
|
+
}), re = m(a.label, {
|
|
87
|
+
// hide label only visually to keep them available for assistive technologies
|
|
88
|
+
[a.labelHidden]: ee,
|
|
89
|
+
[a.labelDisabled]: y
|
|
90
|
+
}), se = m(a.footer, {
|
|
91
|
+
[a.footerHasSystemFeedback]: j
|
|
92
|
+
}), V = `${r}-label`, F = `${r}-feedback`, P = `${r}-hint`, B = `${r}-char-count-announcer`, oe = x ? ` ${P}` : "", d = () => {
|
|
93
|
+
if (o.current && f === "auto") {
|
|
94
|
+
o.current.style.height = "auto";
|
|
95
|
+
const t = z(o.current.scrollHeight), ce = z(2);
|
|
96
|
+
o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
|
|
97
|
+
// from jumping as soon as the user starts typing.
|
|
98
|
+
t + ce}rem`;
|
|
99
|
+
}
|
|
100
|
+
}, ne = () => {
|
|
101
|
+
const t = [];
|
|
102
|
+
return e && e > 0 && t.push(B), s && n && t.push(F), t.length > 0 ? t.join(" ") : void 0;
|
|
103
|
+
}, ie = (t) => {
|
|
104
|
+
T && T(t), e && e > 0 && N(o.current?.value.length || 0), d();
|
|
105
|
+
}, le = (t) => {
|
|
106
|
+
I && I(t), g || k(t.target.value);
|
|
107
|
+
};
|
|
108
|
+
return /* @__PURE__ */ l("div", { className: te, children: [
|
|
109
|
+
/* @__PURE__ */ l("label", { className: re, id: V, htmlFor: r, children: [
|
|
110
|
+
u,
|
|
111
|
+
D && /* @__PURE__ */ h(be, {})
|
|
112
|
+
] }),
|
|
113
|
+
x && /* @__PURE__ */ h("div", { className: a.hint, id: P, children: x }),
|
|
114
|
+
/* @__PURE__ */ h(
|
|
115
|
+
"textarea",
|
|
116
|
+
{
|
|
117
|
+
className: ae,
|
|
118
|
+
id: r,
|
|
119
|
+
...Q,
|
|
120
|
+
ref: L,
|
|
121
|
+
"aria-labelledby": `${V}${oe}`,
|
|
122
|
+
"aria-describedby": ne(),
|
|
123
|
+
"aria-invalid": s,
|
|
124
|
+
"aria-disabled": A,
|
|
125
|
+
maxLength: e,
|
|
126
|
+
readOnly: A,
|
|
127
|
+
required: D,
|
|
128
|
+
disabled: y,
|
|
129
|
+
value: b,
|
|
130
|
+
defaultValue: void 0,
|
|
131
|
+
rows: void 0,
|
|
132
|
+
cols: void 0,
|
|
133
|
+
onChange: le,
|
|
134
|
+
onInput: ie
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
$ || j ? /* @__PURE__ */ l("div", { className: se, children: [
|
|
138
|
+
j && /* @__PURE__ */ h(he, { className: a.feedback, message: H, variant: "error", id: F }),
|
|
139
|
+
$ && /* @__PURE__ */ l(de, { children: [
|
|
140
|
+
/* @__PURE__ */ l("div", { className: a.charCount, "aria-hidden": "true", children: [
|
|
141
|
+
i,
|
|
142
|
+
"/",
|
|
143
|
+
e
|
|
144
|
+
] }),
|
|
145
|
+
/* @__PURE__ */ l(
|
|
146
|
+
"div",
|
|
147
|
+
{
|
|
148
|
+
className: a.charCountAnnouncer,
|
|
149
|
+
id: B,
|
|
150
|
+
"aria-live": Y,
|
|
151
|
+
"aria-atomic": "true",
|
|
152
|
+
children: [
|
|
153
|
+
O,
|
|
154
|
+
" ",
|
|
155
|
+
W
|
|
156
|
+
]
|
|
157
|
+
}
|
|
158
|
+
)
|
|
159
|
+
] })
|
|
160
|
+
] }) : null
|
|
161
|
+
] });
|
|
162
|
+
});
|
|
163
|
+
Re.displayName = "DSTextarea";
|
|
164
|
+
export {
|
|
165
|
+
Re as D,
|
|
166
|
+
qe as T,
|
|
167
|
+
Ne as v
|
|
168
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as S, jsxs as y } from "react/jsx-runtime";
|
|
3
|
+
import { d as E } from "./index.D-sRdssb.js";
|
|
4
|
+
import { c as W } from "./index.DL9mof6u.js";
|
|
5
|
+
import { forwardRef as L } from "react";
|
|
6
|
+
import { D as M } from "./Button.DCZgBNmA.js";
|
|
7
|
+
import { D as O } from "./Icon.CDLyB7Pv.js";
|
|
8
|
+
import '../assets/Toast.CGyKXb4V.css';const P = "ds-toast_root_1jbef_5", z = "ds-toast_root--closing_1jbef_15", A = "ds-toast_root--success_1jbef_56", R = "ds-toast_root--info_1jbef_60", $ = "ds-toast_root--warning_1jbef_64", q = "ds-toast_content_1jbef_69", F = "ds-toast_content--hide-icon_1jbef_76", G = "ds-toast_icon_1jbef_80", J = "ds-toast_message_1jbef_84", s = {
|
|
9
|
+
root: P,
|
|
10
|
+
rootClosing: z,
|
|
11
|
+
rootSuccess: A,
|
|
12
|
+
rootInfo: R,
|
|
13
|
+
rootWarning: $,
|
|
14
|
+
content: q,
|
|
15
|
+
contentHideIcon: F,
|
|
16
|
+
icon: G,
|
|
17
|
+
message: J
|
|
18
|
+
}, K = {
|
|
19
|
+
success: "circle-check-colored",
|
|
20
|
+
warning: "triangle-exclamationmark-colored",
|
|
21
|
+
info: "circle-info-colored"
|
|
22
|
+
}, Q = L((C, D) => {
|
|
23
|
+
const o = E.c(44);
|
|
24
|
+
let e, n, t, c, a, l, i, p, h;
|
|
25
|
+
o[0] !== C ? ({
|
|
26
|
+
message: t,
|
|
27
|
+
className: e,
|
|
28
|
+
closeButtonProps: n,
|
|
29
|
+
hideIcon: p,
|
|
30
|
+
variant: h,
|
|
31
|
+
onClick: c,
|
|
32
|
+
onMouseEnter: a,
|
|
33
|
+
onMouseLeave: l,
|
|
34
|
+
...i
|
|
35
|
+
} = C, o[0] = C, o[1] = e, o[2] = n, o[3] = t, o[4] = c, o[5] = a, o[6] = l, o[7] = i, o[8] = p, o[9] = h) : (e = o[1], n = o[2], t = o[3], c = o[4], a = o[5], l = o[6], i = o[7], p = o[8], h = o[9]);
|
|
36
|
+
const r = p === void 0 ? !1 : p, d = h === void 0 ? "info" : h;
|
|
37
|
+
let f;
|
|
38
|
+
o[10] !== n ? (f = n || {}, o[10] = n, o[11] = f) : f = o[11];
|
|
39
|
+
let m, j;
|
|
40
|
+
o[12] !== f ? ({
|
|
41
|
+
label: j,
|
|
42
|
+
...m
|
|
43
|
+
} = f, o[12] = f, o[13] = m, o[14] = j) : (m = o[13], j = o[14]);
|
|
44
|
+
const x = j === void 0 ? "Close toast" : j, w = d === "success", T = d === "warning", k = d === "info";
|
|
45
|
+
let v;
|
|
46
|
+
o[15] !== e || o[16] !== w || o[17] !== T || o[18] !== k ? (v = W(s.root, e, {
|
|
47
|
+
[s.rootSuccess]: w,
|
|
48
|
+
[s.rootWarning]: T,
|
|
49
|
+
[s.rootInfo]: k
|
|
50
|
+
}), o[15] = e, o[16] = w, o[17] = T, o[18] = k, o[19] = v) : v = o[19];
|
|
51
|
+
const B = v;
|
|
52
|
+
let I;
|
|
53
|
+
o[20] !== r ? (I = W(s.content, {
|
|
54
|
+
[s.contentHideIcon]: r
|
|
55
|
+
}), o[20] = r, o[21] = I) : I = o[21];
|
|
56
|
+
const H = I;
|
|
57
|
+
let _;
|
|
58
|
+
o[22] !== r || o[23] !== d ? (_ = !r && /* @__PURE__ */ S(O, { name: K[d], className: s.icon, "aria-hidden": "true" }), o[22] = r, o[23] = d, o[24] = _) : _ = o[24];
|
|
59
|
+
let u;
|
|
60
|
+
o[25] !== t ? (u = /* @__PURE__ */ S("div", { className: s.message, children: t }), o[25] = t, o[26] = u) : u = o[26];
|
|
61
|
+
let g;
|
|
62
|
+
o[27] !== x || o[28] !== c || o[29] !== m ? (g = /* @__PURE__ */ S(M, { ...m, hideLabel: !0, iconName: "cross", size: "small", variant: "ghost", onClick: c, children: x }), o[27] = x, o[28] = c, o[29] = m, o[30] = g) : g = o[30];
|
|
63
|
+
let b;
|
|
64
|
+
o[31] !== H || o[32] !== _ || o[33] !== u || o[34] !== g ? (b = /* @__PURE__ */ y("div", { className: H, children: [
|
|
65
|
+
_,
|
|
66
|
+
u,
|
|
67
|
+
g
|
|
68
|
+
] }), o[31] = H, o[32] = _, o[33] = u, o[34] = g, o[35] = b) : b = o[35];
|
|
69
|
+
let N;
|
|
70
|
+
return o[36] !== t || o[37] !== a || o[38] !== l || o[39] !== D || o[40] !== i || o[41] !== B || o[42] !== b ? (N = /* @__PURE__ */ S("aside", { className: B, ref: D, popover: "manual", "data-ds-toast": !0, onMouseEnter: a, onMouseLeave: l, "aria-label": t, ...i, children: b }), o[36] = t, o[37] = a, o[38] = l, o[39] = D, o[40] = i, o[41] = B, o[42] = b, o[43] = N) : N = o[43], N;
|
|
71
|
+
});
|
|
72
|
+
Q.displayName = "DSToast";
|
|
73
|
+
export {
|
|
74
|
+
Q as D,
|
|
75
|
+
s
|
|
76
|
+
};
|
|
@@ -4,7 +4,7 @@ const c = ({
|
|
|
4
4
|
title: l,
|
|
5
5
|
titleId: t,
|
|
6
6
|
...a
|
|
7
|
-
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M16 .5v7H9v-2h3.6l-1.5-1.6c-.1-.1-.3-.2-.5-.4-2.1-1.5-5.1-1.3-7 .6-2.1 2.2-2.1 5.6 0 7.8 2.2 2.1 5.6 2.1 7.8 0 .7-.7 1.2-1.5 1.4-2.4h2.1c-.3 1.4-1 2.7-2 3.8-2.9 2.9-7.7 2.9-10.6 0s-2.9-7.7 0-10.6C5-.1 9.4-.2 12.3 2.3c.2.1.3.3.5.4L14 4.1V.5z" }));
|
|
8
8
|
export {
|
|
9
9
|
c as default
|
|
10
10
|
};
|
|
@@ -4,7 +4,7 @@ const c = ({
|
|
|
4
4
|
title: l,
|
|
5
5
|
titleId: t,
|
|
6
6
|
...a
|
|
7
|
-
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M.125.5v7h7v-2h-3.6l1.5-1.6c.1-.1.3-.2.5-.4 2.1-1.5 5.1-1.3 7 .6 2.1 2.2 2.1 5.6 0 7.8-2.2 2.1-5.6 2.1-7.8 0-.7-.7-1.2-1.5-1.4-2.4h-2.1c.3 1.4 1 2.7 2 3.8 2.9 2.9 7.7 2.9 10.6 0s2.9-7.7 0-10.6c-2.7-2.8-7.1-2.9-10-.4-.2.1-.3.3-.5.4l-1.2 1.4V.5z" }));
|
|
8
8
|
export {
|
|
9
9
|
c as default
|
|
10
10
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const r = ({
|
|
4
|
+
title: l,
|
|
5
|
+
titleId: t,
|
|
6
|
+
...a
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 2V0H6v2H4v14h8V2zm0 12H6V4h4z", clipRule: "evenodd" }));
|
|
8
|
+
export {
|
|
9
|
+
r as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const r = ({
|
|
4
|
+
title: l,
|
|
5
|
+
titleId: t,
|
|
6
|
+
...a
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 2V0H6v2H4v14h8V2z", clipRule: "evenodd" }));
|
|
8
|
+
export {
|
|
9
|
+
r as default
|
|
10
|
+
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as e from "react";
|
|
3
|
-
const
|
|
3
|
+
const i = ({
|
|
4
4
|
title: l,
|
|
5
5
|
titleId: t,
|
|
6
6
|
...a
|
|
7
|
-
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", {
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M10 2V0H6v2H4v14h8V2zm0 7H6V4h4z", clipRule: "evenodd" }));
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
i as default
|
|
10
10
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const o = ({
|
|
4
|
+
title: l,
|
|
5
|
+
titleId: t,
|
|
6
|
+
...a
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.264 11.075v1.115l.574-.575 1.094 1.028-3.168 3.169V9.667zM15.402 13l-1.232 1.313L1 1.944 2.232.632zM7.706 9.613l-4.178 3.934L2.5 12.454l4.111-3.869zm4.884-4.596-2.11 1.987-1.097-1.028 1.055-.992-1.174-1.172v2.051l-1.5-1.409V.19z" }));
|
|
8
|
+
export {
|
|
9
|
+
o as default
|
|
10
|
+
};
|
|
@@ -4,7 +4,7 @@ const r = ({
|
|
|
4
4
|
title: l,
|
|
5
5
|
titleId: t,
|
|
6
6
|
...a
|
|
7
|
-
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "#
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fill: "#749f4a", d: "M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "m6.4 12-4-4 1.128-1.128L6.4 9.736l6.072-6.072L13.6 4.8z" })));
|
|
8
8
|
export {
|
|
9
9
|
r as default
|
|
10
10
|
};
|
|
@@ -4,7 +4,7 @@ const n = ({
|
|
|
4
4
|
title: l,
|
|
5
5
|
titleId: a,
|
|
6
6
|
...t
|
|
7
|
-
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#d43b3b", d: "m8 0 8 8-8 8-8-8z" }), /* @__PURE__ */ e.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M8.7 8.9 9.2 4H6.8l.5 4.9zM6.9 11c0 .6.5 1.1 1.1 1.1s1.1-.4 1.1-1.1c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1", clipRule: "evenodd" }));
|
|
8
8
|
export {
|
|
9
9
|
n as default
|
|
10
10
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const h = ({
|
|
4
|
+
title: l,
|
|
5
|
+
titleId: t,
|
|
6
|
+
...a
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M13 8h-2V2H2v12h5v2H0V0h13z" }), /* @__PURE__ */ e.createElement("path", { d: "m16 9-.502 1.708h-3.683a.33.33 0 0 0-.213.076.35.35 0 0 0-.12.2l-.136.465c-.041.13.016.239.157.239h2.557c.712 0 1.167.594.923 1.43l-.516 1.759c-.25.848-.736 1.123-1.305 1.123H8l.502-1.708h4.003a.33.33 0 0 0 .174-.071.35.35 0 0 0 .11-.156l.138-.466a.176.176 0 0 0-.078-.206.2.2 0 0 0-.074-.02h-2.548c-.78-.001-1.22-.61-.978-1.434l.544-1.852C9.975 9.466 10.413 9 11.11 9zM9 9H4V7h5zm0-3H4V4h5z" }));
|
|
8
|
+
export {
|
|
9
|
+
h as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
const a = ({
|
|
4
|
+
title: l,
|
|
5
|
+
titleId: c,
|
|
6
|
+
...t
|
|
7
|
+
}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": c, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: c }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.241 14.362V10.82a7.8 7.8 0 0 0 2.186.304q.285.002.582-.018V9.83c-2.488.15-4.14-.68-5.44-2.458-.564-.767-.99-1.184-1.273-2.073C5.5 4.5 6.75 4.739 7.5 5L6.249 6.02l.591.621c.1.105 2.39 2.436 7.655 1.887-.432 1.847-1.843 5.553-6.254 5.825m-2.269-.961c-.695-.504-2.158-1.742-3.054-3.77.273-1.27.743-2.808.743-2.808s.649 1.009 1.16 1.578c.978 1.093 1.794 1.847 2.98 2.282zm9.24-6.583c-3.653.567-5.87-.317-6.902-.925l1.215-1.32-1.284-.728c-1.07-.5-2.672-.629-4.215-.283C3.642 1.557 3.996.027 4 0H2.738c-.007.122-.426 1.872 0 4C.925 4.98.02 6.375 0 6.407l1.029 1.35c.055-.077.657-.939 1.657-1.692-.515 1.066-1.214 2.763-1.37 3.557l-.058.304.11.276c1.373 3.42 4.393 4.877 4.507 4.945l.412.232.716-1.062v1.678l.616.005h.096c5.86 0 7.918-5.407 8.188-8.284L16 6.691l-.782.123z" })));
|
|
8
|
+
export {
|
|
9
|
+
a as default
|
|
10
|
+
};
|