@stihl-design-system/components 1.0.0-RC.24 → 1.0.0-RC.26
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.T4ah-Sa6.js → accordion.CBaDU14g.js} +3 -3
- package/actionbutton.DEJsLxnQ.js +11 -0
- package/actionbutton.d.ts +2 -0
- package/actionlink.Cs6BTCA3.js +11 -0
- package/actionlink.d.ts +2 -0
- package/{arialiveregions.DVsA5OTR.js → arialiveregions.Fgcshs5k.js} +1 -1
- package/assets/ActionButton.Ewi0i1hW.css +1 -0
- package/assets/ActionLink.BdPEvuGm.css +1 -0
- package/assets/Button.Dw8H5nFS.css +1 -0
- package/assets/Icon.QeJ7TxZs.css +1 -0
- package/assets/InputFile.Dqjz53mb.css +1 -0
- package/assets/LinkButton.xMvg_ojf.css +1 -0
- package/assets/NavigationTabList.CFlVhUzS.css +1 -0
- package/assets/Popover.BDTDsPAt.css +1 -0
- package/assets/buttonround.Cw9hnUan.css +1 -0
- package/assets/{numberindicator.BJnvB-K3.css → numberindicator.O6XwvtL0.css} +1 -1
- package/{breadcrumb.gcCDIVj2.js → breadcrumb.x78HJy5P.js} +3 -3
- package/button.BD_04tIG.js +12 -0
- package/buttonround.BT3OfowK.js +81 -0
- package/{checkbox.CvWI1Jrx.js → checkbox.BktYXQmJ.js} +3 -3
- package/{checkboxgroup.BLpSLo9t.js → checkboxgroup.YK8H0YoX.js} +2 -2
- package/{chip.BsDriMfL.js → chip.BKtNbt4y.js} +2 -2
- package/{chipgroup.D1Km301k.js → chipgroup.Bp_v9IQu.js} +2 -2
- package/chunks/{Accordion.BKSnVQtR.js → Accordion.eVOD7J_8.js} +3 -3
- package/chunks/ActionButton.Ck1rGqgm.js +165 -0
- package/chunks/ActionLink.DnUNjoAT.js +138 -0
- package/chunks/{AriaLiveRegions.utils.zSFFD3SF.js → AriaLiveRegions.utils.Cb327d_2.js} +1 -1
- package/chunks/{Breadcrumb.Cq3I3bPY.js → Breadcrumb.B7g30dIO.js} +8 -8
- package/chunks/Button.CC0qEsuR.js +127 -0
- package/chunks/{Checkbox.Ch8DBzws.js → Checkbox.BIQAKBVy.js} +3 -3
- package/chunks/{CheckboxGroup.C8D6tjVI.js → CheckboxGroup.DHzpgOWp.js} +3 -3
- package/chunks/{Chip.CHy8cZJz.js → Chip.DifLxHH7.js} +3 -3
- package/chunks/{CustomReactSelect.hdDSE0ON.js → CustomReactSelect.DWdh3k_q.js} +1340 -1580
- package/chunks/{Dialog.ZSSlU83U.js → Dialog.BuEEJ199.js} +2 -2
- package/chunks/{Drawer.CR4lh9pD.js → Drawer.BXUGmpJI.js} +13 -13
- package/chunks/{Fieldset.DHccz6TP.js → Fieldset.BX46NuLh.js} +2 -2
- package/chunks/Header.CsrzyVil.js +356 -0
- package/chunks/{Icon.CAXZUNWo.js → Icon.C0161Glk.js} +70 -67
- package/chunks/{Input.utils.CCYTBWD_.js → Input.utils.Cnnzvuk4.js} +1 -1
- package/chunks/{InputFile.DME1xfrc.js → InputFile.vkkg5Pab.js} +32 -32
- package/chunks/{InputPassword.CitwH0gw.js → InputPassword.BQU09DJh.js} +16 -16
- package/chunks/{InputSearch.BS5Tk698.js → InputSearch.CXL9ThpX.js} +68 -68
- package/chunks/{InputStepper.CNfA7g7U.js → InputStepper.BhLQVAlo.js} +18 -18
- package/chunks/LinkButton.DmXVHeyZ.js +117 -0
- package/chunks/NavigationTabList.IQM074Vb.js +57 -0
- package/chunks/{NavigationTabs.BbubgqFM.js → NavigationTabs.CuOXq0b7.js} +2 -2
- package/chunks/{Notification.CSMpFjaH.js → Notification.B-3dPVUE.js} +11 -11
- package/chunks/Popover.hXQTvwwd.js +1685 -0
- package/chunks/{RadioGroup.D9mECdMK.js → RadioGroup.okEm_-NA.js} +2 -2
- package/chunks/{Select.DCxMPsCm.js → Select.D3IUIdPJ.js} +3 -3
- package/chunks/{Slider.DEERUF2g.js → Slider.CPG4Btbq.js} +2 -2
- package/chunks/{Tabs.CPCtV-Qz.js → Tabs.C4qGWCcD.js} +2 -2
- package/chunks/Text.DGWeWF1y.js +75 -0
- package/chunks/{Textarea.Bs4-nzu8.js → Textarea.D4vXRg_U.js} +2 -2
- package/chunks/{Toast.BFFytKOu.js → Toast.BHz0vlGz.js} +2 -2
- package/chunks/floating-ui.dom.C9TD1WpB.js +950 -0
- package/chunks/helpers.BbWkXTr3.js +37 -0
- package/{combobox.DW_ey38o.js → combobox.DIB07SNA.js} +1 -1
- package/components/ActionButton/ActionButton.d.ts +61 -0
- package/components/ActionButton/ActionButton.test.d.ts +1 -0
- package/components/ActionButton/ActionButton.utils.d.ts +22 -0
- package/components/ActionButton/ActionButton.utils.test.d.ts +1 -0
- package/components/ActionLink/ActionLink.d.ts +38 -0
- package/components/ActionLink/ActionLink.test.d.ts +1 -0
- package/components/ActionLink/ActionLink.utils.d.ts +19 -0
- package/components/ActionLink/ActionLink.utils.test.d.ts +1 -0
- package/components/Button/Button.utils.d.ts +18 -1
- package/components/Button/Button.utils.test.d.ts +1 -0
- package/components/Header/Header.utils.d.ts +0 -2
- package/components/Icon/Icon.d.ts +1 -1
- package/components/Icon/Icon.utils.d.ts +1 -1
- package/components/LinkButton/LinkButton.utils.d.ts +18 -1
- package/components/LinkButton/LinkButton.utils.test.d.ts +1 -0
- package/components/Popover/Popover.d.ts +40 -0
- package/components/Popover/Popover.test.d.ts +1 -0
- package/components/Popover/Popover.utils.d.ts +53 -0
- package/components/Popover/Popover.utils.test.d.ts +1 -0
- package/components/Text/Text.utils.d.ts +14 -1
- package/connected-icon.svg +1 -0
- package/{customreactselect.DcH7h1mb.js → customreactselect.BvuvCDyE.js} +4 -4
- package/{dialog.BLaDkoYL.js → dialog.CGsUCqhR.js} +2 -2
- package/{drawer.DQOaxczX.js → drawer.BcAo4TO0.js} +2 -2
- package/{fieldset.D6q9YXrO.js → fieldset.DM9ELUJa.js} +2 -2
- package/{filelist.Ba5xMDGg.js → filelist.Cj9U-Jx8.js} +3 -3
- package/{flag.BR312AU-.js → flag.BHaAfp6B.js} +1 -1
- package/{floatingactionbutton.Do6eNSHq.js → floatingactionbutton.DSZXUHB_.js} +2 -2
- package/{header.5iwPmK5V.js → header.DLrTpc-W.js} +2 -2
- package/{icon.HkVs68n_.js → icon.DwfGhFCd.js} +1 -1
- package/icon.svg +1 -1
- package/imow-icon.svg +1 -0
- package/index.d.ts +6 -0
- package/index.es.js +195 -173
- package/{input.REQvMr96.js → input.D4OiEI8g.js} +23 -23
- package/{inputfile.D0VMZuDy.js → inputfile.Cmkxf4Vq.js} +6 -6
- package/{inputpassword.ovZjXw8s.js → inputpassword.CYfGcUE-.js} +3 -3
- package/{inputsearch.Bj8EfXX5.js → inputsearch.CecX8gHD.js} +4 -4
- package/{inputstepper.BMtVUIoM.js → inputstepper.CFgfHjM_.js} +4 -4
- package/{link.2XoCKjFH.js → link.DGuYGfh2.js} +2 -2
- package/linkbutton.B3q0B_yb.js +11 -0
- package/{logo.B9taqlZR.js → logo.C96KaG1P.js} +1 -1
- package/mystihl-icon.svg +1 -0
- package/navigationtablist.CS9yEGdP.js +9 -0
- package/{navigationtabs.Dpgk-3SR.js → navigationtabs.B86G8ODY.js} +2 -2
- package/{notification.Dv9ig-VY.js → notification.D8BDaU5x.js} +3 -3
- package/numberindicator.Ddf3ESi7.js +33 -0
- package/{optioncheckbox.DYKRBTy0.js → optioncheckbox.CEEPAq0u.js} +1 -1
- package/package.json +3 -1
- package/partials/assets.const.js +2 -0
- package/partials/copyAssets.js +4 -2
- package/partials/index.js +46 -28
- package/partials/lib/partials.d.ts +1 -1
- package/popover.BFx99cHg.js +10 -0
- package/popover.d.ts +2 -0
- package/{radiogroup.BnMkpjvV.js → radiogroup.C2PkTHnF.js} +2 -2
- package/{select.BSvjDIVC.js → select.CmGQdpsV.js} +3 -3
- package/{skiptocontent.CZlRYx9p.js → skiptocontent.D1UkPmhD.js} +11 -11
- package/{slider.D1BsPd0g.js → slider.DGmVtnxs.js} +2 -2
- package/{spinner.t5FHjIEK.js → spinner.CeGt8DxU.js} +1 -1
- package/styles/scss/ds/lib/ds-internal/_link-button.scss +21 -2
- package/styles/scss/ds/lib/link-button.scss +9 -0
- package/styles/scss/ds/lib/text.scss +24 -0
- package/{switch.QUUSE9ZF.js → switch.CtULjgZq.js} +2 -2
- package/{systemfeedback.BpKZEv4U.js → systemfeedback.CLQCbTF6.js} +1 -1
- package/{tablist.CRMbhl0A.js → tablist.CcCURua8.js} +5 -5
- package/{tabs.C0wEoFwL.js → tabs.Dby_2Hyz.js} +2 -2
- package/{topbar.BPSDyH0N.js → text.ZOUuesnU.js} +3 -3
- package/{textarea.D0ADOdR6.js → textarea.yOTo23Pd.js} +3 -3
- package/{toast.BhclbJsT.js → toast.Bhpwj1NF.js} +3 -3
- package/{toastmanager.aZGcyVFF.js → toastmanager.BHk65ynQ.js} +3 -3
- package/topbar.qNB9efbF.js +11 -0
- package/utils/helpers.d.ts +10 -0
- package/assets/Icon.ZNrKuqgu.css +0 -1
- package/assets/InputFile.Dx_CULYq.css +0 -1
- package/assets/NavigationTabList.B6x56sAV.css +0 -1
- package/assets/button.H5AqLh2o.css +0 -1
- package/assets/buttonround.C-l_HArD.css +0 -1
- package/assets/linkbutton.DuHHqo7Z.css +0 -1
- package/button.Bt0-bRGX.js +0 -106
- package/buttonround.DWclCEVH.js +0 -81
- package/chunks/Header.DPafHEKw.js +0 -384
- package/chunks/NavigationTabList.BeGdzxOj.js +0 -57
- package/chunks/helpers.CcqWV-wZ.js +0 -8
- package/linkbutton.nddFCT_K.js +0 -92
- package/navigationtablist.B1WjOPFB.js +0 -9
- package/numberindicator.BPWvqr7f.js +0 -33
- package/text.BBwtpoiR.js +0 -49
- /package/assets/{text.Dgpj61UP.css → Text.Dgpj61UP.css} +0 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as C, jsxs as
|
|
2
|
+
import { jsx as C, jsxs as It } from "react/jsx-runtime";
|
|
3
3
|
import { d as Pt } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as F } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as Vt, useState as Ot, useRef as wt, useEffect as zt } from "react";
|
|
6
|
-
import { g as
|
|
6
|
+
import { g as gt, a as $t } from "./helpers.BbWkXTr3.js";
|
|
7
7
|
import { u as qt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
8
|
import { Asterisk as xt } from "../asterisk.CR60hx8S.js";
|
|
9
|
-
import {
|
|
10
|
-
import { DSSystemFeedback as Ft } from "../systemfeedback.
|
|
11
|
-
import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kzjb_1", Tt = "ds-input-search_input_1kzjb_5", Mt = "ds-input-search_input--invalid_1kzjb_117", Wt = "ds-input-search_input--small_1kzjb_124", Gt = "ds-input-search_input--has-action-button_1kzjb_180", Jt = "ds-input-search_input--has-second-action-button_1kzjb_183", Kt = "ds-input-search_hint_1kzjb_225", Qt = "ds-input-search_label_1kzjb_225", Ut = "ds-input-search_wrapper_1kzjb_229", Xt = "ds-input-search_action-button_1kzjb_235", Yt = "ds-input-search_second-action-button_1kzjb_239", Zt = "ds-input-search_label--hidden_1kzjb_257", te = "ds-input-search_label--disabled_1kzjb_270", ee = "ds-input-search_feedback_1kzjb_290",
|
|
9
|
+
import { D as Et } from "./Button.CC0qEsuR.js";
|
|
10
|
+
import { DSSystemFeedback as Ft } from "../systemfeedback.CLQCbTF6.js";
|
|
11
|
+
import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kzjb_1", Tt = "ds-input-search_input_1kzjb_5", Mt = "ds-input-search_input--invalid_1kzjb_117", Wt = "ds-input-search_input--small_1kzjb_124", Gt = "ds-input-search_input--has-action-button_1kzjb_180", Jt = "ds-input-search_input--has-second-action-button_1kzjb_183", Kt = "ds-input-search_hint_1kzjb_225", Qt = "ds-input-search_label_1kzjb_225", Ut = "ds-input-search_wrapper_1kzjb_229", Xt = "ds-input-search_action-button_1kzjb_235", Yt = "ds-input-search_second-action-button_1kzjb_239", Zt = "ds-input-search_label--hidden_1kzjb_257", te = "ds-input-search_label--disabled_1kzjb_270", ee = "ds-input-search_feedback_1kzjb_290", s = {
|
|
12
12
|
root: Rt,
|
|
13
13
|
input: Tt,
|
|
14
14
|
inputInvalid: Mt,
|
|
@@ -23,18 +23,18 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
|
|
|
23
23
|
labelHidden: Zt,
|
|
24
24
|
labelDisabled: te,
|
|
25
25
|
feedback: ee
|
|
26
|
-
},
|
|
27
|
-
id:
|
|
28
|
-
label:
|
|
26
|
+
}, se = ({
|
|
27
|
+
id: a,
|
|
28
|
+
label: i
|
|
29
29
|
}) => {
|
|
30
|
-
if (!i)
|
|
31
|
-
throw new Error(Dt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
|
|
32
30
|
if (!a)
|
|
33
|
-
throw new Error(
|
|
34
|
-
|
|
31
|
+
throw new Error(gt("DSInputSearch", 'A unique "id" prop is required. Please add a unique "id" prop to the DSInputSearch component.'));
|
|
32
|
+
if (!i)
|
|
33
|
+
throw new Error(gt("DSInputSearch", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSInputSearch component. If you don't want to display a label, set hideLabel={true}.`));
|
|
34
|
+
}, ne = (a) => !!$t(a, "form"), ae = Vt((a, i) => {
|
|
35
35
|
const t = Pt.c(103);
|
|
36
36
|
let l, d, e, h, f, m, _, c, L, H, P, V, O, $, q, p;
|
|
37
|
-
t[0] !==
|
|
37
|
+
t[0] !== a ? ({
|
|
38
38
|
id: e,
|
|
39
39
|
label: h,
|
|
40
40
|
className: l,
|
|
@@ -51,9 +51,9 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
|
|
|
51
51
|
submitButtonProps: _,
|
|
52
52
|
onChange: f,
|
|
53
53
|
...m
|
|
54
|
-
} =
|
|
55
|
-
const lt = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, At = P === void 0 ? !1 : P,
|
|
56
|
-
process.env.NODE_ENV !== "production" &&
|
|
54
|
+
} = a, t[0] = a, t[1] = l, t[2] = d, t[3] = e, t[4] = h, t[5] = f, t[6] = m, t[7] = _, t[8] = c, t[9] = L, t[10] = H, t[11] = P, t[12] = V, t[13] = O, t[14] = $, t[15] = q, t[16] = p) : (l = t[1], d = t[2], e = t[3], h = t[4], f = t[5], m = t[6], _ = t[7], c = t[8], L = t[9], H = t[10], P = t[11], V = t[12], O = t[13], $ = t[14], q = t[15], p = t[16]);
|
|
55
|
+
const lt = L === void 0 ? "Clear search field" : L, o = H === void 0 ? !1 : H, At = P === void 0 ? !1 : P, n = V === void 0 ? !1 : V, r = O === void 0 ? !1 : O, v = $ === void 0 ? !1 : $, u = q === void 0 ? "medium" : q;
|
|
56
|
+
process.env.NODE_ENV !== "production" && se({
|
|
57
57
|
id: e,
|
|
58
58
|
label: h
|
|
59
59
|
});
|
|
@@ -67,9 +67,9 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
|
|
|
67
67
|
} = S, t[19] = S, t[20] = y, t[21] = k, t[22] = x) : (y = t[20], k = t[21], x = t[22]);
|
|
68
68
|
const ot = x === void 0 ? "Search" : x, [B, Nt] = Ot(p), ct = wt(null), R = wt(null);
|
|
69
69
|
let T;
|
|
70
|
-
t[23] !==
|
|
71
|
-
R.current = b, typeof
|
|
72
|
-
}, t[23] =
|
|
70
|
+
t[23] !== i ? (T = (b) => {
|
|
71
|
+
R.current = b, typeof i == "function" ? i(b) : i && (i.current = b);
|
|
72
|
+
}, t[23] = i, t[24] = T) : T = t[24];
|
|
73
73
|
const rt = T, ut = qt(At);
|
|
74
74
|
let M, W;
|
|
75
75
|
t[25] !== p ? (M = () => {
|
|
@@ -77,43 +77,43 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
|
|
|
77
77
|
}, W = [p], t[25] = p, t[26] = M, t[27] = W) : (M = t[26], W = t[27]), zt(M, W);
|
|
78
78
|
let G;
|
|
79
79
|
t[28] !== e ? (G = () => {
|
|
80
|
-
ct.current && !
|
|
80
|
+
ct.current && !ne(ct.current) && process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.warn(gt("DSInputSearch", `The DSInputSearch component with the id "${e}" is not within a form element. This may cause issues with form submission. Please ensure the DSInputSearch component is within a form element.`));
|
|
81
81
|
}, t[28] = e, t[29] = G) : G = t[29];
|
|
82
82
|
let J;
|
|
83
83
|
t[30] === Symbol.for("react.memo_cache_sentinel") ? (J = [], t[30] = J) : J = t[30], zt(G, J);
|
|
84
|
-
const K = `${e}-label`,
|
|
84
|
+
const K = `${e}-label`, D = `${e}-feedback`, Q = `${e}-hint`, Ct = d ? ` ${Q}` : "";
|
|
85
85
|
let U;
|
|
86
|
-
t[31] !==
|
|
86
|
+
t[31] !== n || t[32] !== c || t[33] !== D ? (U = [n && c && D].filter(Boolean).join(" ") || void 0, t[31] = n, t[32] = c, t[33] = D, t[34] = U) : U = t[34];
|
|
87
87
|
const dt = U, X = B !== "" && B !== void 0 && B !== null;
|
|
88
88
|
let Y;
|
|
89
|
-
t[35] !== l ? (Y = F(
|
|
89
|
+
t[35] !== l ? (Y = F(s.root, l), t[35] = l, t[36] = Y) : Y = t[36];
|
|
90
90
|
const pt = Y, bt = u === "small", ht = X && !r && !o;
|
|
91
91
|
let Z;
|
|
92
|
-
t[37] !==
|
|
93
|
-
[
|
|
94
|
-
[
|
|
95
|
-
[
|
|
96
|
-
[
|
|
97
|
-
}), t[37] =
|
|
92
|
+
t[37] !== n || t[38] !== bt || t[39] !== ht ? (Z = F(s.input, {
|
|
93
|
+
[s.inputSmall]: bt,
|
|
94
|
+
[s.inputInvalid]: n,
|
|
95
|
+
[s.inputHasActionButton]: !0,
|
|
96
|
+
[s.inputHasSecondActionButton]: ht
|
|
97
|
+
}), t[37] = n, t[38] = bt, t[39] = ht, t[40] = Z) : Z = t[40];
|
|
98
98
|
const ft = Z;
|
|
99
99
|
let tt;
|
|
100
|
-
t[41] !== o || t[42] !== ut ? (tt = F(
|
|
101
|
-
[
|
|
102
|
-
[
|
|
100
|
+
t[41] !== o || t[42] !== ut ? (tt = F(s.label, {
|
|
101
|
+
[s.labelHidden]: ut,
|
|
102
|
+
[s.labelDisabled]: o
|
|
103
103
|
}), t[41] = o, t[42] = ut, t[43] = tt) : tt = t[43];
|
|
104
104
|
const mt = tt, _t = u === "small";
|
|
105
105
|
let et;
|
|
106
|
-
t[44] !== _t ? (et = F(
|
|
107
|
-
[
|
|
106
|
+
t[44] !== _t ? (et = F(s.actionButton, {
|
|
107
|
+
[s.actionButtonSmall]: _t
|
|
108
108
|
}), t[44] = _t, t[45] = et) : et = t[45];
|
|
109
109
|
const vt = et, St = u === "small";
|
|
110
|
-
let nt;
|
|
111
|
-
t[46] !== St ? (nt = F(n.secondActionButton, {
|
|
112
|
-
[n.secondActionButtonSmall]: St
|
|
113
|
-
}), t[46] = St, t[47] = nt) : nt = t[47];
|
|
114
|
-
const yt = nt, Lt = ae;
|
|
115
110
|
let st;
|
|
116
|
-
t[
|
|
111
|
+
t[46] !== St ? (st = F(s.secondActionButton, {
|
|
112
|
+
[s.secondActionButtonSmall]: St
|
|
113
|
+
}), t[46] = St, t[47] = st) : st = t[47];
|
|
114
|
+
const yt = st, Lt = ie;
|
|
115
|
+
let nt;
|
|
116
|
+
t[48] === Symbol.for("react.memo_cache_sentinel") ? (nt = () => {
|
|
117
117
|
var jt;
|
|
118
118
|
if (!R.current)
|
|
119
119
|
return;
|
|
@@ -122,53 +122,53 @@ import '../assets/InputSearch.BV8Q2EUL.css';const Rt = "ds-input-search_root_1kz
|
|
|
122
122
|
bubbles: !0
|
|
123
123
|
});
|
|
124
124
|
(jt = R.current) == null || jt.dispatchEvent(b);
|
|
125
|
-
}, t[48] =
|
|
126
|
-
const Ht =
|
|
127
|
-
let
|
|
128
|
-
t[49] !== f ? (
|
|
125
|
+
}, t[48] = nt) : nt = t[48];
|
|
126
|
+
const Ht = nt;
|
|
127
|
+
let at;
|
|
128
|
+
t[49] !== f ? (at = (b) => {
|
|
129
129
|
Nt(b.target.value), f && f(b);
|
|
130
|
-
}, t[49] = f, t[50] =
|
|
131
|
-
const kt =
|
|
130
|
+
}, t[49] = f, t[50] = at) : at = t[50];
|
|
131
|
+
const kt = at;
|
|
132
|
+
let I;
|
|
133
|
+
t[51] !== v ? (I = v && /* @__PURE__ */ C(xt, {}), t[51] = v, t[52] = I) : I = t[52];
|
|
132
134
|
let g;
|
|
133
|
-
t[
|
|
134
|
-
let D;
|
|
135
|
-
t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== g ? (D = /* @__PURE__ */ gt("label", { className: mt, id: K, htmlFor: e, children: [
|
|
135
|
+
t[53] !== e || t[54] !== K || t[55] !== h || t[56] !== mt || t[57] !== I ? (g = /* @__PURE__ */ It("label", { className: mt, id: K, htmlFor: e, children: [
|
|
136
136
|
h,
|
|
137
|
-
|
|
138
|
-
] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] =
|
|
137
|
+
I
|
|
138
|
+
] }), t[53] = e, t[54] = K, t[55] = h, t[56] = mt, t[57] = I, t[58] = g) : g = t[58];
|
|
139
139
|
let N;
|
|
140
|
-
t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ C("div", { className:
|
|
140
|
+
t[59] !== d || t[60] !== Q ? (N = d && /* @__PURE__ */ C("div", { className: s.hint, id: Q, children: d }), t[59] = d, t[60] = Q, t[61] = N) : N = t[61];
|
|
141
141
|
let j;
|
|
142
|
-
t[62] !==
|
|
142
|
+
t[62] !== n || t[63] !== c || t[64] !== D ? (j = n && c && /* @__PURE__ */ C(Ft, { className: s.feedback, message: c, type: "invalid", id: D }), t[62] = n, t[63] = c, t[64] = D, t[65] = j) : j = t[65];
|
|
143
143
|
const Bt = `${K}${Ct}`;
|
|
144
144
|
let w;
|
|
145
|
-
t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== kt || t[70] !== e || t[71] !== ft || t[72] !== B || t[73] !==
|
|
145
|
+
t[66] !== dt || t[67] !== o || t[68] !== rt || t[69] !== kt || t[70] !== e || t[71] !== ft || t[72] !== B || t[73] !== n || t[74] !== r || t[75] !== v || t[76] !== m || t[77] !== Bt ? (w = /* @__PURE__ */ C("input", { className: ft, id: e, ...m, ref: rt, "aria-labelledby": Bt, "aria-describedby": dt, "aria-invalid": n, "aria-disabled": r, readOnly: r, required: v, disabled: o, type: "search", value: B, onChange: kt }), t[66] = dt, t[67] = o, t[68] = rt, t[69] = kt, t[70] = e, t[71] = ft, t[72] = B, t[73] = n, t[74] = r, t[75] = v, t[76] = m, t[77] = Bt, t[78] = w) : w = t[78];
|
|
146
146
|
let z;
|
|
147
147
|
t[79] !== yt || t[80] !== lt || t[81] !== o || t[82] !== X || t[83] !== r || t[84] !== u ? (z = X && !r && !o && /* @__PURE__ */ C(Et, { hideLabel: !0, theme: "light", iconName: "cross", className: yt, variant: "ghost", size: u, onClick: Ht, type: "button", tabIndex: -1, children: lt }), t[79] = yt, t[80] = lt, t[81] = o, t[82] = X, t[83] = r, t[84] = u, t[85] = z) : z = t[85];
|
|
148
|
-
const
|
|
148
|
+
const Dt = o || r;
|
|
149
149
|
let E;
|
|
150
|
-
t[86] !== y || t[87] !== k || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !==
|
|
150
|
+
t[86] !== y || t[87] !== k || t[88] !== u || t[89] !== vt || t[90] !== ot || t[91] !== Dt ? (E = /* @__PURE__ */ C(Et, { ...k, hideLabel: !0, theme: "light", iconName: "magnifying-glass", className: vt, variant: "ghost", size: u, onClick: y, type: "submit", disabled: Dt, children: ot }), t[86] = y, t[87] = k, t[88] = u, t[89] = vt, t[90] = ot, t[91] = Dt, t[92] = E) : E = t[92];
|
|
151
151
|
let A;
|
|
152
|
-
t[93] !== w || t[94] !== z || t[95] !== E ? (A = /* @__PURE__ */
|
|
152
|
+
t[93] !== w || t[94] !== z || t[95] !== E ? (A = /* @__PURE__ */ It("div", { className: s.wrapper, children: [
|
|
153
153
|
w,
|
|
154
154
|
z,
|
|
155
155
|
E
|
|
156
156
|
] }), t[93] = w, t[94] = z, t[95] = E, t[96] = A) : A = t[96];
|
|
157
|
-
let
|
|
158
|
-
return t[97] !== pt || t[98] !==
|
|
159
|
-
|
|
157
|
+
let it;
|
|
158
|
+
return t[97] !== pt || t[98] !== g || t[99] !== N || t[100] !== j || t[101] !== A ? (it = /* @__PURE__ */ It("div", { className: pt, ref: ct, children: [
|
|
159
|
+
g,
|
|
160
160
|
N,
|
|
161
161
|
j,
|
|
162
162
|
A
|
|
163
|
-
] }), t[97] = pt, t[98] =
|
|
163
|
+
] }), t[97] = pt, t[98] = g, t[99] = N, t[100] = j, t[101] = A, t[102] = it) : it = t[102], it;
|
|
164
164
|
});
|
|
165
|
-
|
|
166
|
-
function
|
|
167
|
-
const t = Object.getPrototypeOf(
|
|
168
|
-
l != null && l.set ? l.set.call(
|
|
165
|
+
ae.displayName = "DSInputSearch";
|
|
166
|
+
function ie(a, i) {
|
|
167
|
+
const t = Object.getPrototypeOf(a), l = Object.getOwnPropertyDescriptor(t, "value");
|
|
168
|
+
l != null && l.set ? l.set.call(a, i) : a.value = i;
|
|
169
169
|
}
|
|
170
170
|
export {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
171
|
+
ae as D,
|
|
172
|
+
ne as i,
|
|
173
|
+
se as v
|
|
174
174
|
};
|
|
@@ -7,10 +7,10 @@ import { h as Rt } from "./has-window.ut_-aShB.js";
|
|
|
7
7
|
import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
8
8
|
import { u as xt } from "./useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
9
|
import { Asterisk as Ct } from "../asterisk.CR60hx8S.js";
|
|
10
|
-
import {
|
|
11
|
-
import { M as _t, a as ht } from "./Input.utils.
|
|
12
|
-
import { DSSystemFeedback as Ft } from "../systemfeedback.
|
|
13
|
-
import { g as Ge } from "./helpers.
|
|
10
|
+
import { D as yt } from "./Button.CC0qEsuR.js";
|
|
11
|
+
import { M as _t, a as ht } from "./Input.utils.Cnnzvuk4.js";
|
|
12
|
+
import { DSSystemFeedback as Ft } from "../systemfeedback.CLQCbTF6.js";
|
|
13
|
+
import { g as Ge } from "./helpers.BbWkXTr3.js";
|
|
14
14
|
import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_1m4pp_1", $t = "ds-input-stepper_input--invalid_1m4pp_113", Ht = "ds-input-stepper_input--small_1m4pp_120", Vt = "ds-input-stepper_input--has-affix_1m4pp_191", Tt = "ds-input-stepper_input--is-ready_1m4pp_205", qt = "ds-input-stepper_root_1m4pp_215", Wt = "ds-input-stepper_hint_1m4pp_224", Mt = "ds-input-stepper_label_1m4pp_224", Xt = "ds-input-stepper_wrapper_1m4pp_228", jt = "ds-input-stepper_affix_1m4pp_234", zt = "ds-input-stepper_affix--small_1m4pp_255", Gt = "ds-input-stepper_affix--disabled_1m4pp_268", Ot = "ds-input-stepper_prefix_1m4pp_276", Ut = "ds-input-stepper_affix--readonly_1m4pp_279", Jt = "ds-input-stepper_suffix_1m4pp_289", Kt = "ds-input-stepper_action-button_1m4pp_296", Qt = "ds-input-stepper_label--hidden_1m4pp_314", Yt = "ds-input-stepper_label--disabled_1m4pp_327", Zt = "ds-input-stepper_feedback_1m4pp_347", en = "ds-input-stepper_second-action-button_1m4pp_361", tn = "ds-input-stepper_value-announcer_1m4pp_365", t = {
|
|
15
15
|
input: Pt,
|
|
16
16
|
inputInvalid: $t,
|
|
@@ -46,7 +46,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
46
46
|
e && e.length > _t && console.warn(Ge("DSInputStepper", `Prefix length must not exceed ${_t} characters.`)), d && d.length > ht && console.warn(Ge("DSInputStepper", `Suffix length must not exceed ${ht} characters.`));
|
|
47
47
|
}, sn = Et((k, A) => {
|
|
48
48
|
const e = Lt.c(187);
|
|
49
|
-
let d, C, m, s, F, b, _, l,
|
|
49
|
+
let d, C, m, s, F, b, _, l, D, i, u, te, ne, se, le, ie, ae, oe, pe, re, ce, h;
|
|
50
50
|
e[0] !== k ? ({
|
|
51
51
|
id: s,
|
|
52
52
|
label: b,
|
|
@@ -69,9 +69,9 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
69
69
|
systemFeedback: u,
|
|
70
70
|
value: h,
|
|
71
71
|
onChange: _,
|
|
72
|
-
...
|
|
73
|
-
} = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] =
|
|
74
|
-
const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe,
|
|
72
|
+
...D
|
|
73
|
+
} = k, e[0] = k, e[1] = d, e[2] = C, e[3] = m, e[4] = s, e[5] = F, e[6] = b, e[7] = _, e[8] = l, e[9] = D, e[10] = i, e[11] = u, e[12] = te, e[13] = ne, e[14] = se, e[15] = le, e[16] = ie, e[17] = ae, e[18] = oe, e[19] = pe, e[20] = re, e[21] = ce, e[22] = h) : (d = e[1], C = e[2], m = e[3], s = e[4], F = e[5], b = e[6], _ = e[7], l = e[8], D = e[9], i = e[10], u = e[11], te = e[12], ne = e[13], se = e[14], le = e[15], ie = e[16], ae = e[17], oe = e[18], pe = e[19], re = e[20], ce = e[21], h = e[22]);
|
|
74
|
+
const ue = te === void 0 ? "Value changed to" : te, r = se === void 0 ? !1 : se, St = le === void 0 ? !1 : le, o = ie === void 0 ? !1 : ie, P = ae === void 0 ? 100 : ae, $ = oe === void 0 ? 0 : oe, v = pe === void 0 ? !1 : pe, g = re === void 0 ? !1 : re, n = ce === void 0 ? "medium" : ce, de = ne === void 0 ? 1 : ne;
|
|
75
75
|
process.env.NODE_ENV !== "production" && nn({
|
|
76
76
|
id: s,
|
|
77
77
|
label: b,
|
|
@@ -96,7 +96,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
96
96
|
const Ue = me === void 0 ? "Increase" : me, [be, It] = xe(!1), [x, Je] = xe(h), [y, vt] = xe(""), [Ke, At] = xe(!1);
|
|
97
97
|
let ye;
|
|
98
98
|
e[33] === Symbol.for("react.memo_cache_sentinel") ? (ye = {}, e[33] = ye) : ye = e[33];
|
|
99
|
-
const [_e,
|
|
99
|
+
const [_e, Dt] = xe(ye), S = mt(null);
|
|
100
100
|
let Se;
|
|
101
101
|
e[34] !== A ? (Se = (a) => {
|
|
102
102
|
S.current = a, typeof A == "function" ? A(a) : A && (A.current = a);
|
|
@@ -108,10 +108,10 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
108
108
|
let Ae;
|
|
109
109
|
e[38] !== i ? (Ae = i == null ? void 0 : i.substring(0, ht), e[38] = i, e[39] = Ae) : Ae = e[39];
|
|
110
110
|
const Ze = Ae, et = mt(null), ve = kt(St);
|
|
111
|
-
let
|
|
112
|
-
e[40] !== h ? (
|
|
111
|
+
let De, ge;
|
|
112
|
+
e[40] !== h ? (De = () => {
|
|
113
113
|
h && Je(h);
|
|
114
|
-
},
|
|
114
|
+
}, ge = [h], e[40] = h, e[41] = De, e[42] = ge) : (De = e[41], ge = e[42]), bt(De, ge);
|
|
115
115
|
let Ne, Be;
|
|
116
116
|
e[43] !== y ? (Ne = () => {
|
|
117
117
|
if (y) {
|
|
@@ -143,7 +143,7 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
143
143
|
const c = et.current.offsetWidth;
|
|
144
144
|
f.paddingInlineEnd = a + c + "px";
|
|
145
145
|
}
|
|
146
|
-
|
|
146
|
+
Dt(f), It(!0);
|
|
147
147
|
}, e[48] = n, e[49] = Ee) : Ee = e[49];
|
|
148
148
|
let Re;
|
|
149
149
|
e[50] !== Ke || e[51] !== l || e[52] !== n || e[53] !== i ? (Re = [l, i, n, Ke], e[50] = Ke, e[51] = l, e[52] = n, e[53] = i, e[54] = Re) : Re = e[54], xt(Ee, Re);
|
|
@@ -155,12 +155,12 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
155
155
|
}, Ce = [], e[55] = ke, e[56] = Ce) : (ke = e[55], Ce = e[56]), xt(ke, Ce);
|
|
156
156
|
const tt = n === "small";
|
|
157
157
|
let W, M, X, j, z, G, N, O, U, B, w, L, E;
|
|
158
|
-
if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !==
|
|
158
|
+
if (e[57] !== ue || e[58] !== d || e[59] !== r || e[60] !== Qe || e[61] !== Ze || e[62] !== he || e[63] !== ve || e[64] !== m || e[65] !== s || e[66] !== _e || e[67] !== x || e[68] !== o || e[69] !== be || e[70] !== b || e[71] !== P || e[72] !== $ || e[73] !== _ || e[74] !== l || e[75] !== v || e[76] !== g || e[77] !== D || e[78] !== n || e[79] !== de || e[80] !== i || e[81] !== u || e[82] !== tt || e[83] !== y) {
|
|
159
159
|
const a = R(t.affix, {
|
|
160
160
|
[t.affixSmall]: tt,
|
|
161
161
|
[t.affixDisabled]: r,
|
|
162
162
|
[t.affixReadonly]: v
|
|
163
|
-
}), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`,
|
|
163
|
+
}), f = `${s}-label`, c = `${s}-feedback`, Pe = `${s}-hint`, Y = `${s}-value-announcer`, gt = m ? ` ${Pe}` : "";
|
|
164
164
|
let $e;
|
|
165
165
|
e[97] !== d ? ($e = R(t.root, d), e[97] = d, e[98] = $e) : $e = e[98];
|
|
166
166
|
const Nt = $e, lt = n === "small", it = l || i;
|
|
@@ -222,12 +222,12 @@ import '../assets/InputStepper.DzzrAdma.css';const Pt = "ds-input-stepper_input_
|
|
|
222
222
|
const ct = ze;
|
|
223
223
|
U = Nt;
|
|
224
224
|
let ee;
|
|
225
|
-
e[124] !==
|
|
225
|
+
e[124] !== g ? (ee = g && /* @__PURE__ */ I(Ct, {}), e[124] = g, e[125] = ee) : ee = e[125], e[126] !== s || e[127] !== f || e[128] !== b || e[129] !== ot || e[130] !== ee ? (B = /* @__PURE__ */ ft("label", { className: ot, id: f, htmlFor: s, children: [
|
|
226
226
|
b,
|
|
227
227
|
ee
|
|
228
228
|
] }), e[126] = s, e[127] = f, e[128] = b, e[129] = ot, e[130] = ee, e[131] = B) : B = e[131], e[132] !== m || e[133] !== Pe ? (w = m && /* @__PURE__ */ I("div", { className: t.hint, id: Pe, children: m }), e[132] = m, e[133] = Pe, e[134] = w) : w = e[134], e[135] !== y || e[136] !== Y ? (L = /* @__PURE__ */ I("div", { "aria-live": "polite", "aria-atomic": "true", className: t.valueAnnouncer, id: Y, children: y }), e[135] = y, e[136] = Y, e[137] = L) : L = e[137], e[138] !== o || e[139] !== u || e[140] !== c ? (E = o && u && /* @__PURE__ */ I(Ft, { className: t.feedback, message: u, type: "invalid", id: c }), e[138] = o, e[139] = u, e[140] = c, e[141] = E) : E = e[141], z = t.wrapper, G = l && /* @__PURE__ */ I("span", { className: R(a, t.prefix), ref: Ye, "aria-disabled": r, children: Qe });
|
|
229
|
-
const ut = `${f}${
|
|
230
|
-
e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !==
|
|
229
|
+
const ut = `${f}${gt}`, dt = Bt();
|
|
230
|
+
e[142] !== r || e[143] !== he || e[144] !== ct || e[145] !== s || e[146] !== at || e[147] !== _e || e[148] !== x || e[149] !== o || e[150] !== P || e[151] !== $ || e[152] !== v || e[153] !== g || e[154] !== D || e[155] !== de || e[156] !== ut || e[157] !== dt ? (N = /* @__PURE__ */ I("input", { className: at, id: s, ...D, style: _e, ref: he, "aria-labelledby": ut, "aria-describedby": dt, "aria-invalid": o, "aria-disabled": v, disabled: r, min: $, max: P, readOnly: v, required: g, step: de, type: "number", value: x, onChange: ct }), e[142] = r, e[143] = he, e[144] = ct, e[145] = s, e[146] = at, e[147] = _e, e[148] = x, e[149] = o, e[150] = P, e[151] = $, e[152] = v, e[153] = g, e[154] = D, e[155] = de, e[156] = ut, e[157] = dt, e[158] = N) : N = e[158], O = i && /* @__PURE__ */ I("span", { className: R(a, t.suffix), ref: et, "aria-disabled": r, children: Ze }), e[57] = ue, e[58] = d, e[59] = r, e[60] = Qe, e[61] = Ze, e[62] = he, e[63] = ve, e[64] = m, e[65] = s, e[66] = _e, e[67] = x, e[68] = o, e[69] = be, e[70] = b, e[71] = P, e[72] = $, e[73] = _, e[74] = l, e[75] = v, e[76] = g, e[77] = D, e[78] = n, e[79] = de, e[80] = i, e[81] = u, e[82] = tt, e[83] = y, e[84] = W, e[85] = M, e[86] = X, e[87] = j, e[88] = z, e[89] = G, e[90] = N, e[91] = O, e[92] = U, e[93] = B, e[94] = w, e[95] = L, e[96] = E;
|
|
231
231
|
} else
|
|
232
232
|
W = e[84], M = e[85], X = e[86], j = e[87], z = e[88], G = e[89], N = e[90], O = e[91], U = e[92], B = e[93], w = e[94], L = e[95], E = e[96];
|
|
233
233
|
const nt = r || v || !!x && Number(x) <= Number($);
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as ro, jsx as io } from "react/jsx-runtime";
|
|
3
|
+
import { d as ao } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as no } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as co } from "react";
|
|
6
|
+
import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
+
import { D as ho } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { g as so } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/LinkButton.xMvg_ojf.css';const go = "ds-link-button_root_oblg9_1", uo = "ds-link-button_root--highlight_oblg9_75", _o = "ds-link-button_root--dark-highlight_oblg9_75", ko = "ds-link-button_root--filled_oblg9_151", mo = "ds-link-button_root--outline_oblg9_179", bo = "ds-link-button_root--ghost_oblg9_206", fo = "ds-link-button_root--ghost-flush_oblg9_231", vo = "ds-link-button_root--small_oblg9_237", Do = "ds-link-button_root--navigation_oblg9_317", po = "ds-link-button_root--dark-filled_oblg9_393", No = "ds-link-button_root--dark-outline_oblg9_450", Lo = "ds-link-button_root--dark-ghost_oblg9_506", Oo = "ds-link-button_root--dark-ghost-flush_oblg9_560", So = "ds-link-button_root--icon-left_oblg9_635", Fo = "ds-link-button_root--icon-only_oblg9_638", Io = "ds-link-button_root--icon-only-small_oblg9_647", Go = "ds-link-button_icon--navigation_oblg9_659", yo = "ds-link-button_label--hidden_oblg9_667", n = {
|
|
10
|
+
root: go,
|
|
11
|
+
rootHighlight: uo,
|
|
12
|
+
rootDarkHighlight: _o,
|
|
13
|
+
rootFilled: ko,
|
|
14
|
+
rootOutline: mo,
|
|
15
|
+
rootGhost: bo,
|
|
16
|
+
rootGhostFlush: fo,
|
|
17
|
+
rootSmall: vo,
|
|
18
|
+
rootNavigation: Do,
|
|
19
|
+
rootDarkFilled: po,
|
|
20
|
+
rootDarkOutline: No,
|
|
21
|
+
rootDarkGhost: Lo,
|
|
22
|
+
rootDarkGhostFlush: Oo,
|
|
23
|
+
rootIconLeft: So,
|
|
24
|
+
rootIconOnly: Fo,
|
|
25
|
+
rootIconOnlySmall: Io,
|
|
26
|
+
iconNavigation: Go,
|
|
27
|
+
labelHidden: yo
|
|
28
|
+
}, Co = ["medium", "small"], Vo = ["filled", "highlight", "outline", "ghost", "navigation"], Bo = ({
|
|
29
|
+
variant: f,
|
|
30
|
+
size: v,
|
|
31
|
+
theme: o
|
|
32
|
+
}) => {
|
|
33
|
+
if (f === "navigation" && (v === "small" && console.warn(so("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
|
|
34
|
+
throw new Error(so("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
|
|
35
|
+
}, Ho = co((f, v) => {
|
|
36
|
+
const o = ao.c(63);
|
|
37
|
+
let r, a, c, d, i, s, e, h, g, u, D, p, N, L, O, S, F;
|
|
38
|
+
o[0] !== f ? ({
|
|
39
|
+
children: a,
|
|
40
|
+
aria: r,
|
|
41
|
+
className: c,
|
|
42
|
+
download: d,
|
|
43
|
+
hideLabel: D,
|
|
44
|
+
href: i,
|
|
45
|
+
iconName: s,
|
|
46
|
+
iconPosition: p,
|
|
47
|
+
iconSource: e,
|
|
48
|
+
isFlush: N,
|
|
49
|
+
referrerPolicy: h,
|
|
50
|
+
rel: g,
|
|
51
|
+
size: L,
|
|
52
|
+
target: O,
|
|
53
|
+
theme: S,
|
|
54
|
+
variant: F,
|
|
55
|
+
...u
|
|
56
|
+
} = f, o[0] = f, o[1] = r, o[2] = a, o[3] = c, o[4] = d, o[5] = i, o[6] = s, o[7] = e, o[8] = h, o[9] = g, o[10] = u, o[11] = D, o[12] = p, o[13] = N, o[14] = L, o[15] = O, o[16] = S, o[17] = F) : (r = o[1], a = o[2], c = o[3], d = o[4], i = o[5], s = o[6], e = o[7], h = o[8], g = o[9], u = o[10], D = o[11], p = o[12], N = o[13], L = o[14], O = o[15], S = o[16], F = o[17]);
|
|
57
|
+
const T = D === void 0 ? !1 : D, eo = p === void 0 ? "left" : p, I = N === void 0 ? !1 : N, G = L === void 0 ? "medium" : L, P = O === void 0 ? "_self" : O, l = S === void 0 ? "light" : S, t = F === void 0 ? "filled" : F;
|
|
58
|
+
process.env.NODE_ENV !== "production" && Bo({
|
|
59
|
+
variant: t,
|
|
60
|
+
size: G,
|
|
61
|
+
theme: l
|
|
62
|
+
});
|
|
63
|
+
const E = t === "filled", x = t === "highlight", z = t === "outline", A = t === "ghost" && I !== !0, C = t === "navigation", V = t === "ghost" && I === !0, j = l === "dark" && t === "filled", K = l === "dark" && t === "highlight", R = l === "dark" && t === "outline", U = l === "dark" && t === "ghost" && I !== !0, M = l === "dark" && t === "ghost" && I === !0, Z = G === "small" || t === "navigation", $ = eo === "left", q = lo(T) && G === "medium" && t !== "navigation", J = lo(T) && G === "small" && t !== "navigation";
|
|
64
|
+
let y;
|
|
65
|
+
o[18] !== c || o[19] !== z || o[20] !== A || o[21] !== C || o[22] !== V || o[23] !== j || o[24] !== K || o[25] !== R || o[26] !== U || o[27] !== M || o[28] !== Z || o[29] !== $ || o[30] !== q || o[31] !== J || o[32] !== E || o[33] !== x ? (y = no(n.root, c, {
|
|
66
|
+
[n.rootFilled]: E,
|
|
67
|
+
[n.rootHighlight]: x,
|
|
68
|
+
[n.rootOutline]: z,
|
|
69
|
+
[n.rootGhost]: A,
|
|
70
|
+
[n.rootNavigation]: C,
|
|
71
|
+
[n.rootGhostFlush]: V,
|
|
72
|
+
[n.rootDarkFilled]: j,
|
|
73
|
+
[n.rootDarkHighlight]: K,
|
|
74
|
+
[n.rootDarkOutline]: R,
|
|
75
|
+
[n.rootDarkGhost]: U,
|
|
76
|
+
[n.rootDarkGhostFlush]: M,
|
|
77
|
+
[n.rootSmall]: Z,
|
|
78
|
+
[n.rootIconLeft]: $,
|
|
79
|
+
[n.rootIconOnly]: q,
|
|
80
|
+
[n.rootIconOnlySmall]: J
|
|
81
|
+
}), o[18] = c, o[19] = z, o[20] = A, o[21] = C, o[22] = V, o[23] = j, o[24] = K, o[25] = R, o[26] = U, o[27] = M, o[28] = Z, o[29] = $, o[30] = q, o[31] = J, o[32] = E, o[33] = x, o[34] = y) : y = o[34];
|
|
82
|
+
const Q = y, W = lo(T) && t !== "navigation";
|
|
83
|
+
let B;
|
|
84
|
+
o[35] !== W ? (B = no({
|
|
85
|
+
[n.labelHidden]: W
|
|
86
|
+
}), o[35] = W, o[36] = B) : B = o[36];
|
|
87
|
+
const X = B, Y = t === "navigation";
|
|
88
|
+
let H;
|
|
89
|
+
o[37] !== Y ? (H = no({
|
|
90
|
+
[n.iconNavigation]: Y
|
|
91
|
+
}), o[37] = Y, o[38] = H) : H = o[38];
|
|
92
|
+
const oo = H, to = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", _ = i === void 0 ? "span" : "a";
|
|
93
|
+
let k;
|
|
94
|
+
o[39] !== _ || o[40] !== d || o[41] !== i || o[42] !== h || o[43] !== g || o[44] !== P ? (k = _ === "a" && {
|
|
95
|
+
href: i,
|
|
96
|
+
target: P,
|
|
97
|
+
rel: g,
|
|
98
|
+
referrerPolicy: h,
|
|
99
|
+
download: d
|
|
100
|
+
}, o[39] = _, o[40] = d, o[41] = i, o[42] = h, o[43] = g, o[44] = P, o[45] = k) : k = o[45];
|
|
101
|
+
let m;
|
|
102
|
+
o[46] !== a || o[47] !== X ? (m = /* @__PURE__ */ io("span", { className: X, children: a }), o[46] = a, o[47] = X, o[48] = m) : m = o[48];
|
|
103
|
+
let b;
|
|
104
|
+
o[49] !== oo || o[50] !== s || o[51] !== e || o[52] !== to ? (b = (s || e) && /* @__PURE__ */ io(ho, { name: s, theme: to, source: e, className: oo, "aria-hidden": "true" }), o[49] = oo, o[50] = s, o[51] = e, o[52] = to, o[53] = b) : b = o[53];
|
|
105
|
+
let w;
|
|
106
|
+
return o[54] !== _ || o[55] !== r || o[56] !== v || o[57] !== u || o[58] !== Q || o[59] !== k || o[60] !== m || o[61] !== b ? (w = /* @__PURE__ */ ro(_, { className: Q, ...k, ...r, ...u, ref: v, children: [
|
|
107
|
+
m,
|
|
108
|
+
b
|
|
109
|
+
] }), o[54] = _, o[55] = r, o[56] = v, o[57] = u, o[58] = Q, o[59] = k, o[60] = m, o[61] = b, o[62] = w) : w = o[62], w;
|
|
110
|
+
});
|
|
111
|
+
Ho.displayName = "DSLinkButton";
|
|
112
|
+
export {
|
|
113
|
+
Ho as D,
|
|
114
|
+
Co as L,
|
|
115
|
+
Vo as a,
|
|
116
|
+
Bo as v
|
|
117
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t, jsxs as g, Fragment as m } from "react/jsx-runtime";
|
|
3
|
+
import { isValidElement as h, cloneElement as f } from "react";
|
|
4
|
+
import { D as B } from "./Icon.C0161Glk.js";
|
|
5
|
+
import { NumberIndicator as N } from "../numberindicator.Ddf3ESi7.js";
|
|
6
|
+
import '../assets/NavigationTabList.CFlVhUzS.css';const W = "ds-tabs_tabs-wrapper_ccgp4_1", w = "ds-tabs_scroll-wrapper_ccgp4_6", D = "ds-tabs_scroller_ccgp4_17", j = "ds-tabs_scroller--centered_ccgp4_28", v = "ds-tabs_tab_ccgp4_1", y = "ds-tabs_scroll-button_ccgp4_105", E = "ds-tabs_scroll-button--hidden_ccgp4_110", H = "ds-tabs_scroll-button--right_ccgp4_114", L = "ds-tabs_indicator_ccgp4_126", R = {
|
|
7
|
+
tabsWrapper: W,
|
|
8
|
+
scrollWrapper: w,
|
|
9
|
+
scroller: D,
|
|
10
|
+
scrollerCentered: j,
|
|
11
|
+
tab: v,
|
|
12
|
+
scrollButton: y,
|
|
13
|
+
scrollButtonHidden: E,
|
|
14
|
+
scrollButtonRight: H,
|
|
15
|
+
indicator: L
|
|
16
|
+
}, S = ({
|
|
17
|
+
tabs: n,
|
|
18
|
+
tabRefs: i,
|
|
19
|
+
scrollerClass: p,
|
|
20
|
+
scrollerRef: _,
|
|
21
|
+
selectedTabIndex: o,
|
|
22
|
+
handleNavigationKeydown: d,
|
|
23
|
+
setSelectedTab: b
|
|
24
|
+
}) => /* @__PURE__ */ t("ul", { className: p, ref: _, children: n.map(({
|
|
25
|
+
id: l,
|
|
26
|
+
linkComponent: r,
|
|
27
|
+
iconName: a,
|
|
28
|
+
numberIndicatorValue: e
|
|
29
|
+
}, s) => {
|
|
30
|
+
if (!h(r))
|
|
31
|
+
return null;
|
|
32
|
+
const u = f(r, {
|
|
33
|
+
// Add aria-current to the selected tab (https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/)
|
|
34
|
+
"aria-current": o === s ? "page" : void 0,
|
|
35
|
+
children: /* @__PURE__ */ g(m, { children: [
|
|
36
|
+
a && /* @__PURE__ */ t(B, { name: a, "aria-hidden": "true" }),
|
|
37
|
+
r.props.children,
|
|
38
|
+
e && /* @__PURE__ */ t(N, { label: e })
|
|
39
|
+
] }),
|
|
40
|
+
className: R.tab,
|
|
41
|
+
id: l,
|
|
42
|
+
tabIndex: o === s ? 0 : -1,
|
|
43
|
+
// onKeyDown for focus handling and keyboard navigation
|
|
44
|
+
onKeyDown: (c) => d(c, s),
|
|
45
|
+
onClick: () => {
|
|
46
|
+
r.props.onClick && r.props.onClick(), b(s);
|
|
47
|
+
},
|
|
48
|
+
ref: (c) => {
|
|
49
|
+
i.current[s] = c;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
return /* @__PURE__ */ t("li", { children: u }, l);
|
|
53
|
+
}) });
|
|
54
|
+
export {
|
|
55
|
+
S as N,
|
|
56
|
+
R as s
|
|
57
|
+
};
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx as v } from "react/jsx-runtime";
|
|
3
3
|
import { d as u } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { useState as T, useEffect as y } from "react";
|
|
5
|
-
import { TabList as h } from "../tablist.
|
|
6
|
-
import { g as m, r as E } from "./helpers.
|
|
5
|
+
import { TabList as h } from "../tablist.CcCURua8.js";
|
|
6
|
+
import { g as m, r as E } from "./helpers.BbWkXTr3.js";
|
|
7
7
|
const _ = ["left", "center"], j = ["prev", "next"], S = ({
|
|
8
8
|
aria: a,
|
|
9
9
|
tabs: e,
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx as p, jsxs as F } from "react/jsx-runtime";
|
|
3
3
|
import { d as R } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as k } from "./index.CEyLAtio.js";
|
|
5
|
-
import {
|
|
6
|
-
import { D as y } from "./Icon.
|
|
5
|
+
import { D as W } from "./Button.CC0qEsuR.js";
|
|
6
|
+
import { D as y } from "./Icon.C0161Glk.js";
|
|
7
7
|
import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1jsx7_1", P = "ds-notification_root--success_1jsx7_26", V = "ds-notification_root--error_1jsx7_30", z = "ds-notification_root--warning_1jsx7_34", Y = "ds-notification_root--hide-icon_1jsx7_38", $ = "ds-notification_content_1jsx7_52", q = "ds-notification_content--hide-close-button_1jsx7_59", G = "ds-notification_content--hide-icon_1jsx7_62", J = "ds-notification_icon_1jsx7_66", K = "ds-notification_message_1jsx7_70", M = "ds-notification_custom-action-area_1jsx7_167", s = {
|
|
8
8
|
root: L,
|
|
9
9
|
rootSuccess: P,
|
|
@@ -56,13 +56,13 @@ import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1js
|
|
|
56
56
|
[s.rootInfo]: B,
|
|
57
57
|
[s.rootHideIcon]: t
|
|
58
58
|
}), o[14] = r, o[15] = t, o[16] = S, o[17] = O, o[18] = T, o[19] = B, o[20] = g) : g = o[20];
|
|
59
|
-
const
|
|
59
|
+
const D = g, b = !n;
|
|
60
60
|
let j;
|
|
61
|
-
o[21] !== t || o[22] !==
|
|
62
|
-
[s.contentHideCloseButton]:
|
|
61
|
+
o[21] !== t || o[22] !== b ? (j = k(s.content, {
|
|
62
|
+
[s.contentHideCloseButton]: b,
|
|
63
63
|
[s.contentHideIcon]: t
|
|
64
|
-
}), o[21] = t, o[22] =
|
|
65
|
-
const
|
|
64
|
+
}), o[21] = t, o[22] = b, o[23] = j) : j = o[23];
|
|
65
|
+
const w = j, E = U[e];
|
|
66
66
|
let f;
|
|
67
67
|
o[24] !== t || o[25] !== e ? (f = !t && /* @__PURE__ */ p(y, { name: Q[e], className: s.icon, "aria-hidden": "true" }), o[24] = t, o[25] = e, o[26] = f) : f = o[26];
|
|
68
68
|
let m;
|
|
@@ -70,20 +70,20 @@ import '../assets/Notification.BOuaA5GT.css';const L = "ds-notification_root_1js
|
|
|
70
70
|
let u;
|
|
71
71
|
o[29] !== H || o[30] !== n || o[31] !== _ ? (u = n && /* @__PURE__ */ p(W, { ..._, hideLabel: !0, iconName: "cross", isFlush: !0, variant: "ghost", size: "small", onClick: n, type: "button", children: H }), o[29] = H, o[30] = n, o[31] = _, o[32] = u) : u = o[32];
|
|
72
72
|
let I;
|
|
73
|
-
o[33] !==
|
|
73
|
+
o[33] !== w || o[34] !== f || o[35] !== m || o[36] !== u ? (I = /* @__PURE__ */ F("div", { className: w, children: [
|
|
74
74
|
f,
|
|
75
75
|
m,
|
|
76
76
|
u
|
|
77
|
-
] }), o[33] =
|
|
77
|
+
] }), o[33] = w, o[34] = f, o[35] = m, o[36] = u, o[37] = I) : I = o[37];
|
|
78
78
|
let x;
|
|
79
79
|
o[38] !== c || o[39] !== t ? (x = c && /* @__PURE__ */ p("div", { className: k({
|
|
80
80
|
[s.customActionArea]: !t
|
|
81
81
|
}), children: c }), o[38] = c, o[39] = t, o[40] = x) : x = o[40];
|
|
82
82
|
let C;
|
|
83
|
-
return o[41] !== l || o[42] !==
|
|
83
|
+
return o[41] !== l || o[42] !== D || o[43] !== E || o[44] !== I || o[45] !== x ? (C = /* @__PURE__ */ F("div", { className: D, ...l, role: E, children: [
|
|
84
84
|
I,
|
|
85
85
|
x
|
|
86
|
-
] }), o[41] = l, o[42] =
|
|
86
|
+
] }), o[41] = l, o[42] = D, o[43] = E, o[44] = I, o[45] = x, o[46] = C) : C = o[46], C;
|
|
87
87
|
};
|
|
88
88
|
export {
|
|
89
89
|
eo as D,
|