@stihl-design-system/components 1.0.0-RC.32 → 1.0.0-RC.35
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.Du5CT-Mt.js +12 -0
- package/actionlink.BK9CaQUY.js +12 -0
- package/{arialiveregions.Fgcshs5k.js → arialiveregions.BUVY9NpY.js} +2 -2
- package/assets/Accordion.CzBGud45.css +1 -0
- package/assets/Button.CmeGVEAY.css +1 -0
- package/assets/Checkbox.CyOw3rXI.css +1 -0
- package/assets/CustomReactSelect.BihX36Uo.css +1 -0
- package/assets/Dialog.DJkn65Es.css +1 -0
- package/assets/Drawer.x3BCQvWE.css +1 -0
- package/assets/Fieldset.Oqu7pOBv.css +1 -0
- package/assets/InputFile.D7Ihod7B.css +1 -0
- package/assets/InputNumber.z_UqRYdv.css +1 -0
- package/assets/InputPassword.DZENjxJ9.css +1 -0
- package/assets/InputSearch.GBH9Eh6F.css +1 -0
- package/assets/LinkButton.88j5ckLu.css +1 -0
- package/assets/{MegaMenu.DX9gChtY.css → MegaMenu.D5EtjFeL.css} +1 -1
- package/assets/Notification.CvohYEvT.css +1 -0
- package/assets/Select.CL0fqx7X.css +1 -0
- package/assets/Slider.DWLuIsNj.css +1 -0
- package/assets/Stepper.tXJl15yL.css +1 -0
- package/assets/{SystemFeedback.RcrPepSZ.css → SystemFeedback.PKzqnXUe.css} +1 -1
- package/assets/Textarea.B1HOakic.css +1 -0
- package/assets/Toast.CGyKXb4V.css +1 -0
- package/assets/buttonround.DBpMesfr.css +1 -0
- package/assets/input.RPDR8qdT.css +1 -0
- package/assets/step.BeLporJO.css +1 -0
- package/assets/switch.B9B-n_3y.css +1 -0
- package/{asterisk.CR60hx8S.js → asterisk.B2ih8VwF.js} +1 -1
- package/{banner.o4Etkjjo.js → banner.D-RX60nJ.js} +3 -3
- package/breadcrumb.tvMByFgp.js +11 -0
- package/button.CZupaV9L.js +12 -0
- package/buttonround.9IS0tUqw.js +96 -0
- package/checkbox.XYQI-ubx.js +12 -0
- package/checkboxgroup.CjnNJ8e6.js +9 -0
- package/chip.B-pxhsdb.js +12 -0
- package/chipgroup.cGjn4LVV.js +143 -0
- package/chunks/Accordion.CYIfNOWr.js +168 -0
- package/chunks/{ActionButton.DdDesD7K.js → ActionButton.BOYQYo5M.js} +37 -37
- package/chunks/{ActionLink.DqAsPYda.js → ActionLink.BlwvrnPN.js} +36 -36
- package/chunks/{AriaLiveRegions.utils.Cb327d_2.js → AriaLiveRegions.utils.CybNIBSa.js} +2 -2
- package/chunks/{Breadcrumb.9KinNuyQ.js → Breadcrumb.Qr6bDP2N.js} +35 -37
- package/chunks/Button.Cn5yg7dG.js +138 -0
- package/chunks/Checkbox.D5X5T6Yg.js +88 -0
- package/chunks/CheckboxGroup.CUR_0VMc.js +74 -0
- package/chunks/{Chip.BrbYu6i_.js → Chip.DIp5hdRH.js} +6 -6
- package/chunks/{CustomReactSelect.Cqq70QC0.js → CustomReactSelect.BA3hUVkh.js} +897 -878
- package/chunks/Dialog.DRk_jSj5.js +102 -0
- package/chunks/Drawer.Dj6WeUC8.js +107 -0
- package/chunks/Fieldset.C0RzpI-h.js +81 -0
- package/chunks/Header.18sOO0Gf.js +370 -0
- package/chunks/{Icon.NSsVrYeq.js → Icon.CDLyB7Pv.js} +77 -79
- package/chunks/{Input.utils.Cnnzvuk4.js → Input.utils.CL1u4Ctq.js} +30 -28
- package/chunks/InputFile.Bki3bs3U.js +236 -0
- package/chunks/InputNumber.B43cqBH0.js +242 -0
- package/chunks/InputPassword.DcdMjsXr.js +121 -0
- package/chunks/InputSearch.CJm6ph8W.js +149 -0
- package/chunks/LinkButton.C6F-yuLL.js +139 -0
- package/chunks/MegaMenu.qttkjGbD.js +188 -0
- package/chunks/NavigationTabList.G_l0GiUa.js +67 -0
- package/chunks/{NavigationTabs.DspPFHPh.js → NavigationTabs.CQxlahX1.js} +13 -14
- package/chunks/Notification.Qzz88ngL.js +91 -0
- package/chunks/Popover.D7McfVaH.js +214 -0
- package/chunks/RadioGroup.B2VCD9x-.js +106 -0
- package/chunks/Select.B0uMOSSD.js +147 -0
- package/chunks/Slider.YTIktxxD.js +306 -0
- package/chunks/Stepper.BvPmbbqw.js +152 -0
- package/chunks/{SystemFeedback.CyGbUCzT.js → SystemFeedback.CjlARKki.js} +9 -9
- package/chunks/Tabs.CoO_lrhV.js +83 -0
- package/chunks/{Text.DGWeWF1y.js → Text.DpRtTpB4.js} +3 -3
- package/chunks/Textarea.lYiPXerd.js +181 -0
- package/chunks/Toast.L5HAuEOn.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/{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/feather.l1E4nFBx.js +10 -0
- package/chunks/file-type-doc.B_RSSYbu.js +10 -0
- package/chunks/floating-ui.react.COTL3jH5.js +2984 -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.1txsny17.js +45 -0
- package/chunks/variants.-R3_RCW8.js +10 -0
- package/chunks/weight.DUPu2UT0.js +10 -0
- package/combobox.CGEDlMo0.js +71 -0
- package/components/Button/Button.d.ts +5 -0
- package/components/Button/Button.utils.d.ts +4 -5
- package/components/CheckboxGroup/CheckboxGroup.d.ts +14 -1
- package/components/ChipGroup/ChipGroup.utils.d.ts +1 -3
- package/components/Combobox/Combobox.utils.d.ts +6 -6
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +17 -2
- package/components/Fieldset/Fieldset.d.ts +14 -1
- package/components/Input/Input.d.ts +13 -0
- package/components/Input/Input.utils.d.ts +2 -2
- package/components/InputFile/InputFile.d.ts +13 -0
- package/components/InputFile/InputFile.utils.d.ts +4 -2
- package/components/{InputStepper/InputStepper.d.ts → InputNumber/InputNumber.d.ts} +21 -8
- package/components/InputNumber/InputNumber.utils.d.ts +13 -0
- package/components/InputPassword/InputPassword.d.ts +13 -0
- package/components/InputPassword/InputPassword.utils.d.ts +2 -2
- package/components/InputSearch/InputSearch.d.ts +13 -0
- package/components/InputSearch/InputSearch.utils.d.ts +2 -2
- package/components/LinkButton/LinkButton.d.ts +5 -0
- package/components/LinkButton/LinkButton.utils.d.ts +4 -5
- package/components/RadioGroup/RadioGroup.d.ts +13 -0
- package/components/Scroller/Scroller.d.ts +6 -2
- package/components/Select/Select.d.ts +13 -0
- package/components/Select/Select.utils.d.ts +2 -2
- package/components/Slider/Slider.d.ts +13 -0
- 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/Textarea/Textarea.d.ts +13 -0
- package/components/Textarea/Textarea.utils.d.ts +2 -2
- package/customreactselect.BgYf8rKE.js +15 -0
- package/dialog.Bq-ZyzR8.js +9 -0
- package/drawer.DL5UzLWf.js +9 -0
- package/fieldset.BFLW2D9H.js +12 -0
- package/{filelist.BiKMKCyg.js → filelist.BG6SGVJ8.js} +23 -24
- package/{flag.72PONA83.js → flag.CE32qHPa.js} +3 -3
- package/{floatingactionbutton.B2YChsNU.js → floatingactionbutton.B5hJ2At2.js} +5 -5
- package/header.A77yIAH3.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 +218 -206
- package/input.hBWqQr3X.js +190 -0
- package/inputfile.BSZuRujU.js +18 -0
- package/inputnumber.CA4JiUmq.js +17 -0
- package/inputnumber.d.ts +2 -0
- package/inputpassword.Cju_crMi.js +13 -0
- package/inputsearch.CU9AhVVv.js +15 -0
- package/{link.DbnvsD3j.js → link.DoiK003-.js} +5 -5
- package/linkbutton.CWco_B7v.js +12 -0
- package/{logo.C96KaG1P.js → logo.DprmD8HU.js} +3 -3
- package/{logo100years.BcB6_c-o.js → logo100years.DDzCrczW.js} +11 -11
- package/megamenu.BurL9MfF.js +12 -0
- package/navigationtablist.CkkLyHrM.js +10 -0
- package/navigationtabs.zhRZHjgs.js +9 -0
- package/notification.BiXdWNo7.js +10 -0
- package/{numberindicator.Ddf3ESi7.js → numberindicator.BdnPMogE.js} +2 -2
- package/{optioncheckbox.DqfXuPdi.js → optioncheckbox.nBVwGv6c.js} +3 -3
- package/package.json +42 -50
- package/partials/index.js +54 -48
- package/partials/lib/partials.d.ts +1 -1
- package/popover.79Voiadz.js +12 -0
- package/{radio.7_N_alaS.js → radio.DHUfSPai.js} +2 -2
- package/radiogroup.CwBh7u9L.js +11 -0
- package/scroller.IpfbFV8B.js +98 -0
- package/select.NHaEtX_u.js +14 -0
- package/{skiptocontent.BSCde5hT.js → skiptocontent.X4USTODk.js} +4 -4
- package/slider.jnNGEyBq.js +12 -0
- package/{spinner.BUjhjAvw.js → spinner.C9qCeq0R.js} +18 -18
- package/step.D5p7qppy.js +82 -0
- package/step.d.ts +6 -0
- package/stepper.DnMc4ex6.js +16 -0
- package/stepper.d.ts +2 -0
- package/styles/scss/ds/lib/ds-internal/_input.scss +12 -3
- package/styles/scss/ds/lib/ds-internal/_link-button.scss +10 -2
- package/styles/scss/ds/lib/link-button.scss +11 -3
- package/{switch.D7BCfyyZ.js → switch.Bqdyzi2E.js} +5 -5
- package/systemfeedback.O7tj1juR.js +10 -0
- package/tablist.BFE6RAPD.js +209 -0
- package/{tabpane.CB-eudyw.js → tabpane.C4nsUlwc.js} +2 -2
- package/tabs.CsOxxQyQ.js +11 -0
- package/text.cLv2PhjQ.js +10 -0
- package/textarea.C9OAAjhG.js +14 -0
- package/{title.Bz_k5Vda.js → title.DuLPB-VK.js} +2 -2
- package/toast.OBI9qnAM.js +11 -0
- package/toastmanager.CgsA-1y_.js +89 -0
- package/tooltip.Cj3AvYgB.js +177 -0
- package/topbar.CAujTZAE.js +12 -0
- package/types/icon-types.d.ts +1 -1
- package/utils/index.d.ts +1 -0
- package/utils/mergeRefs.d.ts +5 -0
- package/utils/mergeRefs.test.d.ts +1 -0
- package/utils/useIsomorphicLayoutEffect.d.ts +2 -2
- package/accordion.HfUSDwQJ.js +0 -12
- package/actionbutton.kgd0E_xF.js +0 -12
- package/actionlink.CwC42RWc.js +0 -12
- 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.DGIItWIh.css +0 -1
- package/assets/Dialog.CGAg7bnN.css +0 -1
- package/assets/Drawer.VOvWQoEr.css +0 -1
- package/assets/Fieldset.CW9dBvAo.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.DvFJk1Mi.css +0 -1
- package/assets/LinkButton.xMvg_ojf.css +0 -1
- package/assets/Notification.BOuaA5GT.css +0 -1
- package/assets/Select.C1gWF32A.css +0 -1
- package/assets/Slider.Bidyhb-B.css +0 -1
- package/assets/Textarea.Dq4rH9Tg.css +0 -1
- package/assets/Toast.CJ1zhDIT.css +0 -1
- package/assets/buttonround.Cw9hnUan.css +0 -1
- package/assets/input.CUjGh-UM.css +0 -1
- package/assets/switch.Bc9KIyw9.css +0 -1
- package/breadcrumb.BsQm0kUD.js +0 -11
- package/button.Dyy6ajX6.js +0 -13
- package/buttonround.ChKWHzsv.js +0 -96
- package/checkbox.BNnp4ztM.js +0 -12
- package/checkboxgroup.BTVnKenc.js +0 -9
- package/chip.C7NstOHt.js +0 -12
- package/chipgroup.Zo1-IOCn.js +0 -210
- package/chunks/Accordion.CnqryAUu.js +0 -170
- package/chunks/Button.Cf1CKq8N.js +0 -142
- package/chunks/Checkbox.CiwriItT.js +0 -88
- package/chunks/CheckboxGroup.Cj68J6Ee.js +0 -72
- package/chunks/Dialog.Bv7k55He.js +0 -135
- package/chunks/Drawer.BVTvx276.js +0 -140
- package/chunks/Fieldset.D7cLR5ze.js +0 -74
- package/chunks/Header.um5MlziB.js +0 -377
- package/chunks/InputFile.bVWWdePn.js +0 -220
- package/chunks/InputPassword.Da3hEKTc.js +0 -136
- package/chunks/InputSearch.GOYqFCcZ.js +0 -174
- package/chunks/InputStepper.BuhPtfl-.js +0 -268
- package/chunks/LinkButton.59oNDwPU.js +0 -132
- package/chunks/MegaMenu._o3nNDAa.js +0 -192
- package/chunks/NavigationTabList.DuT7gzhj.js +0 -57
- package/chunks/Notification.Pts2oh0R.js +0 -92
- package/chunks/Popover.BRR8YZ-P.js +0 -228
- package/chunks/RadioGroup.DeTz3c19.js +0 -104
- package/chunks/Select.D2ehd4yN.js +0 -162
- package/chunks/Slider.84lkgq3W.js +0 -292
- package/chunks/Tabs.C8ADTzJ0.js +0 -83
- package/chunks/Textarea.Cw85sxHL.js +0 -163
- package/chunks/Toast.DG3WVvau.js +0 -76
- package/chunks/file-type-doc.DlovDOBh.js +0 -10
- package/chunks/floating-ui.dom.VgHc0h4l.js +0 -989
- package/chunks/floating-ui.react.DCyAzlZ4.js +0 -2011
- 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.orZ3z8CB.js +0 -60
- package/components/InputStepper/InputStepper.utils.d.ts +0 -13
- package/customreactselect.Np-RpzvU.js +0 -14
- package/dialog.D4rcbW6A.js +0 -10
- package/drawer.BCCB3Rkj.js +0 -10
- package/fieldset.ZLs9IGpE.js +0 -11
- package/header.DUbn3BZt.js +0 -12
- package/icon.CHVAZr5T.js +0 -9
- package/input.DG20x6gh.js +0 -203
- package/inputfile.Dc56lQ4t.js +0 -17
- package/inputpassword.znFHRLsI.js +0 -13
- package/inputsearch.B1G6rfVk.js +0 -14
- package/inputstepper.d.ts +0 -2
- package/inputstepper.o6rdM_CW.js +0 -16
- package/linkbutton.DU8Ih8ZF.js +0 -12
- package/megamenu.CPH8EeFF.js +0 -12
- package/navigationtablist.C0iwsAad.js +0 -9
- package/navigationtabs.JjJtbuUe.js +0 -9
- package/notification.Ds_Q7ifk.js +0 -10
- package/popover.B72W0OvU.js +0 -12
- package/radiogroup.C_3IcNBq.js +0 -11
- package/scroller.CQxmQU6U.js +0 -123
- package/select.Ceyt-zvu.js +0 -13
- package/slider.Dq2dcziy.js +0 -11
- package/systemfeedback.CSdWOWuf.js +0 -10
- package/tablist.V7DBklhE.js +0 -256
- package/tabs.DQNLPAEN.js +0 -11
- package/text.ZOUuesnU.js +0 -10
- package/textarea.CixKeQBp.js +0 -13
- package/toast.D8QprMCa.js +0 -11
- package/toastmanager.BSVjYsg9.js +0 -116
- package/tooltip.CUCSRXd3.js +0 -191
- package/topbar.CVhJy-Br.js +0 -12
- /package/components/{InputStepper/InputStepper.test.d.ts → InputNumber/InputNumber.test.d.ts} +0 -0
- /package/components/{InputStepper/InputStepper.utils.test.d.ts → InputNumber/InputNumber.utils.test.d.ts} +0 -0
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as q, jsxs as rt } from "react/jsx-runtime";
|
|
3
|
-
import { d as ht } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as J } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as vt, useState as yt, useRef as Pt } from "react";
|
|
6
|
-
import { u as St } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { Asterisk as Dt } from "../asterisk.CR60hx8S.js";
|
|
8
|
-
import { D as Bt } from "./Button.Cf1CKq8N.js";
|
|
9
|
-
import { D as It } from "./SystemFeedback.CyGbUCzT.js";
|
|
10
|
-
import { g as ct } from "./helpers.BbWkXTr3.js";
|
|
11
|
-
import '../assets/InputPassword.124xVOiO.css';const gt = "ds-input-password_input_15c4p_1", kt = "ds-input-password_input--small_15c4p_9", Nt = "ds-input-password_input--invalid_15c4p_121", xt = "ds-input-password_input--has-action-button_15c4p_182", Ct = "ds-input-password_root_15c4p_218", Ht = "ds-input-password_hint_15c4p_227", Lt = "ds-input-password_label_15c4p_227", $t = "ds-input-password_wrapper_15c4p_231", qt = "ds-input-password_action-button_15c4p_237", At = "ds-input-password_label--hidden_15c4p_255", Tt = "ds-input-password_label--disabled_15c4p_268", Et = "ds-input-password_feedback_15c4p_288", s = {
|
|
12
|
-
input: gt,
|
|
13
|
-
inputSmall: kt,
|
|
14
|
-
inputInvalid: Nt,
|
|
15
|
-
inputHasActionButton: xt,
|
|
16
|
-
root: Ct,
|
|
17
|
-
hint: Ht,
|
|
18
|
-
label: Lt,
|
|
19
|
-
wrapper: $t,
|
|
20
|
-
actionButton: qt,
|
|
21
|
-
labelHidden: At,
|
|
22
|
-
labelDisabled: Tt,
|
|
23
|
-
feedback: Et
|
|
24
|
-
}, Vt = ({
|
|
25
|
-
id: d,
|
|
26
|
-
label: l
|
|
27
|
-
}) => {
|
|
28
|
-
if (!d)
|
|
29
|
-
throw new Error(ct("DSInputPassword", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputPassword component.'));
|
|
30
|
-
if (!l)
|
|
31
|
-
throw new Error(ct("DSInputPassword", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputPassword component. If you don't want to display a label, set hideLabel={true}.`));
|
|
32
|
-
}, Ft = vt((d, l) => {
|
|
33
|
-
const t = ht.c(82);
|
|
34
|
-
let c, n, e, r, p, a, B, I, g, k, N, x, C, u;
|
|
35
|
-
t[0] !== d ? ({
|
|
36
|
-
id: e,
|
|
37
|
-
label: r,
|
|
38
|
-
autoComplete: B,
|
|
39
|
-
className: c,
|
|
40
|
-
disabled: I,
|
|
41
|
-
hint: n,
|
|
42
|
-
hideLabel: g,
|
|
43
|
-
invalid: k,
|
|
44
|
-
readonly: N,
|
|
45
|
-
required: x,
|
|
46
|
-
togglePasswordVisibilityButtonProps: u,
|
|
47
|
-
size: C,
|
|
48
|
-
systemFeedback: a,
|
|
49
|
-
...p
|
|
50
|
-
} = d, t[0] = d, t[1] = c, t[2] = n, t[3] = e, t[4] = r, t[5] = p, t[6] = a, t[7] = B, t[8] = I, t[9] = g, t[10] = k, t[11] = N, t[12] = x, t[13] = C, t[14] = u) : (c = t[1], n = t[2], e = t[3], r = t[4], p = t[5], a = t[6], B = t[7], I = t[8], g = t[9], k = t[10], N = t[11], x = t[12], C = t[13], u = t[14]);
|
|
51
|
-
const K = B === void 0 ? "new-password" : B, i = I === void 0 ? !1 : I, pt = g === void 0 ? !1 : g, o = k === void 0 ? !1 : k, A = N === void 0 ? !1 : N, b = x === void 0 ? !1 : x, H = C === void 0 ? "medium" : C;
|
|
52
|
-
process.env.NODE_ENV !== "production" && Vt({
|
|
53
|
-
id: e,
|
|
54
|
-
label: r
|
|
55
|
-
});
|
|
56
|
-
let f;
|
|
57
|
-
t[15] !== u ? (f = u || {}, t[15] = u, t[16] = f) : f = t[16];
|
|
58
|
-
let m, L, $;
|
|
59
|
-
t[17] !== f ? ({
|
|
60
|
-
hidePasswordText: $,
|
|
61
|
-
showPasswordText: L,
|
|
62
|
-
...m
|
|
63
|
-
} = f, t[17] = f, t[18] = m, t[19] = L, t[20] = $) : (m = t[18], L = t[19], $ = t[20]);
|
|
64
|
-
const ut = $ === void 0 ? "Hide password" : $, bt = L === void 0 ? "Show password" : L, [Q, ft] = yt(!1), T = `${e}-label`, w = `${e}-feedback`, E = `${e}-hint`, mt = n ? ` ${E}` : "";
|
|
65
|
-
let V;
|
|
66
|
-
t[21] !== o || t[22] !== a || t[23] !== w ? (V = [o && a && w].filter(Boolean).join(" ") || void 0, t[21] = o, t[22] = a, t[23] = w, t[24] = V) : V = t[24];
|
|
67
|
-
const U = V, W = St(pt);
|
|
68
|
-
let F;
|
|
69
|
-
t[25] !== c ? (F = J(s.root, c), t[25] = c, t[26] = F) : F = t[26];
|
|
70
|
-
const X = F, Y = H === "small";
|
|
71
|
-
let R;
|
|
72
|
-
t[27] !== o || t[28] !== Y ? (R = J(s.input, {
|
|
73
|
-
[s.inputSmall]: Y,
|
|
74
|
-
[s.inputInvalid]: o,
|
|
75
|
-
[s.inputHasActionButton]: !0
|
|
76
|
-
}), t[27] = o, t[28] = Y, t[29] = R) : R = t[29];
|
|
77
|
-
const Z = R;
|
|
78
|
-
let j;
|
|
79
|
-
t[30] !== i || t[31] !== W ? (j = J(s.label, {
|
|
80
|
-
[s.labelHidden]: W,
|
|
81
|
-
[s.labelDisabled]: i
|
|
82
|
-
}), t[30] = i, t[31] = W, t[32] = j) : j = t[32];
|
|
83
|
-
const tt = j, et = H === "small";
|
|
84
|
-
let z;
|
|
85
|
-
t[33] !== et ? (z = J(s.actionButton, {
|
|
86
|
-
[s.actionButtonSmall]: et
|
|
87
|
-
}), t[33] = et, t[34] = z) : z = t[34];
|
|
88
|
-
const st = z, wt = Pt(null);
|
|
89
|
-
let O;
|
|
90
|
-
t[35] !== l ? (O = (dt) => {
|
|
91
|
-
wt.current = dt, typeof l == "function" ? l(dt) : l && (l.current = dt);
|
|
92
|
-
}, t[35] = l, t[36] = O) : O = t[36];
|
|
93
|
-
const ot = O;
|
|
94
|
-
let M;
|
|
95
|
-
t[37] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
|
|
96
|
-
ft(Rt);
|
|
97
|
-
}, t[37] = M) : M = t[37];
|
|
98
|
-
const _t = M;
|
|
99
|
-
let _;
|
|
100
|
-
t[38] !== b ? (_ = b && /* @__PURE__ */ q(Dt, {}), t[38] = b, t[39] = _) : _ = t[39];
|
|
101
|
-
let h;
|
|
102
|
-
t[40] !== e || t[41] !== T || t[42] !== r || t[43] !== tt || t[44] !== _ ? (h = /* @__PURE__ */ rt("label", { className: tt, id: T, htmlFor: e, children: [
|
|
103
|
-
r,
|
|
104
|
-
_
|
|
105
|
-
] }), t[40] = e, t[41] = T, t[42] = r, t[43] = tt, t[44] = _, t[45] = h) : h = t[45];
|
|
106
|
-
let v;
|
|
107
|
-
t[46] !== n || t[47] !== E ? (v = n && /* @__PURE__ */ q("div", { className: s.hint, id: E, children: n }), t[46] = n, t[47] = E, t[48] = v) : v = t[48];
|
|
108
|
-
let y;
|
|
109
|
-
t[49] !== o || t[50] !== a || t[51] !== w ? (y = o && a && /* @__PURE__ */ q(It, { className: s.feedback, message: a, variant: "error", id: w }), t[49] = o, t[50] = a, t[51] = w, t[52] = y) : y = t[52];
|
|
110
|
-
const at = `${T}${mt}`, it = Q ? "text" : "password";
|
|
111
|
-
let P;
|
|
112
|
-
t[53] !== U || t[54] !== K || t[55] !== i || t[56] !== ot || t[57] !== e || t[58] !== Z || t[59] !== o || t[60] !== A || t[61] !== b || t[62] !== p || t[63] !== at || t[64] !== it ? (P = /* @__PURE__ */ q("input", { className: Z, id: e, ...p, ref: ot, "aria-labelledby": at, "aria-describedby": U, "aria-invalid": o, "aria-disabled": A, readOnly: A, required: b, disabled: i, autoComplete: K, type: it }), t[53] = U, t[54] = K, t[55] = i, t[56] = ot, t[57] = e, t[58] = Z, t[59] = o, t[60] = A, t[61] = b, t[62] = p, t[63] = at, t[64] = it, t[65] = P) : P = t[65];
|
|
113
|
-
const lt = Q ? "eye-closed" : "eye", nt = Q ? ut : bt;
|
|
114
|
-
let S;
|
|
115
|
-
t[66] !== st || t[67] !== i || t[68] !== m || t[69] !== H || t[70] !== lt || t[71] !== nt ? (S = /* @__PURE__ */ q(Bt, { ...m, hideLabel: !0, theme: "light", iconName: lt, variant: "ghost", className: st, size: H, onClick: _t, type: "button", disabled: i, children: nt }), t[66] = st, t[67] = i, t[68] = m, t[69] = H, t[70] = lt, t[71] = nt, t[72] = S) : S = t[72];
|
|
116
|
-
let D;
|
|
117
|
-
t[73] !== P || t[74] !== S ? (D = /* @__PURE__ */ rt("div", { className: s.wrapper, children: [
|
|
118
|
-
P,
|
|
119
|
-
S
|
|
120
|
-
] }), t[73] = P, t[74] = S, t[75] = D) : D = t[75];
|
|
121
|
-
let G;
|
|
122
|
-
return t[76] !== X || t[77] !== h || t[78] !== v || t[79] !== y || t[80] !== D ? (G = /* @__PURE__ */ rt("div", { className: X, children: [
|
|
123
|
-
h,
|
|
124
|
-
v,
|
|
125
|
-
y,
|
|
126
|
-
D
|
|
127
|
-
] }), t[76] = X, t[77] = h, t[78] = v, t[79] = y, t[80] = D, t[81] = G) : G = t[81], G;
|
|
128
|
-
});
|
|
129
|
-
Ft.displayName = "DSInputPassword";
|
|
130
|
-
function Rt(d) {
|
|
131
|
-
return !d;
|
|
132
|
-
}
|
|
133
|
-
export {
|
|
134
|
-
Ft as D,
|
|
135
|
-
Vt as v
|
|
136
|
-
};
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as L, jsxs as gt } from "react/jsx-runtime";
|
|
3
|
-
import { d as Vt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as R } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Ot, useState as $t, useRef as Et, useEffect as kt } from "react";
|
|
6
|
-
import { g as Nt, a as qt } from "./helpers.BbWkXTr3.js";
|
|
7
|
-
import { u as xt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import { Asterisk as Ft } from "../asterisk.CR60hx8S.js";
|
|
9
|
-
import { D as At } from "./Button.Cf1CKq8N.js";
|
|
10
|
-
import { D as Rt } from "./SystemFeedback.CyGbUCzT.js";
|
|
11
|
-
import '../assets/InputSearch.Bkg-1urJ.css';const Tt = "ds-input-search_root_12yjy_1", zt = "ds-input-search_input_12yjy_5", Mt = "ds-input-search_input--small_12yjy_13", Wt = "ds-input-search_input--invalid_12yjy_125", Gt = "ds-input-search_input--has-action-button_12yjy_186", Jt = "ds-input-search_input--has-second-action-button_12yjy_189", Kt = "ds-input-search_hint_12yjy_231", Qt = "ds-input-search_label_12yjy_231", Ut = "ds-input-search_wrapper_12yjy_235", Xt = "ds-input-search_action-button_12yjy_241", Yt = "ds-input-search_second-action-button_12yjy_245", Zt = "ds-input-search_label--hidden_12yjy_263", te = "ds-input-search_label--disabled_12yjy_276", ee = "ds-input-search_feedback_12yjy_296", s = {
|
|
12
|
-
root: Tt,
|
|
13
|
-
input: zt,
|
|
14
|
-
inputSmall: Mt,
|
|
15
|
-
inputInvalid: Wt,
|
|
16
|
-
inputHasActionButton: Gt,
|
|
17
|
-
inputHasSecondActionButton: Jt,
|
|
18
|
-
hint: Kt,
|
|
19
|
-
label: Qt,
|
|
20
|
-
wrapper: Ut,
|
|
21
|
-
actionButton: Xt,
|
|
22
|
-
secondActionButton: Yt,
|
|
23
|
-
labelHidden: Zt,
|
|
24
|
-
labelDisabled: te,
|
|
25
|
-
feedback: ee
|
|
26
|
-
}, se = ({
|
|
27
|
-
id: a,
|
|
28
|
-
label: i
|
|
29
|
-
}) => {
|
|
30
|
-
if (!a)
|
|
31
|
-
throw new Error(Nt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
|
|
32
|
-
if (!i)
|
|
33
|
-
throw new Error(Nt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
|
|
34
|
-
}, ne = (a) => !!qt(a, "form"), ae = Ot((a, i) => {
|
|
35
|
-
const t = Vt.c(103);
|
|
36
|
-
let l, d, e, b, f, m, y, c, H, P, V, O, $, q, x, p;
|
|
37
|
-
t[0] !== a ? ({
|
|
38
|
-
id: e,
|
|
39
|
-
label: b,
|
|
40
|
-
className: l,
|
|
41
|
-
clearButtonLabel: H,
|
|
42
|
-
disabled: P,
|
|
43
|
-
hint: d,
|
|
44
|
-
hideLabel: V,
|
|
45
|
-
invalid: O,
|
|
46
|
-
readonly: $,
|
|
47
|
-
required: q,
|
|
48
|
-
size: x,
|
|
49
|
-
systemFeedback: c,
|
|
50
|
-
value: p,
|
|
51
|
-
submitButtonProps: y,
|
|
52
|
-
onChange: f,
|
|
53
|
-
...m
|
|
54
|
-
} = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = b, t[5] = f, t[6] = m, t[7] = y, t[8] = c, t[9] = H, t[10] = P, t[11] = V, t[12] = O, t[13] = $, t[14] = q, t[15] = x, t[16] = p) : (l = t[1], d = t[2], e = t[3], b = t[4], f = t[5], m = t[6], y = t[7], c = t[8], H = t[9], P = t[10], V = t[11], O = t[12], $ = t[13], q = t[14], x = t[15], p = t[16]);
|
|
55
|
-
const lt = H === void 0 ? "Clear search field" : H, o = P === void 0 ? !1 : P, Ct = V === void 0 ? !1 : V, n = O === void 0 ? !1 : O, r = $ === void 0 ? !1 : $, _ = q === void 0 ? !1 : q, u = x === void 0 ? "medium" : x;
|
|
56
|
-
process.env.NODE_ENV !== "production" && se({
|
|
57
|
-
id: e,
|
|
58
|
-
label: b
|
|
59
|
-
});
|
|
60
|
-
let v;
|
|
61
|
-
t[17] !== y ? (v = y || {}, t[17] = y, t[18] = v) : v = t[18];
|
|
62
|
-
let S, B, F;
|
|
63
|
-
t[19] !== v ? ({
|
|
64
|
-
label: F,
|
|
65
|
-
onClick: S,
|
|
66
|
-
...B
|
|
67
|
-
} = v, t[19] = v, t[20] = S, t[21] = B, t[22] = F) : (S = t[20], B = t[21], F = t[22]);
|
|
68
|
-
const ot = F === void 0 ? "Search" : F, [D, jt] = $t(p), ct = Et(null), T = Et(null);
|
|
69
|
-
let z;
|
|
70
|
-
t[23] !== i ? (z = (h) => {
|
|
71
|
-
T.current = h, typeof i == "function" ? i(h) : i && (i.current = h);
|
|
72
|
-
}, t[23] = i, t[24] = z) : z = t[24];
|
|
73
|
-
const rt = z, ut = xt(Ct);
|
|
74
|
-
let M, W;
|
|
75
|
-
t[25] !== p ? (M = () => {
|
|
76
|
-
jt(p);
|
|
77
|
-
}, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), kt(M, W);
|
|
78
|
-
let G;
|
|
79
|
-
t[28] !== e ? (G = () => {
|
|
80
|
-
ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(Nt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
|
|
81
|
-
}, t[28] = e, t[29] = G) : G = t[29];
|
|
82
|
-
let J;
|
|
83
|
-
t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], kt(G, J);
|
|
84
|
-
const K = `${e}-label`, I = `${e}-feedback`, Q = `${e}-hint`, Lt = d ? ` ${Q}` : "";
|
|
85
|
-
let U;
|
|
86
|
-
t[31] !== n || t[32] !== c || t[33] !== I ? (U = [n && c && I].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = I, t[34] = U) : U = t[34];
|
|
87
|
-
const dt = U, X = D !== "" && D !== void 0 && D !== null;
|
|
88
|
-
let Y;
|
|
89
|
-
t[35] !== l ? (Y = R(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
|
|
90
|
-
const pt = Y, ht = u === "small", bt = X && !r && !o;
|
|
91
|
-
let Z;
|
|
92
|
-
t[37] !== n || t[38] !== ht || t[39] !== bt ? (Z = R(s.input, {
|
|
93
|
-
[s.inputSmall]: ht,
|
|
94
|
-
[s.inputInvalid]: n,
|
|
95
|
-
[s.inputHasActionButton]: !0,
|
|
96
|
-
[s.inputHasSecondActionButton]: bt
|
|
97
|
-
}), t[37] = n, t[38] = ht, t[39] = bt, t[40] = Z) : Z = t[40];
|
|
98
|
-
const ft = Z;
|
|
99
|
-
let tt;
|
|
100
|
-
t[41] !== o || t[42] !== ut ? (tt = R(s.label, {
|
|
101
|
-
[s.labelHidden]: ut,
|
|
102
|
-
[s.labelDisabled]: o
|
|
103
|
-
}), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
|
|
104
|
-
const mt = tt, yt = u === "small";
|
|
105
|
-
let et;
|
|
106
|
-
t[44] !== yt ? (et = R(s.actionButton, {
|
|
107
|
-
[s.actionButtonSmall]: yt
|
|
108
|
-
}), t[44] = yt, t[45] = et) : et = t[45];
|
|
109
|
-
const _t = et, vt = u === "small";
|
|
110
|
-
let st;
|
|
111
|
-
t[46] !== vt ? (st = R(s.secondActionButton, {
|
|
112
|
-
[s.secondActionButtonSmall]: vt
|
|
113
|
-
}), t[46] = vt, t[47] = st) : st = t[47];
|
|
114
|
-
const St = st, Ht = ie;
|
|
115
|
-
let nt;
|
|
116
|
-
t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
|
|
117
|
-
var wt;
|
|
118
|
-
if (!T.current)
|
|
119
|
-
return;
|
|
120
|
-
Ht(T.current, "");
|
|
121
|
-
const h = new Event("change", {
|
|
122
|
-
bubbles: !0
|
|
123
|
-
});
|
|
124
|
-
(wt = T.current) == null || wt.dispatchEvent(h);
|
|
125
|
-
}, t[48] = nt) : nt = t[48];
|
|
126
|
-
const Pt = nt;
|
|
127
|
-
let at;
|
|
128
|
-
t[49] !== f ? (at = (h) => {
|
|
129
|
-
jt(h.target.value), f && f(h);
|
|
130
|
-
}, t[49] = f, t[50] = at) : at = t[50];
|
|
131
|
-
const Bt = at;
|
|
132
|
-
let g;
|
|
133
|
-
t[51] !== _ ? (g = _ && /* @__PURE__ */ L(Ft, {}), t[51] = _, t[52] = g) : g = t[52];
|
|
134
|
-
let N;
|
|
135
|
-
t[53] !== e || t[54] !== K || t[55] !== b || t[56] !== mt || t[57] !== g ? (N = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
|
|
136
|
-
b,
|
|
137
|
-
g
|
|
138
|
-
] }), t[53] = e, t[54] = K, t[55] = b, t[56] = mt, t[57] = g, t[58] = N) : N = t[58];
|
|
139
|
-
let j;
|
|
140
|
-
t[59] !== d || t[60] !== Q ? (j = d && /* @__PURE__ */ L("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = j) : j = t[61];
|
|
141
|
-
let w;
|
|
142
|
-
t[62] !== n || t[63] !== c || t[64] !== I ? (w = n && c && /* @__PURE__ */ L(Rt, { className: s.feedback, message: c, variant: "error", id: I }), t[62] = n, t[63] = c, t[64] = I, t[65] = w) : w = t[65];
|
|
143
|
-
const Dt = `${K}${Lt}`;
|
|
144
|
-
let E;
|
|
145
|
-
t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== Bt || t[70] !== e || t[71] !== ft || t[72] !== D || t[73] !== n || t[74] !== r || t[75] !== _ || t[76] !== m || t[77] !== Dt ? (E = /* @__PURE__ */ L("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Dt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: _, disabled: o, type: "search", value: D, onChange: Bt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = Bt, t[70] = e, t[71] = ft, t[72] = D, t[73] = n, t[74] = r, t[75] = _, t[76] = m, t[77] = Dt, t[78] = E) : E = t[78];
|
|
146
|
-
let k;
|
|
147
|
-
t[79] !== St || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (k = X && !r && !o && /* @__PURE__ */ L(At, { hideLabel: !0, theme: "light", iconName: "cross", className: St, variant: "ghost", size: u, onClick: Pt, type: "button", tabIndex: -1, children: lt }), t[79] = St, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = k) : k = t[85];
|
|
148
|
-
const It = o || r;
|
|
149
|
-
let A;
|
|
150
|
-
t[86] !== S || t[87] !== B || t[88] !== u || t[89] !== _t || t[90] !== ot || t[91] !== It ? (A = /* @__PURE__ */ L(At, { ...B, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: _t, variant: "ghost", size: u, onClick: S, type: "submit", disabled: It, children: ot }), t[86] = S, t[87] = B, t[88] = u, t[89] = _t, t[90] = ot, t[91] = It, t[92] = A) : A = t[92];
|
|
151
|
-
let C;
|
|
152
|
-
t[93] !== E || t[94] !== k || t[95] !== A ? (C = /* @__PURE__ */ gt("div", { className: s.wrapper, children: [
|
|
153
|
-
E,
|
|
154
|
-
k,
|
|
155
|
-
A
|
|
156
|
-
] }), t[93] = E, t[94] = k, t[95] = A, t[96] = C) : C = t[96];
|
|
157
|
-
let it;
|
|
158
|
-
return t[97] !== pt || t[98] !== N || t[99] !== j || t[100] !== w || t[101] !== C ? (it = /* @__PURE__ */ gt("div", { className: pt, ref: ct, children: [
|
|
159
|
-
N,
|
|
160
|
-
j,
|
|
161
|
-
w,
|
|
162
|
-
C
|
|
163
|
-
] }), t[97] = pt, t[98] = N, t[99] = j, t[100] = w, t[101] = C, t[102] = it) : it = t[102], it;
|
|
164
|
-
});
|
|
165
|
-
ae.displayName = "DSInputSearch";
|
|
166
|
-
function ie(a, i) {
|
|
167
|
-
const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
|
|
168
|
-
l != null && l.set ? l.set.call(a, i) : a.value = i;
|
|
169
|
-
}
|
|
170
|
-
export {
|
|
171
|
-
ae as D,
|
|
172
|
-
ne as i,
|
|
173
|
-
se as v
|
|
174
|
-
};
|
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as I, jsxs as bt } from "react/jsx-runtime";
|
|
3
|
-
import { d as Rt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as C } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as kt, useState as Ae, useRef as _t, useEffect as vt } from "react";
|
|
6
|
-
import { h as Ct } from "./has-window.ut_-aShB.js";
|
|
7
|
-
import { u as Ft } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import { u as St } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
-
import { Asterisk as Pt } from "../asterisk.CR60hx8S.js";
|
|
10
|
-
import { D as It } from "./Button.Cf1CKq8N.js";
|
|
11
|
-
import { M as ht, a as xt } from "./Input.utils.Cnnzvuk4.js";
|
|
12
|
-
import { D as $t } from "./SystemFeedback.CyGbUCzT.js";
|
|
13
|
-
import { g as Ke } from "./helpers.BbWkXTr3.js";
|
|
14
|
-
import '../assets/InputStepper.DvFJk1Mi.css';const Vt = "ds-input-stepper_input_93jvc_1", Ht = "ds-input-stepper_input--small_93jvc_9", Tt = "ds-input-stepper_input--invalid_93jvc_121", qt = "ds-input-stepper_input--has-affix_93jvc_197", Wt = "ds-input-stepper_input--is-ready_93jvc_211", Mt = "ds-input-stepper_root_93jvc_222", Xt = "ds-input-stepper_hint_93jvc_231", zt = "ds-input-stepper_label_93jvc_231", Gt = "ds-input-stepper_wrapper_93jvc_235", Ot = "ds-input-stepper_affix_93jvc_241", Ut = "ds-input-stepper_affix--small_93jvc_262", Jt = "ds-input-stepper_prefix_93jvc_275", Kt = "ds-input-stepper_suffix_93jvc_281", Qt = "ds-input-stepper_affix--disabled_93jvc_287", Yt = "ds-input-stepper_affix--readonly_93jvc_298", Zt = "ds-input-stepper_action-button_93jvc_334", en = "ds-input-stepper_label--hidden_93jvc_352", tn = "ds-input-stepper_label--disabled_93jvc_365", nn = "ds-input-stepper_feedback_93jvc_385", sn = "ds-input-stepper_second-action-button_93jvc_399", ln = "ds-input-stepper_value-announcer_93jvc_403", t = {
|
|
15
|
-
input: Vt,
|
|
16
|
-
inputSmall: Ht,
|
|
17
|
-
inputInvalid: Tt,
|
|
18
|
-
inputHasAffix: qt,
|
|
19
|
-
inputIsReady: Wt,
|
|
20
|
-
root: Mt,
|
|
21
|
-
hint: Xt,
|
|
22
|
-
label: zt,
|
|
23
|
-
wrapper: Gt,
|
|
24
|
-
affix: Ot,
|
|
25
|
-
affixSmall: Ut,
|
|
26
|
-
prefix: Jt,
|
|
27
|
-
suffix: Kt,
|
|
28
|
-
affixDisabled: Qt,
|
|
29
|
-
affixReadonly: Yt,
|
|
30
|
-
actionButton: Zt,
|
|
31
|
-
labelHidden: en,
|
|
32
|
-
labelDisabled: tn,
|
|
33
|
-
feedback: nn,
|
|
34
|
-
secondActionButton: sn,
|
|
35
|
-
valueAnnouncer: ln
|
|
36
|
-
}, At = (m) => m != null && m !== "", an = ({
|
|
37
|
-
id: m,
|
|
38
|
-
label: A,
|
|
39
|
-
prefix: e,
|
|
40
|
-
suffix: b
|
|
41
|
-
}) => {
|
|
42
|
-
if (!m)
|
|
43
|
-
throw new Error(Ke("DSInputStepper", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputStepper component.'));
|
|
44
|
-
if (!A)
|
|
45
|
-
throw new Error(Ke("DSInputStepper", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputStepper component. If you don't want to display a label, set hideLabel={true}.`));
|
|
46
|
-
e && e.length > ht && console.warn(Ke("DSInputStepper", `Prefix length must not exceed ${ht} characters.`)), b && b.length > xt && console.warn(Ke("DSInputStepper", `Suffix length must not exceed ${xt} characters.`));
|
|
47
|
-
}, on = kt((m, A) => {
|
|
48
|
-
const e = Rt.c(201);
|
|
49
|
-
let b, F, v, l, P, h, x, i, D, a, f, ie, ae, oe, re, ce, ue, de, pe, fe, me, g;
|
|
50
|
-
e[0] !== m ? ({
|
|
51
|
-
id: l,
|
|
52
|
-
label: h,
|
|
53
|
-
announcementText: ie,
|
|
54
|
-
className: b,
|
|
55
|
-
disabled: oe,
|
|
56
|
-
decreaseAmountButtonProps: F,
|
|
57
|
-
hint: v,
|
|
58
|
-
hideLabel: re,
|
|
59
|
-
invalid: ce,
|
|
60
|
-
increaseAmountButtonProps: P,
|
|
61
|
-
prefix: i,
|
|
62
|
-
max: ue,
|
|
63
|
-
min: de,
|
|
64
|
-
readonly: pe,
|
|
65
|
-
required: fe,
|
|
66
|
-
size: me,
|
|
67
|
-
step: ae,
|
|
68
|
-
suffix: a,
|
|
69
|
-
systemFeedback: f,
|
|
70
|
-
value: g,
|
|
71
|
-
onChange: x,
|
|
72
|
-
...D
|
|
73
|
-
} = m, e[0] = m, e[1] = b, e[2] = F, e[3] = v, e[4] = l, e[5] = P, e[6] = h, e[7] = x, e[8] = i, e[9] = D, e[10] = a, e[11] = f, e[12] = ie, e[13] = ae, e[14] = oe, e[15] = re, e[16] = ce, e[17] = ue, e[18] = de, e[19] = pe, e[20] = fe, e[21] = me, e[22] = g) : (b = e[1], F = e[2], v = e[3], l = e[4], P = e[5], h = e[6], x = e[7], i = e[8], D = e[9], a = e[10], f = e[11], ie = e[12], ae = e[13], oe = e[14], re = e[15], ce = e[16], ue = e[17], de = e[18], pe = e[19], fe = e[20], me = e[21], g = e[22]);
|
|
74
|
-
const be = ie === void 0 ? "Value changed to" : ie, s = oe === void 0 ? !1 : oe, Dt = re === void 0 ? !1 : re, r = ce === void 0 ? !1 : ce, j = ue === void 0 ? 100 : ue, N = de === void 0 ? 0 : de, u = pe === void 0 ? !1 : pe, B = fe === void 0 ? !1 : fe, n = me === void 0 ? "medium" : me, _e = ae === void 0 ? 1 : ae;
|
|
75
|
-
process.env.NODE_ENV !== "production" && an({
|
|
76
|
-
id: l,
|
|
77
|
-
label: h,
|
|
78
|
-
prefix: i,
|
|
79
|
-
suffix: a
|
|
80
|
-
});
|
|
81
|
-
let $;
|
|
82
|
-
e[23] !== F ? ($ = F || {}, e[23] = F, e[24] = $) : $ = e[24];
|
|
83
|
-
let V, H, ve;
|
|
84
|
-
e[25] !== $ ? ({
|
|
85
|
-
label: ve,
|
|
86
|
-
tooltip: V,
|
|
87
|
-
...H
|
|
88
|
-
} = $, e[25] = $, e[26] = V, e[27] = H, e[28] = ve) : (V = e[26], H = e[27], ve = e[28]);
|
|
89
|
-
const Qe = ve === void 0 ? "Decrease" : ve;
|
|
90
|
-
let T;
|
|
91
|
-
e[29] !== P ? (T = P || {}, e[29] = P, e[30] = T) : T = e[30];
|
|
92
|
-
let q, W, he;
|
|
93
|
-
e[31] !== T ? ({
|
|
94
|
-
label: he,
|
|
95
|
-
tooltip: q,
|
|
96
|
-
...W
|
|
97
|
-
} = T, e[31] = T, e[32] = q, e[33] = W, e[34] = he) : (q = e[32], W = e[33], he = e[34]);
|
|
98
|
-
const Ye = he === void 0 ? "Increase" : he, [xe, gt] = Ae(!1), [d, Ze] = Ae(g), [y, yt] = Ae(""), [et, jt] = Ae(!1);
|
|
99
|
-
let De;
|
|
100
|
-
e[35] === Symbol.for("react.memo_cache_sentinel") ? (De = {}, e[35] = De) : De = e[35];
|
|
101
|
-
const [ye, Nt] = Ae(De), S = _t(null);
|
|
102
|
-
let ge;
|
|
103
|
-
e[36] !== A ? (ge = (o) => {
|
|
104
|
-
S.current = o, typeof A == "function" ? A(o) : A && (A.current = o);
|
|
105
|
-
}, e[36] = A, e[37] = ge) : ge = e[37];
|
|
106
|
-
const Se = ge;
|
|
107
|
-
let je;
|
|
108
|
-
e[38] !== i ? (je = i == null ? void 0 : i.substring(0, ht), e[38] = i, e[39] = je) : je = e[39];
|
|
109
|
-
const tt = je, nt = _t(null);
|
|
110
|
-
let Ne;
|
|
111
|
-
e[40] !== a ? (Ne = a == null ? void 0 : a.substring(0, xt), e[40] = a, e[41] = Ne) : Ne = e[41];
|
|
112
|
-
const st = Ne, lt = _t(null), Ie = Ft(Dt);
|
|
113
|
-
let Be, we;
|
|
114
|
-
e[42] !== g ? (Be = () => {
|
|
115
|
-
Ze(g);
|
|
116
|
-
}, we = [g], e[42] = g, e[43] = Be, e[44] = we) : (Be = e[43], we = e[44]), vt(Be, we);
|
|
117
|
-
let Le, Ee;
|
|
118
|
-
e[45] !== y ? (Le = () => {
|
|
119
|
-
if (y) {
|
|
120
|
-
const o = setTimeout(() => {
|
|
121
|
-
yt("");
|
|
122
|
-
}, 3e3);
|
|
123
|
-
return () => clearTimeout(o);
|
|
124
|
-
}
|
|
125
|
-
}, Ee = [y], e[45] = y, e[46] = Le, e[47] = Ee) : (Le = e[46], Ee = e[47]), vt(Le, Ee);
|
|
126
|
-
let Re, ke;
|
|
127
|
-
e[48] === Symbol.for("react.memo_cache_sentinel") ? (Re = () => {
|
|
128
|
-
var _;
|
|
129
|
-
const o = rn;
|
|
130
|
-
return (_ = S.current) == null || _.addEventListener("wheel", o, {
|
|
131
|
-
passive: !1
|
|
132
|
-
}), () => {
|
|
133
|
-
var p;
|
|
134
|
-
(p = S.current) == null || p.removeEventListener("wheel", o);
|
|
135
|
-
};
|
|
136
|
-
}, ke = [], e[48] = Re, e[49] = ke) : (Re = e[48], ke = e[49]), vt(Re, ke);
|
|
137
|
-
let Ce;
|
|
138
|
-
e[50] !== n ? (Ce = () => {
|
|
139
|
-
const o = n === "medium" ? 16 : 8, _ = {};
|
|
140
|
-
if (nt.current) {
|
|
141
|
-
const p = nt.current.offsetWidth;
|
|
142
|
-
_.paddingInlineStart = o + p + "px";
|
|
143
|
-
}
|
|
144
|
-
if (lt.current) {
|
|
145
|
-
const p = lt.current.offsetWidth;
|
|
146
|
-
_.paddingInlineEnd = o + p + "px";
|
|
147
|
-
}
|
|
148
|
-
Nt(_), gt(!0);
|
|
149
|
-
}, e[50] = n, e[51] = Ce) : Ce = e[51];
|
|
150
|
-
let Fe;
|
|
151
|
-
e[52] !== et || e[53] !== i || e[54] !== n || e[55] !== a ? (Fe = [i, a, n, et], e[52] = et, e[53] = i, e[54] = n, e[55] = a, e[56] = Fe) : Fe = e[56], St(Ce, Fe);
|
|
152
|
-
let Pe, $e;
|
|
153
|
-
e[57] === Symbol.for("react.memo_cache_sentinel") ? (Pe = () => {
|
|
154
|
-
Ct && (async () => {
|
|
155
|
-
"fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), jt(!0));
|
|
156
|
-
})();
|
|
157
|
-
}, $e = [], e[57] = Pe, e[58] = $e) : (Pe = e[57], $e = e[58]), St(Pe, $e);
|
|
158
|
-
const it = n === "small";
|
|
159
|
-
let M, X, z, G, O, U, w, J, K, L, E, R, k;
|
|
160
|
-
if (e[59] !== be || e[60] !== b || e[61] !== s || e[62] !== tt || e[63] !== st || e[64] !== Se || e[65] !== Ie || e[66] !== v || e[67] !== l || e[68] !== ye || e[69] !== d || e[70] !== r || e[71] !== xe || e[72] !== h || e[73] !== j || e[74] !== N || e[75] !== x || e[76] !== i || e[77] !== u || e[78] !== B || e[79] !== D || e[80] !== n || e[81] !== _e || e[82] !== a || e[83] !== f || e[84] !== it || e[85] !== y) {
|
|
161
|
-
const o = C(t.affix, {
|
|
162
|
-
[t.affixSmall]: it,
|
|
163
|
-
[t.affixDisabled]: s,
|
|
164
|
-
[t.affixReadonly]: u
|
|
165
|
-
}), _ = `${l}-label`, p = `${l}-feedback`, He = `${l}-hint`, ne = `${l}-value-announcer`, Bt = v ? ` ${He}` : "";
|
|
166
|
-
let Te;
|
|
167
|
-
e[99] !== b ? (Te = C(t.root, b), e[99] = b, e[100] = Te) : Te = e[100];
|
|
168
|
-
const wt = Te, at = n === "small", ot = i || a;
|
|
169
|
-
let qe;
|
|
170
|
-
e[101] !== r || e[102] !== xe || e[103] !== at || e[104] !== ot ? (qe = C(t.input, {
|
|
171
|
-
[t.inputSmall]: at,
|
|
172
|
-
[t.inputInvalid]: r,
|
|
173
|
-
[t.inputHasAffix]: ot,
|
|
174
|
-
[t.inputIsReady]: xe
|
|
175
|
-
}), e[101] = r, e[102] = xe, e[103] = at, e[104] = ot, e[105] = qe) : qe = e[105];
|
|
176
|
-
const rt = qe;
|
|
177
|
-
let We;
|
|
178
|
-
e[106] !== s || e[107] !== Ie ? (We = C(t.label, {
|
|
179
|
-
[t.labelHidden]: Ie,
|
|
180
|
-
[t.labelDisabled]: s
|
|
181
|
-
}), e[106] = s, e[107] = Ie, e[108] = We) : We = e[108];
|
|
182
|
-
const ct = We, ut = n === "small";
|
|
183
|
-
let Me;
|
|
184
|
-
e[109] !== ut ? (Me = C(t.secondActionButton, {
|
|
185
|
-
[t.secondActionButtonSmall]: ut
|
|
186
|
-
}), e[109] = ut, e[110] = Me) : Me = e[110], M = Me;
|
|
187
|
-
const dt = n === "small";
|
|
188
|
-
let Xe;
|
|
189
|
-
e[111] !== dt ? (Xe = C(t.actionButton, {
|
|
190
|
-
[t.actionButtonSmall]: dt
|
|
191
|
-
}), e[111] = dt, e[112] = Xe) : Xe = e[112], G = Xe;
|
|
192
|
-
let ze;
|
|
193
|
-
e[113] !== r || e[114] !== f || e[115] !== p || e[116] !== ne ? (ze = () => {
|
|
194
|
-
const c = [ne];
|
|
195
|
-
return r && f && c.push(p), c.join(" ");
|
|
196
|
-
}, e[113] = r, e[114] = f, e[115] = p, e[116] = ne, e[117] = ze) : ze = e[117];
|
|
197
|
-
const Lt = ze;
|
|
198
|
-
let Ge;
|
|
199
|
-
e[118] !== be ? (Ge = () => {
|
|
200
|
-
var c;
|
|
201
|
-
if (S.current) {
|
|
202
|
-
Ze(S.current.value);
|
|
203
|
-
const Et = new Event("change", {
|
|
204
|
-
bubbles: !0
|
|
205
|
-
});
|
|
206
|
-
(c = S.current) == null || c.dispatchEvent(Et), yt(`${be} ${S.current.value}`);
|
|
207
|
-
}
|
|
208
|
-
}, e[118] = be, e[119] = Ge) : Ge = e[119];
|
|
209
|
-
const se = Ge;
|
|
210
|
-
let Oe;
|
|
211
|
-
e[120] !== se ? (Oe = () => {
|
|
212
|
-
var c;
|
|
213
|
-
(c = S.current) == null || c.stepDown(), se();
|
|
214
|
-
}, e[120] = se, e[121] = Oe) : Oe = e[121], X = Oe;
|
|
215
|
-
let Ue;
|
|
216
|
-
e[122] !== se ? (Ue = () => {
|
|
217
|
-
var c;
|
|
218
|
-
(c = S.current) == null || c.stepUp(), se();
|
|
219
|
-
}, e[122] = se, e[123] = Ue) : Ue = e[123], z = Ue;
|
|
220
|
-
let Je;
|
|
221
|
-
e[124] !== x ? (Je = (c) => {
|
|
222
|
-
Ze(c.target.value), x && x(c);
|
|
223
|
-
}, e[124] = x, e[125] = Je) : Je = e[125];
|
|
224
|
-
const pt = Je;
|
|
225
|
-
K = wt;
|
|
226
|
-
let le;
|
|
227
|
-
e[126] !== B ? (le = B && /* @__PURE__ */ I(Pt, {}), e[126] = B, e[127] = le) : le = e[127], e[128] !== l || e[129] !== _ || e[130] !== h || e[131] !== ct || e[132] !== le ? (L = /* @__PURE__ */ bt("label", { className: ct, id: _, htmlFor: l, children: [
|
|
228
|
-
h,
|
|
229
|
-
le
|
|
230
|
-
] }), e[128] = l, e[129] = _, e[130] = h, e[131] = ct, e[132] = le, e[133] = L) : L = e[133], e[134] !== v || e[135] !== He ? (E = v && /* @__PURE__ */ I("div", { className: t.hint, id: He, children: v }), e[134] = v, e[135] = He, e[136] = E) : E = e[136], e[137] !== y || e[138] !== ne ? (R = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: ne, children: y }), e[137] = y, e[138] = ne, e[139] = R) : R = e[139], e[140] !== r || e[141] !== f || e[142] !== p ? (k = r && f && /* @__PURE__ */ I($t, { className: t.feedback, message: f, variant: "error", id: p }), e[140] = r, e[141] = f, e[142] = p, e[143] = k) : k = e[143], O = t.wrapper, U = i && /* @__PURE__ */ I("span", { className: C(o, t.prefix), ref: nt, "aria-disabled": s, children: tt });
|
|
231
|
-
const ft = `${_}${Bt}`, mt = Lt();
|
|
232
|
-
e[144] !== s || e[145] !== Se || e[146] !== pt || e[147] !== l || e[148] !== rt || e[149] !== ye || e[150] !== d || e[151] !== r || e[152] !== j || e[153] !== N || e[154] !== u || e[155] !== B || e[156] !== D || e[157] !== _e || e[158] !== ft || e[159] !== mt ? (w = /* @__PURE__ */ I("input", { className: rt, id: l, ...D, style: ye, ref: Se, "aria-labelledby": ft, "aria-describedby": mt, "aria-invalid": r, "aria-disabled": u, disabled: s, min: N, max: j, readOnly: u, required: B, step: _e, type: "number", value: d, onChange: pt }), e[144] = s, e[145] = Se, e[146] = pt, e[147] = l, e[148] = rt, e[149] = ye, e[150] = d, e[151] = r, e[152] = j, e[153] = N, e[154] = u, e[155] = B, e[156] = D, e[157] = _e, e[158] = ft, e[159] = mt, e[160] = w) : w = e[160], J = a && /* @__PURE__ */ I("span", { className: C(o, t.suffix), ref: lt, "aria-disabled": s, children: st }), e[59] = be, e[60] = b, e[61] = s, e[62] = tt, e[63] = st, e[64] = Se, e[65] = Ie, e[66] = v, e[67] = l, e[68] = ye, e[69] = d, e[70] = r, e[71] = xe, e[72] = h, e[73] = j, e[74] = N, e[75] = x, e[76] = i, e[77] = u, e[78] = B, e[79] = D, e[80] = n, e[81] = _e, e[82] = a, e[83] = f, e[84] = it, e[85] = y, e[86] = M, e[87] = X, e[88] = z, e[89] = G, e[90] = O, e[91] = U, e[92] = w, e[93] = J, e[94] = K, e[95] = L, e[96] = E, e[97] = R, e[98] = k;
|
|
233
|
-
} else
|
|
234
|
-
M = e[86], X = e[87], z = e[88], G = e[89], O = e[90], U = e[91], w = e[92], J = e[93], K = e[94], L = e[95], E = e[96], R = e[97], k = e[98];
|
|
235
|
-
let Q;
|
|
236
|
-
e[161] !== s || e[162] !== d || e[163] !== N || e[164] !== u ? (Q = s || u || At(d) && Number(d) <= Number(N), e[161] = s, e[162] = d, e[163] = N, e[164] = u, e[165] = Q) : Q = e[165];
|
|
237
|
-
let Y;
|
|
238
|
-
e[166] !== M || e[167] !== Qe || e[168] !== V || e[169] !== X || e[170] !== H || e[171] !== n || e[172] !== Q ? (Y = /* @__PURE__ */ I(It, { ...H, hideLabel: !0, theme: "light", iconName: "minus", variant: "filled", className: M, size: n, onClick: X, tooltip: V, disabled: Q, type: "button", children: Qe }), e[166] = M, e[167] = Qe, e[168] = V, e[169] = X, e[170] = H, e[171] = n, e[172] = Q, e[173] = Y) : Y = e[173];
|
|
239
|
-
let Z;
|
|
240
|
-
e[174] !== s || e[175] !== d || e[176] !== j || e[177] !== u ? (Z = s || u || At(d) && Number(d) >= Number(j), e[174] = s, e[175] = d, e[176] = j, e[177] = u, e[178] = Z) : Z = e[178];
|
|
241
|
-
let ee;
|
|
242
|
-
e[179] !== z || e[180] !== Ye || e[181] !== q || e[182] !== G || e[183] !== W || e[184] !== n || e[185] !== Z ? (ee = /* @__PURE__ */ I(It, { ...W, hideLabel: !0, theme: "light", iconName: "plus", variant: "filled", tooltip: q, className: G, size: n, onClick: z, disabled: Z, type: "button", children: Ye }), e[179] = z, e[180] = Ye, e[181] = q, e[182] = G, e[183] = W, e[184] = n, e[185] = Z, e[186] = ee) : ee = e[186];
|
|
243
|
-
let te;
|
|
244
|
-
e[187] !== O || e[188] !== U || e[189] !== w || e[190] !== J || e[191] !== Y || e[192] !== ee ? (te = /* @__PURE__ */ bt("div", { className: O, children: [
|
|
245
|
-
U,
|
|
246
|
-
w,
|
|
247
|
-
J,
|
|
248
|
-
Y,
|
|
249
|
-
ee
|
|
250
|
-
] }), e[187] = O, e[188] = U, e[189] = w, e[190] = J, e[191] = Y, e[192] = ee, e[193] = te) : te = e[193];
|
|
251
|
-
let Ve;
|
|
252
|
-
return e[194] !== K || e[195] !== L || e[196] !== E || e[197] !== R || e[198] !== k || e[199] !== te ? (Ve = /* @__PURE__ */ bt("div", { className: K, children: [
|
|
253
|
-
L,
|
|
254
|
-
E,
|
|
255
|
-
R,
|
|
256
|
-
k,
|
|
257
|
-
te
|
|
258
|
-
] }), e[194] = K, e[195] = L, e[196] = E, e[197] = R, e[198] = k, e[199] = te, e[200] = Ve) : Ve = e[200], Ve;
|
|
259
|
-
});
|
|
260
|
-
on.displayName = "DSInputStepper";
|
|
261
|
-
function rn(m) {
|
|
262
|
-
m.preventDefault();
|
|
263
|
-
}
|
|
264
|
-
export {
|
|
265
|
-
on as D,
|
|
266
|
-
At as i,
|
|
267
|
-
an as v
|
|
268
|
-
};
|