@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
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as nt, jsx as w, Fragment as ct } from "react/jsx-runtime";
|
|
3
|
+
import { d as at } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as K } from "./index.CEyLAtio.js";
|
|
5
|
+
import { D as st } from "./Icon.C0161Glk.js";
|
|
6
|
+
import { forwardRef as lt } from "react";
|
|
7
|
+
import { NumberIndicator as rt } from "../numberindicator.Ddf3ESi7.js";
|
|
8
|
+
import { g as W } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import '../assets/ActionLink.BdPEvuGm.css';const pt = "ds-action-link_root_14712_1", dt = "ds-action-link_root--indent-level-1_14712_72", ht = "ds-action-link_root--active_14712_75", _t = "ds-action-link_root--active--with-marker_14712_78", vt = "ds-action-link_root--icon--top_14712_81", mt = "ds-action-link_root--stretched_14712_106", ft = "ds-action-link_active-marker_14712_111", bt = "ds-action-link_active-marker--with-indent_14712_123", kt = "ds-action-link_icon-wrapper_14712_127", It = "ds-action-link_icon-wrapper--x-large_14712_130", Nt = "ds-action-link_icon-wrapper--with-number-indicator_14712_133", ut = "ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141", At = "ds-action-link_label_14712_145", wt = "ds-action-link_label--bold_14712_156", Wt = "ds-action-link_label--active_14712_167", gt = "ds-action-link_label--icon-top_14712_178", Lt = "ds-action-link_number-indicator_14712_201", o = {
|
|
10
|
+
root: pt,
|
|
11
|
+
rootIndentLevel1: dt,
|
|
12
|
+
rootActive: ht,
|
|
13
|
+
rootActiveWithMarker: _t,
|
|
14
|
+
rootIconTop: vt,
|
|
15
|
+
rootStretched: mt,
|
|
16
|
+
activeMarker: ft,
|
|
17
|
+
activeMarkerWithIndent: bt,
|
|
18
|
+
iconWrapper: kt,
|
|
19
|
+
iconWrapperXLarge: It,
|
|
20
|
+
iconWrapperWithNumberIndicator: Nt,
|
|
21
|
+
iconWrapperWithNumberIndicatorWithValue: ut,
|
|
22
|
+
label: At,
|
|
23
|
+
labelBold: wt,
|
|
24
|
+
labelActive: Wt,
|
|
25
|
+
labelIconTop: gt,
|
|
26
|
+
numberIndicator: Lt
|
|
27
|
+
}, zt = ["left", "top"], Vt = ["large", "x-large"], Kt = [0, 1], yt = ["normal", "bold"], St = ({
|
|
28
|
+
iconName: h,
|
|
29
|
+
iconSize: _,
|
|
30
|
+
iconSource: t,
|
|
31
|
+
iconPosition: c,
|
|
32
|
+
indentLevel: a,
|
|
33
|
+
stretched: s,
|
|
34
|
+
weight: l
|
|
35
|
+
}) => {
|
|
36
|
+
if (h && !t && _ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconName" is set. Please remove the "iconSize" prop or provide a custom icon via the "iconSource" prop.')), c === "top") {
|
|
37
|
+
if (!h && !t)
|
|
38
|
+
throw new Error(W("DSActionLink", 'The "iconPosition" prop should not be set to "top", when no "iconName" or "iconSource" prop was provided. Please either remove the "iconPosition" prop or set a valid icon via the "iconName" or "iconSource" prop.'));
|
|
39
|
+
_ === "x-large" && console.warn(W("DSActionLink", 'An "iconSize" prop set to "x-large" has no effect when "iconPosition" is set to "top". Please remove the "iconSize" prop.')), l === "bold" && console.warn(W("DSActionLink", 'A "weight" prop set to "bold" with "iconPosition" set to "top" has no effect. Please remove the "weight" prop.')), a === 1 && console.warn(W("DSActionLink", 'An "indentLevel" prop set to "1" with "iconPosition" set to "top" has no effect. Please remove the "indentLevel" prop.')), s && console.warn(W("DSActionLink", 'A "stretched" prop set to "true" with "iconPosition" set to "top" has no effect. Please remove the "stretched" prop.'));
|
|
40
|
+
}
|
|
41
|
+
}, Pt = lt((h, _) => {
|
|
42
|
+
const t = at.c(71);
|
|
43
|
+
let c, a, s, l, d, n, r, i, v, m, f, g, L, S, P, T, D, x;
|
|
44
|
+
t[0] !== h ? ({
|
|
45
|
+
children: a,
|
|
46
|
+
aria: c,
|
|
47
|
+
className: s,
|
|
48
|
+
download: l,
|
|
49
|
+
href: d,
|
|
50
|
+
iconName: n,
|
|
51
|
+
iconPosition: g,
|
|
52
|
+
iconSize: L,
|
|
53
|
+
iconSource: r,
|
|
54
|
+
indentLevel: S,
|
|
55
|
+
isActive: P,
|
|
56
|
+
numberIndicatorValue: i,
|
|
57
|
+
referrerPolicy: v,
|
|
58
|
+
rel: m,
|
|
59
|
+
stretched: T,
|
|
60
|
+
target: D,
|
|
61
|
+
weight: x,
|
|
62
|
+
...f
|
|
63
|
+
} = h, t[0] = h, t[1] = c, t[2] = a, t[3] = s, t[4] = l, t[5] = d, t[6] = n, t[7] = r, t[8] = i, t[9] = v, t[10] = m, t[11] = f, t[12] = g, t[13] = L, t[14] = S, t[15] = P, t[16] = T, t[17] = D, t[18] = x) : (c = t[1], a = t[2], s = t[3], l = t[4], d = t[5], n = t[6], r = t[7], i = t[8], v = t[9], m = t[10], f = t[11], g = t[12], L = t[13], S = t[14], P = t[15], T = t[16], D = t[17], x = t[18]);
|
|
64
|
+
const e = g === void 0 ? "left" : g, M = L === void 0 ? "large" : L, y = S === void 0 ? 0 : S, p = P === void 0 ? !1 : P, ot = T === void 0 ? !1 : T, B = D === void 0 ? "_self" : D, it = x === void 0 ? "normal" : x;
|
|
65
|
+
process.env.NODE_ENV !== "production" && St({
|
|
66
|
+
iconName: n,
|
|
67
|
+
iconSize: M,
|
|
68
|
+
iconSource: r,
|
|
69
|
+
iconPosition: e,
|
|
70
|
+
indentLevel: y,
|
|
71
|
+
stretched: ot,
|
|
72
|
+
weight: it
|
|
73
|
+
});
|
|
74
|
+
const X = e === "top", j = y === 1, F = p && e === "left", G = ot === !0 && e === "left";
|
|
75
|
+
let C;
|
|
76
|
+
t[19] !== s || t[20] !== p || t[21] !== F || t[22] !== G || t[23] !== X || t[24] !== j ? (C = K(o.root, s, {
|
|
77
|
+
[o.rootIconTop]: X,
|
|
78
|
+
[o.rootIndentLevel1]: j,
|
|
79
|
+
[o.rootActive]: p,
|
|
80
|
+
[o.rootActiveWithMarker]: F,
|
|
81
|
+
[o.rootStretched]: G
|
|
82
|
+
}), t[19] = s, t[20] = p, t[21] = F, t[22] = G, t[23] = X, t[24] = j, t[25] = C) : C = t[25];
|
|
83
|
+
const H = C, R = y === 1;
|
|
84
|
+
let E;
|
|
85
|
+
t[26] !== R ? (E = K(o.activeMarker, {
|
|
86
|
+
[o.activeMarkerWithIndent]: R
|
|
87
|
+
}), t[26] = R, t[27] = E) : E = t[27];
|
|
88
|
+
const Z = E, $ = p && e === "left", q = it === "bold", J = e === "top";
|
|
89
|
+
let O;
|
|
90
|
+
t[28] !== $ || t[29] !== q || t[30] !== J ? (O = K(o.label, {
|
|
91
|
+
[o.labelActive]: $,
|
|
92
|
+
[o.labelBold]: q,
|
|
93
|
+
[o.labelIconTop]: J
|
|
94
|
+
}), t[28] = $, t[29] = q, t[30] = J, t[31] = O) : O = t[31];
|
|
95
|
+
const Q = O, U = M === "x-large", Y = (n || r) && (i || i === ""), tt = (n || r) && i;
|
|
96
|
+
let z;
|
|
97
|
+
t[32] !== U || t[33] !== Y || t[34] !== tt ? (z = K(o.iconWrapper, {
|
|
98
|
+
[o.iconWrapperXLarge]: U,
|
|
99
|
+
[o.iconWrapperWithNumberIndicator]: Y,
|
|
100
|
+
[o.iconWrapperWithNumberIndicatorWithValue]: tt
|
|
101
|
+
}), t[32] = U, t[33] = Y, t[34] = tt, t[35] = z) : z = t[35];
|
|
102
|
+
const et = z, b = d === void 0 ? "span" : "a";
|
|
103
|
+
let k;
|
|
104
|
+
t[36] !== b || t[37] !== l || t[38] !== d || t[39] !== v || t[40] !== m || t[41] !== B ? (k = b === "a" && {
|
|
105
|
+
href: d,
|
|
106
|
+
target: B,
|
|
107
|
+
rel: m,
|
|
108
|
+
referrerPolicy: v,
|
|
109
|
+
download: l
|
|
110
|
+
}, t[36] = b, t[37] = l, t[38] = d, t[39] = v, t[40] = m, t[41] = B, t[42] = k) : k = t[42];
|
|
111
|
+
let I;
|
|
112
|
+
t[43] !== Z || t[44] !== e || t[45] !== p ? (I = p && e === "left" && /* @__PURE__ */ w("div", { className: Z }), t[43] = Z, t[44] = e, t[45] = p, t[46] = I) : I = t[46];
|
|
113
|
+
let N;
|
|
114
|
+
t[47] !== n || t[48] !== e || t[49] !== M || t[50] !== r || t[51] !== et || t[52] !== i ? (N = (n || r) && /* @__PURE__ */ w(ct, { children: /* @__PURE__ */ nt("span", { className: et, children: [
|
|
115
|
+
/* @__PURE__ */ w(st, { name: n, theme: "light", source: r, "aria-hidden": "true", size: n || e === "top" ? "large" : M }),
|
|
116
|
+
(e === "left" && i === "" || e === "top" && (i || i === "")) && /* @__PURE__ */ w(rt, { variant: "highlight", label: i })
|
|
117
|
+
] }) }), t[47] = n, t[48] = e, t[49] = M, t[50] = r, t[51] = et, t[52] = i, t[53] = N) : N = t[53];
|
|
118
|
+
let u;
|
|
119
|
+
t[54] !== a || t[55] !== Q ? (u = /* @__PURE__ */ w("span", { className: Q, children: a }), t[54] = a, t[55] = Q, t[56] = u) : u = t[56];
|
|
120
|
+
let A;
|
|
121
|
+
t[57] !== e || t[58] !== i ? (A = e === "left" && i && /* @__PURE__ */ w(rt, { variant: "default", label: i, className: o.numberIndicator }), t[57] = e, t[58] = i, t[59] = A) : A = t[59];
|
|
122
|
+
let V;
|
|
123
|
+
return t[60] !== b || t[61] !== c || t[62] !== _ || t[63] !== f || t[64] !== H || t[65] !== k || t[66] !== I || t[67] !== N || t[68] !== u || t[69] !== A ? (V = /* @__PURE__ */ nt(b, { className: H, ...k, ...c, ...f, ref: _, children: [
|
|
124
|
+
I,
|
|
125
|
+
N,
|
|
126
|
+
u,
|
|
127
|
+
A
|
|
128
|
+
] }), t[60] = b, t[61] = c, t[62] = _, t[63] = f, t[64] = H, t[65] = k, t[66] = I, t[67] = N, t[68] = u, t[69] = A, t[70] = V) : V = t[70], V;
|
|
129
|
+
});
|
|
130
|
+
Pt.displayName = "DSActionLink";
|
|
131
|
+
export {
|
|
132
|
+
zt as A,
|
|
133
|
+
Pt as D,
|
|
134
|
+
Vt as a,
|
|
135
|
+
Kt as b,
|
|
136
|
+
yt as c,
|
|
137
|
+
St as v
|
|
138
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { h as n } from "./has-window.ut_-aShB.js";
|
|
3
|
-
import { g as r } from "./helpers.
|
|
3
|
+
import { g as r } from "./helpers.BbWkXTr3.js";
|
|
4
4
|
import "./index.CgTHIF3K.js";
|
|
5
5
|
import "react";
|
|
6
6
|
const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
|
|
@@ -3,9 +3,9 @@ import { jsx as w, jsxs as V } from "react/jsx-runtime";
|
|
|
3
3
|
import { d as q } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as F } from "./index.CEyLAtio.js";
|
|
5
5
|
import { isValidElement as M, useState as I, useEffect as O, cloneElement as R } from "react";
|
|
6
|
-
import {
|
|
7
|
-
import { DSLink as X } from "../link.
|
|
8
|
-
import { g as d, r as z } from "./helpers.
|
|
6
|
+
import { D as K } from "./Button.CC0qEsuR.js";
|
|
7
|
+
import { DSLink as X } from "../link.DGuYGfh2.js";
|
|
8
|
+
import { g as d, r as z } from "./helpers.BbWkXTr3.js";
|
|
9
9
|
import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1", H = "ds-breadcrumb_show-all-button_1e9hu_30", T = {
|
|
10
10
|
root: G,
|
|
11
11
|
showAllButton: H
|
|
@@ -68,9 +68,9 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
|
|
|
68
68
|
let v;
|
|
69
69
|
e[21] === Symbol.for("react.memo_cache_sentinel") ? (v = (y) => y.map((C, j) => /* @__PURE__ */ w("li", { children: x(C, y.length - 1, j) }, j)), e[21] = v) : v = e[21];
|
|
70
70
|
const _ = v;
|
|
71
|
-
let
|
|
72
|
-
e[22] !== h ? (
|
|
73
|
-
const N =
|
|
71
|
+
let D;
|
|
72
|
+
e[22] !== h ? (D = (y) => _(h ? y : y.slice(-2)), e[22] = h, e[23] = D) : D = e[23];
|
|
73
|
+
const N = D;
|
|
74
74
|
let u;
|
|
75
75
|
e[24] !== t[0] ? (u = _([t[0]]), e[24] = t[0], e[25] = u) : u = e[25];
|
|
76
76
|
let b;
|
|
@@ -83,8 +83,8 @@ import '../assets/Breadcrumb.BaYrwrYl.css';const G = "ds-breadcrumb_root_1e9hu_1
|
|
|
83
83
|
b,
|
|
84
84
|
f
|
|
85
85
|
] }), e[31] = b, e[32] = f, e[33] = u, e[34] = p) : p = e[34];
|
|
86
|
-
let
|
|
87
|
-
return e[35] !== s || e[36] !== r || e[37] !== L || e[38] !== p ? (
|
|
86
|
+
let E;
|
|
87
|
+
return e[35] !== s || e[36] !== r || e[37] !== L || e[38] !== p ? (E = /* @__PURE__ */ w("nav", { className: L, ...r, ...s, children: p }), e[35] = s, e[36] = r, e[37] = L, e[38] = p, e[39] = E) : E = e[39], E;
|
|
88
88
|
};
|
|
89
89
|
function Q(o, e, s) {
|
|
90
90
|
const {
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as co, jsx as so } from "react/jsx-runtime";
|
|
3
|
+
import { d as ho } from "./index.CgTHIF3K.js";
|
|
4
|
+
import { c as io } from "./index.CEyLAtio.js";
|
|
5
|
+
import { forwardRef as uo } from "react";
|
|
6
|
+
import { u as lo } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
+
import { D as _o } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { DSSpinner as go } from "../spinner.CeGt8DxU.js";
|
|
9
|
+
import { g as ro } from "./helpers.BbWkXTr3.js";
|
|
10
|
+
import '../assets/Button.Dw8H5nFS.css';const mo = "ds-button_root_94r67_1", fo = "ds-button_root--highlight_94r67_75", bo = "ds-button_root--dark-highlight_94r67_75", vo = "ds-button_root--filled_94r67_151", ko = "ds-button_root--outline_94r67_179", po = "ds-button_root--ghost_94r67_206", Do = "ds-button_root--ghost-flush_94r67_231", No = "ds-button_root--small_94r67_237", So = "ds-button_root--navigation_94r67_317", Oo = "ds-button_root--dark-filled_94r67_393", Fo = "ds-button_root--dark-outline_94r67_450", yo = "ds-button_root--dark-ghost_94r67_506", Go = "ds-button_root--dark-ghost-flush_94r67_560", Ho = "ds-button_root--icon-left_94r67_635", Io = "ds-button_root--icon-only_94r67_638", Bo = "ds-button_root--icon-only-small_94r67_647", Lo = "ds-button_icon--navigation_94r67_663", wo = "ds-button_icon--hidden_94r67_670", Co = "ds-button_label--hidden_94r67_674", To = "ds-button_label--loading_94r67_686", Eo = "ds-button_loader_94r67_690", t = {
|
|
11
|
+
root: mo,
|
|
12
|
+
rootHighlight: fo,
|
|
13
|
+
rootDarkHighlight: bo,
|
|
14
|
+
rootFilled: vo,
|
|
15
|
+
rootOutline: ko,
|
|
16
|
+
rootGhost: po,
|
|
17
|
+
rootGhostFlush: Do,
|
|
18
|
+
rootSmall: No,
|
|
19
|
+
rootNavigation: So,
|
|
20
|
+
rootDarkFilled: Oo,
|
|
21
|
+
rootDarkOutline: Fo,
|
|
22
|
+
rootDarkGhost: yo,
|
|
23
|
+
rootDarkGhostFlush: Go,
|
|
24
|
+
rootIconLeft: Ho,
|
|
25
|
+
rootIconOnly: Io,
|
|
26
|
+
rootIconOnlySmall: Bo,
|
|
27
|
+
iconNavigation: Lo,
|
|
28
|
+
iconHidden: wo,
|
|
29
|
+
labelHidden: Co,
|
|
30
|
+
labelLoading: To,
|
|
31
|
+
loader: Eo
|
|
32
|
+
}, $o = ["medium", "small"], qo = ["highlight", "filled", "outline", "ghost", "navigation"], Po = ({
|
|
33
|
+
variant: m,
|
|
34
|
+
size: f,
|
|
35
|
+
theme: o
|
|
36
|
+
}) => {
|
|
37
|
+
if (m === "navigation" && (f === "small" && console.warn(ro("DSButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), o === "dark"))
|
|
38
|
+
throw new Error(ro("DSButton", 'A DSButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
|
|
39
|
+
}, xo = uo((m, f) => {
|
|
40
|
+
const o = ho.c(64);
|
|
41
|
+
let a, d, c, l, e, r, h, b, v, k, p, D, N, S, O;
|
|
42
|
+
o[0] !== m ? ({
|
|
43
|
+
children: d,
|
|
44
|
+
aria: a,
|
|
45
|
+
className: c,
|
|
46
|
+
disabled: b,
|
|
47
|
+
hideLabel: v,
|
|
48
|
+
iconName: l,
|
|
49
|
+
iconPosition: k,
|
|
50
|
+
iconSource: e,
|
|
51
|
+
isFlush: p,
|
|
52
|
+
loading: D,
|
|
53
|
+
size: N,
|
|
54
|
+
theme: S,
|
|
55
|
+
variant: O,
|
|
56
|
+
onClick: r,
|
|
57
|
+
...h
|
|
58
|
+
} = m, o[0] = m, o[1] = a, o[2] = d, o[3] = c, o[4] = l, o[5] = e, o[6] = r, o[7] = h, o[8] = b, o[9] = v, o[10] = k, o[11] = p, o[12] = D, o[13] = N, o[14] = S, o[15] = O) : (a = o[1], d = o[2], c = o[3], l = o[4], e = o[5], r = o[6], h = o[7], b = o[8], v = o[9], k = o[10], p = o[11], D = o[12], N = o[13], S = o[14], O = o[15]);
|
|
59
|
+
const F = b === void 0 ? !1 : b, C = v === void 0 ? !1 : v, ao = k === void 0 ? "left" : k, y = p === void 0 ? !1 : p, s = D === void 0 ? !1 : D, G = N === void 0 ? "medium" : N, i = S === void 0 ? "light" : S, n = O === void 0 ? "filled" : O;
|
|
60
|
+
process.env.NODE_ENV !== "production" && Po({
|
|
61
|
+
variant: n,
|
|
62
|
+
size: G,
|
|
63
|
+
theme: i
|
|
64
|
+
});
|
|
65
|
+
const T = n === "filled", E = n === "highlight", P = n === "outline", x = n === "ghost" && y !== !0, z = n === "navigation", A = n === "ghost" && y === !0, V = i === "dark" && n === "filled", j = i === "dark" && n === "highlight", R = i === "dark" && n === "outline", U = i === "dark" && n === "ghost" && y !== !0, M = i === "dark" && n === "ghost" && y === !0, Z = G === "small" || n === "navigation", $ = ao === "left", q = lo(C) && G === "medium" && n !== "navigation", J = lo(C) && G === "small" && n !== "navigation";
|
|
66
|
+
let H;
|
|
67
|
+
o[16] !== c || o[17] !== E || o[18] !== P || o[19] !== x || o[20] !== z || o[21] !== A || o[22] !== V || o[23] !== j || o[24] !== R || o[25] !== U || o[26] !== M || o[27] !== Z || o[28] !== $ || o[29] !== q || o[30] !== J || o[31] !== T ? (H = io(t.root, c, {
|
|
68
|
+
[t.rootFilled]: T,
|
|
69
|
+
[t.rootHighlight]: E,
|
|
70
|
+
[t.rootOutline]: P,
|
|
71
|
+
[t.rootGhost]: x,
|
|
72
|
+
[t.rootNavigation]: z,
|
|
73
|
+
[t.rootGhostFlush]: A,
|
|
74
|
+
[t.rootDarkFilled]: V,
|
|
75
|
+
[t.rootDarkHighlight]: j,
|
|
76
|
+
[t.rootDarkOutline]: R,
|
|
77
|
+
[t.rootDarkGhost]: U,
|
|
78
|
+
[t.rootDarkGhostFlush]: M,
|
|
79
|
+
[t.rootSmall]: Z,
|
|
80
|
+
[t.rootIconLeft]: $,
|
|
81
|
+
[t.rootIconOnly]: q,
|
|
82
|
+
[t.rootIconOnlySmall]: J
|
|
83
|
+
}), o[16] = c, o[17] = E, o[18] = P, o[19] = x, o[20] = z, o[21] = A, o[22] = V, o[23] = j, o[24] = R, o[25] = U, o[26] = M, o[27] = Z, o[28] = $, o[29] = q, o[30] = J, o[31] = T, o[32] = H) : H = o[32];
|
|
84
|
+
const K = H, Q = lo(C) && n !== "navigation";
|
|
85
|
+
let I;
|
|
86
|
+
o[33] !== s || o[34] !== Q ? (I = io(t.label, {
|
|
87
|
+
[t.labelHidden]: Q,
|
|
88
|
+
[t.labelLoading]: s
|
|
89
|
+
}), o[33] = s, o[34] = Q, o[35] = I) : I = o[35];
|
|
90
|
+
const W = I, X = n === "navigation";
|
|
91
|
+
let B;
|
|
92
|
+
o[36] !== s || o[37] !== X ? (B = io({
|
|
93
|
+
[t.iconNavigation]: X,
|
|
94
|
+
[t.iconHidden]: s
|
|
95
|
+
}), o[36] = s, o[37] = X, o[38] = B) : B = o[38];
|
|
96
|
+
const Y = B, oo = i === "light" && n === "filled" || i === "dark" && n === "outline" || i === "dark" && n === "ghost" ? "dark" : "light";
|
|
97
|
+
let L;
|
|
98
|
+
o[39] !== F || o[40] !== s || o[41] !== r ? (L = (eo) => {
|
|
99
|
+
if (F || s) {
|
|
100
|
+
eo.preventDefault();
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
r && r(eo);
|
|
104
|
+
}, o[39] = F, o[40] = s, o[41] = r, o[42] = L) : L = o[42];
|
|
105
|
+
const to = L, no = F || s;
|
|
106
|
+
let u;
|
|
107
|
+
o[43] !== s ? (u = s && /* @__PURE__ */ so(go, { className: t.loader, aria: {
|
|
108
|
+
"aria-label": "Loading state"
|
|
109
|
+
} }), o[43] = s, o[44] = u) : u = o[44];
|
|
110
|
+
let _;
|
|
111
|
+
o[45] !== d || o[46] !== W ? (_ = /* @__PURE__ */ so("span", { className: W, children: d }), o[45] = d, o[46] = W, o[47] = _) : _ = o[47];
|
|
112
|
+
let g;
|
|
113
|
+
o[48] !== Y || o[49] !== l || o[50] !== e || o[51] !== oo ? (g = (l || e) && /* @__PURE__ */ so(_o, { name: l, theme: oo, source: e, className: Y, "aria-hidden": "true" }), o[48] = Y, o[49] = l, o[50] = e, o[51] = oo, o[52] = g) : g = o[52];
|
|
114
|
+
let w;
|
|
115
|
+
return o[53] !== a || o[54] !== to || o[55] !== s || o[56] !== f || o[57] !== h || o[58] !== K || o[59] !== no || o[60] !== u || o[61] !== _ || o[62] !== g ? (w = /* @__PURE__ */ co("button", { className: K, type: "submit", onClick: to, ...a, ...h, "aria-disabled": no, "aria-busy": s, ref: f, children: [
|
|
116
|
+
u,
|
|
117
|
+
_,
|
|
118
|
+
g
|
|
119
|
+
] }), o[53] = a, o[54] = to, o[55] = s, o[56] = f, o[57] = h, o[58] = K, o[59] = no, o[60] = u, o[61] = _, o[62] = g, o[63] = w) : w = o[63], w;
|
|
120
|
+
});
|
|
121
|
+
xo.displayName = "DSButton";
|
|
122
|
+
export {
|
|
123
|
+
$o as B,
|
|
124
|
+
xo as D,
|
|
125
|
+
qo as a,
|
|
126
|
+
Po as v
|
|
127
|
+
};
|
|
@@ -4,9 +4,9 @@ import { c as p } from "./index.CEyLAtio.js";
|
|
|
4
4
|
import { forwardRef as j, useRef as B, useState as H, useEffect as V, useCallback as $ } from "react";
|
|
5
5
|
import { u as A } from "./useBreakpoint.CMOR9ZOB.js";
|
|
6
6
|
import "./index.CgTHIF3K.js";
|
|
7
|
-
import { D as x } from "./Icon.
|
|
8
|
-
import { DSSystemFeedback as L } from "../systemfeedback.
|
|
9
|
-
import { g as C } from "./helpers.
|
|
7
|
+
import { D as x } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { DSSystemFeedback as L } from "../systemfeedback.CLQCbTF6.js";
|
|
9
|
+
import { g as C } from "./helpers.BbWkXTr3.js";
|
|
10
10
|
import '../assets/Checkbox.BKHQN_tu.css';const O = "ds-checkbox_root_1tuqo_1", U = "ds-checkbox_root--disabled_1tuqo_21", z = "ds-checkbox_checkbox_1tuqo_25", F = "ds-checkbox_icon-check_1tuqo_41", J = "ds-checkbox_icon-minus_1tuqo_42", K = "ds-checkbox_checkbox--invalid_1tuqo_66", Q = "ds-checkbox_label--hidden_1tuqo_71", R = "ds-checkbox_input_1tuqo_84", T = "ds-checkbox_label_1tuqo_71", W = "ds-checkbox_feedback_1tuqo_198", e = {
|
|
11
11
|
root: O,
|
|
12
12
|
rootDisabled: U,
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { jsx as _ } from "react/jsx-runtime";
|
|
3
3
|
import { d as w } from "./index.CgTHIF3K.js";
|
|
4
4
|
import { c as G } from "./index.CEyLAtio.js";
|
|
5
|
-
import { D as q } from "./Fieldset.
|
|
5
|
+
import { D as q } from "./Fieldset.BX46NuLh.js";
|
|
6
6
|
import S from "react";
|
|
7
|
-
import { g as x, r as N } from "./helpers.
|
|
8
|
-
import { D as z } from "./Checkbox.
|
|
7
|
+
import { g as x, r as N } from "./helpers.BbWkXTr3.js";
|
|
8
|
+
import { D as z } from "./Checkbox.BIQAKBVy.js";
|
|
9
9
|
import '../assets/CheckboxGroup.Dd-Huo7x.css';const F = "ds-checkbox-group_root_12fot_1", H = "ds-checkbox-group_root--horizontal_12fot_9", I = "ds-checkbox-group_root--invalid_12fot_12", g = {
|
|
10
10
|
root: F,
|
|
11
11
|
rootHorizontal: H,
|
|
@@ -4,9 +4,9 @@ import { d as B } from "./index.CgTHIF3K.js";
|
|
|
4
4
|
import { c as W } from "./index.CEyLAtio.js";
|
|
5
5
|
import { forwardRef as Z } from "react";
|
|
6
6
|
import { t as J } from "./translate.nuU7uChI.js";
|
|
7
|
-
import { D as H } from "./Icon.
|
|
8
|
-
import { g as x, r as U } from "./helpers.
|
|
9
|
-
import { g as K } from "./AriaLiveRegions.utils.
|
|
7
|
+
import { D as H } from "./Icon.C0161Glk.js";
|
|
8
|
+
import { g as x, r as U } from "./helpers.BbWkXTr3.js";
|
|
9
|
+
import { g as K } from "./AriaLiveRegions.utils.Cb327d_2.js";
|
|
10
10
|
import '../assets/Chip.dxIYIjj7.css';const Q = "ds-chip-group_chip_aidwn_1", V = "ds-chip-group_chip--small_aidwn_30", M = {
|
|
11
11
|
chip: Q,
|
|
12
12
|
chipSmall: V
|