@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.15
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.C57VwDyH.js +10 -0
- package/{arialiveregions.Cyycgs8g.js → arialiveregions.4aRkBQ4r.js} +3 -3
- package/assets/Breadcrumb.BaYrwrYl.css +1 -0
- package/assets/NavigationTabList.B6x56sAV.css +1 -0
- package/assets/linkstandalone.LMdnj-G0.css +1 -0
- package/assets/numberindicator.BJnvB-K3.css +1 -0
- package/assets/tabpane.D1LTb432.css +1 -0
- package/{asterisk.DpzETKdT.js → asterisk.DdCXwXQh.js} +2 -2
- package/breadcrumb.BZeQwTPf.js +10 -0
- package/breadcrumb.d.ts +2 -0
- package/{button.M4nXjcUn.js → button.Nknx8eP1.js} +6 -6
- package/{buttonround.E56F_805.js → buttonround.BKnxl68m.js} +5 -5
- package/{checkbox.Cb2_ey6U.js → checkbox.B_Es9RI2.js} +6 -6
- package/checkboxgroup.Cg89jmSA.js +8 -0
- package/chip.C0WRTcW9.js +10 -0
- package/{chipgroup.BvTj1ziW.js → chipgroup.BSNjn_jZ.js} +49 -49
- package/chunks/{Accordion.CB6jB3s_.js → Accordion.CecPmLcb.js} +6 -6
- package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js +40 -0
- package/chunks/Breadcrumb.qH8heJ6N.js +112 -0
- package/chunks/{CheckboxGroup.S6i5EOc4.js → CheckboxGroup.Bjjv2D4P.js} +40 -37
- package/chunks/{Chip.CMlPUyOJ.js → Chip.BtY9yzNj.js} +33 -27
- package/chunks/{CustomReactSelect.CQ1uexBH.js → CustomReactSelect.BBHV7vvE.js} +1096 -1092
- package/chunks/{Dialog.CudsqNag.js → Dialog.CG1l6YDx.js} +5 -5
- package/chunks/{Drawer.ueG2Bzr9.js → Drawer.BFw0swsE.js} +5 -5
- package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.CPuNSQNU.js} +8 -8
- package/chunks/{Icon.BCmt_XBG.js → Icon.CvVRQw6C.js} +29 -29
- package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.BolAdXy6.js} +21 -24
- package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.DCV-dKiH.js} +22 -22
- package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BXLLIjLO.js} +9 -9
- package/chunks/{InputStepper.xmWGU9pU.js → InputStepper.BgUod0gn.js} +51 -49
- package/chunks/NavigationTabList.D3zzmWIL.js +60 -0
- package/chunks/NavigationTabs.ni5Zoq0z.js +72 -0
- package/chunks/{Notification.nx5vTamN.js → Notification.BmXWqd85.js} +5 -5
- package/chunks/RadioGroup.DVyupPKV.js +150 -0
- package/chunks/Select.ByKUcvrB.js +195 -0
- package/chunks/TabPane.utils.CWMN6Tsy.js +20 -0
- package/chunks/Tabs.UwweipbU.js +84 -0
- package/chunks/{Textarea.DUBSOpNL.js → Textarea.BzHIGYVB.js} +52 -52
- package/chunks/{Toast.DyEi2GEP.js → Toast.CwalSzYB.js} +5 -5
- package/chunks/has-window.ut_-aShB.js +5 -0
- package/chunks/helpers.CcqWV-wZ.js +8 -0
- package/chunks/index.CEyLAtio.js +48 -0
- package/chunks/{jsx-runtime.C115EyI4.js → jsx-runtime.BteaETFx.js} +175 -176
- package/chunks/useBreakpoint.BzR_yaIv.js +42 -0
- package/chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js +7 -0
- package/{combobox.CzBpi97e.js → combobox.BY7mbdhL.js} +2 -2
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +2 -2
- package/components/Breadcrumb/Breadcrumb.d.ts +33 -0
- package/components/Breadcrumb/Breadcrumb.test.d.ts +1 -0
- package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
- package/components/Input/Input.d.ts +6 -0
- package/components/InputPassword/InputPassword.d.ts +3 -3
- package/components/NavigationTabs/NavigationTabs.d.ts +41 -0
- package/components/NavigationTabs/NavigationTabs.test.d.ts +1 -0
- package/components/NavigationTabs/NavigationTabs.utils.d.ts +6 -0
- package/components/NumberIndicator/NumberIndicator.d.ts +12 -0
- package/components/NumberIndicator/NumberIndicator.test.d.ts +1 -0
- package/components/NumberIndicator/NumberIndicator.utils.d.ts +2 -0
- package/components/Tabs/TabList/NavigationTabList/NavigationTabList.d.ts +21 -0
- package/components/Tabs/TabList/TabList.d.ts +38 -0
- package/components/Tabs/TabList/TabList.utils.d.ts +6 -0
- package/components/Tabs/TabList/TabList.utils.test.d.ts +1 -0
- package/components/Tabs/TabPane/TabPane.d.ts +10 -0
- package/components/Tabs/TabPane/TabPane.utils.d.ts +3 -0
- package/components/Tabs/TabPane/TabPane.utils.test.d.ts +1 -0
- package/components/Tabs/Tabs.d.ts +47 -0
- package/components/Tabs/Tabs.test.d.ts +1 -0
- package/components/Tabs/Tabs.utils.d.ts +6 -0
- package/customreactselect.1jiQuYLT.js +13 -0
- package/dialog.BF2q9x7U.js +9 -0
- package/drawer.B_dIJ0pb.js +9 -0
- package/fieldset.CU4aXdx1.js +11 -0
- package/{flag.BKpsdB_-.js → flag.CfYdEnax.js} +4 -4
- package/{floatingactionbutton.D5L0B7zI.js → floatingactionbutton.CiDfDE1q.js} +5 -5
- package/{heading.IPIYc5vW.js → heading.BesCIchJ.js} +3 -3
- package/icon.R9KQet1b.js +8 -0
- package/index.d.ts +8 -2
- package/index.es.js +144 -130
- package/{input.BEnCFNM-.js → input.Bx05SF7t.js} +20 -19
- package/inputpassword.DswedDs6.js +12 -0
- package/inputsearch.Dc4b-FYd.js +13 -0
- package/inputstepper.Cf2gM7tW.js +15 -0
- package/{link.DREJAoPG.js → link.DsNdcAjt.js} +5 -5
- package/linkstandalone.BGQ2HOO0.js +79 -0
- package/{logo.Hul8qCFo.js → logo.DZy1Gj0_.js} +3 -3
- package/navigationtablist.BKp4bwRn.js +9 -0
- package/navigationtablist.d.ts +2 -0
- package/navigationtabs.CmdW9g9l.js +8 -0
- package/navigationtabs.d.ts +2 -0
- package/notification.YWtBGqLz.js +9 -0
- package/numberindicator.d.ts +2 -0
- package/numberindicator.kZ-G6BbU.js +26 -0
- package/{optioncheckbox.BRUTnQnJ.js → optioncheckbox.DV0QpteH.js} +4 -4
- package/package.json +47 -47
- package/partials/index.js +688 -689
- package/{radio.DEILy_lV.js → radio.DZEIaDlU.js} +4 -4
- package/radiogroup.BNohLQGM.js +10 -0
- package/select.CZvgpafD.js +12 -0
- package/{skiptocontent.BxvpIB7H.js → skiptocontent.CoC8Rk8k.js} +5 -5
- package/{spinner.Bq97Og-6.js → spinner.pcu39V2a.js} +4 -4
- package/styles/scss/ds/lib/theme.scss +2 -0
- package/{switch.DI8YYa5G.js → switch.DaPoGnX-.js} +5 -5
- package/{systemfeedback.C3Pfxxpp.js → systemfeedback.bHSsfiy3.js} +4 -4
- package/tablist.BCOOuiX4.js +258 -0
- package/tablist.d.ts +2 -0
- package/tabpane.CAy_cIi3.js +37 -0
- package/tabpane.d.ts +2 -0
- package/tabs.d.ts +2 -0
- package/tabs.jdCTjBr0.js +10 -0
- package/{text.DThvTwm8.js → text.C5UzzMI9.js} +3 -3
- package/textarea.D9XTlEUz.js +12 -0
- package/{title.DqzdB2Gq.js → title.B2VKsF9O.js} +3 -3
- package/toast.D2BnxnFr.js +10 -0
- package/{toastmanager.B7EZ4JSI.js → toastmanager.CzDos3Ik.js} +18 -18
- package/utils/helpers.d.ts +7 -0
- package/utils/index.d.ts +1 -0
- package/utils/isAnimationDisabled.d.ts +1 -0
- package/accordion.Rvtiu8Y4.js +0 -10
- package/assets/linkstandalone.DIazcjIv.css +0 -1
- package/checkboxgroup.DBDmB-zR.js +0 -8
- package/chip.C_1tGqvZ.js +0 -10
- package/chunks/AriaLiveRegions.utils.BGSZafnS.js +0 -34
- package/chunks/RadioGroup.Crj7NoOs.js +0 -137
- package/chunks/Select.E6gLFYLk.js +0 -194
- package/chunks/has-document.r9i9TxKV.js +0 -5
- package/chunks/helpers.B1JT5ShS.js +0 -7
- package/chunks/index.CvOaL64Y.js +0 -45
- package/chunks/useBreakpoint.5xBNDiCf.js +0 -48
- package/customreactselect.qf7CIeFs.js +0 -13
- package/dialog.DYlBUsOD.js +0 -9
- package/drawer.CvhbP1ra.js +0 -9
- package/fieldset.CtUGEdLv.js +0 -11
- package/icon.Ck0BpI34.js +0 -8
- package/inputpassword.B-D_jB9w.js +0 -12
- package/inputsearch.CaSpklR1.js +0 -13
- package/inputstepper.C7KD1-0S.js +0 -13
- package/linkstandalone.BBoEniZ_.js +0 -79
- package/notification.6M0OdGXK.js +0 -9
- package/radiogroup.DeU-HdlP.js +0 -10
- package/select.BYraFJzz.js +0 -12
- package/textarea.CBvH0ljM.js +0 -12
- package/toast.n1QUINSA.js +0 -10
- package/utils/has-document.d.ts +0 -1
- /package/assets/{Accordion.i4k5SMQM.css → Accordion.DDxMnzaG.css} +0 -0
- /package/assets/{CheckboxGroup.BH1Br1dg.css → CheckboxGroup.Dd-Huo7x.css} +0 -0
- /package/assets/{Chip.DSdLuzoi.css → Chip.dxIYIjj7.css} +0 -0
- /package/assets/{CustomReactSelect.vHt8qNKC.css → CustomReactSelect.DYDaP5r5.css} +0 -0
- /package/assets/{Dialog.BgzebVk4.css → Dialog.DXmPdExC.css} +0 -0
- /package/assets/{Drawer.Bauwxrk7.css → Drawer.BcM0epJS.css} +0 -0
- /package/assets/{Fieldset.DOdTbb7C.css → Fieldset.Og4EsnPI.css} +0 -0
- /package/assets/{Icon.DxRSBRSL.css → Icon.ZNrKuqgu.css} +0 -0
- /package/assets/{InputPassword.CG7Ugu73.css → InputPassword.DtKteerr.css} +0 -0
- /package/assets/{InputSearch.CseChMc-.css → InputSearch.Mql3oFlQ.css} +0 -0
- /package/assets/{InputStepper.C0eAYr7P.css → InputStepper.BXz1MMBg.css} +0 -0
- /package/assets/{Notification.DbRapUJo.css → Notification.DZIF-Wo6.css} +0 -0
- /package/assets/{RadioGroup.BfMo157q.css → RadioGroup.CM2mYOzc.css} +0 -0
- /package/assets/{Select.D4EXgIbz.css → Select.KvAgxJZk.css} +0 -0
- /package/assets/{Textarea.KJGPTYMz.css → Textarea.BIRQlv6m.css} +0 -0
- /package/assets/{Toast.CuafTAf7.css → Toast.CuM-yS7S.css} +0 -0
- /package/assets/{arialiveregions.DhsijBaL.css → arialiveregions.e0Q16ZWi.css} +0 -0
- /package/assets/{asterisk.BfVAUBO7.css → asterisk.B41DaZDe.css} +0 -0
- /package/assets/{button.DF4RBeC2.css → button.CpPeQPsM.css} +0 -0
- /package/assets/{buttonround.19uK_-oO.css → buttonround.BFauSRAb.css} +0 -0
- /package/assets/{checkbox.ByOoFouu.css → checkbox.BKHQN_tu.css} +0 -0
- /package/assets/{chipgroup.BzfZLbkv.css → chipgroup.CUIkyYBW.css} +0 -0
- /package/assets/{flag.B-RLcMcf.css → flag.C7i3MAAP.css} +0 -0
- /package/assets/{floatingactionbutton.E9HekT6S.css → floatingactionbutton.l0nvFiJU.css} +0 -0
- /package/assets/{heading.u4f8Mz94.css → heading.B-rdLVZD.css} +0 -0
- /package/assets/{input.BAkFKPW3.css → input.B5spSeMe.css} +0 -0
- /package/assets/{link.DDJj0D1U.css → link.Be5OF_8E.css} +0 -0
- /package/assets/{logo.CnW8alZU.css → logo.bVXt9m9R.css} +0 -0
- /package/assets/{optioncheckbox.BZaWtRD7.css → optioncheckbox.DAffEKvY.css} +0 -0
- /package/assets/{radio.X-RTl_jo.css → radio.CGf7v0D_.css} +0 -0
- /package/assets/{skiptocontent.PTL3256m.css → skiptocontent.CTSDC_kG.css} +0 -0
- /package/assets/{spinner.2iWJWKyA.css → spinner.BJ5xwnYH.css} +0 -0
- /package/assets/{switch.gw6aa3kx.css → switch.Bc9KIyw9.css} +0 -0
- /package/assets/{systemfeedback.BPz5YlPC.css → systemfeedback.DoqgHZPH.css} +0 -0
- /package/assets/{text.DjTG_qNb.css → text.BlRcxO8n.css} +0 -0
- /package/assets/{title.rosWPEG3.css → title.B0tsgJ-n.css} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import "./chunks/index.CEyLAtio.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./heading.BesCIchJ.js";
|
|
6
|
+
import "./chunks/Icon.CvVRQw6C.js";
|
|
7
|
+
import { D as e } from "./chunks/Accordion.CecPmLcb.js";
|
|
8
|
+
export {
|
|
9
|
+
e as DSAccordion
|
|
10
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as s } from "./chunks/jsx-runtime.
|
|
3
|
-
import { v as e, A as a, a as n } from "./chunks/AriaLiveRegions.utils.
|
|
4
|
-
import './assets/arialiveregions.
|
|
2
|
+
import { j as s } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { v as e, A as a, a as n } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
|
|
4
|
+
import './assets/arialiveregions.e0Q16ZWi.css';const i = "ds-aria-live-regions_sr-only_2jvmr_1", r = {
|
|
5
5
|
"sr-only": "ds-aria-live-regions_sr-only_2jvmr_1",
|
|
6
6
|
srOnly: i
|
|
7
7
|
}, t = () => (e(), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-breadcrumb_root_1e9hu_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-breadcrumb_root_1e9hu_1 ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.ds-breadcrumb_root_1e9hu_1 li{display:flex;align-items:center}.ds-breadcrumb_root_1e9hu_1 li:not(:last-child):after{content:"/";display:block;width:8px;text-align:center;margin-inline:6px}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30{padding-block:1px;padding-inline:8px;height:auto;min-height:unset;min-width:unset;width:auto}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus{outline:revert;outline-offset:revert}.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-breadcrumb_root_1e9hu_1 .ds-breadcrumb_show-all-button_1e9hu_30:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-tabs_tabs-wrapper_nm2bv_1{position:relative;grid-column:main-start/main-end}.ds-tabs_scroll-wrapper_nm2bv_6{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:none}.ds-tabs_scroll-wrapper_nm2bv_6::-webkit-scrollbar{display:none}.ds-tabs_scroller_nm2bv_17{display:flex;flex-wrap:nowrap;min-width:min-content;border-bottom:1px solid #DADADA}.ds-tabs_scroller_nm2bv_17:has(li){list-style-type:none;padding:0;margin:0}.ds-tabs_scroller--centered_nm2bv_28{justify-content:center}.ds-tabs_tab_nm2bv_1{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;color:#252525;gap:8px;height:63px;padding-block:0px;padding-inline:var(--ds-spacing-dynamic-xs);text-decoration:none;border:none;outline:none;cursor:pointer;white-space:nowrap;background-color:#fff}.ds-tabs_tab_nm2bv_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_nm2bv_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tab_nm2bv_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tab_nm2bv_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tab_nm2bv_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tab_nm2bv_1:hover{background-color:#ededed}.ds-tabs_tab_nm2bv_1[aria-selected=true],.ds-tabs_tab_nm2bv_1[aria-current=page]{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.426}.ds-tabs_scroll-button_nm2bv_105{position:absolute;top:50%;transform:translateY(-50%)}.ds-tabs_scroll-button--hidden_nm2bv_110{opacity:0;pointer-events:none}.ds-tabs_scroll-button--right_nm2bv_114{right:0}.ds-tabs_scroll-button_nm2bv_105{transition:opacity var(--ds-animation-duration, .1s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_scroll-button_nm2bv_105{transition-duration:0ms}}.ds-tabs_indicator_nm2bv_126{position:absolute;left:0;bottom:0;height:4px;background-color:#e9640c}.ds-tabs_indicator_nm2bv_126{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1),width var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){.ds-tabs_indicator_nm2bv_126{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-tabs_indicator_nm2bv_126{background-color:Highlight}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-link-standalone_root_egysd_1{display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414;color:#252525}.ds-link-standalone_root_egysd_1:link,.ds-link-standalone_root_egysd_1:visited{color:#252525}.ds-link-standalone_root_egysd_1:active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-link-standalone_root_egysd_1:hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root_egysd_1:hover{background-color:Canvas}}.ds-link-standalone_root_egysd_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root_egysd_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root_egysd_1:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root_egysd_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root_egysd_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--highlight_egysd_68,.ds-link-standalone_root--highlight_egysd_68:link,.ds-link-standalone_root--highlight_egysd_68:visited{color:#1e71a1}.ds-link-standalone_root--highlight_egysd_68:active{color:#19618b}@media (hover: hover){.ds-link-standalone_root--highlight_egysd_68:hover{color:#19618b}}.ds-link-standalone_root--neutral-dark_egysd_82,.ds-link-standalone_root--neutral-dark_egysd_82:link,.ds-link-standalone_root--neutral-dark_egysd_82:visited{color:#fff}.ds-link-standalone_root--neutral-dark_egysd_82:active{background-color:#ffffff26;color:#fff}@media (hover: hover){.ds-link-standalone_root--neutral-dark_egysd_82:hover{background-color:#ffffff26;color:#fff}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root--neutral-dark_egysd_82:hover{background-color:Canvas}}.ds-link-standalone_root--neutral-dark_egysd_82:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--neutral-dark_egysd_82:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root--neutral-dark_egysd_82:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root--neutral-dark_egysd_82:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--neutral-dark_egysd_82:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--highlight-dark_egysd_131,.ds-link-standalone_root--highlight-dark_egysd_131:link,.ds-link-standalone_root--highlight-dark_egysd_131:visited{color:#8dcfe8}.ds-link-standalone_root--highlight-dark_egysd_131:active{background-color:#ffffff26;color:#8dcfe8}@media (hover: hover){.ds-link-standalone_root--highlight-dark_egysd_131:hover{background-color:#ffffff26;color:#8dcfe8}}@media screen and (hover: hover) and (forced-colors: active){.ds-link-standalone_root--highlight-dark_egysd_131:hover{background-color:Canvas}}.ds-link-standalone_root--highlight-dark_egysd_131:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--highlight-dark_egysd_131:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-link-standalone_root--highlight-dark_egysd_131:focus{outline:revert;outline-offset:revert}.ds-link-standalone_root--highlight-dark_egysd_131:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){.ds-link-standalone_root--highlight-dark_egysd_131:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-link-standalone_root--active_egysd_180{text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}.ds-link-standalone_root--icon-left_egysd_187{flex-direction:row-reverse}.ds-link-standalone_root_egysd_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-link-standalone_root_egysd_1{transition-duration:0ms}}.ds-link-standalone_root_egysd_1 svg{fill:currentColor}a:has(>[class^=ds-link-standalone]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){a:has(>[class^=ds-link-standalone]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){a:has(>[class^=ds-link-standalone]):focus{outline:revert;outline-offset:revert}a:has(>[class^=ds-link-standalone]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){a:has(>[class^=ds-link-standalone]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-number-indicator_root_t83wm_1{font-family:STIHL Contraface Digital Text Demi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.42;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;display:inline-flex;align-items:center;justify-content:center;text-wrap:nowrap;border-radius:.625rem;border:1px solid transparent;min-width:.625rem;min-height:.625rem;background-color:#0000001a}.ds-number-indicator_root--has-content_t83wm_25{min-height:1.25rem;min-width:1.25rem;padding-inline:5px}.ds-number-indicator_root--highlight_t83wm_30{background-color:#f37a1f}@media screen and (forced-colors: active){.ds-number-indicator_root_t83wm_1{forced-color-adjust:none;border-color:CanvasText;background-color:Canvas;color:CanvasText}.ds-number-indicator_root--highlight_t83wm_30{border-color:Highlight;color:Highlight}.ds-number-indicator_root--highlight_t83wm_30:not(.ds-number-indicator_root--has-content_t83wm_25){background-color:Highlight;border-color:Highlight}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ds-tabs_tabpane_30tnb_1{padding-block:var(--ds-spacing-dynamic-s)}.ds-tabs_tabpane_30tnb_1:focus{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1:focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-2px}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_1[hidden]{display:none}.ds-tabs_tabpane_30tnb_1 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="http://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="https://"]:after,:where(.ds-tabs_tabpane_30tnb_1 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}.ds-tabs_tabpane_30tnb_1 a:not([class]){color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):link,.ds-tabs_tabpane_30tnb_1 a:not([class]):visited{color:#252525}.ds-tabs_tabpane_30tnb_1 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):hover{background-color:Canvas}}.ds-tabs_tabpane_30tnb_1 a:not([class])[href^="http://"]:after,.ds-tabs_tabpane_30tnb_1 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ds-tabs_tabpane_30tnb_1 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus{outline:revert;outline-offset:revert}.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){.ds-tabs_tabpane_30tnb_1 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-tabs_tabpane_30tnb_1 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-tabs_tabpane_30tnb_1 a:not([class]){transition-duration:0ms}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as s } from "./chunks/jsx-runtime.
|
|
3
|
-
import './assets/asterisk.
|
|
2
|
+
import { j as s } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import './assets/asterisk.B41DaZDe.css';const t = "ds-asterisk_root_1nm42_1", o = {
|
|
4
4
|
root: t
|
|
5
5
|
}, e = () => /* @__PURE__ */ s.jsx("span", { className: o.root, "aria-hidden": "true", children: "*" });
|
|
6
6
|
export {
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import "./chunks/index.CEyLAtio.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./button.Nknx8eP1.js";
|
|
6
|
+
import "./linkstandalone.BGQ2HOO0.js";
|
|
7
|
+
import { D as a } from "./chunks/Breadcrumb.qH8heJ6N.js";
|
|
8
|
+
export {
|
|
9
|
+
a as DSBreadcrumb
|
|
10
|
+
};
|
package/breadcrumb.d.ts
ADDED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as n } from "./chunks/jsx-runtime.
|
|
3
|
-
import { c as i } from "./chunks/index.
|
|
4
|
-
import { u as a } from "./chunks/useBreakpoint.
|
|
5
|
-
import { D as I } from "./chunks/Icon.
|
|
6
|
-
import { DSSpinner as F } from "./spinner.
|
|
7
|
-
import './assets/button.
|
|
2
|
+
import { j as n } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as i } from "./chunks/index.CEyLAtio.js";
|
|
4
|
+
import { u as a } from "./chunks/useBreakpoint.BzR_yaIv.js";
|
|
5
|
+
import { D as I } from "./chunks/Icon.CvVRQw6C.js";
|
|
6
|
+
import { DSSpinner as F } from "./spinner.pcu39V2a.js";
|
|
7
|
+
import './assets/button.CpPeQPsM.css';const S = "ds-button_root_170gw_1", x = "ds-button_root--highlight_170gw_75", j = "ds-button_root--dark-highlight_170gw_75", L = "ds-button_root--filled_170gw_151", C = "ds-button_root--outline_170gw_179", N = "ds-button_root--ghost_170gw_206", B = "ds-button_root--ghost-flush_170gw_231", E = "ds-button_root--small_170gw_237", R = "ds-button_root--dark-filled_170gw_317", T = "ds-button_root--dark-outline_170gw_374", V = "ds-button_root--dark-ghost_170gw_430", q = "ds-button_root--dark-ghost-flush_170gw_484", A = "ds-button_root--icon-left_170gw_546", J = "ds-button_root--icon-only_170gw_562", K = "ds-button_root--icon-only-small_170gw_571", M = "ds-button_loader_170gw_586", P = "ds-button_icon--hidden_170gw_598", Q = "ds-button_label--hidden_170gw_602", U = "ds-button_label--loading_170gw_614", o = {
|
|
8
8
|
root: S,
|
|
9
9
|
"root--highlight": "ds-button_root--highlight_170gw_75",
|
|
10
10
|
rootHighlight: x,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as n } from "./chunks/jsx-runtime.
|
|
3
|
-
import { c as d } from "./chunks/index.
|
|
4
|
-
import { D as y } from "./chunks/Icon.
|
|
5
|
-
import { DSSpinner as H } from "./spinner.
|
|
6
|
-
import './assets/buttonround.
|
|
2
|
+
import { j as n } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as d } from "./chunks/index.CEyLAtio.js";
|
|
4
|
+
import { D as y } from "./chunks/Icon.CvVRQw6C.js";
|
|
5
|
+
import { DSSpinner as H } from "./spinner.pcu39V2a.js";
|
|
6
|
+
import './assets/buttonround.BFauSRAb.css';const p = "ds-button-round_root_18xb6_1", F = "ds-button-round_root--highlight_18xb6_75", O = "ds-button-round_root--dark-highlight_18xb6_75", G = "ds-button-round_root--filled_18xb6_151", I = "ds-button-round_root--outline_18xb6_179", S = "ds-button-round_root--ghost_18xb6_206", j = "ds-button-round_root--ghost-flush_18xb6_231", L = "ds-button-round_root--small_18xb6_237", C = "ds-button-round_root--dark-filled_18xb6_317", N = "ds-button-round_root--dark-outline_18xb6_374", R = "ds-button-round_root--dark-ghost_18xb6_430", B = "ds-button-round_root--dark-ghost-flush_18xb6_484", E = "ds-button-round_root--icon-left_18xb6_546", T = "ds-button-round_root--icon-only_18xb6_562", q = "ds-button-round_root--icon-only-small_18xb6_571", w = "ds-button-round_loader_18xb6_588", z = "ds-button-round_icon--hidden_18xb6_600", A = "ds-button-round_label--hidden_18xb6_604", J = "ds-button-round_label--loading_18xb6_616", o = {
|
|
7
7
|
root: p,
|
|
8
8
|
"root--highlight": "ds-button-round_root--highlight_18xb6_75",
|
|
9
9
|
rootHighlight: F,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as e } from "./chunks/jsx-runtime.
|
|
3
|
-
import { c as d } from "./chunks/index.
|
|
2
|
+
import { j as e } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as d } from "./chunks/index.CEyLAtio.js";
|
|
4
4
|
import { forwardRef as y, useRef as I, useState as H, useEffect as M, useCallback as g } from "react";
|
|
5
|
-
import { u as B } from "./chunks/useBreakpoint.
|
|
6
|
-
import { D as k } from "./chunks/Icon.
|
|
7
|
-
import { DSSystemFeedback as E } from "./systemfeedback.
|
|
8
|
-
import './assets/checkbox.
|
|
5
|
+
import { u as B } from "./chunks/useBreakpoint.BzR_yaIv.js";
|
|
6
|
+
import { D as k } from "./chunks/Icon.CvVRQw6C.js";
|
|
7
|
+
import { DSSystemFeedback as E } from "./systemfeedback.bHSsfiy3.js";
|
|
8
|
+
import './assets/checkbox.BKHQN_tu.css';const V = "ds-checkbox_root_1tuqo_1", w = "ds-checkbox_root--disabled_1tuqo_21", L = "ds-checkbox_checkbox_1tuqo_25", O = "ds-checkbox_icon-check_1tuqo_41", P = "ds-checkbox_icon-minus_1tuqo_42", R = "ds-checkbox_checkbox--invalid_1tuqo_66", U = "ds-checkbox_label--hidden_1tuqo_71", z = "ds-checkbox_input_1tuqo_84", A = "ds-checkbox_label_1tuqo_71", F = "ds-checkbox_feedback_1tuqo_198", c = {
|
|
9
9
|
root: V,
|
|
10
10
|
"root--disabled": "ds-checkbox_root--disabled_1tuqo_21",
|
|
11
11
|
rootDisabled: w,
|
package/chip.C0WRTcW9.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import "./chunks/index.CEyLAtio.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./chunks/translate.isa3FHb8.js";
|
|
6
|
+
import "./chunks/Icon.CvVRQw6C.js";
|
|
7
|
+
import { e as s } from "./chunks/Chip.BtY9yzNj.js";
|
|
8
|
+
export {
|
|
9
|
+
s as DSChip
|
|
10
|
+
};
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as b } from "./chunks/jsx-runtime.
|
|
3
|
-
import { useState as S, useRef as $, useEffect as w, createElement as
|
|
4
|
-
import { c as _ } from "./chunks/index.
|
|
5
|
-
import {
|
|
6
|
-
import { g as z } from "./chunks/AriaLiveRegions.utils.
|
|
7
|
-
import { v as J, a as P, e as Q } from "./chunks/Chip.
|
|
8
|
-
import './assets/chipgroup.
|
|
2
|
+
import { j as b } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { useState as S, useRef as $, useEffect as w, createElement as U } from "react";
|
|
4
|
+
import { c as _ } from "./chunks/index.CEyLAtio.js";
|
|
5
|
+
import { u as q } from "./chunks/useBreakpoint.BzR_yaIv.js";
|
|
6
|
+
import { g as z } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
|
|
7
|
+
import { v as J, a as P, e as Q } from "./chunks/Chip.BtY9yzNj.js";
|
|
8
|
+
import './assets/chipgroup.CUIkyYBW.css';const W = "ds-chip-group_label--hidden_2mchd_1", X = "ds-chip-group_root_2mchd_14", v = {
|
|
9
9
|
"label--hidden": "ds-chip-group_label--hidden_2mchd_1",
|
|
10
|
-
labelHidden:
|
|
11
|
-
root:
|
|
12
|
-
},
|
|
10
|
+
labelHidden: W,
|
|
11
|
+
root: X
|
|
12
|
+
}, le = ({
|
|
13
13
|
chips: p,
|
|
14
14
|
id: h,
|
|
15
15
|
label: D,
|
|
16
|
-
className:
|
|
17
|
-
hideLabel:
|
|
16
|
+
className: A,
|
|
17
|
+
hideLabel: K = !1,
|
|
18
18
|
isRemovable: r = !1,
|
|
19
|
-
lang:
|
|
20
|
-
selectionMode:
|
|
21
|
-
size:
|
|
22
|
-
translations:
|
|
19
|
+
lang: j = "en",
|
|
20
|
+
selectionMode: o = "single",
|
|
21
|
+
size: C = "medium",
|
|
22
|
+
translations: N,
|
|
23
23
|
onChipsChange: c,
|
|
24
|
-
...
|
|
24
|
+
...T
|
|
25
25
|
}) => {
|
|
26
26
|
process.env.NODE_ENV !== "production" && J({
|
|
27
27
|
chips: p,
|
|
28
28
|
id: h,
|
|
29
29
|
label: D
|
|
30
30
|
});
|
|
31
|
-
const [l,
|
|
31
|
+
const [l, i] = S(null), [n, a] = S(p), E = $(null), [d, k] = S(), f = $([]);
|
|
32
32
|
w(() => {
|
|
33
33
|
a(p);
|
|
34
34
|
}, [p]), w(() => {
|
|
35
35
|
P();
|
|
36
36
|
const e = () => k("keydown"), t = () => k(null), s = () => k(null);
|
|
37
|
-
return
|
|
38
|
-
|
|
37
|
+
return document.addEventListener("keydown", e), document.addEventListener("mousedown", t), document.addEventListener("touchstart", s), () => {
|
|
38
|
+
document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", s);
|
|
39
39
|
};
|
|
40
40
|
}, []), w(() => {
|
|
41
41
|
var e;
|
|
@@ -45,20 +45,20 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
45
45
|
e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
|
|
46
46
|
});
|
|
47
47
|
}, [n]);
|
|
48
|
-
const
|
|
48
|
+
const B = (e) => {
|
|
49
49
|
if (l === null) return;
|
|
50
50
|
let t = l;
|
|
51
51
|
switch (e.key) {
|
|
52
52
|
case "a":
|
|
53
|
-
(e.metaKey || e.ctrlKey) && (e.preventDefault(),
|
|
53
|
+
(e.metaKey || e.ctrlKey) && (e.preventDefault(), F());
|
|
54
54
|
break;
|
|
55
55
|
case "ArrowRight":
|
|
56
56
|
case "ArrowDown":
|
|
57
|
-
e.shiftKey &&
|
|
57
|
+
e.shiftKey && o === "multiple" && !r ? (t = l + 1 > n.length - 1 ? n.length - 1 : l + 1, l !== t ? (u(l), u(t)) : n[l].isSelected || u(l)) : (t = (l + 1) % n.length, e.preventDefault());
|
|
58
58
|
break;
|
|
59
59
|
case "ArrowLeft":
|
|
60
60
|
case "ArrowUp":
|
|
61
|
-
e.shiftKey &&
|
|
61
|
+
e.shiftKey && o === "multiple" && !r ? (t = l - 1 < 0 ? 0 : l - 1, l !== t ? (u(l), u(t)) : n[0].isSelected || u(0)) : (t = (l - 1 + n.length) % n.length, e.preventDefault());
|
|
62
62
|
break;
|
|
63
63
|
case "Enter":
|
|
64
64
|
case " ":
|
|
@@ -74,9 +74,9 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
74
74
|
default:
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
|
-
|
|
78
|
-
},
|
|
79
|
-
if (
|
|
77
|
+
i(t);
|
|
78
|
+
}, F = () => {
|
|
79
|
+
if (o !== "multiple") return;
|
|
80
80
|
const e = n.map((t) => ({
|
|
81
81
|
...t,
|
|
82
82
|
selected: !t.disabled
|
|
@@ -91,40 +91,40 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
91
91
|
}, I = (e) => {
|
|
92
92
|
if (r) return;
|
|
93
93
|
const t = [...n];
|
|
94
|
-
t[e].disabled || (
|
|
94
|
+
t[e].disabled || (o === "single" ? t.forEach((s, g) => {
|
|
95
95
|
g === e ? (s.isSelected = !s.isSelected, m(
|
|
96
96
|
`${s.label} ${s.isSelected ? "selected" : "not selected"}`
|
|
97
97
|
)) : s.isSelected = !1;
|
|
98
|
-
}) :
|
|
98
|
+
}) : o === "multiple" && (t[e].isSelected = !t[e].isSelected, m(
|
|
99
99
|
`${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({ isSelected: s }) => s).length} items selected`
|
|
100
100
|
)), a(t), c && c(t));
|
|
101
101
|
}, y = (e) => {
|
|
102
102
|
var g;
|
|
103
|
-
const t = n[e], s = n.filter((L,
|
|
103
|
+
const t = n[e], s = n.filter((L, O) => O !== e);
|
|
104
104
|
if (a(s), m(
|
|
105
105
|
`${t.label} removed, ${s.length} items remaining`
|
|
106
106
|
), d === "keydown")
|
|
107
107
|
if (s.length > 0) {
|
|
108
108
|
const L = Math.min(e, s.length - 1);
|
|
109
|
-
|
|
109
|
+
i(L);
|
|
110
110
|
} else
|
|
111
|
-
(g = E.current) == null || g.focus(),
|
|
111
|
+
(g = E.current) == null || g.focus(), i(null);
|
|
112
112
|
c && c(s);
|
|
113
|
-
},
|
|
113
|
+
}, G = (e) => {
|
|
114
114
|
r ? y(e) : n[e].disabled || I(e);
|
|
115
115
|
}, m = (e) => {
|
|
116
116
|
const t = z();
|
|
117
117
|
t && (t.innerText = e, setTimeout(() => {
|
|
118
118
|
t.innerText = "";
|
|
119
119
|
}, 350));
|
|
120
|
-
},
|
|
120
|
+
}, H = (e) => l === null || l === e ? 0 : -1, V = q(K), x = _(v.root, A);
|
|
121
121
|
return n.length === 0 ? null : /* @__PURE__ */ b.jsxs("div", { children: [
|
|
122
122
|
/* @__PURE__ */ b.jsx(
|
|
123
123
|
"div",
|
|
124
124
|
{
|
|
125
125
|
id: h,
|
|
126
126
|
className: _({
|
|
127
|
-
[
|
|
127
|
+
[v.labelHidden]: V
|
|
128
128
|
}),
|
|
129
129
|
children: D
|
|
130
130
|
}
|
|
@@ -135,31 +135,31 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
135
135
|
ref: E,
|
|
136
136
|
role: "grid",
|
|
137
137
|
"aria-labelledby": h,
|
|
138
|
-
"aria-multiselectable":
|
|
138
|
+
"aria-multiselectable": o === "multiple",
|
|
139
139
|
tabIndex: -1,
|
|
140
|
-
onKeyDown:
|
|
140
|
+
onKeyDown: B,
|
|
141
141
|
onFocus: () => {
|
|
142
|
-
l === null ? (f.current[0].focus(), d === "keydown" &&
|
|
142
|
+
l === null ? (f.current[0].focus(), d === "keydown" && i(0)) : d === "keydown" && i(l);
|
|
143
143
|
},
|
|
144
|
-
onBlur: () =>
|
|
145
|
-
className:
|
|
146
|
-
...
|
|
147
|
-
children: n.map((e, t) => /* @__PURE__ */
|
|
144
|
+
onBlur: () => i(null),
|
|
145
|
+
className: x,
|
|
146
|
+
...T,
|
|
147
|
+
children: n.map((e, t) => /* @__PURE__ */ U(
|
|
148
148
|
Q,
|
|
149
149
|
{
|
|
150
150
|
...e,
|
|
151
151
|
key: `${e.id}-${t}`,
|
|
152
152
|
groupId: h,
|
|
153
|
-
tabIndex:
|
|
153
|
+
tabIndex: H(t),
|
|
154
154
|
onClick: (s) => {
|
|
155
|
-
|
|
155
|
+
G(t), e.onClick && e.onClick(s);
|
|
156
156
|
},
|
|
157
157
|
"data-focused": l === t,
|
|
158
158
|
isRemovable: r,
|
|
159
|
-
lang:
|
|
160
|
-
selectionMode:
|
|
161
|
-
size:
|
|
162
|
-
translations:
|
|
159
|
+
lang: j,
|
|
160
|
+
selectionMode: o,
|
|
161
|
+
size: C,
|
|
162
|
+
translations: N,
|
|
163
163
|
ref: (s) => {
|
|
164
164
|
f.current[t] = s;
|
|
165
165
|
}
|
|
@@ -170,5 +170,5 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
170
170
|
] });
|
|
171
171
|
};
|
|
172
172
|
export {
|
|
173
|
-
|
|
173
|
+
le as DSChipGroup
|
|
174
174
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as e } from "./jsx-runtime.
|
|
3
|
-
import { c as a } from "./index.
|
|
2
|
+
import { j as e } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as a } from "./index.CEyLAtio.js";
|
|
4
4
|
import { forwardRef as A, useRef as F, useState as I, useImperativeHandle as R, useEffect as w } from "react";
|
|
5
|
-
import { DSHeading as T } from "../heading.
|
|
6
|
-
import { D as L } from "./Icon.
|
|
7
|
-
import { g } from "./helpers.
|
|
8
|
-
import '../assets/Accordion.
|
|
5
|
+
import { DSHeading as T } from "../heading.BesCIchJ.js";
|
|
6
|
+
import { D as L } from "./Icon.CvVRQw6C.js";
|
|
7
|
+
import { g } from "./helpers.CcqWV-wZ.js";
|
|
8
|
+
import '../assets/Accordion.DDxMnzaG.css';const M = "ds-accordion_details_1385s_1", b = "ds-accordion_summary_1385s_120", H = "ds-accordion_summary--utility--m_1385s_159", P = "ds-accordion_summary--flush_1385s_188", U = "ds-accordion_summary--small_1385s_256", q = "ds-accordion_summary-content-wrapper_1385s_261", V = "ds-accordion_summary-content-wrapper--flush_1385s_267", z = "ds-accordion_summary-content-wrapper--chevron-left_1385s_271", Z = "ds-accordion_heading-summary-wrapper_1385s_276", k = "ds-accordion_hint_1385s_280", B = "ds-accordion_icon_1385s_294", G = "ds-accordion_icon--open_1385s_305", J = "ds-accordion_content-wrapper_1385s_317", K = "ds-accordion_content-wrapper--flush_1385s_323", Q = "ds-accordion_content-wrapper--small_1385s_327", r = {
|
|
9
9
|
details: M,
|
|
10
10
|
summary: b,
|
|
11
11
|
"summary--utility--m": "ds-accordion_summary--utility--m_1385s_159",
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { h as t } from "./has-window.ut_-aShB.js";
|
|
3
|
+
import { g as s } from "./helpers.CcqWV-wZ.js";
|
|
4
|
+
import "react";
|
|
5
|
+
const e = "ds-alert-live-region", n = "ds-status-live-region", g = () => {
|
|
6
|
+
if (t)
|
|
7
|
+
return document.getElementById(e);
|
|
8
|
+
}, c = () => {
|
|
9
|
+
if (t)
|
|
10
|
+
return document.getElementById(n);
|
|
11
|
+
}, u = () => {
|
|
12
|
+
if (!t)
|
|
13
|
+
return;
|
|
14
|
+
const o = document.querySelectorAll(
|
|
15
|
+
`#${e}`
|
|
16
|
+
), i = document.querySelectorAll(
|
|
17
|
+
`#${n}`
|
|
18
|
+
);
|
|
19
|
+
if (o.length > 1)
|
|
20
|
+
throw new Error(
|
|
21
|
+
s(
|
|
22
|
+
"DSAriaLiveRegions",
|
|
23
|
+
`The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${o.length} instances.`
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
if (i.length > 1)
|
|
27
|
+
throw new Error(
|
|
28
|
+
s(
|
|
29
|
+
"DSAriaLiveRegions",
|
|
30
|
+
`The DSAriaLiveRegions component with id="${n}" should only be present once on the page. Found ${i.length} instances.`
|
|
31
|
+
)
|
|
32
|
+
);
|
|
33
|
+
};
|
|
34
|
+
export {
|
|
35
|
+
e as A,
|
|
36
|
+
n as a,
|
|
37
|
+
g as b,
|
|
38
|
+
c as g,
|
|
39
|
+
u as v
|
|
40
|
+
};
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as a } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as j } from "./index.CEyLAtio.js";
|
|
4
|
+
import { isValidElement as _, useState as k, useEffect as x, cloneElement as A } from "react";
|
|
5
|
+
import { DSButton as N } from "../button.Nknx8eP1.js";
|
|
6
|
+
import { DSLinkStandalone as M } from "../linkstandalone.BGQ2HOO0.js";
|
|
7
|
+
import { g as s, r as T } from "./helpers.CcqWV-wZ.js";
|
|
8
|
+
import '../assets/Breadcrumb.BaYrwrYl.css';const P = "ds-breadcrumb_root_1e9hu_1", C = "ds-breadcrumb_show-all-button_1e9hu_30", y = {
|
|
9
|
+
root: P,
|
|
10
|
+
"show-all-button": "ds-breadcrumb_show-all-button_1e9hu_30",
|
|
11
|
+
showAllButton: C
|
|
12
|
+
}, S = 4, R = ({ aria: e, links: l }) => {
|
|
13
|
+
var r, c;
|
|
14
|
+
if (!e || typeof e != "object" || Object.keys(e).length === 0 || !e["aria-label"] && !e["aria-labelledby"] || ((r = e["aria-label"]) == null ? void 0 : r.trim()) === "" && ((c = e["aria-labelledby"]) == null ? void 0 : c.trim()) === "")
|
|
15
|
+
throw new Error(
|
|
16
|
+
s(
|
|
17
|
+
"DSBreadcrumb",
|
|
18
|
+
'A valid "aria-label" or "aria-labelledby" property is required. Ensure the "aria" prop is a non-empty object and includes either "aria-label" or "aria-labelledby" with a non-empty string value.'
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
if (Array.isArray(l)) {
|
|
22
|
+
if (l.length === 0)
|
|
23
|
+
throw new Error(
|
|
24
|
+
s("DSBreadcrumb", "The links array must not be empty.")
|
|
25
|
+
);
|
|
26
|
+
if (l.length < 2)
|
|
27
|
+
throw new Error(
|
|
28
|
+
s(
|
|
29
|
+
"DSBreadcrumb",
|
|
30
|
+
"The links array must have at least two elements."
|
|
31
|
+
)
|
|
32
|
+
);
|
|
33
|
+
} else throw new Error(
|
|
34
|
+
s(
|
|
35
|
+
"DSBreadcrumb",
|
|
36
|
+
T("links", "DSBreadcrumb")
|
|
37
|
+
)
|
|
38
|
+
);
|
|
39
|
+
l.forEach(({ href: h, label: i, wrapper: t }) => {
|
|
40
|
+
if (t && !_(t))
|
|
41
|
+
throw new Error(
|
|
42
|
+
s(
|
|
43
|
+
"DSBreadcrumb",
|
|
44
|
+
`The link with label "${i}" provided an invalid ReactElement as wrapper property.`
|
|
45
|
+
)
|
|
46
|
+
);
|
|
47
|
+
t && h && console.warn(
|
|
48
|
+
s(
|
|
49
|
+
"DSBreadcrumb",
|
|
50
|
+
`The link with label "${i}" has both a wrapper and an href property. Please use only one.`
|
|
51
|
+
)
|
|
52
|
+
), t && t.props.children && console.warn(
|
|
53
|
+
s(
|
|
54
|
+
"DSBreadcrumb",
|
|
55
|
+
`The link with label "${i}" contains a wrapper with children. Please remove the children, as they will be replaced. For example: <Link href="#" />`
|
|
56
|
+
)
|
|
57
|
+
);
|
|
58
|
+
});
|
|
59
|
+
}, X = ({
|
|
60
|
+
aria: e,
|
|
61
|
+
className: l,
|
|
62
|
+
links: r,
|
|
63
|
+
showAllButtonLabel: c = "Show all links",
|
|
64
|
+
...h
|
|
65
|
+
}) => {
|
|
66
|
+
process.env.NODE_ENV !== "production" && R({
|
|
67
|
+
aria: e,
|
|
68
|
+
links: r
|
|
69
|
+
});
|
|
70
|
+
const [i, t] = k(
|
|
71
|
+
r.length <= S
|
|
72
|
+
);
|
|
73
|
+
x(() => {
|
|
74
|
+
t(r.length <= S);
|
|
75
|
+
}, [r]);
|
|
76
|
+
const g = j(y.root, l), B = () => i ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
|
|
77
|
+
N,
|
|
78
|
+
{
|
|
79
|
+
onClick: () => t(!0),
|
|
80
|
+
variant: "ghost",
|
|
81
|
+
className: y.showAllButton,
|
|
82
|
+
title: c,
|
|
83
|
+
type: "button",
|
|
84
|
+
children: /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: "..." })
|
|
85
|
+
}
|
|
86
|
+
) }), E = ({ label: o, href: u, wrapper: n, iconName: D }, m, L) => {
|
|
87
|
+
const b = m === 0, p = L === m, w = p && !b ? "page" : void 0, f = /* @__PURE__ */ a.jsx(
|
|
88
|
+
M,
|
|
89
|
+
{
|
|
90
|
+
href: n ? void 0 : u,
|
|
91
|
+
iconName: D,
|
|
92
|
+
"aria-current": n ? void 0 : w,
|
|
93
|
+
active: p && !b,
|
|
94
|
+
children: o
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
return n ? A(n, {
|
|
98
|
+
"aria-current": w,
|
|
99
|
+
children: f
|
|
100
|
+
}) : f;
|
|
101
|
+
}, d = (o) => o.map((u, n) => /* @__PURE__ */ a.jsx("li", { children: E(u, o.length - 1, n) }, n)), v = (o) => d(i ? o : o.slice(-2));
|
|
102
|
+
return /* @__PURE__ */ a.jsx("nav", { className: g, ...h, ...e, children: /* @__PURE__ */ a.jsxs("ol", { children: [
|
|
103
|
+
d([r[0]]),
|
|
104
|
+
B(),
|
|
105
|
+
v(r.slice(1))
|
|
106
|
+
] }) });
|
|
107
|
+
};
|
|
108
|
+
export {
|
|
109
|
+
X as D,
|
|
110
|
+
S as M,
|
|
111
|
+
R as v
|
|
112
|
+
};
|