@stihl-design-system/components 1.0.0-RC.14 → 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.2dxodwBP.js → arialiveregions.4aRkBQ4r.js} +2 -2
- package/assets/Breadcrumb.BaYrwrYl.css +1 -0
- package/assets/NavigationTabList.B6x56sAV.css +1 -0
- package/assets/linkstandalone.LMdnj-G0.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.BfcWQZhx.js → button.Nknx8eP1.js} +6 -6
- package/{buttonround.E56F_805.js → buttonround.BKnxl68m.js} +5 -5
- package/{checkbox.Dt0OWryN.js → checkbox.B_Es9RI2.js} +6 -6
- package/checkboxgroup.Cg89jmSA.js +8 -0
- package/chip.C0WRTcW9.js +10 -0
- package/{chipgroup.Cy76KMWu.js → chipgroup.BSNjn_jZ.js} +53 -54
- package/chunks/{Accordion.Bza3TO4Y.js → Accordion.CecPmLcb.js} +5 -5
- package/chunks/Breadcrumb.qH8heJ6N.js +112 -0
- package/chunks/{CheckboxGroup.C_2ZwEQJ.js → CheckboxGroup.Bjjv2D4P.js} +5 -5
- package/chunks/{Chip.BvlKC503.js → Chip.BtY9yzNj.js} +4 -4
- package/chunks/{CustomReactSelect.CB41lklE.js → CustomReactSelect.BBHV7vvE.js} +1095 -1091
- package/chunks/{Dialog.ClBjJWOh.js → Dialog.CG1l6YDx.js} +4 -4
- package/chunks/{Drawer.ReDW3ohH.js → Drawer.BFw0swsE.js} +4 -4
- package/chunks/{Fieldset.Ct_JFRs9.js → Fieldset.CPuNSQNU.js} +6 -6
- package/chunks/{Icon.BCmt_XBG.js → Icon.CvVRQw6C.js} +29 -29
- package/chunks/{Input.utils.DYbmWlx6.js → Input.utils.BolAdXy6.js} +18 -19
- package/chunks/{InputPassword.Cvk5J8w1.js → InputPassword.DCV-dKiH.js} +7 -7
- package/chunks/{InputSearch.BIIW-ERk.js → InputSearch.BXLLIjLO.js} +7 -7
- package/chunks/{InputStepper.DGzR3KY6.js → InputStepper.BgUod0gn.js} +8 -8
- package/chunks/NavigationTabList.D3zzmWIL.js +60 -0
- package/chunks/NavigationTabs.ni5Zoq0z.js +72 -0
- package/chunks/{Notification.uAEjPywP.js → Notification.BmXWqd85.js} +5 -5
- package/chunks/{RadioGroup.D10-pe9H.js → RadioGroup.DVyupPKV.js} +46 -42
- 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.Dh9R9YdZ.js → Textarea.BzHIGYVB.js} +53 -54
- package/chunks/{Toast.j7LPnQ36.js → Toast.CwalSzYB.js} +5 -5
- 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/{combobox.D6zXg976.js → combobox.BY7mbdhL.js} +2 -2
- package/components/Breadcrumb/Breadcrumb.d.ts +33 -0
- package/components/Breadcrumb/Breadcrumb.utils.d.ts +4 -0
- 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/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/Tabs.d.ts +6 -1
- package/components/Tabs/Tabs.utils.d.ts +1 -6
- 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 +4 -0
- package/index.es.js +145 -138
- package/{input.BbnmbMCI.js → input.Bx05SF7t.js} +50 -51
- package/inputpassword.DswedDs6.js +12 -0
- package/inputsearch.Dc4b-FYd.js +13 -0
- package/inputstepper.Cf2gM7tW.js +15 -0
- package/{link.L8O_InKe.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.UU7FSouT.js → numberindicator.kZ-G6BbU.js} +3 -3
- package/{optioncheckbox.BRUTnQnJ.js → optioncheckbox.DV0QpteH.js} +4 -4
- package/package.json +45 -45
- package/partials/index.js +688 -689
- package/{radio.B-2uuWHq.js → radio.DZEIaDlU.js} +4 -4
- package/radiogroup.BNohLQGM.js +10 -0
- package/select.CZvgpafD.js +12 -0
- package/{skiptocontent.DxogCFvU.js → skiptocontent.CoC8Rk8k.js} +4 -4
- package/{spinner.Bq97Og-6.js → spinner.pcu39V2a.js} +4 -4
- 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/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.DxHFtr5C.js → toastmanager.CzDos3Ik.js} +2 -2
- package/accordion.C6_sqiW2.js +0 -10
- package/assets/Tabs.DUqlqP6R.css +0 -1
- package/assets/linkstandalone.DIazcjIv.css +0 -1
- package/checkboxgroup.je32bRPr.js +0 -8
- package/chip.CpnDX4Ro.js +0 -10
- package/chunks/Select.DsLnW29U.js +0 -194
- package/chunks/TabPane.CYuUi0oL.js +0 -51
- package/chunks/Tabs.D_JAsvoh.js +0 -270
- package/chunks/index.CvOaL64Y.js +0 -45
- package/chunks/useBreakpoint.B8XxjSVJ.js +0 -48
- package/customreactselect.BcjDvZG6.js +0 -13
- package/dialog.BkVOgeWY.js +0 -9
- package/drawer.DM_NKGTQ.js +0 -9
- package/fieldset.CSNoVbL1.js +0 -11
- package/icon.Ck0BpI34.js +0 -8
- package/inputpassword.KnZRwWCQ.js +0 -12
- package/inputsearch.DgYJPZ2v.js +0 -13
- package/inputstepper.T_of1Gz0.js +0 -15
- package/linkstandalone.BBoEniZ_.js +0 -79
- package/notification.Bt9TbAAt.js +0 -9
- package/radiogroup.DM_lF4hI.js +0 -10
- package/select.COLuwr89.js +0 -12
- package/tabpane.BnQBzVXw.js +0 -8
- package/tabs.BaELlVri.js +0 -15
- package/textarea.Wcl_pVBb.js +0 -13
- package/toast.DQlMWU6I.js +0 -10
- /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/{numberindicator.BJ9vFpnd.css → numberindicator.BJnvB-K3.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/{TabPane.zywjfwo8.css → tabpane.D1LTb432.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
- /package/components/{Tabs/Tabs.utils.test.d.ts → Breadcrumb/Breadcrumb.test.d.ts} +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.
|
|
2
|
+
import { j as s } from "./chunks/jsx-runtime.BteaETFx.js";
|
|
3
3
|
import { v as e, A as a, a as n } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
|
|
4
|
-
import './assets/arialiveregions.
|
|
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}}}
|
|
@@ -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,42 +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 { u as q } from "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
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";
|
|
7
6
|
import { g as z } from "./chunks/AriaLiveRegions.utils.Bq6Mp2bE.js";
|
|
8
|
-
import { v as J, a as P, e as Q } from "./chunks/Chip.
|
|
9
|
-
import './assets/chipgroup.
|
|
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 = {
|
|
10
9
|
"label--hidden": "ds-chip-group_label--hidden_2mchd_1",
|
|
11
|
-
labelHidden:
|
|
12
|
-
root:
|
|
13
|
-
},
|
|
10
|
+
labelHidden: W,
|
|
11
|
+
root: X
|
|
12
|
+
}, le = ({
|
|
14
13
|
chips: p,
|
|
15
14
|
id: h,
|
|
16
15
|
label: D,
|
|
17
|
-
className:
|
|
18
|
-
hideLabel:
|
|
16
|
+
className: A,
|
|
17
|
+
hideLabel: K = !1,
|
|
19
18
|
isRemovable: r = !1,
|
|
20
|
-
lang:
|
|
21
|
-
selectionMode:
|
|
22
|
-
size:
|
|
23
|
-
translations:
|
|
24
|
-
onChipsChange:
|
|
25
|
-
...
|
|
19
|
+
lang: j = "en",
|
|
20
|
+
selectionMode: o = "single",
|
|
21
|
+
size: C = "medium",
|
|
22
|
+
translations: N,
|
|
23
|
+
onChipsChange: c,
|
|
24
|
+
...T
|
|
26
25
|
}) => {
|
|
27
26
|
process.env.NODE_ENV !== "production" && J({
|
|
28
27
|
chips: p,
|
|
29
28
|
id: h,
|
|
30
29
|
label: D
|
|
31
30
|
});
|
|
32
|
-
const [l,
|
|
31
|
+
const [l, i] = S(null), [n, a] = S(p), E = $(null), [d, k] = S(), f = $([]);
|
|
33
32
|
w(() => {
|
|
34
33
|
a(p);
|
|
35
34
|
}, [p]), w(() => {
|
|
36
35
|
P();
|
|
37
36
|
const e = () => k("keydown"), t = () => k(null), s = () => k(null);
|
|
38
|
-
return
|
|
39
|
-
|
|
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);
|
|
40
39
|
};
|
|
41
40
|
}, []), w(() => {
|
|
42
41
|
var e;
|
|
@@ -46,20 +45,20 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
46
45
|
e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
|
|
47
46
|
});
|
|
48
47
|
}, [n]);
|
|
49
|
-
const
|
|
48
|
+
const B = (e) => {
|
|
50
49
|
if (l === null) return;
|
|
51
50
|
let t = l;
|
|
52
51
|
switch (e.key) {
|
|
53
52
|
case "a":
|
|
54
|
-
(e.metaKey || e.ctrlKey) && (e.preventDefault(),
|
|
53
|
+
(e.metaKey || e.ctrlKey) && (e.preventDefault(), F());
|
|
55
54
|
break;
|
|
56
55
|
case "ArrowRight":
|
|
57
56
|
case "ArrowDown":
|
|
58
|
-
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());
|
|
59
58
|
break;
|
|
60
59
|
case "ArrowLeft":
|
|
61
60
|
case "ArrowUp":
|
|
62
|
-
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());
|
|
63
62
|
break;
|
|
64
63
|
case "Enter":
|
|
65
64
|
case " ":
|
|
@@ -75,57 +74,57 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
75
74
|
default:
|
|
76
75
|
return;
|
|
77
76
|
}
|
|
78
|
-
|
|
79
|
-
},
|
|
80
|
-
if (
|
|
77
|
+
i(t);
|
|
78
|
+
}, F = () => {
|
|
79
|
+
if (o !== "multiple") return;
|
|
81
80
|
const e = n.map((t) => ({
|
|
82
81
|
...t,
|
|
83
82
|
selected: !t.disabled
|
|
84
83
|
}));
|
|
85
|
-
a(e), m(`${e.length} items selected`),
|
|
84
|
+
a(e), m(`${e.length} items selected`), c && c(e);
|
|
86
85
|
}, u = (e) => {
|
|
87
86
|
if (r) return;
|
|
88
87
|
const t = [...n];
|
|
89
88
|
t[e].disabled || (t[e].isSelected = !0, m(
|
|
90
89
|
`${t[e].label} selected, ${t.filter(({ isSelected: s }) => s).length} items selected`
|
|
91
|
-
), a(t),
|
|
90
|
+
), a(t), c && c(t));
|
|
92
91
|
}, I = (e) => {
|
|
93
92
|
if (r) return;
|
|
94
93
|
const t = [...n];
|
|
95
|
-
t[e].disabled || (
|
|
94
|
+
t[e].disabled || (o === "single" ? t.forEach((s, g) => {
|
|
96
95
|
g === e ? (s.isSelected = !s.isSelected, m(
|
|
97
96
|
`${s.label} ${s.isSelected ? "selected" : "not selected"}`
|
|
98
97
|
)) : s.isSelected = !1;
|
|
99
|
-
}) :
|
|
98
|
+
}) : o === "multiple" && (t[e].isSelected = !t[e].isSelected, m(
|
|
100
99
|
`${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({ isSelected: s }) => s).length} items selected`
|
|
101
|
-
)), a(t),
|
|
100
|
+
)), a(t), c && c(t));
|
|
102
101
|
}, y = (e) => {
|
|
103
102
|
var g;
|
|
104
|
-
const t = n[e], s = n.filter((L,
|
|
103
|
+
const t = n[e], s = n.filter((L, O) => O !== e);
|
|
105
104
|
if (a(s), m(
|
|
106
105
|
`${t.label} removed, ${s.length} items remaining`
|
|
107
106
|
), d === "keydown")
|
|
108
107
|
if (s.length > 0) {
|
|
109
108
|
const L = Math.min(e, s.length - 1);
|
|
110
|
-
|
|
109
|
+
i(L);
|
|
111
110
|
} else
|
|
112
|
-
(g = E.current) == null || g.focus(),
|
|
113
|
-
|
|
114
|
-
},
|
|
111
|
+
(g = E.current) == null || g.focus(), i(null);
|
|
112
|
+
c && c(s);
|
|
113
|
+
}, G = (e) => {
|
|
115
114
|
r ? y(e) : n[e].disabled || I(e);
|
|
116
115
|
}, m = (e) => {
|
|
117
116
|
const t = z();
|
|
118
117
|
t && (t.innerText = e, setTimeout(() => {
|
|
119
118
|
t.innerText = "";
|
|
120
119
|
}, 350));
|
|
121
|
-
},
|
|
120
|
+
}, H = (e) => l === null || l === e ? 0 : -1, V = q(K), x = _(v.root, A);
|
|
122
121
|
return n.length === 0 ? null : /* @__PURE__ */ b.jsxs("div", { children: [
|
|
123
122
|
/* @__PURE__ */ b.jsx(
|
|
124
123
|
"div",
|
|
125
124
|
{
|
|
126
125
|
id: h,
|
|
127
126
|
className: _({
|
|
128
|
-
[
|
|
127
|
+
[v.labelHidden]: V
|
|
129
128
|
}),
|
|
130
129
|
children: D
|
|
131
130
|
}
|
|
@@ -136,31 +135,31 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
136
135
|
ref: E,
|
|
137
136
|
role: "grid",
|
|
138
137
|
"aria-labelledby": h,
|
|
139
|
-
"aria-multiselectable":
|
|
138
|
+
"aria-multiselectable": o === "multiple",
|
|
140
139
|
tabIndex: -1,
|
|
141
|
-
onKeyDown:
|
|
140
|
+
onKeyDown: B,
|
|
142
141
|
onFocus: () => {
|
|
143
|
-
l === null ? (f.current[0].focus(), d === "keydown" &&
|
|
142
|
+
l === null ? (f.current[0].focus(), d === "keydown" && i(0)) : d === "keydown" && i(l);
|
|
144
143
|
},
|
|
145
|
-
onBlur: () =>
|
|
146
|
-
className:
|
|
147
|
-
...
|
|
148
|
-
children: n.map((e, t) => /* @__PURE__ */
|
|
144
|
+
onBlur: () => i(null),
|
|
145
|
+
className: x,
|
|
146
|
+
...T,
|
|
147
|
+
children: n.map((e, t) => /* @__PURE__ */ U(
|
|
149
148
|
Q,
|
|
150
149
|
{
|
|
151
150
|
...e,
|
|
152
151
|
key: `${e.id}-${t}`,
|
|
153
152
|
groupId: h,
|
|
154
|
-
tabIndex:
|
|
153
|
+
tabIndex: H(t),
|
|
155
154
|
onClick: (s) => {
|
|
156
|
-
|
|
155
|
+
G(t), e.onClick && e.onClick(s);
|
|
157
156
|
},
|
|
158
157
|
"data-focused": l === t,
|
|
159
158
|
isRemovable: r,
|
|
160
|
-
lang:
|
|
161
|
-
selectionMode:
|
|
162
|
-
size:
|
|
163
|
-
translations:
|
|
159
|
+
lang: j,
|
|
160
|
+
selectionMode: o,
|
|
161
|
+
size: C,
|
|
162
|
+
translations: N,
|
|
164
163
|
ref: (s) => {
|
|
165
164
|
f.current[t] = s;
|
|
166
165
|
}
|
|
@@ -171,5 +170,5 @@ import './assets/chipgroup.BzfZLbkv.css';const X = "ds-chip-group_label--hidden_
|
|
|
171
170
|
] });
|
|
172
171
|
};
|
|
173
172
|
export {
|
|
174
|
-
|
|
173
|
+
le as DSChipGroup
|
|
175
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.
|
|
5
|
+
import { DSHeading as T } from "../heading.BesCIchJ.js";
|
|
6
|
+
import { D as L } from "./Icon.CvVRQw6C.js";
|
|
7
7
|
import { g } from "./helpers.CcqWV-wZ.js";
|
|
8
|
-
import '../assets/Accordion.
|
|
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,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
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as u } from "./jsx-runtime.
|
|
3
|
-
import { c as m } from "./index.
|
|
4
|
-
import { D as f } from "./Fieldset.
|
|
2
|
+
import { j as u } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as m } from "./index.CEyLAtio.js";
|
|
4
|
+
import { D as f } from "./Fieldset.CPuNSQNU.js";
|
|
5
5
|
import l from "react";
|
|
6
6
|
import { g as i, r as k } from "./helpers.CcqWV-wZ.js";
|
|
7
|
-
import { DSCheckbox as D } from "../checkbox.
|
|
8
|
-
import '../assets/CheckboxGroup.
|
|
7
|
+
import { DSCheckbox as D } from "../checkbox.B_Es9RI2.js";
|
|
8
|
+
import '../assets/CheckboxGroup.Dd-Huo7x.css';const _ = "ds-checkbox-group_root_12fot_1", C = "ds-checkbox-group_root--horizontal_12fot_9", S = "ds-checkbox-group_root--invalid_12fot_12", a = {
|
|
9
9
|
root: _,
|
|
10
10
|
"root--horizontal": "ds-checkbox-group_root--horizontal_12fot_9",
|
|
11
11
|
rootHorizontal: C,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as o } from "./jsx-runtime.
|
|
3
|
-
import { c as _ } from "./index.
|
|
2
|
+
import { j as o } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as _ } from "./index.CEyLAtio.js";
|
|
4
4
|
import { forwardRef as w } from "react";
|
|
5
5
|
import { t as y } from "./translate.isa3FHb8.js";
|
|
6
|
-
import { D as d } from "./Icon.
|
|
6
|
+
import { D as d } from "./Icon.CvVRQw6C.js";
|
|
7
7
|
import { g as a, r as h } from "./helpers.CcqWV-wZ.js";
|
|
8
8
|
import { g as b } from "./AriaLiveRegions.utils.Bq6Mp2bE.js";
|
|
9
|
-
import '../assets/Chip.
|
|
9
|
+
import '../assets/Chip.dxIYIjj7.css';const G = "ds-chip-group_chip_aidwn_1", P = "ds-chip-group_chip--small_aidwn_30", u = {
|
|
10
10
|
chip: G,
|
|
11
11
|
"chip--small": "ds-chip-group_chip--small_aidwn_30",
|
|
12
12
|
chipSmall: P
|