@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
package/chip.C7NstOHt.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import "react/jsx-runtime";
|
|
3
|
-
import "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "./chunks/translate.nuU7uChI.js";
|
|
7
|
-
import "./chunks/Icon.NSsVrYeq.js";
|
|
8
|
-
import "./tooltip.CUCSRXd3.js";
|
|
9
|
-
import { e as c } from "./chunks/Chip.BrbYu6i_.js";
|
|
10
|
-
export {
|
|
11
|
-
c as DSChip
|
|
12
|
-
};
|
package/chipgroup.Zo1-IOCn.js
DELETED
|
@@ -1,210 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as ue, jsx as ne } from "react/jsx-runtime";
|
|
3
|
-
import { useState as te, useRef as ie, useEffect as x, createElement as de } from "react";
|
|
4
|
-
import { d as fe } from "./chunks/index.CgTHIF3K.js";
|
|
5
|
-
import { c as oe } from "./chunks/index.CEyLAtio.js";
|
|
6
|
-
import { u as me } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { g as pe } from "./chunks/AriaLiveRegions.utils.Cb327d_2.js";
|
|
8
|
-
import { v as he, e as ge, a as be } from "./chunks/Chip.BrbYu6i_.js";
|
|
9
|
-
import './assets/chipgroup.BGxjdSDX.css';const ve = "ds-chip-group_label--hidden_3zmt2_1", ye = "ds-chip-group_root_3zmt2_14", re = {
|
|
10
|
-
labelHidden: ve,
|
|
11
|
-
root: ye
|
|
12
|
-
}, Me = (i) => {
|
|
13
|
-
const e = fe.c(63);
|
|
14
|
-
let d, b, p, g, c, v, S, D, E, L, I, $, y;
|
|
15
|
-
e[0] !== i ? ({
|
|
16
|
-
chips: d,
|
|
17
|
-
id: p,
|
|
18
|
-
label: g,
|
|
19
|
-
className: b,
|
|
20
|
-
disableTooltips: S,
|
|
21
|
-
hideLabel: D,
|
|
22
|
-
isRemovable: E,
|
|
23
|
-
lang: L,
|
|
24
|
-
selectionMode: I,
|
|
25
|
-
size: $,
|
|
26
|
-
translations: y,
|
|
27
|
-
onChipsChange: c,
|
|
28
|
-
...v
|
|
29
|
-
} = i, e[0] = i, e[1] = d, e[2] = b, e[3] = p, e[4] = g, e[5] = c, e[6] = v, e[7] = S, e[8] = D, e[9] = E, e[10] = L, e[11] = I, e[12] = $, e[13] = y) : (d = e[1], b = e[2], p = e[3], g = e[4], c = e[5], v = e[6], S = e[7], D = e[8], E = e[9], L = e[10], I = e[11], $ = e[12], y = e[13]);
|
|
30
|
-
const J = S === void 0 ? !1 : S, ce = D === void 0 ? !1 : D, u = E === void 0 ? !1 : E, P = L === void 0 ? "en" : L, f = I === void 0 ? "single" : I, Q = $ === void 0 ? "medium" : $;
|
|
31
|
-
process.env.NODE_ENV !== "production" && he({
|
|
32
|
-
chips: d,
|
|
33
|
-
id: p,
|
|
34
|
-
label: g
|
|
35
|
-
});
|
|
36
|
-
const [t, w] = te(null);
|
|
37
|
-
let T;
|
|
38
|
-
e[14] !== d ? (T = () => d.map(we), e[14] = d, e[15] = T) : T = e[15];
|
|
39
|
-
const [n, _] = te(T), le = ie(null), [a, W] = te();
|
|
40
|
-
let N;
|
|
41
|
-
e[16] === Symbol.for("react.memo_cache_sentinel") ? (N = [], e[16] = N) : N = e[16];
|
|
42
|
-
const A = ie(N);
|
|
43
|
-
let R, M;
|
|
44
|
-
e[17] !== d ? (M = () => {
|
|
45
|
-
_(d.map(ke));
|
|
46
|
-
}, R = [d], e[17] = d, e[18] = R, e[19] = M) : (R = e[18], M = e[19]), x(M, R);
|
|
47
|
-
let z, B;
|
|
48
|
-
e[20] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
|
|
49
|
-
be();
|
|
50
|
-
const o = () => W("keydown"), r = () => W(null), h = () => W(null);
|
|
51
|
-
return document.addEventListener("keydown", o), document.addEventListener("mousedown", r), document.addEventListener("touchstart", h), () => {
|
|
52
|
-
document.removeEventListener("keydown", o), document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", h);
|
|
53
|
-
};
|
|
54
|
-
}, B = [], e[20] = z, e[21] = B) : (z = e[20], B = e[21]), x(z, B);
|
|
55
|
-
let F;
|
|
56
|
-
e[22] !== t || e[23] !== a ? (F = () => {
|
|
57
|
-
var o;
|
|
58
|
-
t !== null && A.current[t] && a === "keydown" && ((o = A.current[t]) == null || o.focus());
|
|
59
|
-
}, e[22] = t, e[23] = a, e[24] = F) : F = e[24];
|
|
60
|
-
let G;
|
|
61
|
-
e[25] !== t ? (G = [t], e[25] = t, e[26] = G) : G = e[26], x(F, G);
|
|
62
|
-
let H;
|
|
63
|
-
e[27] !== n.length || e[28] !== t || e[29] !== a ? (H = () => {
|
|
64
|
-
a === "keydown" && t !== null && n.length > 0 && A.current.forEach((o, r) => {
|
|
65
|
-
o && (o.tabIndex = r === t ? 0 : -1, r === t && o.focus());
|
|
66
|
-
});
|
|
67
|
-
}, e[27] = n.length, e[28] = t, e[29] = a, e[30] = H) : H = e[30];
|
|
68
|
-
let V;
|
|
69
|
-
e[31] !== n ? (V = [n], e[31] = n, e[32] = V) : V = e[32], x(H, V);
|
|
70
|
-
let k, C;
|
|
71
|
-
if (e[33] !== n || e[34] !== t || e[35] !== a || e[36] !== u || e[37] !== c || e[38] !== f) {
|
|
72
|
-
C = (l) => {
|
|
73
|
-
if (t === null)
|
|
74
|
-
return;
|
|
75
|
-
let s = t;
|
|
76
|
-
e: switch (l.key) {
|
|
77
|
-
case "a": {
|
|
78
|
-
(l.metaKey || l.ctrlKey) && (l.preventDefault(), o());
|
|
79
|
-
break e;
|
|
80
|
-
}
|
|
81
|
-
case "ArrowRight":
|
|
82
|
-
case "ArrowDown": {
|
|
83
|
-
l.shiftKey && f === "multiple" && !u ? (s = t + 1 > n.length - 1 ? n.length - 1 : t + 1, t !== s ? (r(t), r(s)) : n[t].isSelected || r(t)) : (s = (t + 1) % n.length, l.preventDefault());
|
|
84
|
-
break e;
|
|
85
|
-
}
|
|
86
|
-
case "ArrowLeft":
|
|
87
|
-
case "ArrowUp": {
|
|
88
|
-
l.shiftKey && f === "multiple" && !u ? (s = t - 1 < 0 ? 0 : t - 1, t !== s ? (r(t), r(s)) : n[0].isSelected || r(0)) : (s = (t - 1 + n.length) % n.length, l.preventDefault());
|
|
89
|
-
break e;
|
|
90
|
-
}
|
|
91
|
-
case "Enter":
|
|
92
|
-
case " ": {
|
|
93
|
-
if (l.preventDefault(), u) {
|
|
94
|
-
ee(s);
|
|
95
|
-
return;
|
|
96
|
-
} else
|
|
97
|
-
h(s);
|
|
98
|
-
break e;
|
|
99
|
-
}
|
|
100
|
-
case "Backspace": {
|
|
101
|
-
u && ee(s), l.preventDefault();
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
default:
|
|
105
|
-
return;
|
|
106
|
-
}
|
|
107
|
-
w(s);
|
|
108
|
-
};
|
|
109
|
-
const o = () => {
|
|
110
|
-
if (f !== "multiple")
|
|
111
|
-
return;
|
|
112
|
-
const l = n.map(Ce);
|
|
113
|
-
_(l), K(`${l.length} items selected`), c && c(l);
|
|
114
|
-
}, r = (l) => {
|
|
115
|
-
if (u)
|
|
116
|
-
return;
|
|
117
|
-
const s = n.map(Se);
|
|
118
|
-
s[l].disabled || (s[l].isSelected = !0, K(`${s[l].label} selected, ${s.filter(De).length} items selected`), _(s), c && c(s));
|
|
119
|
-
}, h = (l) => {
|
|
120
|
-
if (u)
|
|
121
|
-
return;
|
|
122
|
-
const s = [...n];
|
|
123
|
-
s[l].disabled || (f === "single" ? s.forEach((m, q) => {
|
|
124
|
-
q === l ? (m.isSelected = !m.isSelected, K(`${m.label} ${m.isSelected ? "selected" : "not selected"}`)) : m.isSelected = !1;
|
|
125
|
-
}) : f === "multiple" && (s[l].isSelected = !s[l].isSelected, K(`${s[l].label} ${s[l].isSelected ? "selected" : "not selected"}, ${s.filter(Ee).length} items selected`)), _(s), c && c(s));
|
|
126
|
-
}, ee = (l) => {
|
|
127
|
-
var q;
|
|
128
|
-
const s = n[l], m = n.filter((se, ae) => ae !== l).map(Le);
|
|
129
|
-
if (_(m), K(`${s.label} removed, ${m.length} items remaining`), a === "keydown")
|
|
130
|
-
if (m.length > 0) {
|
|
131
|
-
const se = Math.min(l, m.length - 1);
|
|
132
|
-
w(se);
|
|
133
|
-
} else
|
|
134
|
-
(q = le.current) == null || q.focus(), w(null);
|
|
135
|
-
c && c(m);
|
|
136
|
-
};
|
|
137
|
-
k = (l) => {
|
|
138
|
-
u ? ee(l) : n[l].disabled || h(l);
|
|
139
|
-
};
|
|
140
|
-
const K = Ie;
|
|
141
|
-
e[33] = n, e[34] = t, e[35] = a, e[36] = u, e[37] = c, e[38] = f, e[39] = k, e[40] = C;
|
|
142
|
-
} else
|
|
143
|
-
k = e[39], C = e[40];
|
|
144
|
-
let j;
|
|
145
|
-
e[41] !== t ? (j = (o) => t === null || t === o ? 0 : -1, e[41] = t, e[42] = j) : j = e[42];
|
|
146
|
-
const X = j, Y = me(ce);
|
|
147
|
-
let O;
|
|
148
|
-
e[43] !== b ? (O = oe(re.root, b), e[43] = b, e[44] = O) : O = e[44];
|
|
149
|
-
const Z = O;
|
|
150
|
-
let U;
|
|
151
|
-
return e[45] !== n || e[46] !== J || e[47] !== t || e[48] !== X || e[49] !== k || e[50] !== C || e[51] !== Y || e[52] !== p || e[53] !== a || e[54] !== u || e[55] !== g || e[56] !== P || e[57] !== v || e[58] !== Z || e[59] !== f || e[60] !== Q || e[61] !== y ? (U = n.length === 0 ? null : /* @__PURE__ */ ue("div", { children: [
|
|
152
|
-
/* @__PURE__ */ ne("div", { id: p, className: oe({
|
|
153
|
-
[re.labelHidden]: Y
|
|
154
|
-
}), children: g }),
|
|
155
|
-
n.length > 0 && /* @__PURE__ */ ne("div", { ref: le, role: "grid", "aria-labelledby": p, "aria-multiselectable": f === "multiple", tabIndex: -1, onKeyDown: C, onFocus: () => {
|
|
156
|
-
t === null ? (A.current[0].focus(), a === "keydown" && w(0)) : a === "keydown" && w(t);
|
|
157
|
-
}, onBlur: () => w(null), className: Z, ...v, children: n.map((o, r) => /* @__PURE__ */ de(ge, { ...o, key: `${o.id}-${r}`, "data-focused": t === r, disableTooltips: J, groupId: p, isRemovable: u, lang: P, selectionMode: f, size: Q, tabIndex: X(r), translations: y, onClick: (h) => {
|
|
158
|
-
k(r), o.onClick && o.onClick(h);
|
|
159
|
-
}, ref: (h) => {
|
|
160
|
-
A.current[r] = h;
|
|
161
|
-
} })) })
|
|
162
|
-
] }), e[45] = n, e[46] = J, e[47] = t, e[48] = X, e[49] = k, e[50] = C, e[51] = Y, e[52] = p, e[53] = a, e[54] = u, e[55] = g, e[56] = P, e[57] = v, e[58] = Z, e[59] = f, e[60] = Q, e[61] = y, e[62] = U) : U = e[62], U;
|
|
163
|
-
};
|
|
164
|
-
function we(i) {
|
|
165
|
-
return {
|
|
166
|
-
...i
|
|
167
|
-
};
|
|
168
|
-
}
|
|
169
|
-
function ke(i) {
|
|
170
|
-
return {
|
|
171
|
-
...i
|
|
172
|
-
};
|
|
173
|
-
}
|
|
174
|
-
function Ce(i) {
|
|
175
|
-
return {
|
|
176
|
-
...i,
|
|
177
|
-
selected: !i.disabled
|
|
178
|
-
};
|
|
179
|
-
}
|
|
180
|
-
function Se(i) {
|
|
181
|
-
return {
|
|
182
|
-
...i
|
|
183
|
-
};
|
|
184
|
-
}
|
|
185
|
-
function De(i) {
|
|
186
|
-
const {
|
|
187
|
-
isSelected: e
|
|
188
|
-
} = i;
|
|
189
|
-
return e;
|
|
190
|
-
}
|
|
191
|
-
function Ee(i) {
|
|
192
|
-
const {
|
|
193
|
-
isSelected: e
|
|
194
|
-
} = i;
|
|
195
|
-
return e;
|
|
196
|
-
}
|
|
197
|
-
function Le(i) {
|
|
198
|
-
return {
|
|
199
|
-
...i
|
|
200
|
-
};
|
|
201
|
-
}
|
|
202
|
-
function Ie(i) {
|
|
203
|
-
const e = pe();
|
|
204
|
-
e && (e.innerText = i, setTimeout(() => {
|
|
205
|
-
e.innerText = "";
|
|
206
|
-
}, 350));
|
|
207
|
-
}
|
|
208
|
-
export {
|
|
209
|
-
Me as DSChipGroup
|
|
210
|
-
};
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as l, jsxs as q } from "react/jsx-runtime";
|
|
3
|
-
import { d as Se } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as W } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as ge, useRef as Ce, useState as ve, useImperativeHandle as We, useEffect as ye } from "react";
|
|
6
|
-
import { DSHeading as ke } from "../heading.BXFBZhKv.js";
|
|
7
|
-
import { D as Oe } from "./Icon.NSsVrYeq.js";
|
|
8
|
-
import { NumberIndicator as Ne } from "../numberindicator.Ddf3ESi7.js";
|
|
9
|
-
import { g as me } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/Accordion.BJb4TOG0.css';const we = "ds-accordion_details_1cikf_1", De = "ds-accordion_summary_1cikf_115", xe = "ds-accordion_summary--utility--m_1cikf_154", Ee = "ds-accordion_summary--flush_1cikf_183", Ae = "ds-accordion_summary--small_1cikf_251", Ie = "ds-accordion_summary--x-small_1cikf_255", Xe = "ds-accordion_summary-content-wrapper_1cikf_260", Fe = "ds-accordion_summary-content-wrapper--flush_1cikf_266", Te = "ds-accordion_summary-content-wrapper--chevron-left_1cikf_270", be = "ds-accordion_summary-content-wrapper--x-small_1cikf_274", Pe = "ds-accordion_heading-summary-wrapper_1cikf_278", Re = "ds-accordion_heading-summary_1cikf_278", Le = "ds-accordion_heading-summary--x-small_1cikf_288", je = "ds-accordion_hint_1cikf_292", ze = "ds-accordion_icon_1cikf_306", Me = "ds-accordion_icon--open_1cikf_317", He = "ds-accordion_icon--open-caret_1cikf_328", Ue = "ds-accordion_content-wrapper_1cikf_340", qe = "ds-accordion_content-wrapper--flush_1cikf_346", Ve = "ds-accordion_content-wrapper--small_1cikf_350", Ze = "ds-accordion_content-wrapper--x-small_1cikf_354", t = {
|
|
11
|
-
details: we,
|
|
12
|
-
summary: De,
|
|
13
|
-
summaryUtilityM: xe,
|
|
14
|
-
summaryFlush: Ee,
|
|
15
|
-
summarySmall: Ae,
|
|
16
|
-
summaryXSmall: Ie,
|
|
17
|
-
summaryContentWrapper: Xe,
|
|
18
|
-
summaryContentWrapperFlush: Fe,
|
|
19
|
-
summaryContentWrapperChevronLeft: Te,
|
|
20
|
-
summaryContentWrapperXSmall: be,
|
|
21
|
-
headingSummaryWrapper: Pe,
|
|
22
|
-
headingSummary: Re,
|
|
23
|
-
headingSummaryXSmall: Le,
|
|
24
|
-
hint: je,
|
|
25
|
-
icon: ze,
|
|
26
|
-
iconOpen: Me,
|
|
27
|
-
iconOpenCaret: He,
|
|
28
|
-
contentWrapper: Ue,
|
|
29
|
-
contentWrapperFlush: qe,
|
|
30
|
-
contentWrapperSmall: Ve,
|
|
31
|
-
contentWrapperXSmall: Ze
|
|
32
|
-
}, nt = ["medium", "small", "x-small"], st = ["chevron", "caret"], at = ["left", "right"], $e = ({
|
|
33
|
-
children: k,
|
|
34
|
-
hint: V,
|
|
35
|
-
numberIndicatorValue: e,
|
|
36
|
-
summary: s
|
|
37
|
-
}) => {
|
|
38
|
-
if (!k)
|
|
39
|
-
throw new Error(me("DSAccordion", "The component requires children to be set."));
|
|
40
|
-
if (!s)
|
|
41
|
-
throw new Error(me("DSAccordion", "The summary prop is required. Please add the summary prop to the DSAccordion component."));
|
|
42
|
-
if (V && (e || e === ""))
|
|
43
|
-
throw new Error(me("DSAccordion", "The hint and numberIndicator props cannot be used together. Please remove either the hint prop or the numberIndicatorValue prop."));
|
|
44
|
-
}, Be = ge((k, V) => {
|
|
45
|
-
const e = Se.c(73);
|
|
46
|
-
let s, m, o, r, p, n, O, N, w, D;
|
|
47
|
-
e[0] !== k ? ({
|
|
48
|
-
children: s,
|
|
49
|
-
summary: n,
|
|
50
|
-
chevronPosition: O,
|
|
51
|
-
className: m,
|
|
52
|
-
hint: o,
|
|
53
|
-
isFlush: N,
|
|
54
|
-
isOpen: w,
|
|
55
|
-
numberIndicatorValue: r,
|
|
56
|
-
size: D,
|
|
57
|
-
...p
|
|
58
|
-
} = k, e[0] = k, e[1] = s, e[2] = m, e[3] = o, e[4] = r, e[5] = p, e[6] = n, e[7] = O, e[8] = N, e[9] = w, e[10] = D) : (s = e[1], m = e[2], o = e[3], r = e[4], p = e[5], n = e[6], O = e[7], N = e[8], w = e[9], D = e[10]);
|
|
59
|
-
const pe = O === void 0 ? "right" : O, a = N === void 0 ? !1 : N, i = w === void 0 ? !1 : w, d = D === void 0 ? "medium" : D;
|
|
60
|
-
process.env.NODE_ENV !== "production" && $e({
|
|
61
|
-
children: s,
|
|
62
|
-
hint: o,
|
|
63
|
-
numberIndicatorValue: r,
|
|
64
|
-
summary: n
|
|
65
|
-
});
|
|
66
|
-
const Z = pe === "right" ? "chevron" : "caret", c = Ce(null), [de, ue] = ve(i);
|
|
67
|
-
let E;
|
|
68
|
-
e[11] === Symbol.for("react.memo_cache_sentinel") ? (E = () => c.current, e[11] = E) : E = e[11], We(V, E);
|
|
69
|
-
let A;
|
|
70
|
-
e[12] === Symbol.for("react.memo_cache_sentinel") ? (A = () => {
|
|
71
|
-
c.current && ue(c.current.open);
|
|
72
|
-
}, e[12] = A) : A = e[12];
|
|
73
|
-
let I;
|
|
74
|
-
e[13] !== i ? (I = [i], e[13] = i, e[14] = I) : I = e[14], ye(A, I);
|
|
75
|
-
let X, F;
|
|
76
|
-
e[15] === Symbol.for("react.memo_cache_sentinel") ? (X = () => {
|
|
77
|
-
var he;
|
|
78
|
-
const fe = () => {
|
|
79
|
-
c.current && ue(c.current.open);
|
|
80
|
-
};
|
|
81
|
-
return (he = c.current) == null || he.addEventListener("toggle", fe), () => {
|
|
82
|
-
var _e;
|
|
83
|
-
(_e = c.current) == null || _e.removeEventListener("toggle", fe);
|
|
84
|
-
};
|
|
85
|
-
}, F = [], e[15] = X, e[16] = F) : (X = e[15], F = e[16]), ye(X, F);
|
|
86
|
-
let T, b, P;
|
|
87
|
-
const x = typeof n == "object" && n !== void 0;
|
|
88
|
-
x && ({
|
|
89
|
-
headingSize: T,
|
|
90
|
-
headingTag: b,
|
|
91
|
-
headingText: P
|
|
92
|
-
} = n);
|
|
93
|
-
let R;
|
|
94
|
-
e[17] !== m ? (R = W(t.details, m), e[17] = m, e[18] = R) : R = e[18];
|
|
95
|
-
const $ = R, B = d === "small", G = d === "x-small", J = !x;
|
|
96
|
-
let L;
|
|
97
|
-
e[19] !== a || e[20] !== B || e[21] !== G || e[22] !== J ? (L = W(t.summary, {
|
|
98
|
-
[t.summaryFlush]: a,
|
|
99
|
-
[t.summarySmall]: B,
|
|
100
|
-
[t.summaryXSmall]: G,
|
|
101
|
-
[t.summaryUtilityM]: J
|
|
102
|
-
}), e[19] = a, e[20] = B, e[21] = G, e[22] = J, e[23] = L) : L = e[23];
|
|
103
|
-
const K = L, Q = pe === "left", Y = d === "x-small";
|
|
104
|
-
let j;
|
|
105
|
-
e[24] !== a || e[25] !== Q || e[26] !== Y ? (j = W(t.summaryContentWrapper, {
|
|
106
|
-
[t.summaryContentWrapperFlush]: a,
|
|
107
|
-
[t.summaryContentWrapperChevronLeft]: Q,
|
|
108
|
-
[t.summaryContentWrapperXSmall]: Y
|
|
109
|
-
}), e[24] = a, e[25] = Q, e[26] = Y, e[27] = j) : j = e[27];
|
|
110
|
-
const ee = j, te = d === "x-small";
|
|
111
|
-
let z;
|
|
112
|
-
e[28] !== te ? (z = W(t.headingSummary, {
|
|
113
|
-
[t.headingSummaryXSmall]: te
|
|
114
|
-
}), e[28] = te, e[29] = z) : z = e[29];
|
|
115
|
-
const re = z, ne = Z === "chevron" && de, se = Z === "caret" && de;
|
|
116
|
-
let M;
|
|
117
|
-
e[30] !== ne || e[31] !== se ? (M = W(t.icon, {
|
|
118
|
-
[t.iconOpen]: ne,
|
|
119
|
-
[t.iconOpenCaret]: se
|
|
120
|
-
}), e[30] = ne, e[31] = se, e[32] = M) : M = e[32];
|
|
121
|
-
const ae = M, oe = d === "small", ce = d === "x-small";
|
|
122
|
-
let H;
|
|
123
|
-
e[33] !== a || e[34] !== oe || e[35] !== ce ? (H = W(t.contentWrapper, {
|
|
124
|
-
[t.contentWrapperFlush]: a,
|
|
125
|
-
[t.contentWrapperSmall]: oe,
|
|
126
|
-
[t.contentWrapperXSmall]: ce
|
|
127
|
-
}), e[33] = a, e[34] = oe, e[35] = ce, e[36] = H) : H = e[36];
|
|
128
|
-
const ie = H;
|
|
129
|
-
let u;
|
|
130
|
-
e[37] !== T || e[38] !== b || e[39] !== P || e[40] !== x || e[41] !== n ? (u = x ? /* @__PURE__ */ l(ke, { tag: b, size: T, children: P }) : n, e[37] = T, e[38] = b, e[39] = P, e[40] = x, e[41] = n, e[42] = u) : u = e[42];
|
|
131
|
-
let f;
|
|
132
|
-
e[43] !== r ? (f = (r || (r == null ? void 0 : r.trim()) === "") && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(Ne, { label: r }) }), e[43] = r, e[44] = f) : f = e[44];
|
|
133
|
-
let h;
|
|
134
|
-
e[45] !== re || e[46] !== u || e[47] !== f ? (h = /* @__PURE__ */ q("div", { className: re, children: [
|
|
135
|
-
u,
|
|
136
|
-
f
|
|
137
|
-
] }), e[45] = re, e[46] = u, e[47] = f, e[48] = h) : h = e[48];
|
|
138
|
-
let _;
|
|
139
|
-
e[49] !== o ? (_ = o && /* @__PURE__ */ l("div", { className: t.hint, children: o }), e[49] = o, e[50] = _) : _ = e[50];
|
|
140
|
-
let y;
|
|
141
|
-
e[51] !== h || e[52] !== _ ? (y = /* @__PURE__ */ q("div", { className: t.headingSummaryWrapper, children: [
|
|
142
|
-
h,
|
|
143
|
-
_
|
|
144
|
-
] }), e[51] = h, e[52] = _, e[53] = y) : y = e[53];
|
|
145
|
-
const le = Z === "chevron" ? "chevron-down" : "caret-right";
|
|
146
|
-
let S;
|
|
147
|
-
e[54] !== ae || e[55] !== le ? (S = /* @__PURE__ */ l(Oe, { name: le, "aria-hidden": "true", className: ae }), e[54] = ae, e[55] = le, e[56] = S) : S = e[56];
|
|
148
|
-
let g;
|
|
149
|
-
e[57] !== ee || e[58] !== y || e[59] !== S ? (g = /* @__PURE__ */ q("div", { className: ee, children: [
|
|
150
|
-
y,
|
|
151
|
-
S
|
|
152
|
-
] }), e[57] = ee, e[58] = y, e[59] = S, e[60] = g) : g = e[60];
|
|
153
|
-
let C;
|
|
154
|
-
e[61] !== K || e[62] !== g ? (C = /* @__PURE__ */ l("summary", { className: K, children: g }), e[61] = K, e[62] = g, e[63] = C) : C = e[63];
|
|
155
|
-
let v;
|
|
156
|
-
e[64] !== s || e[65] !== ie ? (v = /* @__PURE__ */ l("div", { className: ie, children: s }), e[64] = s, e[65] = ie, e[66] = v) : v = e[66];
|
|
157
|
-
let U;
|
|
158
|
-
return e[67] !== $ || e[68] !== i || e[69] !== p || e[70] !== C || e[71] !== v ? (U = /* @__PURE__ */ q("details", { ...p, ref: c, className: $, open: i, children: [
|
|
159
|
-
C,
|
|
160
|
-
v
|
|
161
|
-
] }), e[67] = $, e[68] = i, e[69] = p, e[70] = C, e[71] = v, e[72] = U) : U = e[72], U;
|
|
162
|
-
});
|
|
163
|
-
Be.displayName = "DSAccordion";
|
|
164
|
-
export {
|
|
165
|
-
nt as A,
|
|
166
|
-
at as C,
|
|
167
|
-
Be as D,
|
|
168
|
-
st as a,
|
|
169
|
-
$e as v
|
|
170
|
-
};
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as ut, jsx as H } from "react/jsx-runtime";
|
|
3
|
-
import { d as mt } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as dt } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as ft } from "react";
|
|
6
|
-
import { u as ct } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as bt } from "./Icon.NSsVrYeq.js";
|
|
8
|
-
import { DSSpinner as vt } from "../spinner.BUjhjAvw.js";
|
|
9
|
-
import { Tooltip as ht } from "../tooltip.CUCSRXd3.js";
|
|
10
|
-
import { g as _t } from "./helpers.BbWkXTr3.js";
|
|
11
|
-
import '../assets/Button.Dw8H5nFS.css';const kt = "ds-button_root_94r67_1", pt = "ds-button_root--highlight_94r67_75", Dt = "ds-button_root--dark-highlight_94r67_75", Nt = "ds-button_root--filled_94r67_151", Ot = "ds-button_root--outline_94r67_179", St = "ds-button_root--ghost_94r67_206", Ft = "ds-button_root--ghost-flush_94r67_231", yt = "ds-button_root--small_94r67_237", Gt = "ds-button_root--navigation_94r67_317", Ht = "ds-button_root--dark-filled_94r67_393", It = "ds-button_root--dark-outline_94r67_450", Bt = "ds-button_root--dark-ghost_94r67_506", Lt = "ds-button_root--dark-ghost-flush_94r67_560", Ct = "ds-button_root--icon-left_94r67_635", Tt = "ds-button_root--icon-only_94r67_638", wt = "ds-button_root--icon-only-small_94r67_647", Et = "ds-button_icon--navigation_94r67_663", At = "ds-button_icon--hidden_94r67_670", Pt = "ds-button_label--hidden_94r67_674", xt = "ds-button_label--loading_94r67_686", zt = "ds-button_loader_94r67_690", o = {
|
|
12
|
-
root: kt,
|
|
13
|
-
rootHighlight: pt,
|
|
14
|
-
rootDarkHighlight: Dt,
|
|
15
|
-
rootFilled: Nt,
|
|
16
|
-
rootOutline: Ot,
|
|
17
|
-
rootGhost: St,
|
|
18
|
-
rootGhostFlush: Ft,
|
|
19
|
-
rootSmall: yt,
|
|
20
|
-
rootNavigation: Gt,
|
|
21
|
-
rootDarkFilled: Ht,
|
|
22
|
-
rootDarkOutline: It,
|
|
23
|
-
rootDarkGhost: Bt,
|
|
24
|
-
rootDarkGhostFlush: Lt,
|
|
25
|
-
rootIconLeft: Ct,
|
|
26
|
-
rootIconOnly: Tt,
|
|
27
|
-
rootIconOnlySmall: wt,
|
|
28
|
-
iconNavigation: Et,
|
|
29
|
-
iconHidden: At,
|
|
30
|
-
labelHidden: Pt,
|
|
31
|
-
labelLoading: xt,
|
|
32
|
-
loader: zt
|
|
33
|
-
}, Wt = ["medium", "small"], Xt = ["highlight", "filled", "outline", "ghost", "navigation"], Vt = ({
|
|
34
|
-
variant: v,
|
|
35
|
-
size: k,
|
|
36
|
-
theme: t
|
|
37
|
-
}) => {
|
|
38
|
-
if (v === "navigation" && (k === "small" && console.warn(_t("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), t === "dark"))
|
|
39
|
-
throw new Error(_t("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
|
|
40
|
-
}, jt = ft((v, k) => {
|
|
41
|
-
const t = mt.c(72);
|
|
42
|
-
let c, h, u, e, r, a, _, p, D, N, O, S, F, y, G, d;
|
|
43
|
-
t[0] !== v ? ({
|
|
44
|
-
children: h,
|
|
45
|
-
aria: c,
|
|
46
|
-
className: u,
|
|
47
|
-
disabled: p,
|
|
48
|
-
hideLabel: D,
|
|
49
|
-
iconName: e,
|
|
50
|
-
iconPosition: N,
|
|
51
|
-
iconSource: r,
|
|
52
|
-
isFlush: O,
|
|
53
|
-
loading: S,
|
|
54
|
-
size: F,
|
|
55
|
-
theme: y,
|
|
56
|
-
tooltip: d,
|
|
57
|
-
variant: G,
|
|
58
|
-
onClick: a,
|
|
59
|
-
..._
|
|
60
|
-
} = v, t[0] = v, t[1] = c, t[2] = h, t[3] = u, t[4] = e, t[5] = r, t[6] = a, t[7] = _, t[8] = p, t[9] = D, t[10] = N, t[11] = O, t[12] = S, t[13] = F, t[14] = y, t[15] = G, t[16] = d) : (c = t[1], h = t[2], u = t[3], e = t[4], r = t[5], a = t[6], _ = t[7], p = t[8], D = t[9], N = t[10], O = t[11], S = t[12], F = t[13], y = t[14], G = t[15], d = t[16]);
|
|
61
|
-
const I = p === void 0 ? !1 : p, z = D === void 0 ? !1 : D, gt = N === void 0 ? "left" : N, B = O === void 0 ? !1 : O, i = S === void 0 ? !1 : S, L = F === void 0 ? "medium" : F, l = y === void 0 ? "light" : y, n = G === void 0 ? "filled" : G;
|
|
62
|
-
process.env.NODE_ENV !== "production" && Vt({
|
|
63
|
-
variant: n,
|
|
64
|
-
size: L,
|
|
65
|
-
theme: l
|
|
66
|
-
});
|
|
67
|
-
const V = n === "filled", j = n === "highlight", R = n === "outline", U = n === "ghost" && B !== !0, M = n === "navigation", Z = n === "ghost" && B === !0, $ = l === "dark" && n === "filled", q = l === "dark" && n === "highlight", J = l === "dark" && n === "outline", K = l === "dark" && n === "ghost" && B !== !0, Q = l === "dark" && n === "ghost" && B === !0, W = L === "small" || n === "navigation", X = gt === "left", Y = ct(z) && L === "medium" && n !== "navigation", tt = ct(z) && L === "small" && n !== "navigation";
|
|
68
|
-
let C;
|
|
69
|
-
t[17] !== u || t[18] !== j || t[19] !== R || t[20] !== U || t[21] !== M || t[22] !== Z || t[23] !== $ || t[24] !== q || t[25] !== J || t[26] !== K || t[27] !== Q || t[28] !== W || t[29] !== X || t[30] !== Y || t[31] !== tt || t[32] !== V ? (C = dt(o.root, u, {
|
|
70
|
-
[o.rootFilled]: V,
|
|
71
|
-
[o.rootHighlight]: j,
|
|
72
|
-
[o.rootOutline]: R,
|
|
73
|
-
[o.rootGhost]: U,
|
|
74
|
-
[o.rootNavigation]: M,
|
|
75
|
-
[o.rootGhostFlush]: Z,
|
|
76
|
-
[o.rootDarkFilled]: $,
|
|
77
|
-
[o.rootDarkHighlight]: q,
|
|
78
|
-
[o.rootDarkOutline]: J,
|
|
79
|
-
[o.rootDarkGhost]: K,
|
|
80
|
-
[o.rootDarkGhostFlush]: Q,
|
|
81
|
-
[o.rootSmall]: W,
|
|
82
|
-
[o.rootIconLeft]: X,
|
|
83
|
-
[o.rootIconOnly]: Y,
|
|
84
|
-
[o.rootIconOnlySmall]: tt
|
|
85
|
-
}), t[17] = u, t[18] = j, t[19] = R, t[20] = U, t[21] = M, t[22] = Z, t[23] = $, t[24] = q, t[25] = J, t[26] = K, t[27] = Q, t[28] = W, t[29] = X, t[30] = Y, t[31] = tt, t[32] = V, t[33] = C) : C = t[33];
|
|
86
|
-
const ot = C, nt = ct(z) && n !== "navigation";
|
|
87
|
-
let T;
|
|
88
|
-
t[34] !== i || t[35] !== nt ? (T = dt(o.label, {
|
|
89
|
-
[o.labelHidden]: nt,
|
|
90
|
-
[o.labelLoading]: i
|
|
91
|
-
}), t[34] = i, t[35] = nt, t[36] = T) : T = t[36];
|
|
92
|
-
const it = T, lt = n === "navigation";
|
|
93
|
-
let w;
|
|
94
|
-
t[37] !== i || t[38] !== lt ? (w = dt({
|
|
95
|
-
[o.iconNavigation]: lt,
|
|
96
|
-
[o.iconHidden]: i
|
|
97
|
-
}), t[37] = i, t[38] = lt, t[39] = w) : w = t[39];
|
|
98
|
-
const st = w, et = l === "light" && n === "filled" || l === "dark" && n === "outline" || l === "dark" && n === "ghost" ? "dark" : "light";
|
|
99
|
-
let E;
|
|
100
|
-
t[40] !== I || t[41] !== i || t[42] !== a ? (E = (s) => {
|
|
101
|
-
if (I || i) {
|
|
102
|
-
s.preventDefault();
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
a && a(s);
|
|
106
|
-
}, t[40] = I, t[41] = i, t[42] = a, t[43] = E) : E = t[43];
|
|
107
|
-
const rt = E, at = I || i;
|
|
108
|
-
let g;
|
|
109
|
-
t[44] !== i ? (g = i && /* @__PURE__ */ H(vt, { className: o.loader, aria: {
|
|
110
|
-
"aria-label": "Loading state"
|
|
111
|
-
} }), t[44] = i, t[45] = g) : g = t[45];
|
|
112
|
-
let m;
|
|
113
|
-
t[46] !== h || t[47] !== it ? (m = /* @__PURE__ */ H("span", { className: it, children: h }), t[46] = h, t[47] = it, t[48] = m) : m = t[48];
|
|
114
|
-
let f;
|
|
115
|
-
t[49] !== st || t[50] !== e || t[51] !== r || t[52] !== et ? (f = (e || r) && /* @__PURE__ */ H(bt, { name: e, theme: et, source: r, className: st, "aria-hidden": "true" }), t[49] = st, t[50] = e, t[51] = r, t[52] = et, t[53] = f) : f = t[53];
|
|
116
|
-
let A;
|
|
117
|
-
t[54] !== c || t[55] !== rt || t[56] !== i || t[57] !== k || t[58] !== _ || t[59] !== ot || t[60] !== at || t[61] !== g || t[62] !== m || t[63] !== f ? (A = /* @__PURE__ */ ut("button", { className: ot, type: "submit", onClick: rt, ...c, ..._, "aria-disabled": at, "aria-busy": i, ref: k, children: [
|
|
118
|
-
g,
|
|
119
|
-
m,
|
|
120
|
-
f
|
|
121
|
-
] }), t[54] = c, t[55] = rt, t[56] = i, t[57] = k, t[58] = _, t[59] = ot, t[60] = at, t[61] = g, t[62] = m, t[63] = f, t[64] = A) : A = t[64];
|
|
122
|
-
const P = A;
|
|
123
|
-
if (d) {
|
|
124
|
-
let s;
|
|
125
|
-
t[65] !== P ? (s = /* @__PURE__ */ H(ht.Anchor, { children: P }), t[65] = P, t[66] = s) : s = t[66];
|
|
126
|
-
let b;
|
|
127
|
-
t[67] !== d ? (b = /* @__PURE__ */ H(ht.Content, { children: d }), t[67] = d, t[68] = b) : b = t[68];
|
|
128
|
-
let x;
|
|
129
|
-
return t[69] !== s || t[70] !== b ? (x = /* @__PURE__ */ ut(ht, { placement: "top", tooltipOffset: 6, children: [
|
|
130
|
-
s,
|
|
131
|
-
b
|
|
132
|
-
] }), t[69] = s, t[70] = b, t[71] = x) : x = t[71], x;
|
|
133
|
-
}
|
|
134
|
-
return P;
|
|
135
|
-
});
|
|
136
|
-
jt.displayName = "DSButton";
|
|
137
|
-
export {
|
|
138
|
-
Wt as B,
|
|
139
|
-
jt as D,
|
|
140
|
-
Xt as a,
|
|
141
|
-
Vt as v
|
|
142
|
-
};
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as f, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { c as p } from "./index.CEyLAtio.js";
|
|
4
|
-
import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
|
-
import { u as A } from "./useBreakpoint.CMOR9ZOB.js";
|
|
6
|
-
import "./index.CgTHIF3K.js";
|
|
7
|
-
import { D as x } from "./Icon.NSsVrYeq.js";
|
|
8
|
-
import { D as L } from "./SystemFeedback.CyGbUCzT.js";
|
|
9
|
-
import { g as C } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U = "ds-checkbox_root--disabled_1tuqo_21", z = "ds-checkbox_checkbox_1tuqo_25", F = "ds-checkbox_icon-check_1tuqo_41", J = "ds-checkbox_icon-minus_1tuqo_42", K = "ds-checkbox_checkbox--invalid_1tuqo_66", Q = "ds-checkbox_label--hidden_1tuqo_71", R = "ds-checkbox_input_1tuqo_84", T = "ds-checkbox_label_1tuqo_71", W = "ds-checkbox_feedback_1tuqo_198", e = {
|
|
11
|
-
root: O,
|
|
12
|
-
rootDisabled: U,
|
|
13
|
-
checkbox: z,
|
|
14
|
-
iconCheck: F,
|
|
15
|
-
iconMinus: J,
|
|
16
|
-
checkboxInvalid: K,
|
|
17
|
-
labelHidden: Q,
|
|
18
|
-
input: R,
|
|
19
|
-
label: T,
|
|
20
|
-
feedback: W
|
|
21
|
-
}, X = ({
|
|
22
|
-
label: c,
|
|
23
|
-
id: a,
|
|
24
|
-
invalid: n,
|
|
25
|
-
systemFeedback: b
|
|
26
|
-
}) => {
|
|
27
|
-
if (!c)
|
|
28
|
-
throw new Error(C("DSCheckbox", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSCheckbox component. If you don't want to display a label, set hideLabel={true}.`));
|
|
29
|
-
if (b && n && !a)
|
|
30
|
-
throw new Error(C("DSCheckbox", `A unique "id" prop is required when passing in the systemFeedback prop and setting invalid to true. Please add a unique "id" prop to the DSCheckbox component with label: "${c}".`));
|
|
31
|
-
}, Y = j(({
|
|
32
|
-
label: c,
|
|
33
|
-
checkboxGroupId: a,
|
|
34
|
-
checked: n,
|
|
35
|
-
className: b,
|
|
36
|
-
defaultChecked: D = !1,
|
|
37
|
-
disabled: r = !1,
|
|
38
|
-
hideLabel: q = !1,
|
|
39
|
-
id: h,
|
|
40
|
-
indeterminate: m = !1,
|
|
41
|
-
invalid: s = !1,
|
|
42
|
-
systemFeedback: i,
|
|
43
|
-
onChange: u,
|
|
44
|
-
...N
|
|
45
|
-
}, l) => {
|
|
46
|
-
process.env.NODE_ENV !== "production" && X({
|
|
47
|
-
label: c,
|
|
48
|
-
id: h,
|
|
49
|
-
invalid: s,
|
|
50
|
-
systemFeedback: i
|
|
51
|
-
});
|
|
52
|
-
const d = B(null), [S, y] = H(D), v = A(q);
|
|
53
|
-
V(() => {
|
|
54
|
-
d && d.current && (d.current.indeterminate = m);
|
|
55
|
-
}, [m]);
|
|
56
|
-
const k = n !== void 0, w = k ? n : S, _ = `${h}-feedback`, g = [s && i && _, s && a && `${a}-feedback`].filter(Boolean).join(" ") || void 0, E = p(e.root, {
|
|
57
|
-
[e.rootDisabled]: r
|
|
58
|
-
}), I = p(e.label, {
|
|
59
|
-
// hide label only visually to keep them available for assistive technologies
|
|
60
|
-
[e.labelHidden]: v
|
|
61
|
-
}), M = p(e.checkbox, {
|
|
62
|
-
[e.checkboxInvalid]: s
|
|
63
|
-
}), P = $((o) => {
|
|
64
|
-
if (r) {
|
|
65
|
-
o.preventDefault();
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
k || y(o.target.checked), u && u(o);
|
|
69
|
-
}, [r, k, u]);
|
|
70
|
-
return /* @__PURE__ */ f("div", { className: b, children: [
|
|
71
|
-
/* @__PURE__ */ f("label", { className: E, children: [
|
|
72
|
-
/* @__PURE__ */ t("input", { id: h, type: "checkbox", className: e.input, ref: (o) => {
|
|
73
|
-
typeof l == "function" ? l(o) : l !== null && (l.current = o), d.current = o;
|
|
74
|
-
}, ...N, checked: w, disabled: r, "aria-label": c, "aria-describedby": g, "aria-invalid": s, onChange: P }),
|
|
75
|
-
/* @__PURE__ */ f("div", { className: M, children: [
|
|
76
|
-
/* @__PURE__ */ t(x, { name: "check", className: e.iconCheck, "aria-hidden": "true" }),
|
|
77
|
-
/* @__PURE__ */ t(x, { name: "minus", className: e.iconMinus, "aria-hidden": "true" })
|
|
78
|
-
] }),
|
|
79
|
-
/* @__PURE__ */ t("span", { className: I, children: c })
|
|
80
|
-
] }),
|
|
81
|
-
s && i && /* @__PURE__ */ t(L, { id: _, variant: "error", className: e.feedback, message: i })
|
|
82
|
-
] });
|
|
83
|
-
});
|
|
84
|
-
Y.displayName = "DSCheckbox";
|
|
85
|
-
export {
|
|
86
|
-
Y as D,
|
|
87
|
-
X as v
|
|
88
|
-
};
|