@stihl-design-system/components 1.0.0-RC.10 → 1.0.0-RC.12
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/README.md +0 -9
- package/{accordion.B3UkxlAZ.js → accordion.Rvtiu8Y4.js} +3 -3
- package/accordion.d.ts +1 -0
- package/arialiveregions.Cyycgs8g.js +27 -0
- package/arialiveregions.d.ts +1 -0
- package/assets/Accordion.i4k5SMQM.css +1 -0
- package/assets/CheckboxGroup.BH1Br1dg.css +1 -0
- package/assets/Chip.DSdLuzoi.css +1 -0
- package/assets/CustomReactSelect.vHt8qNKC.css +1 -0
- package/assets/Dialog.BgzebVk4.css +1 -0
- package/assets/Drawer.Bauwxrk7.css +1 -0
- package/assets/Fieldset.DOdTbb7C.css +1 -0
- package/assets/Icon.DxRSBRSL.css +1 -0
- package/assets/InputPassword.CG7Ugu73.css +1 -0
- package/assets/InputSearch.CseChMc-.css +1 -0
- package/assets/InputStepper.C0eAYr7P.css +1 -0
- package/assets/Notification.DbRapUJo.css +1 -0
- package/assets/RadioGroup.BfMo157q.css +1 -0
- package/assets/Select.D4EXgIbz.css +1 -0
- package/assets/Textarea.KJGPTYMz.css +1 -0
- package/assets/Toast.CuafTAf7.css +1 -0
- package/assets/arialiveregions.DhsijBaL.css +1 -0
- package/assets/asterisk.BfVAUBO7.css +1 -0
- package/assets/button.DF4RBeC2.css +1 -0
- package/assets/buttonround.19uK_-oO.css +1 -0
- package/assets/checkbox.ByOoFouu.css +1 -0
- package/assets/chipgroup.BzfZLbkv.css +1 -0
- package/assets/flag.B-RLcMcf.css +1 -0
- package/assets/floatingactionbutton.E9HekT6S.css +1 -0
- package/assets/heading.u4f8Mz94.css +1 -0
- package/assets/input.BAkFKPW3.css +1 -0
- package/assets/link.DDJj0D1U.css +1 -0
- package/assets/linkstandalone.DIazcjIv.css +1 -0
- package/assets/logo.CnW8alZU.css +1 -0
- package/assets/optioncheckbox.BZaWtRD7.css +1 -0
- package/assets/radio.X-RTl_jo.css +1 -0
- package/assets/skiptocontent.PTL3256m.css +1 -0
- package/assets/spinner.2iWJWKyA.css +1 -0
- package/assets/switch.gw6aa3kx.css +1 -0
- package/assets/systemfeedback.BPz5YlPC.css +1 -0
- package/assets/text.DjTG_qNb.css +1 -0
- package/assets/title.rosWPEG3.css +1 -0
- package/asterisk.DpzETKdT.js +8 -0
- package/asterisk.d.ts +1 -0
- package/button.M4nXjcUn.js +135 -0
- package/button.d.ts +1 -0
- package/buttonround.E56F_805.js +118 -0
- package/buttonround.d.ts +1 -0
- package/checkbox.Cb2_ey6U.js +111 -0
- package/checkbox.d.ts +1 -0
- package/checkboxgroup.DBDmB-zR.js +8 -0
- package/checkboxgroup.d.ts +1 -0
- package/chip.C_1tGqvZ.js +10 -0
- package/chip.d.ts +2 -0
- package/chipgroup.BvTj1ziW.js +174 -0
- package/chipgroup.d.ts +2 -0
- package/chunks/Accordion.CB6jB3s_.js +125 -0
- package/chunks/{AriaLiveRegions.utils.D2ni4Yrf.js → AriaLiveRegions.utils.BGSZafnS.js} +2 -2
- package/chunks/CheckboxGroup.S6i5EOc4.js +92 -0
- package/chunks/Chip.CMlPUyOJ.js +142 -0
- package/chunks/{CustomReactSelect.ChAtL6fu.js → CustomReactSelect.Cg_XW3YK.js} +1056 -1049
- package/chunks/Dialog.CudsqNag.js +148 -0
- package/chunks/Drawer.ueG2Bzr9.js +154 -0
- package/chunks/Fieldset.Cjmkgxxk.js +99 -0
- package/chunks/{Icon.C2o2seDb.js → Icon.BCmt_XBG.js} +45 -45
- package/chunks/InputPassword.CNLbBFjx.js +143 -0
- package/chunks/InputSearch.CHA6mkX_.js +192 -0
- package/chunks/InputStepper.xmWGU9pU.js +294 -0
- package/chunks/Notification.o6pagKQy.js +93 -0
- package/chunks/RadioGroup.Crj7NoOs.js +137 -0
- package/chunks/Select.E6gLFYLk.js +194 -0
- package/chunks/Textarea.DUBSOpNL.js +198 -0
- package/chunks/Toast.DyEi2GEP.js +89 -0
- package/chunks/translate.isa3FHb8.js +11 -0
- package/{combobox.JL1Dsn3E.js → combobox.DUzv8jzM.js} +1 -1
- package/combobox.d.ts +1 -0
- package/components/Accordion/Accordion.d.ts +0 -1
- package/components/Accordion/Accordion.utils.d.ts +0 -1
- package/components/Button/Button.d.ts +0 -1
- package/components/ButtonRound/ButtonRound.d.ts +0 -1
- package/components/Checkbox/Checkbox.d.ts +0 -1
- package/components/CheckboxGroup/CheckboxGroup.d.ts +6 -7
- package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +0 -1
- package/components/ChipGroup/Chip.d.ts +12 -0
- package/components/ChipGroup/ChipGroup.d.ts +42 -0
- package/components/ChipGroup/ChipGroup.utils.d.ts +60 -0
- package/components/ChipGroup/ChipGroup.utils.test.d.ts +1 -0
- package/components/Combobox/Combobox.d.ts +1 -2
- package/components/Combobox/Combobox.utils.d.ts +6 -1
- package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.d.ts +2 -3
- package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.d.ts +3 -0
- package/components/Combobox/CustomReactSelect/CustomReactSelect.utils.test.d.ts +1 -0
- package/components/{CustomReactSelect → Combobox/CustomReactSelect}/OptionCheckbox.d.ts +0 -1
- package/components/Dialog/Dialog.d.ts +0 -1
- package/components/Dialog/Dialog.utils.d.ts +0 -1
- package/components/Drawer/Drawer.d.ts +0 -1
- package/components/Drawer/Drawer.utils.d.ts +0 -1
- package/components/Fieldset/Fieldset.d.ts +0 -1
- package/components/Fieldset/Fieldset.utils.d.ts +7 -1
- package/components/Flag/Flag.d.ts +23 -0
- package/components/Flag/Flag.test.d.ts +1 -0
- package/components/Flag/Flag.utils.d.ts +2 -0
- package/components/FloatingActionButton/FloatingActionButton.d.ts +0 -1
- package/components/Heading/Heading.d.ts +0 -1
- package/components/Icon/Icon.d.ts +0 -1
- package/components/Icon/Icon.utils.d.ts +0 -1
- package/components/Input/Input.d.ts +0 -1
- package/components/Input/Input.utils.d.ts +0 -1
- package/components/InputPassword/InputPassword.d.ts +0 -1
- package/components/InputPassword/InputPassword.utils.d.ts +0 -1
- package/components/InputSearch/InputSearch.d.ts +0 -1
- package/components/InputSearch/InputSearch.utils.d.ts +0 -1
- package/components/InputStepper/InputStepper.d.ts +0 -1
- package/components/InputStepper/InputStepper.utils.d.ts +0 -1
- package/components/Link/Link.d.ts +0 -1
- package/components/LinkStandalone/LinkStandalone.d.ts +0 -1
- package/components/Logo/Logo.d.ts +1 -2
- package/components/Logo/Logo.utils.d.ts +0 -1
- package/components/Notification/Notification.d.ts +0 -1
- package/components/Notification/Notification.utils.d.ts +0 -1
- package/components/Radio/Radio.d.ts +1 -2
- package/components/RadioGroup/RadioGroup.d.ts +7 -8
- package/components/RadioGroup/RadioGroup.utils.d.ts +2 -3
- package/components/Select/Select.d.ts +0 -1
- package/components/Select/Select.utils.d.ts +0 -1
- package/components/SkipToContent/SkipToContent.d.ts +0 -1
- package/components/Spinner/Spinner.d.ts +0 -1
- package/components/Switch/Switch.d.ts +0 -1
- package/components/SystemFeedback/SystemFeedback.d.ts +0 -1
- package/components/Text/Text.d.ts +0 -1
- package/components/Textarea/Textarea.d.ts +0 -1
- package/components/Textarea/Textarea.utils.d.ts +0 -1
- package/components/Title/Title.d.ts +0 -1
- package/components/Toast/Toast.d.ts +0 -1
- package/components/Toast/Toast.utils.d.ts +0 -1
- package/components/Toast/ToastManager.d.ts +0 -1
- package/customreactselect.CXmBRqQ9.js +13 -0
- package/customreactselect.d.ts +2 -1
- package/{dialog.D3bJ0rsW.js → dialog.DYlBUsOD.js} +2 -2
- package/dialog.d.ts +1 -0
- package/{drawer.CNPF1-Kc.js → drawer.CvhbP1ra.js} +2 -2
- package/drawer.d.ts +1 -0
- package/fieldset.CtUGEdLv.js +11 -0
- package/fieldset.d.ts +1 -0
- package/flag.BKpsdB_-.js +43 -0
- package/flag.d.ts +2 -0
- package/floatingactionbutton.D5L0B7zI.js +87 -0
- package/floatingactionbutton.d.ts +1 -0
- package/heading.IPIYc5vW.js +50 -0
- package/heading.d.ts +1 -0
- package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js} +1 -1
- package/icon.d.ts +1 -0
- package/index.d.ts +4 -0
- package/index.es.js +134 -114
- package/input.BEnCFNM-.js +239 -0
- package/input.d.ts +1 -0
- package/{inputpassword.nsYu6YeB.js → inputpassword.B-D_jB9w.js} +4 -4
- package/inputpassword.d.ts +1 -0
- package/{inputsearch.ZGIrDrcv.js → inputsearch.CaSpklR1.js} +4 -4
- package/inputsearch.d.ts +1 -0
- package/{inputstepper.BvY36hA1.js → inputstepper.C7KD1-0S.js} +4 -4
- package/inputstepper.d.ts +1 -0
- package/link.DREJAoPG.js +116 -0
- package/link.d.ts +1 -0
- package/linkstandalone.BBoEniZ_.js +79 -0
- package/linkstandalone.d.ts +1 -0
- package/logo.Hul8qCFo.js +65 -0
- package/logo.d.ts +1 -0
- package/{notification.BAS13UQ6.js → notification.JWhrkEcE.js} +3 -3
- package/notification.d.ts +1 -0
- package/optioncheckbox.BRUTnQnJ.js +43 -0
- package/optioncheckbox.d.ts +2 -1
- package/package.json +47 -40
- package/partials/index.js +407 -407
- package/partials/lib/partials.d.ts +0 -1
- package/radio.DEILy_lV.js +114 -0
- package/radio.d.ts +1 -0
- package/radiogroup.DeU-HdlP.js +10 -0
- package/radiogroup.d.ts +1 -0
- package/{select.C4OZMB-V.js → select.BYraFJzz.js} +4 -4
- package/select.d.ts +1 -0
- package/skiptocontent.BxvpIB7H.js +45 -0
- package/skiptocontent.d.ts +1 -0
- package/spinner.Bq97Og-6.js +58 -0
- package/spinner.d.ts +1 -0
- package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff +0 -0
- package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff2 +0 -0
- package/styles/fonts/font-face.min.css +1 -1
- package/styles/scss/ds/index.scss +19 -0
- package/styles/scss/ds/lib/animation.scss +21 -0
- package/styles/scss/ds/lib/breakpoints.scss +15 -0
- package/styles/scss/ds/lib/container-query.scss +54 -0
- package/styles/scss/ds/lib/ds-internal/_a11y.scss +15 -0
- package/styles/scss/{lib → ds/lib/ds-internal}/_focus.scss +13 -15
- package/styles/scss/ds/lib/ds-internal/_heading.scss +37 -0
- package/styles/scss/ds/lib/ds-internal/_helpers.scss +32 -0
- package/styles/scss/ds/lib/ds-internal/_high-contrast.scss +6 -0
- package/styles/scss/ds/lib/ds-internal/_hover.scss +6 -0
- package/styles/scss/ds/lib/ds-internal/_index.scss +9 -0
- package/styles/scss/ds/lib/ds-internal/_link.scss +62 -0
- package/styles/scss/ds/lib/ds-internal/_spacing-dynamic.scss +53 -0
- package/styles/scss/ds/lib/ds-internal/_text.scss +30 -0
- package/styles/scss/ds/lib/grid-extended.scss +11 -0
- package/styles/scss/ds/lib/grid-full.scss +6 -0
- package/styles/scss/ds/lib/grid-main.scss +119 -0
- package/styles/scss/ds/lib/grid-narrow.scss +14 -0
- package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +52 -0
- package/styles/scss/{lib/_grid-sidebar.scss → ds/lib/grid-sidebar.scss} +23 -32
- package/styles/scss/{lib/_grid.scss → ds/lib/grid.scss} +15 -17
- package/styles/scss/ds/lib/heading.scss +75 -0
- package/styles/scss/ds/lib/link.scss +74 -0
- package/styles/scss/ds/lib/media-query.scss +32 -0
- package/styles/scss/{lib/_shadow.scss → ds/lib/shadow.scss} +2 -2
- package/styles/scss/ds/lib/spacing-dynamic.scss +7 -0
- package/styles/scss/ds/lib/spacing.scss +20 -0
- package/styles/scss/ds/lib/text.scss +83 -0
- package/styles/scss/ds/lib/theme.scss +162 -0
- package/styles/scss/ds/lib/transition.scss +36 -0
- package/switch.DI8YYa5G.js +65 -0
- package/switch.d.ts +1 -0
- package/{systemfeedback.ZzRUAVYX.js → systemfeedback.C3Pfxxpp.js} +6 -6
- package/systemfeedback.d.ts +1 -0
- package/text.DThvTwm8.js +57 -0
- package/text.d.ts +1 -0
- package/{textarea.CtQtGqn5.js → textarea.CBvH0ljM.js} +3 -3
- package/textarea.d.ts +1 -0
- package/title.DqzdB2Gq.js +36 -0
- package/title.d.ts +1 -0
- package/toast.d.ts +1 -0
- package/{toast.DVd9dLs2.js → toast.n1QUINSA.js} +3 -3
- package/{toastmanager.Dh0gzFkM.js → toastmanager.B7EZ4JSI.js} +2 -2
- package/toastmanager.d.ts +1 -0
- package/utils/index.d.ts +1 -0
- package/utils/translate.d.ts +11 -0
- package/utils/translate.test.d.ts +1 -0
- package/utils/useBreakpoint.d.ts +0 -1
- package/utils/useIsomorphicLayoutEffect.d.ts +0 -1
- package/utils/vitest.setup.d.ts +0 -1
- package/arialiveregions.BK4T7Vhk.js +0 -27
- package/assets/Accordion.lFv7Q_RG.css +0 -1
- package/assets/CustomReactSelect.CMkn-EGK.css +0 -1
- package/assets/Dialog.fiQvxJg_.css +0 -1
- package/assets/Drawer.BqBgbSuP.css +0 -1
- package/assets/Fieldset.qHYeUFZt.css +0 -1
- package/assets/Icon.Duy_0R8w.css +0 -1
- package/assets/InputPassword.Cf394z47.css +0 -1
- package/assets/InputSearch.eCRQoxjN.css +0 -1
- package/assets/InputStepper.B80KulYE.css +0 -1
- package/assets/Notification.DK6agBGS.css +0 -1
- package/assets/RadioGroup.Bz3_xkZU.css +0 -1
- package/assets/Select.BptsMxz4.css +0 -1
- package/assets/Textarea.CIIVh03G.css +0 -1
- package/assets/Toast.Dsvs1zdM.css +0 -1
- package/assets/arialiveregions.GsGx2USO.css +0 -1
- package/assets/asterisk.DlJ4YtSZ.css +0 -1
- package/assets/button.B1O7Yw3Q.css +0 -1
- package/assets/buttonround.DlH_ipDo.css +0 -1
- package/assets/checkbox.K4CVYK9g.css +0 -1
- package/assets/floatingactionbutton.DRYentYC.css +0 -1
- package/assets/heading.6bER-Eac.css +0 -1
- package/assets/input.C0MrSbQu.css +0 -1
- package/assets/link.vtTST2ki.css +0 -1
- package/assets/linkstandalone.BtAcziZ7.css +0 -1
- package/assets/logo.pETQEsvZ.css +0 -1
- package/assets/optioncheckbox.BJJAph5_.css +0 -1
- package/assets/radio.9kpIO3HC.css +0 -1
- package/assets/skiptocontent.CHcqLS7S.css +0 -1
- package/assets/spinner.D_Nnf1ZG.css +0 -1
- package/assets/switch.2DQF2zH-.css +0 -1
- package/assets/systemfeedback.Sq0bAIyf.css +0 -1
- package/assets/text.Dhb_l50R.css +0 -1
- package/assets/title.f74Bosn-.css +0 -1
- package/asterisk.DDn-yX4P.js +0 -8
- package/button.DH0h6uPs.js +0 -135
- package/buttonround.0mw4zzlU.js +0 -118
- package/checkbox.DETR3e3X.js +0 -112
- package/checkboxgroup.CZqrlF-x.js +0 -9
- package/chunks/Accordion.pI3JyHJL.js +0 -125
- package/chunks/CheckboxGroup.4J_gZ_XJ.js +0 -87
- package/chunks/Dialog.Z5ESJQMi.js +0 -148
- package/chunks/Drawer.BdowMqE0.js +0 -154
- package/chunks/Fieldset.COGbZwry.js +0 -99
- package/chunks/InputPassword.Dgo95-PU.js +0 -140
- package/chunks/InputSearch.BFof0pBn.js +0 -189
- package/chunks/InputStepper.4IqLa5tX.js +0 -291
- package/chunks/Notification.BhwbaXqk.js +0 -93
- package/chunks/RadioGroup.C5jbCJM4.js +0 -132
- package/chunks/RadioGroup.module.BBZwHDjW.js +0 -11
- package/chunks/Select.fXeQJXtz.js +0 -191
- package/chunks/Textarea.Bewrp0Za.js +0 -195
- package/chunks/Toast.DA_CQ9J-.js +0 -89
- package/components/CustomReactSelect/CustomReactSelect.utils.d.ts +0 -16
- package/customreactselect.Dg8Kgq3e.js +0 -13
- package/fieldset.CTshPWYX.js +0 -11
- package/floatingactionbutton.CCIj9Fjr.js +0 -87
- package/heading.CAkraI2D.js +0 -50
- package/input.CTgeAYdu.js +0 -236
- package/link.DAZNwQ0a.js +0 -116
- package/linkstandalone.C9X3er7g.js +0 -80
- package/logo.CEO6OV7u.js +0 -65
- package/optioncheckbox.DZWwtx6f.js +0 -43
- package/radio.CWGJtmKl.js +0 -115
- package/radiogroup.BhffFqN3.js +0 -11
- package/skiptocontent.C4yQfWr2.js +0 -46
- package/spinner.D-xrotcu.js +0 -58
- package/styles/scss/_index.scss +0 -23
- package/styles/scss/lib/_a11y.scss +0 -15
- package/styles/scss/lib/_animation.scss +0 -21
- package/styles/scss/lib/_breakpoints.scss +0 -16
- package/styles/scss/lib/_container-query.scss +0 -58
- package/styles/scss/lib/_grid-extended.scss +0 -11
- package/styles/scss/lib/_grid-full.scss +0 -6
- package/styles/scss/lib/_grid-main.scss +0 -117
- package/styles/scss/lib/_grid-narrow.scss +0 -16
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +0 -50
- package/styles/scss/lib/_heading.scss +0 -107
- package/styles/scss/lib/_helpers.scss +0 -15
- package/styles/scss/lib/_high-contrast.scss +0 -24
- package/styles/scss/lib/_hover.scss +0 -10
- package/styles/scss/lib/_link.scss +0 -126
- package/styles/scss/lib/_media-query.scss +0 -32
- package/styles/scss/lib/_spacing.scss +0 -32
- package/styles/scss/lib/_text.scss +0 -110
- package/styles/scss/lib/_theme.scss +0 -162
- package/styles/scss/lib/_transition.scss +0 -45
- package/switch.CmpNUC7s.js +0 -65
- package/text.rgDKQBrU.js +0 -57
- package/title.LY1ylQsb.js +0 -36
- package/utils/render-in-iframe.d.ts +0 -15
- /package/components/{CustomReactSelect/CustomReactSelect.utils.test.d.ts → ChipGroup/ChipGroup.test.d.ts} +0 -0
|
@@ -0,0 +1,239 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as l } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { useState as r, useRef as k, useEffect as sn } from "react";
|
|
5
|
+
import { u as en } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
+
import { v as ln, b as on, M as dn, a as un, u as w, s as cn, c as fn, i as v } from "./chunks/Input.utils.ChV6RJsh.js";
|
|
7
|
+
import { Asterisk as hn } from "./asterisk.DpzETKdT.js";
|
|
8
|
+
import { DSButton as E } from "./button.M4nXjcUn.js";
|
|
9
|
+
import { D as pn } from "./chunks/Icon.BCmt_XBG.js";
|
|
10
|
+
import { DSSystemFeedback as _n } from "./systemfeedback.C3Pfxxpp.js";
|
|
11
|
+
import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "ds-input_input--invalid_yfh6h_113", yn = "ds-input_input--small_yfh6h_120", bn = "ds-input_input--has-leading-icon_yfh6h_173", xn = "ds-input_input--has-action-button_yfh6h_176", gn = "ds-input_input--has-second-action-button_yfh6h_179", In = "ds-input_input--has-affix_yfh6h_191", Sn = "ds-input_input--is-ready_yfh6h_205", Hn = "ds-input_root_yfh6h_212", Dn = "ds-input_hint_yfh6h_220", kn = "ds-input_label_yfh6h_220", vn = "ds-input_wrapper_yfh6h_224", Cn = "ds-input_affix_yfh6h_230", Rn = "ds-input_affix--small_yfh6h_251", jn = "ds-input_affix--disabled_yfh6h_264", Ln = "ds-input_prefix_yfh6h_272", An = "ds-input_affix--readonly_yfh6h_275", Nn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", wn = "ds-input_leading-icon--small_yfh6h_304", En = "ds-input_leading-icon--disabled_yfh6h_307", Tn = "ds-input_action-button_yfh6h_316", Fn = "ds-input_label--hidden_yfh6h_334", Pn = "ds-input_label--disabled_yfh6h_347", On = "ds-input_feedback_yfh6h_367", n = {
|
|
12
|
+
input: rn,
|
|
13
|
+
"input--invalid": "ds-input_input--invalid_yfh6h_113",
|
|
14
|
+
inputInvalid: mn,
|
|
15
|
+
"input--small": "ds-input_input--small_yfh6h_120",
|
|
16
|
+
inputSmall: yn,
|
|
17
|
+
"input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
|
|
18
|
+
inputHasLeadingIcon: bn,
|
|
19
|
+
"input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
|
|
20
|
+
inputHasActionButton: xn,
|
|
21
|
+
"input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
|
|
22
|
+
inputHasSecondActionButton: gn,
|
|
23
|
+
"input--has-affix": "ds-input_input--has-affix_yfh6h_191",
|
|
24
|
+
inputHasAffix: In,
|
|
25
|
+
"input--is-ready": "ds-input_input--is-ready_yfh6h_205",
|
|
26
|
+
inputIsReady: Sn,
|
|
27
|
+
root: Hn,
|
|
28
|
+
hint: Dn,
|
|
29
|
+
label: kn,
|
|
30
|
+
wrapper: vn,
|
|
31
|
+
affix: Cn,
|
|
32
|
+
"affix--small": "ds-input_affix--small_yfh6h_251",
|
|
33
|
+
affixSmall: Rn,
|
|
34
|
+
"affix--disabled": "ds-input_affix--disabled_yfh6h_264",
|
|
35
|
+
affixDisabled: jn,
|
|
36
|
+
prefix: Ln,
|
|
37
|
+
"affix--readonly": "ds-input_affix--readonly_yfh6h_275",
|
|
38
|
+
affixReadonly: An,
|
|
39
|
+
suffix: Nn,
|
|
40
|
+
"leading-icon": "ds-input_leading-icon_yfh6h_292",
|
|
41
|
+
leadingIcon: Bn,
|
|
42
|
+
"leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
|
|
43
|
+
leadingIconSmall: wn,
|
|
44
|
+
"leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
|
|
45
|
+
leadingIconDisabled: En,
|
|
46
|
+
"action-button": "ds-input_action-button_yfh6h_316",
|
|
47
|
+
actionButton: Tn,
|
|
48
|
+
"label--hidden": "ds-input_label--hidden_yfh6h_334",
|
|
49
|
+
labelHidden: Fn,
|
|
50
|
+
"label--disabled": "ds-input_label--disabled_yfh6h_347",
|
|
51
|
+
labelDisabled: Pn,
|
|
52
|
+
feedback: On
|
|
53
|
+
}, Qn = ({
|
|
54
|
+
id: u,
|
|
55
|
+
label: C,
|
|
56
|
+
actionButtonLabel: T,
|
|
57
|
+
actionButtonIconName: f,
|
|
58
|
+
actionButtonIconSource: m,
|
|
59
|
+
actionButtonOnClick: F,
|
|
60
|
+
className: P,
|
|
61
|
+
disabled: i = !1,
|
|
62
|
+
hint: y,
|
|
63
|
+
hideLabel: O = !1,
|
|
64
|
+
invalid: h = !1,
|
|
65
|
+
leadingIconName: p,
|
|
66
|
+
leadingIconSource: _,
|
|
67
|
+
prefix: s,
|
|
68
|
+
readonly: c = !1,
|
|
69
|
+
required: R = !1,
|
|
70
|
+
size: e = "medium",
|
|
71
|
+
suffix: a,
|
|
72
|
+
systemFeedback: b,
|
|
73
|
+
type: o = "text",
|
|
74
|
+
...$
|
|
75
|
+
}) => {
|
|
76
|
+
process.env.NODE_ENV !== "production" && (ln({
|
|
77
|
+
id: u,
|
|
78
|
+
label: C,
|
|
79
|
+
prefix: s,
|
|
80
|
+
suffix: a,
|
|
81
|
+
leadingIconName: p,
|
|
82
|
+
leadingIconSource: _,
|
|
83
|
+
actionButtonIconName: f,
|
|
84
|
+
actionButtonIconSource: m
|
|
85
|
+
}), on(o));
|
|
86
|
+
const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, dn), I = k(null), Q = a == null ? void 0 : a.substring(0, un), S = k(null), Y = en(O);
|
|
87
|
+
w(() => {
|
|
88
|
+
const d = e === "medium" ? 16 : 8, H = {};
|
|
89
|
+
if (I.current) {
|
|
90
|
+
const D = I.current.offsetWidth;
|
|
91
|
+
H.paddingInlineStart = d + D + "px";
|
|
92
|
+
}
|
|
93
|
+
if (S.current) {
|
|
94
|
+
const D = S.current.offsetWidth;
|
|
95
|
+
H.paddingInlineEnd = d + D + "px";
|
|
96
|
+
}
|
|
97
|
+
J(H), X(!0);
|
|
98
|
+
}, [s, a, e, M]), w(() => {
|
|
99
|
+
(async () => {
|
|
100
|
+
"fonts" in document && (await document.fonts.load(
|
|
101
|
+
'1em "STIHL Contraface Digital Text Regular"'
|
|
102
|
+
), V(!0));
|
|
103
|
+
})();
|
|
104
|
+
}, []), sn(() => {
|
|
105
|
+
const d = cn(
|
|
106
|
+
v(o),
|
|
107
|
+
fn(o)
|
|
108
|
+
);
|
|
109
|
+
G(d);
|
|
110
|
+
}, [o]);
|
|
111
|
+
const j = l(n.affix, {
|
|
112
|
+
[n.affixSmall]: e === "small",
|
|
113
|
+
[n.affixDisabled]: i,
|
|
114
|
+
[n.affixReadonly]: c
|
|
115
|
+
}), L = `${u}-label`, A = `${u}-feedback`, N = `${u}-hint`, Z = y ? ` ${N}` : "", q = l(n.root, P), z = l(n.input, {
|
|
116
|
+
// small input
|
|
117
|
+
[n.inputSmall]: e === "small",
|
|
118
|
+
// invalid state
|
|
119
|
+
[n.inputInvalid]: h,
|
|
120
|
+
// leading icon
|
|
121
|
+
[n.inputHasLeadingIcon]: p || _,
|
|
122
|
+
// prefix/suffix
|
|
123
|
+
[n.inputHasAffix]: s || a,
|
|
124
|
+
// action button
|
|
125
|
+
[n.inputHasActionButton]: f || m || x,
|
|
126
|
+
[n.inputIsReady]: W
|
|
127
|
+
}), nn = l(n.label, {
|
|
128
|
+
// hide label only visually to keep them available for assistive technologies
|
|
129
|
+
[n.labelHidden]: Y,
|
|
130
|
+
[n.labelDisabled]: i
|
|
131
|
+
}), tn = l(n.leadingIcon, {
|
|
132
|
+
[n.leadingIconSmall]: e === "small",
|
|
133
|
+
[n.leadingIconDisabled]: i
|
|
134
|
+
}), B = l(n.actionButton, {
|
|
135
|
+
[n.actionButtonSmall]: e === "small"
|
|
136
|
+
}), an = (d) => {
|
|
137
|
+
g.current && !i && !c && g.current.showPicker(), d.preventDefault();
|
|
138
|
+
};
|
|
139
|
+
return /* @__PURE__ */ t.jsxs("div", { className: q, children: [
|
|
140
|
+
/* @__PURE__ */ t.jsxs("label", { className: nn, id: L, htmlFor: u, children: [
|
|
141
|
+
C,
|
|
142
|
+
R && /* @__PURE__ */ t.jsx(hn, {})
|
|
143
|
+
] }),
|
|
144
|
+
y && /* @__PURE__ */ t.jsx("div", { className: n.hint, id: N, children: y }),
|
|
145
|
+
h && b && /* @__PURE__ */ t.jsx(
|
|
146
|
+
_n,
|
|
147
|
+
{
|
|
148
|
+
className: n.feedback,
|
|
149
|
+
message: b,
|
|
150
|
+
type: "invalid",
|
|
151
|
+
id: A
|
|
152
|
+
}
|
|
153
|
+
),
|
|
154
|
+
/* @__PURE__ */ t.jsxs("div", { className: n.wrapper, children: [
|
|
155
|
+
s && /* @__PURE__ */ t.jsx(
|
|
156
|
+
"span",
|
|
157
|
+
{
|
|
158
|
+
className: l(j, n.prefix),
|
|
159
|
+
ref: I,
|
|
160
|
+
"aria-disabled": i,
|
|
161
|
+
children: K
|
|
162
|
+
}
|
|
163
|
+
),
|
|
164
|
+
!s && (p || _) && /* @__PURE__ */ t.jsx(
|
|
165
|
+
pn,
|
|
166
|
+
{
|
|
167
|
+
name: p,
|
|
168
|
+
theme: "light",
|
|
169
|
+
source: _,
|
|
170
|
+
className: tn,
|
|
171
|
+
"aria-hidden": "true"
|
|
172
|
+
}
|
|
173
|
+
),
|
|
174
|
+
/* @__PURE__ */ t.jsx(
|
|
175
|
+
"input",
|
|
176
|
+
{
|
|
177
|
+
type: o,
|
|
178
|
+
className: z,
|
|
179
|
+
id: u,
|
|
180
|
+
ref: g,
|
|
181
|
+
...$,
|
|
182
|
+
style: U,
|
|
183
|
+
"aria-labelledby": `${L}${Z}`,
|
|
184
|
+
"aria-describedby": h && b ? A : void 0,
|
|
185
|
+
"aria-invalid": h,
|
|
186
|
+
"aria-disabled": c,
|
|
187
|
+
readOnly: c,
|
|
188
|
+
required: R,
|
|
189
|
+
disabled: i
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
a && /* @__PURE__ */ t.jsx(
|
|
193
|
+
"span",
|
|
194
|
+
{
|
|
195
|
+
className: l(j, n.suffix),
|
|
196
|
+
ref: S,
|
|
197
|
+
"aria-disabled": i,
|
|
198
|
+
children: Q
|
|
199
|
+
}
|
|
200
|
+
),
|
|
201
|
+
!a && !x && (f || m) && /* @__PURE__ */ t.jsx(
|
|
202
|
+
E,
|
|
203
|
+
{
|
|
204
|
+
hideLabel: !0,
|
|
205
|
+
theme: "light",
|
|
206
|
+
iconName: f,
|
|
207
|
+
variant: "ghost",
|
|
208
|
+
className: B,
|
|
209
|
+
size: e,
|
|
210
|
+
onClick: F,
|
|
211
|
+
type: "button",
|
|
212
|
+
disabled: i || c,
|
|
213
|
+
children: T
|
|
214
|
+
}
|
|
215
|
+
),
|
|
216
|
+
!a && x && !c && !i && /* @__PURE__ */ t.jsxs(
|
|
217
|
+
E,
|
|
218
|
+
{
|
|
219
|
+
hideLabel: !0,
|
|
220
|
+
theme: "light",
|
|
221
|
+
iconName: v(o) ? "calendar" : "clock",
|
|
222
|
+
variant: "ghost",
|
|
223
|
+
className: B,
|
|
224
|
+
size: e,
|
|
225
|
+
onClick: an,
|
|
226
|
+
type: "button",
|
|
227
|
+
children: [
|
|
228
|
+
"Open ",
|
|
229
|
+
v(o) ? "date" : "time",
|
|
230
|
+
" picker"
|
|
231
|
+
]
|
|
232
|
+
}
|
|
233
|
+
)
|
|
234
|
+
] })
|
|
235
|
+
] });
|
|
236
|
+
};
|
|
237
|
+
export {
|
|
238
|
+
Qn as DSInput
|
|
239
|
+
};
|
package/input.d.ts
CHANGED
|
@@ -3,10 +3,10 @@ import "./chunks/jsx-runtime.C115EyI4.js";
|
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import "./asterisk.
|
|
7
|
-
import "./button.
|
|
8
|
-
import "./systemfeedback.
|
|
9
|
-
import { D as n } from "./chunks/InputPassword.
|
|
6
|
+
import "./asterisk.DpzETKdT.js";
|
|
7
|
+
import "./button.M4nXjcUn.js";
|
|
8
|
+
import "./systemfeedback.C3Pfxxpp.js";
|
|
9
|
+
import { D as n } from "./chunks/InputPassword.CNLbBFjx.js";
|
|
10
10
|
export {
|
|
11
11
|
n as DSInputPassword
|
|
12
12
|
};
|
package/inputpassword.d.ts
CHANGED
|
@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "./chunks/helpers.B1JT5ShS.js";
|
|
6
6
|
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
7
|
-
import "./asterisk.
|
|
8
|
-
import "./button.
|
|
9
|
-
import "./systemfeedback.
|
|
10
|
-
import { D as s } from "./chunks/InputSearch.
|
|
7
|
+
import "./asterisk.DpzETKdT.js";
|
|
8
|
+
import "./button.M4nXjcUn.js";
|
|
9
|
+
import "./systemfeedback.C3Pfxxpp.js";
|
|
10
|
+
import { D as s } from "./chunks/InputSearch.CHA6mkX_.js";
|
|
11
11
|
export {
|
|
12
12
|
s as DSInputSearch
|
|
13
13
|
};
|
package/inputsearch.d.ts
CHANGED
|
@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
6
|
import "./chunks/Input.utils.ChV6RJsh.js";
|
|
7
|
-
import "./asterisk.
|
|
8
|
-
import "./button.
|
|
9
|
-
import "./systemfeedback.
|
|
10
|
-
import { D } from "./chunks/InputStepper.
|
|
7
|
+
import "./asterisk.DpzETKdT.js";
|
|
8
|
+
import "./button.M4nXjcUn.js";
|
|
9
|
+
import "./systemfeedback.C3Pfxxpp.js";
|
|
10
|
+
import { D } from "./chunks/InputStepper.xmWGU9pU.js";
|
|
11
11
|
export {
|
|
12
12
|
D as DSInputStepper
|
|
13
13
|
};
|
package/inputstepper.d.ts
CHANGED
package/link.DREJAoPG.js
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as e } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { u as n } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { D as H } from "./chunks/Icon.BCmt_XBG.js";
|
|
7
|
+
import './assets/link.DDJj0D1U.css';const S = "ds-link_root_1i5hz_1", x = "ds-link_root--highlight_1i5hz_75", b = "ds-link_root--dark-highlight_1i5hz_75", j = "ds-link_root--filled_1i5hz_151", L = "ds-link_root--outline_1i5hz_179", C = "ds-link_root--ghost_1i5hz_206", N = "ds-link_root--ghost-flush_1i5hz_231", T = "ds-link_root--small_1i5hz_237", B = "ds-link_root--dark-filled_1i5hz_317", E = "ds-link_root--dark-outline_1i5hz_374", R = "ds-link_root--dark-ghost_1i5hz_430", V = "ds-link_root--dark-ghost-flush_1i5hz_484", q = "ds-link_root--icon-left_1i5hz_546", w = "ds-link_root--icon-only_1i5hz_562", A = "ds-link_root--icon-only-small_1i5hz_571", J = "ds-link_label--hidden_1i5hz_582", o = {
|
|
8
|
+
root: S,
|
|
9
|
+
"root--highlight": "ds-link_root--highlight_1i5hz_75",
|
|
10
|
+
rootHighlight: x,
|
|
11
|
+
"root--dark-highlight": "ds-link_root--dark-highlight_1i5hz_75",
|
|
12
|
+
rootDarkHighlight: b,
|
|
13
|
+
"root--filled": "ds-link_root--filled_1i5hz_151",
|
|
14
|
+
rootFilled: j,
|
|
15
|
+
"root--outline": "ds-link_root--outline_1i5hz_179",
|
|
16
|
+
rootOutline: L,
|
|
17
|
+
"root--ghost": "ds-link_root--ghost_1i5hz_206",
|
|
18
|
+
rootGhost: C,
|
|
19
|
+
"root--ghost-flush": "ds-link_root--ghost-flush_1i5hz_231",
|
|
20
|
+
rootGhostFlush: N,
|
|
21
|
+
"root--small": "ds-link_root--small_1i5hz_237",
|
|
22
|
+
rootSmall: T,
|
|
23
|
+
"root--dark-filled": "ds-link_root--dark-filled_1i5hz_317",
|
|
24
|
+
rootDarkFilled: B,
|
|
25
|
+
"root--dark-outline": "ds-link_root--dark-outline_1i5hz_374",
|
|
26
|
+
rootDarkOutline: E,
|
|
27
|
+
"root--dark-ghost": "ds-link_root--dark-ghost_1i5hz_430",
|
|
28
|
+
rootDarkGhost: R,
|
|
29
|
+
"root--dark-ghost-flush": "ds-link_root--dark-ghost-flush_1i5hz_484",
|
|
30
|
+
rootDarkGhostFlush: V,
|
|
31
|
+
"root--icon-left": "ds-link_root--icon-left_1i5hz_546",
|
|
32
|
+
rootIconLeft: q,
|
|
33
|
+
"root--icon-only": "ds-link_root--icon-only_1i5hz_562",
|
|
34
|
+
rootIconOnly: w,
|
|
35
|
+
"root--icon-only-small": "ds-link_root--icon-only-small_1i5hz_571",
|
|
36
|
+
rootIconOnlySmall: A,
|
|
37
|
+
"label--hidden": "ds-link_label--hidden_1i5hz_582",
|
|
38
|
+
labelHidden: J
|
|
39
|
+
}, W = ({
|
|
40
|
+
children: g,
|
|
41
|
+
aria: c,
|
|
42
|
+
className: u,
|
|
43
|
+
dataTrackingid: f,
|
|
44
|
+
download: z,
|
|
45
|
+
hideLabel: r = !1,
|
|
46
|
+
href: _,
|
|
47
|
+
iconName: d,
|
|
48
|
+
iconPosition: m = "left",
|
|
49
|
+
iconSource: k,
|
|
50
|
+
isFlush: i = !1,
|
|
51
|
+
referrerPolicy: D,
|
|
52
|
+
rel: y,
|
|
53
|
+
size: s = "medium",
|
|
54
|
+
target: G = "_self",
|
|
55
|
+
theme: l = "light",
|
|
56
|
+
variant: t = "filled",
|
|
57
|
+
...O
|
|
58
|
+
}) => {
|
|
59
|
+
const p = e(o.root, u, {
|
|
60
|
+
// variant
|
|
61
|
+
[o.rootFilled]: t === "filled",
|
|
62
|
+
[o.rootHighlight]: t === "highlight",
|
|
63
|
+
[o.rootOutline]: t === "outline",
|
|
64
|
+
[o.rootGhost]: t === "ghost" && i !== !0,
|
|
65
|
+
// isFlush
|
|
66
|
+
[o.rootGhostFlush]: t === "ghost" && i === !0,
|
|
67
|
+
// dark theme
|
|
68
|
+
[o.rootDarkFilled]: l === "dark" && t === "filled",
|
|
69
|
+
[o.rootDarkHighlight]: l === "dark" && t === "highlight",
|
|
70
|
+
[o.rootDarkOutline]: l === "dark" && t === "outline",
|
|
71
|
+
[o.rootDarkGhost]: l === "dark" && t === "ghost" && i !== !0,
|
|
72
|
+
// dark isFlush
|
|
73
|
+
[o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && i === !0,
|
|
74
|
+
// size
|
|
75
|
+
[o.rootSmall]: s === "small",
|
|
76
|
+
// icon position
|
|
77
|
+
[o.rootIconLeft]: m === "left",
|
|
78
|
+
// icon only
|
|
79
|
+
[o.rootIconOnly]: n(r) && s === "medium",
|
|
80
|
+
[o.rootIconOnlySmall]: n(r) && s === "small"
|
|
81
|
+
}), I = e({
|
|
82
|
+
// hide label only visually to keep them available for assistive technologies
|
|
83
|
+
[o.labelHidden]: n(r)
|
|
84
|
+
}), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", a = _ === void 0 ? "span" : "a";
|
|
85
|
+
return /* @__PURE__ */ h.jsxs(
|
|
86
|
+
a,
|
|
87
|
+
{
|
|
88
|
+
className: p,
|
|
89
|
+
"data-trackingid": f,
|
|
90
|
+
...a === "a" && {
|
|
91
|
+
href: _,
|
|
92
|
+
target: G,
|
|
93
|
+
rel: y,
|
|
94
|
+
referrerPolicy: D,
|
|
95
|
+
download: z
|
|
96
|
+
},
|
|
97
|
+
...c,
|
|
98
|
+
...O,
|
|
99
|
+
children: [
|
|
100
|
+
/* @__PURE__ */ h.jsx("span", { className: I, children: g }),
|
|
101
|
+
(d || k) && /* @__PURE__ */ h.jsx(
|
|
102
|
+
H,
|
|
103
|
+
{
|
|
104
|
+
name: d,
|
|
105
|
+
theme: F,
|
|
106
|
+
source: k,
|
|
107
|
+
"aria-hidden": "true"
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
);
|
|
113
|
+
};
|
|
114
|
+
export {
|
|
115
|
+
W as DSLink
|
|
116
|
+
};
|
package/link.d.ts
CHANGED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as p } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { D as x } from "./chunks/Icon.BCmt_XBG.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import './assets/linkstandalone.DIazcjIv.css';const H = "ds-link-standalone_root_1ubnn_1", j = "ds-link-standalone_root--highlight_1ubnn_68", v = "ds-link-standalone_root--neutral-dark_1ubnn_82", L = "ds-link-standalone_root--highlight-dark_1ubnn_131", N = "ds-link-standalone_root--active_1ubnn_180", I = "ds-link-standalone_root--icon-left_1ubnn_187", o = {
|
|
7
|
+
root: H,
|
|
8
|
+
"root--highlight": "ds-link-standalone_root--highlight_1ubnn_68",
|
|
9
|
+
rootHighlight: j,
|
|
10
|
+
"root--neutral-dark": "ds-link-standalone_root--neutral-dark_1ubnn_82",
|
|
11
|
+
rootNeutralDark: v,
|
|
12
|
+
"root--highlight-dark": "ds-link-standalone_root--highlight-dark_1ubnn_131",
|
|
13
|
+
rootHighlightDark: L,
|
|
14
|
+
"root--active": "ds-link-standalone_root--active_1ubnn_180",
|
|
15
|
+
rootActive: N,
|
|
16
|
+
"root--icon-left": "ds-link-standalone_root--icon-left_1ubnn_187",
|
|
17
|
+
rootIconLeft: I
|
|
18
|
+
}, C = ({
|
|
19
|
+
children: e,
|
|
20
|
+
aria: d,
|
|
21
|
+
active: h,
|
|
22
|
+
className: _,
|
|
23
|
+
dataTrackingid: g,
|
|
24
|
+
download: c,
|
|
25
|
+
href: a,
|
|
26
|
+
iconName: i,
|
|
27
|
+
iconPosition: k = "left",
|
|
28
|
+
iconSource: l,
|
|
29
|
+
referrerPolicy: u,
|
|
30
|
+
rel: b,
|
|
31
|
+
target: f = "_self",
|
|
32
|
+
theme: t = "light",
|
|
33
|
+
variant: n = "neutral",
|
|
34
|
+
...m
|
|
35
|
+
}) => {
|
|
36
|
+
const D = p(o.root, _, {
|
|
37
|
+
// variant
|
|
38
|
+
[o.rootHighlight]: n === "highlight",
|
|
39
|
+
// theme
|
|
40
|
+
[o.rootNeutralDark]: t === "dark" && n === "neutral",
|
|
41
|
+
[o.rootHighlightDark]: t === "dark" && n === "highlight",
|
|
42
|
+
// active
|
|
43
|
+
[o.rootActive]: h,
|
|
44
|
+
// icon position
|
|
45
|
+
[o.rootIconLeft]: k === "left"
|
|
46
|
+
}), s = a === void 0 ? "span" : "a";
|
|
47
|
+
return /* @__PURE__ */ r.jsxs(
|
|
48
|
+
s,
|
|
49
|
+
{
|
|
50
|
+
className: D,
|
|
51
|
+
"data-trackingid": g,
|
|
52
|
+
...s === "a" && {
|
|
53
|
+
href: a,
|
|
54
|
+
target: f,
|
|
55
|
+
rel: b,
|
|
56
|
+
referrerPolicy: u,
|
|
57
|
+
download: c
|
|
58
|
+
},
|
|
59
|
+
...d,
|
|
60
|
+
...m,
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ r.jsx("span", { className: o.label, children: e }),
|
|
63
|
+
(i || l) && /* @__PURE__ */ r.jsx(
|
|
64
|
+
x,
|
|
65
|
+
{
|
|
66
|
+
name: i,
|
|
67
|
+
theme: t,
|
|
68
|
+
source: l,
|
|
69
|
+
size: "medium",
|
|
70
|
+
"aria-hidden": "true"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
export {
|
|
78
|
+
C as DSLinkStandalone
|
|
79
|
+
};
|
package/linkstandalone.d.ts
CHANGED
package/logo.Hul8qCFo.js
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as g } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as r } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import './assets/logo.CnW8alZU.css';const x = "ds-logo_anchor_xhwl6_1", _ = "ds-logo_svg_xhwl6_2", e = "ds-logo_svg-background_xhwl6_40", k = "ds-logo_svg-background--dark_xhwl6_43", u = "ds-logo_svg-text_xhwl6_46", w = "ds-logo_svg-text--dark_xhwl6_49", s = {
|
|
5
|
+
anchor: x,
|
|
6
|
+
svg: _,
|
|
7
|
+
"svg-background": "ds-logo_svg-background_xhwl6_40",
|
|
8
|
+
svgBackground: e,
|
|
9
|
+
"svg-background--dark": "ds-logo_svg-background--dark_xhwl6_43",
|
|
10
|
+
svgBackgroundDark: k,
|
|
11
|
+
"svg-text": "ds-logo_svg-text_xhwl6_46",
|
|
12
|
+
svgText: u,
|
|
13
|
+
"svg-text--dark": "ds-logo_svg-text--dark_xhwl6_49",
|
|
14
|
+
svgTextDark: w
|
|
15
|
+
}, B = ({
|
|
16
|
+
aria: c,
|
|
17
|
+
className: l,
|
|
18
|
+
href: o,
|
|
19
|
+
target: h = "_self",
|
|
20
|
+
theme: d = "light",
|
|
21
|
+
variant: n = "standard",
|
|
22
|
+
...v
|
|
23
|
+
}) => {
|
|
24
|
+
const a = n === "background" || d === "dark", t = /* @__PURE__ */ g.jsxs(
|
|
25
|
+
"svg",
|
|
26
|
+
{
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
className: r(s.svg, !o && l),
|
|
29
|
+
viewBox: "0 0 408 179",
|
|
30
|
+
width: "100%",
|
|
31
|
+
height: "100%",
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ g.jsx("title", { children: "STIHL" }),
|
|
34
|
+
/* @__PURE__ */ g.jsx(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
className: a ? s.svgBackgroundDark : s.svgBackground,
|
|
38
|
+
d: "M408 0H0v179h408V0Z"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ g.jsx(
|
|
42
|
+
"path",
|
|
43
|
+
{
|
|
44
|
+
className: a ? s.svgTextDark : s.svgText,
|
|
45
|
+
d: "M195.459 56.314h-61.656l-4.936 16.193h20.668l-15.304 50.179h20.106l15.293-50.18h20.893l4.936-16.192ZM62.286 66.62l-5.353 17.558c-2.384 7.814 1.957 13.531 9.637 13.531h25.065a1.626 1.626 0 0 1 1.288.7 1.638 1.638 0 0 1 .207 1.454l-1.349 4.42a3.37 3.37 0 0 1-2.8 2.154H49.624l-4.993 16.249h50.816c5.622 0 10.39-2.605 12.842-10.645l5.094-16.677c2.406-7.894-2.081-13.532-9.086-13.532H79.108c-1.394 0-1.945-1.015-1.563-2.255l1.35-4.42a3.385 3.385 0 0 1 1.185-1.872 3.368 3.368 0 0 1 2.087-.733h36.253l4.937-16.193H75.251c-6.87-.045-11.155 4.364-12.965 10.261ZM320.571 106.493l15.304-50.18h-20.218l-20.23 66.373h63.017l4.936-16.193h-42.809ZM282.653 56.314l-7.771 25.484H250.83l7.77-25.484h-19.319l-20.23 66.372h19.308l7.736-25.372h24.053l-7.725 25.372h19.836l20.23-66.372h-19.836ZM205.917 56.314l-20.229 66.372h20.218l20.23-66.372h-20.219Z"
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
return o ? /* @__PURE__ */ g.jsx(
|
|
52
|
+
"a",
|
|
53
|
+
{
|
|
54
|
+
className: r(s.anchor, l),
|
|
55
|
+
href: o,
|
|
56
|
+
target: h,
|
|
57
|
+
...c,
|
|
58
|
+
...v,
|
|
59
|
+
children: t
|
|
60
|
+
}
|
|
61
|
+
) : t;
|
|
62
|
+
};
|
|
63
|
+
export {
|
|
64
|
+
B as DSLogo
|
|
65
|
+
};
|
package/logo.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "./button.
|
|
5
|
-
import "./chunks/Icon.
|
|
6
|
-
import { D as e } from "./chunks/Notification.
|
|
4
|
+
import "./button.M4nXjcUn.js";
|
|
5
|
+
import "./chunks/Icon.BCmt_XBG.js";
|
|
6
|
+
import { D as e } from "./chunks/Notification.o6pagKQy.js";
|
|
7
7
|
export {
|
|
8
8
|
e as DSNotification
|
|
9
9
|
};
|
package/notification.d.ts
CHANGED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as c } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as s } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { D as a } from "./chunks/Icon.BCmt_XBG.js";
|
|
5
|
+
import './assets/optioncheckbox.BZaWtRD7.css';const m = "ds-combobox_root_q88mt_1", _ = "ds-combobox_root--disabled_q88mt_21", l = "ds-combobox_checkbox_q88mt_25", i = "ds-combobox_icon-check_q88mt_41", k = "ds-combobox_checkbox--checked_q88mt_62", n = "ds-combobox_checkbox--disabled_q88mt_65", r = "ds-combobox_label_q88mt_82", o = {
|
|
6
|
+
root: m,
|
|
7
|
+
"root--disabled": "ds-combobox_root--disabled_q88mt_21",
|
|
8
|
+
rootDisabled: _,
|
|
9
|
+
checkbox: l,
|
|
10
|
+
"icon-check": "ds-combobox_icon-check_q88mt_41",
|
|
11
|
+
iconCheck: i,
|
|
12
|
+
"checkbox--checked": "ds-combobox_checkbox--checked_q88mt_62",
|
|
13
|
+
checkboxChecked: k,
|
|
14
|
+
"checkbox--disabled": "ds-combobox_checkbox--disabled_q88mt_65",
|
|
15
|
+
checkboxDisabled: n,
|
|
16
|
+
label: r
|
|
17
|
+
}, D = ({
|
|
18
|
+
label: b,
|
|
19
|
+
checked: t,
|
|
20
|
+
className: d,
|
|
21
|
+
disabled: e
|
|
22
|
+
}) => {
|
|
23
|
+
const x = s(o.root, {
|
|
24
|
+
[o.rootDisabled]: e
|
|
25
|
+
}), h = s(o.checkbox, {
|
|
26
|
+
[o.checkboxDisabled]: e,
|
|
27
|
+
[o.checkboxChecked]: t
|
|
28
|
+
});
|
|
29
|
+
return /* @__PURE__ */ c.jsx("div", { className: d, children: /* @__PURE__ */ c.jsxs("div", { className: x, children: [
|
|
30
|
+
/* @__PURE__ */ c.jsx("span", { className: h, children: /* @__PURE__ */ c.jsx(
|
|
31
|
+
a,
|
|
32
|
+
{
|
|
33
|
+
name: "check",
|
|
34
|
+
className: o.iconCheck,
|
|
35
|
+
"aria-hidden": "true"
|
|
36
|
+
}
|
|
37
|
+
) }),
|
|
38
|
+
/* @__PURE__ */ c.jsx("span", { className: o.label, children: b })
|
|
39
|
+
] }) });
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
D as OptionCheckbox
|
|
43
|
+
};
|
package/optioncheckbox.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from './components/CustomReactSelect/OptionCheckbox'
|
|
1
|
+
export * from './components/Combobox/CustomReactSelect/OptionCheckbox'
|
|
2
|
+
export {}
|