@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
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as r } from "./jsx-runtime.
|
|
3
|
-
import { c as l } from "./index.
|
|
2
|
+
import { j as r } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as l } from "./index.CEyLAtio.js";
|
|
4
4
|
import { useRef as h, useState as x, useEffect as q } from "react";
|
|
5
|
-
import { DSButton as j } from "../button.
|
|
5
|
+
import { DSButton as j } from "../button.Nknx8eP1.js";
|
|
6
6
|
import { g as B } from "./helpers.CcqWV-wZ.js";
|
|
7
|
-
import '../assets/Dialog.
|
|
7
|
+
import '../assets/Dialog.DXmPdExC.css';const E = "ds-dialog_root_1e2qq_5", C = "ds-dialog_content-wrapper_1e2qq_159", F = "ds-dialog_content-wrapper--no-footer_1e2qq_165", W = "ds-dialog_close-button_1e2qq_173", k = "ds-dialog_header_1e2qq_186", R = "ds-dialog_content_1e2qq_159", y = "ds-dialog_footer_1e2qq_188", z = "ds-dialog_header--scrollable_1e2qq_209", L = "ds-dialog_header--close-button_1e2qq_218", M = "ds-dialog_content--no-footer_1e2qq_231", H = "ds-dialog_footer--scrollable_1e2qq_238", o = {
|
|
8
8
|
root: E,
|
|
9
9
|
"content-wrapper": "ds-dialog_content-wrapper_1e2qq_159",
|
|
10
10
|
contentWrapper: C,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as t } from "./jsx-runtime.
|
|
3
|
-
import { c as n } from "./index.
|
|
2
|
+
import { j as t } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as n } from "./index.CEyLAtio.js";
|
|
4
4
|
import { useRef as w, useState as g, useEffect as b } from "react";
|
|
5
|
-
import { DSButton as j } from "../button.
|
|
5
|
+
import { DSButton as j } from "../button.Nknx8eP1.js";
|
|
6
6
|
import { g as B } from "./helpers.CcqWV-wZ.js";
|
|
7
|
-
import '../assets/Drawer.
|
|
7
|
+
import '../assets/Drawer.BcM0epJS.css';const R = "ds-drawer_root_1qhpc_10", W = "ds-drawer_root--end_1qhpc_68", C = "ds-drawer_content-wrapper_1qhpc_169", F = "ds-drawer_content-wrapper--no-footer_1qhpc_175", k = "ds-drawer_close-button_1qhpc_178", I = "ds-drawer_header_1qhpc_191", O = "ds-drawer_content_1qhpc_169", y = "ds-drawer_footer_1qhpc_193", z = "ds-drawer_header--scrollable_1qhpc_214", L = "ds-drawer_header--close-button_1qhpc_223", M = "ds-drawer_content--no-footer_1qhpc_237", H = "ds-drawer_footer--scrollable_1qhpc_244", o = {
|
|
8
8
|
root: R,
|
|
9
9
|
"root--end": "ds-drawer_root--end_1qhpc_68",
|
|
10
10
|
rootEnd: W,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as e } from "./jsx-runtime.
|
|
3
|
-
import { c } from "./index.
|
|
2
|
+
import { j as e } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c } from "./index.CEyLAtio.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { Asterisk as y } from "../asterisk.
|
|
6
|
-
import { DSHeading as v } from "../heading.
|
|
7
|
-
import { DSSystemFeedback as w } from "../systemfeedback.
|
|
5
|
+
import { Asterisk as y } from "../asterisk.DdCXwXQh.js";
|
|
6
|
+
import { DSHeading as v } from "../heading.BesCIchJ.js";
|
|
7
|
+
import { DSSystemFeedback as w } from "../systemfeedback.bHSsfiy3.js";
|
|
8
8
|
import { g as j } from "./helpers.CcqWV-wZ.js";
|
|
9
|
-
import '../assets/Fieldset.
|
|
9
|
+
import '../assets/Fieldset.Og4EsnPI.css';const N = "ds-fieldset_root_1opm7_1", E = "ds-fieldset_child-wrapper_1opm7_95", M = "ds-fieldset_legend_1opm7_102", q = "ds-fieldset_legend--utility--m_1opm7_106", C = "ds-fieldset_description_1opm7_118", P = "ds-fieldset_description--small_1opm7_132", T = "ds-fieldset_system-feedback_1opm7_136", i = {
|
|
10
10
|
root: N,
|
|
11
11
|
"child-wrapper": "ds-fieldset_child-wrapper_1opm7_95",
|
|
12
12
|
childWrapper: E,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as x } from "./jsx-runtime.
|
|
3
|
-
import { c as E } from "./index.
|
|
2
|
+
import { j as x } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as E } from "./index.CEyLAtio.js";
|
|
4
4
|
import * as b from "react";
|
|
5
5
|
import { useRef as j, useState as z, useEffect as M } from "react";
|
|
6
|
-
import '../assets/Icon.
|
|
6
|
+
import '../assets/Icon.ZNrKuqgu.css';var y = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), q = 0, D = void 0;
|
|
7
7
|
function T(s) {
|
|
8
8
|
return s ? (_.has(s) || (q += 1, _.set(s, q.toString())), _.get(s)) : "0";
|
|
9
9
|
}
|
|
@@ -21,9 +21,9 @@ function L(s) {
|
|
|
21
21
|
const r = new IntersectionObserver((n) => {
|
|
22
22
|
n.forEach((o) => {
|
|
23
23
|
var c;
|
|
24
|
-
const
|
|
25
|
-
s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible =
|
|
26
|
-
m
|
|
24
|
+
const m = o.isIntersecting && a.some((d) => o.intersectionRatio >= d);
|
|
25
|
+
s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = m), (c = e.get(o.target)) == null || c.forEach((d) => {
|
|
26
|
+
d(m, o);
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
29
|
}, s);
|
|
@@ -64,19 +64,19 @@ function O({
|
|
|
64
64
|
skip: n,
|
|
65
65
|
initialInView: o,
|
|
66
66
|
fallbackInView: c,
|
|
67
|
-
onChange:
|
|
67
|
+
onChange: m
|
|
68
68
|
} = {}) {
|
|
69
|
-
var
|
|
70
|
-
const [
|
|
69
|
+
var d;
|
|
70
|
+
const [g, S] = b.useState(null), h = b.useRef(m), [p, l] = b.useState({
|
|
71
71
|
inView: !!o,
|
|
72
72
|
entry: void 0
|
|
73
73
|
});
|
|
74
|
-
h.current =
|
|
74
|
+
h.current = m, b.useEffect(
|
|
75
75
|
() => {
|
|
76
|
-
if (n || !
|
|
76
|
+
if (n || !g) return;
|
|
77
77
|
let f;
|
|
78
78
|
return f = N(
|
|
79
|
-
|
|
79
|
+
g,
|
|
80
80
|
(R, k) => {
|
|
81
81
|
l({
|
|
82
82
|
inView: R,
|
|
@@ -102,7 +102,7 @@ function O({
|
|
|
102
102
|
[
|
|
103
103
|
// If the threshold is an array, convert it to a string, so it won't change between renders.
|
|
104
104
|
Array.isArray(s) ? s.toString() : s,
|
|
105
|
-
|
|
105
|
+
g,
|
|
106
106
|
a,
|
|
107
107
|
e,
|
|
108
108
|
r,
|
|
@@ -112,18 +112,18 @@ function O({
|
|
|
112
112
|
i
|
|
113
113
|
]
|
|
114
114
|
);
|
|
115
|
-
const u = (
|
|
116
|
-
!
|
|
115
|
+
const u = (d = p.entry) == null ? void 0 : d.target, I = b.useRef(void 0);
|
|
116
|
+
!g && u && !r && !n && I.current !== u && (I.current = u, l({
|
|
117
117
|
inView: !!o,
|
|
118
118
|
entry: void 0
|
|
119
119
|
}));
|
|
120
|
-
const
|
|
121
|
-
return
|
|
120
|
+
const v = [S, p.inView, p.entry];
|
|
121
|
+
return v.ref = v[0], v.inView = v[1], v.entry = v[2], v;
|
|
122
122
|
}
|
|
123
|
-
const
|
|
124
|
-
image:
|
|
123
|
+
const A = "ds-icon_image_73zqf_1", C = "ds-icon_image--theme-dark_73zqf_10", X = "ds-icon_image--size-medium_73zqf_13", $ = "ds-icon_image--size-small_73zqf_19", B = "ds-icon_image--size-x-small_73zqf_25", w = {
|
|
124
|
+
image: A,
|
|
125
125
|
"image--theme-dark": "ds-icon_image--theme-dark_73zqf_10",
|
|
126
|
-
imageThemeDark:
|
|
126
|
+
imageThemeDark: C,
|
|
127
127
|
"image--size-medium": "ds-icon_image--size-medium_73zqf_13",
|
|
128
128
|
imageSizeMedium: X,
|
|
129
129
|
"image--size-small": "ds-icon_image--size-small_73zqf_19",
|
|
@@ -169,14 +169,14 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
|
|
|
169
169
|
theme: r = "light",
|
|
170
170
|
...n
|
|
171
171
|
}) => {
|
|
172
|
-
const { SVGIcon: o, isLoading: c, setShouldLoad:
|
|
172
|
+
const { SVGIcon: o, isLoading: c, setShouldLoad: m } = P(t), [, d] = z(t), g = {
|
|
173
173
|
large: 16,
|
|
174
174
|
medium: 12,
|
|
175
175
|
small: 10,
|
|
176
176
|
"x-small": 8
|
|
177
177
|
};
|
|
178
178
|
M(() => {
|
|
179
|
-
|
|
179
|
+
d(t);
|
|
180
180
|
}, [t]);
|
|
181
181
|
const { ref: S } = O({
|
|
182
182
|
rootMargin: "200px 0px",
|
|
@@ -184,11 +184,11 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
|
|
|
184
184
|
fallbackInView: !0,
|
|
185
185
|
skip: !!a,
|
|
186
186
|
onChange: (l) => {
|
|
187
|
-
|
|
187
|
+
m(l);
|
|
188
188
|
}
|
|
189
189
|
}), h = (l) => (u) => {
|
|
190
190
|
a && u && (u.src = l);
|
|
191
|
-
},
|
|
191
|
+
}, p = E(w.image, i, {
|
|
192
192
|
// custom icons and colored icons do not have a dark theme
|
|
193
193
|
[w.imageThemeDark]: r === "dark" && !a && !t.includes("-colored"),
|
|
194
194
|
[w.imageSizeMedium]: e === "medium",
|
|
@@ -198,10 +198,10 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
|
|
|
198
198
|
return a ? /* @__PURE__ */ x.jsx(
|
|
199
199
|
"img",
|
|
200
200
|
{
|
|
201
|
-
className:
|
|
201
|
+
className: p,
|
|
202
202
|
ref: h(a),
|
|
203
|
-
width:
|
|
204
|
-
height:
|
|
203
|
+
width: g[e],
|
|
204
|
+
height: g[e],
|
|
205
205
|
loading: "lazy",
|
|
206
206
|
alt: (s == null ? void 0 : s["aria-label"]) || "",
|
|
207
207
|
...n
|
|
@@ -209,12 +209,12 @@ const C = "ds-icon_image_73zqf_1", A = "ds-icon_image--theme-dark_73zqf_10", X =
|
|
|
209
209
|
) : !c && o ? /* @__PURE__ */ x.jsx(
|
|
210
210
|
o,
|
|
211
211
|
{
|
|
212
|
-
className:
|
|
212
|
+
className: p,
|
|
213
213
|
title: (s == null ? void 0 : s["aria-label"]) || "",
|
|
214
214
|
role: s != null && s["aria-label"] ? "img" : void 0,
|
|
215
215
|
...n
|
|
216
216
|
}
|
|
217
|
-
) : /* @__PURE__ */ x.jsx("div", { className:
|
|
217
|
+
) : /* @__PURE__ */ x.jsx("div", { className: p, ref: S });
|
|
218
218
|
};
|
|
219
219
|
export {
|
|
220
220
|
F as D,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { h as p } from "./has-window.ut_-aShB.js";
|
|
3
2
|
import { g as t } from "./helpers.CcqWV-wZ.js";
|
|
4
3
|
import "react";
|
|
5
|
-
const a = 8, i = 5,
|
|
4
|
+
const a = 8, i = 5, w = ["medium", "small"], p = [
|
|
6
5
|
"color",
|
|
7
6
|
"date",
|
|
8
7
|
"datetime-local",
|
|
@@ -15,7 +14,7 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
|
|
|
15
14
|
"text",
|
|
16
15
|
"time",
|
|
17
16
|
"url"
|
|
18
|
-
],
|
|
17
|
+
], u = [
|
|
19
18
|
"week",
|
|
20
19
|
"hidden",
|
|
21
20
|
"button",
|
|
@@ -27,15 +26,15 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
|
|
|
27
26
|
"submit",
|
|
28
27
|
"image",
|
|
29
28
|
"datetime"
|
|
30
|
-
],
|
|
29
|
+
], I = ({
|
|
31
30
|
id: e,
|
|
32
31
|
label: n,
|
|
33
32
|
prefix: o,
|
|
34
33
|
suffix: s,
|
|
35
34
|
leadingIconName: r,
|
|
36
35
|
leadingIconSource: d,
|
|
37
|
-
actionButtonIconName:
|
|
38
|
-
actionButtonIconSource:
|
|
36
|
+
actionButtonIconName: c,
|
|
37
|
+
actionButtonIconSource: m
|
|
39
38
|
}) => {
|
|
40
39
|
if (!e)
|
|
41
40
|
throw new Error(
|
|
@@ -66,14 +65,14 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
|
|
|
66
65
|
"DSInput",
|
|
67
66
|
"Prefix and a leading Icon cannot be used at the same time."
|
|
68
67
|
)
|
|
69
|
-
), s && (
|
|
68
|
+
), s && (c || m) && console.warn(
|
|
70
69
|
t(
|
|
71
70
|
"DSInput",
|
|
72
71
|
"Suffix and an action button cannot be used at the same time."
|
|
73
72
|
)
|
|
74
73
|
);
|
|
75
|
-
},
|
|
76
|
-
if (!
|
|
74
|
+
}, T = (e) => {
|
|
75
|
+
if (!p.includes(e) && !u.includes(e))
|
|
77
76
|
throw new Error(
|
|
78
77
|
t(
|
|
79
78
|
"DSInput",
|
|
@@ -95,17 +94,17 @@ const a = 8, i = 5, T = ["medium", "small"], u = [
|
|
|
95
94
|
hidden: 'Type hidden is not supported by DSInput component. Use a default <input type="hidden" /> element instead.'
|
|
96
95
|
};
|
|
97
96
|
n[e] && console.warn(t("DSInput", n[e]));
|
|
98
|
-
},
|
|
97
|
+
}, l = () => "showPicker" in HTMLInputElement.prototype && !!window.navigator.userAgent.match(/chrome|chromium|crios|edg/i), b = (e, n) => l() && (e || n), D = (e) => e === "date" || e === "datetime-local" || e === "month", y = (e) => e === "time";
|
|
99
98
|
export {
|
|
100
|
-
|
|
99
|
+
w as I,
|
|
101
100
|
a as M,
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
p as S,
|
|
102
|
+
u as U,
|
|
104
103
|
i as a,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
h,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
104
|
+
T as b,
|
|
105
|
+
y as c,
|
|
106
|
+
l as h,
|
|
107
|
+
D as i,
|
|
108
|
+
b as s,
|
|
109
|
+
I as v
|
|
111
110
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as a } from "./jsx-runtime.
|
|
3
|
-
import { c as i } from "./index.
|
|
2
|
+
import { j as a } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as i } from "./index.CEyLAtio.js";
|
|
4
4
|
import { useState as A } from "react";
|
|
5
|
-
import { u as L } from "./useBreakpoint.
|
|
6
|
-
import { Asterisk as C } from "../asterisk.
|
|
7
|
-
import { DSButton as $ } from "../button.
|
|
8
|
-
import { DSSystemFeedback as E } from "../systemfeedback.
|
|
5
|
+
import { u as L } from "./useBreakpoint.BzR_yaIv.js";
|
|
6
|
+
import { Asterisk as C } from "../asterisk.DdCXwXQh.js";
|
|
7
|
+
import { DSButton as $ } from "../button.Nknx8eP1.js";
|
|
8
|
+
import { DSSystemFeedback as E } from "../systemfeedback.bHSsfiy3.js";
|
|
9
9
|
import { g as m } from "./helpers.CcqWV-wZ.js";
|
|
10
|
-
import '../assets/InputPassword.
|
|
10
|
+
import '../assets/InputPassword.DtKteerr.css';const q = "ds-input-password_input_1842u_1", R = "ds-input-password_input--invalid_1842u_113", V = "ds-input-password_input--small_1842u_120", O = "ds-input-password_input--has-leading-icon_1842u_173", F = "ds-input-password_input--has-action-button_1842u_176", M = "ds-input-password_input--has-second-action-button_1842u_179", T = "ds-input-password_input--has-affix_1842u_191", G = "ds-input-password_input--is-ready_1842u_205", J = "ds-input-password_root_1842u_212", K = "ds-input-password_hint_1842u_220", Q = "ds-input-password_label_1842u_220", U = "ds-input-password_wrapper_1842u_224", W = "ds-input-password_action-button_1842u_230", X = "ds-input-password_label--hidden_1842u_248", Y = "ds-input-password_label--disabled_1842u_261", Z = "ds-input-password_feedback_1842u_281", s = {
|
|
11
11
|
input: q,
|
|
12
12
|
"input--invalid": "ds-input-password_input--invalid_1842u_113",
|
|
13
13
|
inputInvalid: R,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as e } from "./jsx-runtime.
|
|
3
|
-
import { c as u } from "./index.
|
|
2
|
+
import { j as e } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as u } from "./index.CEyLAtio.js";
|
|
4
4
|
import { useState as J, useRef as D, useEffect as x } from "react";
|
|
5
5
|
import { g as w, a as K } from "./helpers.CcqWV-wZ.js";
|
|
6
|
-
import { u as Q } from "./useBreakpoint.
|
|
7
|
-
import { Asterisk as U } from "../asterisk.
|
|
8
|
-
import { DSButton as N } from "../button.
|
|
9
|
-
import { DSSystemFeedback as X } from "../systemfeedback.
|
|
10
|
-
import '../assets/InputSearch.
|
|
6
|
+
import { u as Q } from "./useBreakpoint.BzR_yaIv.js";
|
|
7
|
+
import { Asterisk as U } from "../asterisk.DdCXwXQh.js";
|
|
8
|
+
import { DSButton as N } from "../button.Nknx8eP1.js";
|
|
9
|
+
import { DSSystemFeedback as X } from "../systemfeedback.bHSsfiy3.js";
|
|
10
|
+
import '../assets/InputSearch.Mql3oFlQ.css';const Y = "ds-input-search_input_wn1tk_1", Z = "ds-input-search_input--invalid_wn1tk_113", z = "ds-input-search_input--small_wn1tk_120", tt = "ds-input-search_input--has-leading-icon_wn1tk_173", nt = "ds-input-search_input--has-action-button_wn1tk_176", et = "ds-input-search_input--has-second-action-button_wn1tk_179", st = "ds-input-search_input--has-affix_wn1tk_191", at = "ds-input-search_input--is-ready_wn1tk_205", it = "ds-input-search_root_wn1tk_212", ot = "ds-input-search_hint_wn1tk_220", ct = "ds-input-search_label_wn1tk_220", ut = "ds-input-search_wrapper_wn1tk_224", rt = "ds-input-search_action-button_wn1tk_230", lt = "ds-input-search_second-action-button_wn1tk_234", pt = "ds-input-search_label--hidden_wn1tk_252", dt = "ds-input-search_label--disabled_wn1tk_265", ht = "ds-input-search_feedback_wn1tk_285", t = {
|
|
11
11
|
input: Y,
|
|
12
12
|
"input--invalid": "ds-input-search_input--invalid_wn1tk_113",
|
|
13
13
|
inputInvalid: Z,
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as n } from "./jsx-runtime.
|
|
3
|
-
import { c as u } from "./index.
|
|
2
|
+
import { j as n } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as u } from "./index.CEyLAtio.js";
|
|
4
4
|
import { useState as _, useRef as N, useEffect as w } from "react";
|
|
5
5
|
import { h as _t } from "./has-window.ut_-aShB.js";
|
|
6
|
-
import { u as ft } from "./useBreakpoint.
|
|
6
|
+
import { u as ft } from "./useBreakpoint.BzR_yaIv.js";
|
|
7
7
|
import { u as M } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
|
-
import { Asterisk as bt } from "../asterisk.
|
|
9
|
-
import { DSButton as X } from "../button.
|
|
10
|
-
import { M as E, a as H } from "./Input.utils.
|
|
11
|
-
import { DSSystemFeedback as gt } from "../systemfeedback.
|
|
8
|
+
import { Asterisk as bt } from "../asterisk.DdCXwXQh.js";
|
|
9
|
+
import { DSButton as X } from "../button.Nknx8eP1.js";
|
|
10
|
+
import { M as E, a as H } from "./Input.utils.BolAdXy6.js";
|
|
11
|
+
import { DSSystemFeedback as gt } from "../systemfeedback.bHSsfiy3.js";
|
|
12
12
|
import { g as S } from "./helpers.CcqWV-wZ.js";
|
|
13
|
-
import '../assets/InputStepper.
|
|
13
|
+
import '../assets/InputStepper.BXz1MMBg.css';const ht = "ds-input-stepper_input_1pm8g_1", xt = "ds-input-stepper_input--invalid_1pm8g_113", St = "ds-input-stepper_input--small_1pm8g_120", yt = "ds-input-stepper_input--has-leading-icon_1pm8g_173", It = "ds-input-stepper_input--has-action-button_1pm8g_176", vt = "ds-input-stepper_input--has-second-action-button_1pm8g_179", At = "ds-input-stepper_input--has-affix_1pm8g_191", Dt = "ds-input-stepper_input--is-ready_1pm8g_205", Bt = "ds-input-stepper_root_1pm8g_215", Nt = "ds-input-stepper_hint_1pm8g_223", wt = "ds-input-stepper_label_1pm8g_223", Et = "ds-input-stepper_wrapper_1pm8g_227", Ht = "ds-input-stepper_affix_1pm8g_233", Lt = "ds-input-stepper_affix--small_1pm8g_254", jt = "ds-input-stepper_affix--disabled_1pm8g_267", Rt = "ds-input-stepper_prefix_1pm8g_275", kt = "ds-input-stepper_affix--readonly_1pm8g_278", Ct = "ds-input-stepper_suffix_1pm8g_288", $t = "ds-input-stepper_action-button_1pm8g_295", Ft = "ds-input-stepper_label--hidden_1pm8g_313", Vt = "ds-input-stepper_label--disabled_1pm8g_326", Pt = "ds-input-stepper_feedback_1pm8g_346", Tt = "ds-input-stepper_second-action-button_1pm8g_360", Wt = "ds-input-stepper_value-announcer_1pm8g_364", e = {
|
|
14
14
|
input: ht,
|
|
15
15
|
"input--invalid": "ds-input-stepper_input--invalid_1pm8g_113",
|
|
16
16
|
inputInvalid: xt,
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as r } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { isValidElement as u, cloneElement as v } from "react";
|
|
4
|
+
import { D as h } from "./Icon.CvVRQw6C.js";
|
|
5
|
+
import { NumberIndicator as f } from "../numberindicator.kZ-G6BbU.js";
|
|
6
|
+
import '../assets/NavigationTabList.B6x56sAV.css';const g = "ds-tabs_tabs-wrapper_nm2bv_1", j = "ds-tabs_scroll-wrapper_nm2bv_6", w = "ds-tabs_scroller_nm2bv_17", B = "ds-tabs_scroller--centered_nm2bv_28", x = "ds-tabs_tab_nm2bv_1", N = "ds-tabs_scroll-button_nm2bv_105", W = "ds-tabs_scroll-button--hidden_nm2bv_110", D = "ds-tabs_scroll-button--right_nm2bv_114", E = "ds-tabs_indicator_nm2bv_126", R = {
|
|
7
|
+
"tabs-wrapper": "ds-tabs_tabs-wrapper_nm2bv_1",
|
|
8
|
+
tabsWrapper: g,
|
|
9
|
+
"scroll-wrapper": "ds-tabs_scroll-wrapper_nm2bv_6",
|
|
10
|
+
scrollWrapper: j,
|
|
11
|
+
scroller: w,
|
|
12
|
+
"scroller--centered": "ds-tabs_scroller--centered_nm2bv_28",
|
|
13
|
+
scrollerCentered: B,
|
|
14
|
+
tab: x,
|
|
15
|
+
"scroll-button": "ds-tabs_scroll-button_nm2bv_105",
|
|
16
|
+
scrollButton: N,
|
|
17
|
+
"scroll-button--hidden": "ds-tabs_scroll-button--hidden_nm2bv_110",
|
|
18
|
+
scrollButtonHidden: W,
|
|
19
|
+
"scroll-button--right": "ds-tabs_scroll-button--right_nm2bv_114",
|
|
20
|
+
scrollButtonRight: D,
|
|
21
|
+
indicator: E
|
|
22
|
+
}, F = ({
|
|
23
|
+
tabs: a,
|
|
24
|
+
tabRefs: b,
|
|
25
|
+
scrollerClass: _,
|
|
26
|
+
scrollerRef: d,
|
|
27
|
+
selectedTabIndex: o,
|
|
28
|
+
handleNavigationKeydown: i,
|
|
29
|
+
setSelectedTab: p
|
|
30
|
+
}) => /* @__PURE__ */ r.jsx("ul", { className: _, ref: d, children: a.map(
|
|
31
|
+
({ id: n, linkComponent: s, iconName: c, numberIndicatorValue: e }, t) => {
|
|
32
|
+
if (!u(s))
|
|
33
|
+
return null;
|
|
34
|
+
const m = v(s, {
|
|
35
|
+
// Add aria-current to the selected tab (https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/)
|
|
36
|
+
"aria-current": o === t ? "page" : void 0,
|
|
37
|
+
children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
38
|
+
c && /* @__PURE__ */ r.jsx(h, { name: c, "aria-hidden": "true" }),
|
|
39
|
+
s.props.children,
|
|
40
|
+
e && /* @__PURE__ */ r.jsx(f, { label: e })
|
|
41
|
+
] }),
|
|
42
|
+
className: R.tab,
|
|
43
|
+
id: n,
|
|
44
|
+
tabIndex: o === t ? 0 : -1,
|
|
45
|
+
// onKeyDown for focus handling and keyboard navigation
|
|
46
|
+
onKeyDown: (l) => i(l, t),
|
|
47
|
+
onClick: () => {
|
|
48
|
+
s.props.onClick && s.props.onClick(), p(t);
|
|
49
|
+
},
|
|
50
|
+
ref: (l) => {
|
|
51
|
+
b.current[t] = l;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
return /* @__PURE__ */ r.jsx("li", { children: m }, n);
|
|
55
|
+
}
|
|
56
|
+
) });
|
|
57
|
+
export {
|
|
58
|
+
F as N,
|
|
59
|
+
R as s
|
|
60
|
+
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as p } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { useState as b, useEffect as N } from "react";
|
|
4
|
+
import { TabList as g } from "../tablist.BCOOuiX4.js";
|
|
5
|
+
import { g as s, r as f } from "./helpers.CcqWV-wZ.js";
|
|
6
|
+
const E = ["left", "center"], S = ["prev", "next"], m = ({
|
|
7
|
+
aria: e,
|
|
8
|
+
tabs: t,
|
|
9
|
+
activeTabIndex: o
|
|
10
|
+
}) => {
|
|
11
|
+
var a, r;
|
|
12
|
+
if (!e || typeof e != "object" || Object.keys(e).length === 0 || !e["aria-label"] && !e["aria-labelledby"] || ((a = e["aria-label"]) == null ? void 0 : a.trim()) === "" && ((r = e["aria-labelledby"]) == null ? void 0 : r.trim()) === "")
|
|
13
|
+
throw new Error(
|
|
14
|
+
s(
|
|
15
|
+
"DSNavigationTabs",
|
|
16
|
+
'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.'
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
if (Array.isArray(t)) {
|
|
20
|
+
if (t.length === 0)
|
|
21
|
+
throw new Error(
|
|
22
|
+
s("DSNavigationTabs", "The tabs array must not be empty.")
|
|
23
|
+
);
|
|
24
|
+
} else throw new Error(
|
|
25
|
+
s(
|
|
26
|
+
"DSNavigationTabs",
|
|
27
|
+
f("tabs", "DSNavigationTabs")
|
|
28
|
+
)
|
|
29
|
+
);
|
|
30
|
+
if (o != null && (o < 0 || o >= t.length))
|
|
31
|
+
throw new Error(
|
|
32
|
+
s(
|
|
33
|
+
"DSNavigationTabs",
|
|
34
|
+
`Invalid activeTabIndex: ${o}. It must be between 0 and ${t.length - 1}.`
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
}, w = ({
|
|
38
|
+
aria: e,
|
|
39
|
+
tabs: t,
|
|
40
|
+
alignment: o = "left",
|
|
41
|
+
className: a,
|
|
42
|
+
activeTabIndex: r,
|
|
43
|
+
...l
|
|
44
|
+
}) => {
|
|
45
|
+
process.env.NODE_ENV !== "production" && m({
|
|
46
|
+
aria: e,
|
|
47
|
+
tabs: t,
|
|
48
|
+
activeTabIndex: r
|
|
49
|
+
});
|
|
50
|
+
const [n, i] = b(r);
|
|
51
|
+
return N(() => {
|
|
52
|
+
r != null && i(r);
|
|
53
|
+
}, [r]), /* @__PURE__ */ p.jsx(
|
|
54
|
+
g,
|
|
55
|
+
{
|
|
56
|
+
aria: e,
|
|
57
|
+
tabs: t,
|
|
58
|
+
setSelectedTabIndex: i,
|
|
59
|
+
selectedTabIndex: n,
|
|
60
|
+
alignment: o,
|
|
61
|
+
className: a,
|
|
62
|
+
isNavigation: !0,
|
|
63
|
+
...l
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
};
|
|
67
|
+
export {
|
|
68
|
+
w as D,
|
|
69
|
+
E as N,
|
|
70
|
+
S as a,
|
|
71
|
+
m as v
|
|
72
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as n } from "./jsx-runtime.
|
|
3
|
-
import { c as s } from "./index.
|
|
4
|
-
import { DSButton as f } from "../button.
|
|
5
|
-
import { D as u } from "./Icon.
|
|
6
|
-
import '../assets/Notification.
|
|
2
|
+
import { j as n } from "./jsx-runtime.BteaETFx.js";
|
|
3
|
+
import { c as s } from "./index.CEyLAtio.js";
|
|
4
|
+
import { DSButton as f } from "../button.Nknx8eP1.js";
|
|
5
|
+
import { D as u } from "./Icon.CvVRQw6C.js";
|
|
6
|
+
import '../assets/Notification.DZIF-Wo6.css';const j = "ds-notification_root_1cajm_1", g = "ds-notification_root--success_1cajm_26", N = "ds-notification_root--error_1cajm_30", h = "ds-notification_root--warning_1cajm_34", I = "ds-notification_root--hide-icon_1cajm_38", x = "ds-notification_content_1cajm_52", A = "ds-notification_content--hide-close-button_1cajm_59", H = "ds-notification_content--hide-icon_1cajm_62", C = "ds-notification_icon_1cajm_66", S = "ds-notification_message_1cajm_70", p = "ds-notification_custom-action-area_1cajm_167", o = {
|
|
7
7
|
root: j,
|
|
8
8
|
"root--success": "ds-notification_root--success_1cajm_26",
|
|
9
9
|
rootSuccess: g,
|