@stihl-design-system/components 1.0.0-RC.41 → 1.0.0-RC.43
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.CiiPLwYQ.js → accordion.CJYNJWAm.js} +2 -2
- package/action-card-example-image-1.webp +0 -0
- package/{actionbutton.DKb4ph1c.js → actionbutton.BLKEsCUm.js} +3 -3
- package/actioncard.WFXhVqOa.js +9 -0
- package/actioncard.d.ts +2 -0
- package/{actionlink.DEGta2h9.js → actionlink.xJDPIikL.js} +3 -3
- package/arialiveregions.BF6mUlPU.js +23 -0
- package/assets/ActionCard.C85bSGRa.css +1 -0
- package/assets/LinkCard.fwyPSY19.css +1 -0
- package/assets/Toast.CGl8z6mX.css +1 -0
- package/assets/filelist.CHVupL8T.css +1 -0
- package/assets/filepreview.2cdH-1Xs.css +1 -0
- package/assets/progressindicator.Cbbzo5-b.css +1 -0
- package/{banner.S_c1UQJe.js → banner.CYahlug-.js} +1 -1
- package/{breadcrumb.DiuuVblR.js → breadcrumb.Bg86bTsh.js} +3 -3
- package/{button.Z7Mmvwhv.js → button.oshwTInZ.js} +4 -4
- package/{buttonround.Bqi8Ej-y.js → buttonround.CPTvQIcE.js} +3 -3
- package/{checkbox.DtSSduSH.js → checkbox.BTnK5VzM.js} +3 -3
- package/{checkboxgroup.CSP1DOCW.js → checkboxgroup.DESMv2S7.js} +2 -2
- package/{chip.CyypeY5M.js → chip.BWL_yfeA.js} +3 -3
- package/chipgroup.DvoNDnTN.js +213 -0
- package/chunks/{Accordion.Q50G9LZ3.js → Accordion.D4jj5_nA.js} +1 -1
- package/chunks/{ActionButton.BEMy35Lh.js → ActionButton.BOKt8109.js} +2 -2
- package/chunks/ActionCard.oi3u27DL.js +242 -0
- package/chunks/{ActionLink.DECHT42B.js → ActionLink.BFwVQSTh.js} +2 -2
- package/chunks/AriaLiveRegions.utils.8ofDlHnN.js +65 -0
- package/chunks/{Breadcrumb.nflDJoKs.js → Breadcrumb.ClHgevZX.js} +2 -2
- package/chunks/{Button.DpGeheky.js → Button.BdqkFovu.js} +3 -3
- package/chunks/{Checkbox.B3NeB54s.js → Checkbox.vdWpXSUh.js} +2 -2
- package/chunks/{CheckboxGroup.BYZSvqF7.js → CheckboxGroup.BtVBLux3.js} +2 -2
- package/chunks/Chip.B_zwA2qc.js +157 -0
- package/chunks/{CustomReactSelect.DBsnmMPl.js → CustomReactSelect.Dtf3mXJ_.js} +4 -4
- package/chunks/{Dialog.C-rcs_Up.js → Dialog.9tejL9sZ.js} +1 -1
- package/chunks/{Drawer.D0d557c5.js → Drawer.DIFMs4Gh.js} +1 -1
- package/chunks/{Fieldset.7WM7w62l.js → Fieldset.8jatF24R.js} +2 -2
- package/chunks/Icon.BoxUJQDT.js +232 -0
- package/chunks/InputFile.zbXRpklU.js +260 -0
- package/chunks/{InputNumber.a44HnJ9B.js → InputNumber.d7gmAHaX.js} +3 -3
- package/chunks/{InputPassword.B1E0Maub.js → InputPassword.Cz41hBCt.js} +3 -3
- package/chunks/{InputSearch.C7AvD7Eu.js → InputSearch.DPQCT8Yo.js} +3 -3
- package/chunks/{LinkButton.CMjq2FKc.js → LinkButton.BGQOwjnE.js} +2 -2
- package/chunks/LinkCard.DRATPHdd.js +178 -0
- package/chunks/{NavigationTabList.ltT6igtk.js → NavigationTabList.Cf6csU_F.js} +1 -1
- package/chunks/{NavigationTabs.DsVepb7H.js → NavigationTabs.CSTtXPxd.js} +1 -1
- package/chunks/{Notification.COwLndR0.js → Notification.ChSYPU3r.js} +2 -2
- package/chunks/Popover.BSL3AilG.js +221 -0
- package/chunks/{RadioGroup.B-qTH31u.js → RadioGroup.DauFXAk6.js} +1 -1
- package/chunks/{Select.DrDVi9lg.js → Select.CWA7DHcL.js} +3 -3
- package/chunks/{Slider.DGMrDfWv.js → Slider.2ltYhUJb.js} +2 -2
- package/chunks/Stepper.Dh69BOVR.js +146 -0
- package/chunks/{SystemFeedback.DFN6Y2cw.js → SystemFeedback.C2XFC5WN.js} +1 -1
- package/chunks/{Tabs.DfH2q9EL.js → Tabs.BvwiBlXt.js} +1 -1
- package/chunks/{Textarea.ymNCbcvH.js → Textarea.Ck0sw4SI.js} +2 -2
- package/chunks/Toast.Ck4woVuy.js +76 -0
- package/chunks/battery-return.tBu7C6Q7.js +10 -0
- package/chunks/cookie.U09gK6it.js +10 -0
- package/chunks/credit-card.BmIN7RQ3.js +10 -0
- package/chunks/legal-info.-S9gzFzc.js +10 -0
- package/chunks/legal.CVCmbA3m.js +10 -0
- package/chunks/present.B4ImIJxi.js +10 -0
- package/chunks/return-package.Bt9FUc42.js +10 -0
- package/{combobox.DzSEFo_5.js → combobox.zkQtaMOE.js} +1 -1
- package/components/ActionButton/ActionButton.d.ts +1 -1
- package/components/ActionCard/ActionCard.d.ts +75 -0
- package/components/ActionCard/ActionCard.utils.d.ts +24 -0
- package/components/AriaLiveRegions/AriaLiveRegions.d.ts +22 -1
- package/components/AriaLiveRegions/AriaLiveRegions.test.d.ts +1 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +106 -0
- package/components/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/components/Button/Button.d.ts +1 -1
- package/components/ChipGroup/ChipGroup.utils.d.ts +14 -15
- package/components/Icon/Icon.d.ts +1 -1
- package/components/InputFile/FileList/FileList.d.ts +14 -0
- package/components/InputFile/FileList/FileList.test.d.ts +1 -0
- package/components/{FileList → InputFile/FileList}/FileList.utils.d.ts +0 -6
- package/components/InputFile/FileList/FileList.utils.test.d.ts +1 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.d.ts +15 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.test.d.ts +1 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.utils.d.ts +11 -0
- package/components/InputFile/FileList/FilePreview/FilePreview.utils.test.d.ts +1 -0
- package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.d.ts +34 -0
- package/components/InputFile/FileList/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
- package/components/InputFile/InputFile.d.ts +49 -15
- package/components/InputFile/InputFile.utils.d.ts +14 -0
- package/components/LinkButton/LinkButton.d.ts +1 -1
- package/components/LinkCard/LinkCard.d.ts +16 -4
- package/components/Logo/Logo.d.ts +1 -1
- package/components/NavigationTabs/NavigationTabs.d.ts +1 -1
- package/components/Spinner/Spinner.d.ts +1 -1
- package/components/Stepper/Stepper.d.ts +1 -1
- package/components/Stepper/Stepper.utils.d.ts +0 -1
- package/components/Switch/Switch.d.ts +1 -1
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Toast/ToastManager.utils.d.ts +0 -1
- package/components/TopBar/TopBar.d.ts +1 -1
- package/{customreactselect.D7YraWJ7.js → customreactselect.DbPXuk-C.js} +5 -5
- package/{dialog.CBovd8em.js → dialog.wzLHG12h.js} +2 -2
- package/{drawer.D5F0KXI2.js → drawer.DnHZCC60.js} +2 -2
- package/{fieldset.DgbZ_K_l.js → fieldset.DUU39krR.js} +3 -3
- package/filelist.d.ts +1 -1
- package/filelist.zRCzEN5D.js +128 -0
- package/filepreview.CK8DA0aR.js +94 -0
- package/filepreview.d.ts +2 -0
- package/{flag.D-wrUioF.js → flag.02uD-ADh.js} +1 -1
- package/{floatingactionbutton.CE-Rz0dx.js → floatingactionbutton.BwmRfmD_.js} +3 -3
- package/{icon.ByLYRkPZ.js → icon.DFM8rDOR.js} +1 -1
- package/index.d.ts +3 -0
- package/index.es.js +233 -219
- package/{input.MZXe6rlg.js → input.yBU7wjmW.js} +4 -4
- package/inputfile.BRt_BWK8.js +18 -0
- package/{inputnumber.DevQudIX.js → inputnumber.B0yCOPU1.js} +4 -4
- package/{inputpassword.C-XYK-JP.js → inputpassword.aQxGIeyf.js} +4 -4
- package/{inputsearch.CmJdxnzX.js → inputsearch.EbZnS29c.js} +4 -4
- package/{link.R1lfD5aN.js → link.Ck9Yd2y2.js} +3 -3
- package/{linkbutton.Y-ET1tc9.js → linkbutton.DzbJ1ws2.js} +3 -3
- package/{linkcard.CayqoQNo.js → linkcard.D65tvntF.js} +3 -3
- package/{navigationtablist.Cd9hZzFQ.js → navigationtablist.BMvJp48M.js} +2 -2
- package/{navigationtabs.DHG-TeF2.js → navigationtabs.BzYhrLVd.js} +2 -2
- package/{notification.u_LLz-O0.js → notification.B80f3Sh6.js} +3 -3
- package/{optioncheckbox.v8Plcgeg.js → optioncheckbox.DvF4Vr4C.js} +1 -1
- package/package.json +2 -2
- package/partials/index.js +15 -9
- package/partials/lib/partials.d.ts +1 -1
- package/{popover.T7-imfkx.js → popover.BR8IGyhi.js} +4 -3
- package/product-card-example-1.webp +0 -0
- package/product-card-example-2.webp +0 -0
- package/product-card-example-3.webp +0 -0
- package/product-card-example-4.webp +0 -0
- package/progressindicator.DYKf69nk.js +53 -0
- package/progressindicator.d.ts +2 -0
- package/{radiogroup.CAh4wto1.js → radiogroup.Cniqm1t0.js} +2 -2
- package/{scroller.DfhhZelk.js → scroller.CSSI5khP.js} +1 -1
- package/{select.CSCc_-6d.js → select.DPfXPv-k.js} +4 -4
- package/{skiptocontent.C2HpZt5q.js → skiptocontent.C_nrEIVL.js} +1 -1
- package/{slider.B2aQwfc2.js → slider.CyRU5Kys.js} +3 -3
- package/{spinner.CRVyui04.js → spinner.ww3wgdUU.js} +1 -1
- package/{step.C-LC5sKQ.js → step.C4gOI6c3.js} +2 -2
- package/{stepper.CRljfUF8.js → stepper.Bqdr6GS-.js} +4 -4
- package/{switch.DgKgzm-j.js → switch.DpYvgNSE.js} +2 -2
- package/{systemfeedback.BKLsE5sY.js → systemfeedback.g7odUaLC.js} +2 -2
- package/{tablist.DPiNeY3_.js → tablist.DLFJGmYV.js} +3 -3
- package/{tabs.Cxzm6ZZ-.js → tabs.Bne3Z3rz.js} +2 -2
- package/{textarea.CDXY-OVz.js → textarea.DcAoKkta.js} +3 -3
- package/{toast.Bev-Rfuw.js → toast.C_O0xDYn.js} +3 -3
- package/toastmanager.w_mhIehC.js +79 -0
- package/tooltip.C6HKano9.js +184 -0
- package/types/icon-types.d.ts +1 -1
- package/arialiveregions.B0AV2JcV.js +0 -18
- package/assets/LinkCard.C6HtgbjH.css +0 -1
- package/assets/Toast.DgRXxA0s.css +0 -1
- package/assets/filelist.H_wKcSPX.css +0 -1
- package/chipgroup.CSjQHeeW.js +0 -199
- package/chunks/AriaLiveRegions.utils.CLpOaVD9.js +0 -27
- package/chunks/Chip.SiGIIHR-.js +0 -133
- package/chunks/Icon.m6sMB6vl.js +0 -232
- package/chunks/InputFile.DRGNdtY0.js +0 -236
- package/chunks/LinkCard.CJ5P0ews.js +0 -199
- package/chunks/Popover.C5wtha5l.js +0 -214
- package/chunks/Stepper.DptsFh5n.js +0 -152
- package/chunks/Toast.RUzRjojQ.js +0 -76
- package/components/FileList/FileList.d.ts +0 -13
- package/filelist.CDEBo3Pi.js +0 -160
- package/inputfile.BO4wDnzQ.js +0 -18
- package/toastmanager.DII20_9k.js +0 -89
- package/tooltip._lP4aMV2.js +0 -177
- /package/components/{FileList/FileList.test.d.ts → ActionCard/ActionCard.test.d.ts} +0 -0
- /package/components/{FileList/FileList.utils.test.d.ts → ActionCard/ActionCard.utils.test.d.ts} +0 -0
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
3
|
+
import { d as D } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
+
import { isValidElement as I, useState as H, createContext as G, forwardRef as L, cloneElement as J, useContext as K } from "react";
|
|
5
|
+
import { j as Q, o as W, s as X, a as Y, u as Z, m as ee, n as te, c as oe, d as se, e as ne, f as U, g as le, i as ie } from "./chunks/floating-ui.react.CP5A99-c.js";
|
|
6
|
+
import { c as re } from "./chunks/index.DQOqod3i.js";
|
|
7
|
+
import { g as F, c as j } from "./chunks/helpers.CexwVao7.js";
|
|
8
|
+
import { u as ce } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
9
|
+
import './assets/tooltip.BPcysHGE.css';const ae = "ds-tooltip_tooltip_503ch_5", fe = {
|
|
10
|
+
tooltip: ae
|
|
11
|
+
};
|
|
12
|
+
function pe(n) {
|
|
13
|
+
const t = D.c(24), {
|
|
14
|
+
initialOpen: e,
|
|
15
|
+
placement: o,
|
|
16
|
+
isOpen: c,
|
|
17
|
+
tooltipOffset: l,
|
|
18
|
+
onOpenChange: T
|
|
19
|
+
} = n === void 0 ? {} : n, a = e === void 0 ? !1 : e, s = o === void 0 ? "top" : o, r = l === void 0 ? 6 : l, [O, i] = H(a), f = c ?? O, u = T ?? i, w = "fixed", _ = Y, y = W(r), N = Q({
|
|
20
|
+
crossAxis: s.includes("-"),
|
|
21
|
+
fallbackAxisSideDirection: "start",
|
|
22
|
+
padding: r
|
|
23
|
+
}), b = X({
|
|
24
|
+
padding: r
|
|
25
|
+
});
|
|
26
|
+
let p;
|
|
27
|
+
t[0] !== y || t[1] !== N || t[2] !== b ? (p = [y, N, b], t[0] = y, t[1] = N, t[2] = b, t[3] = p) : p = t[3];
|
|
28
|
+
let g;
|
|
29
|
+
t[4] !== f || t[5] !== s || t[6] !== u || t[7] !== _ || t[8] !== p ? (g = {
|
|
30
|
+
placement: s,
|
|
31
|
+
open: f,
|
|
32
|
+
strategy: w,
|
|
33
|
+
onOpenChange: u,
|
|
34
|
+
whileElementsMounted: _,
|
|
35
|
+
middleware: p
|
|
36
|
+
}, t[4] = f, t[5] = s, t[6] = u, t[7] = _, t[8] = p, t[9] = g) : g = t[9];
|
|
37
|
+
const v = Z(g), E = v.context;
|
|
38
|
+
let d;
|
|
39
|
+
t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
|
|
40
|
+
move: !1,
|
|
41
|
+
enabled: !0,
|
|
42
|
+
mouseOnly: !0,
|
|
43
|
+
delay: {
|
|
44
|
+
open: 400,
|
|
45
|
+
close: 0
|
|
46
|
+
}
|
|
47
|
+
}, t[10] = d) : d = t[10];
|
|
48
|
+
const m = ee(E, d);
|
|
49
|
+
let C;
|
|
50
|
+
t[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
|
|
51
|
+
enabled: !0
|
|
52
|
+
}, t[11] = C) : C = t[11];
|
|
53
|
+
const h = te(E, C), x = oe(E);
|
|
54
|
+
let S;
|
|
55
|
+
t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
|
|
56
|
+
role: "tooltip"
|
|
57
|
+
}, t[12] = S) : S = t[12];
|
|
58
|
+
const A = se(E, S);
|
|
59
|
+
let P;
|
|
60
|
+
t[13] !== x || t[14] !== h || t[15] !== m || t[16] !== A ? (P = [m, h, x, A], t[13] = x, t[14] = h, t[15] = m, t[16] = A, t[17] = P) : P = t[17];
|
|
61
|
+
const $ = ne(P);
|
|
62
|
+
let R;
|
|
63
|
+
return t[18] !== v || t[19] !== $ || t[20] !== f || t[21] !== u || t[22] !== r ? (R = {
|
|
64
|
+
open: f,
|
|
65
|
+
tooltipOffset: r,
|
|
66
|
+
setOpen: u,
|
|
67
|
+
...$,
|
|
68
|
+
...v
|
|
69
|
+
}, t[18] = v, t[19] = $, t[20] = f, t[21] = u, t[22] = r, t[23] = R) : R = t[23], R;
|
|
70
|
+
}
|
|
71
|
+
const de = (n) => {
|
|
72
|
+
if (!I(n))
|
|
73
|
+
throw new Error(F("Tooltip", "Tooltip.Anchor child must be a valid React element."));
|
|
74
|
+
}, ue = ({
|
|
75
|
+
children: n,
|
|
76
|
+
hasContent: t,
|
|
77
|
+
hasAnchor: e
|
|
78
|
+
}) => {
|
|
79
|
+
if (!n)
|
|
80
|
+
throw new Error(F("Tooltip", "A Tooltip must have children."));
|
|
81
|
+
if (!t)
|
|
82
|
+
throw new Error(F("Tooltip", "A Tooltip must have a <Tooltip.Content> component as a child. Please add it to the children of Tooltip."));
|
|
83
|
+
if (!e)
|
|
84
|
+
throw new Error(F("Tooltip", "A Tooltip must have a <Tooltip.Anchor> component as a child. Please add it to the children of Tooltip."));
|
|
85
|
+
}, q = G(null), z = () => {
|
|
86
|
+
const n = K(q);
|
|
87
|
+
if (n == null)
|
|
88
|
+
throw new Error(F("Tooltip", "Components like Tooltip.Anchor or Tooltip.Content must be wrapped in <Tooltip />."));
|
|
89
|
+
return n;
|
|
90
|
+
}, M = (n) => {
|
|
91
|
+
const t = D.c(9);
|
|
92
|
+
let e, o;
|
|
93
|
+
t[0] !== n ? ({
|
|
94
|
+
children: e,
|
|
95
|
+
...o
|
|
96
|
+
} = n, t[0] = n, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
|
|
97
|
+
let c;
|
|
98
|
+
t[3] !== o ? (c = {
|
|
99
|
+
...o
|
|
100
|
+
}, t[3] = o, t[4] = c) : c = t[4];
|
|
101
|
+
const l = pe(c), T = j(e, M.Content), a = j(e, V);
|
|
102
|
+
process.env.NODE_ENV !== "production" && ue({
|
|
103
|
+
children: e,
|
|
104
|
+
hasContent: T,
|
|
105
|
+
hasAnchor: a
|
|
106
|
+
});
|
|
107
|
+
let s;
|
|
108
|
+
return t[5] !== e || t[6] !== o || t[7] !== l ? (s = /* @__PURE__ */ k(q.Provider, { value: l, ...o, children: e }), t[5] = e, t[6] = o, t[7] = l, t[8] = s) : s = t[8], s;
|
|
109
|
+
}, V = L((n, t) => {
|
|
110
|
+
const e = D.c(4), {
|
|
111
|
+
children: o,
|
|
112
|
+
...c
|
|
113
|
+
} = n;
|
|
114
|
+
process.env.NODE_ENV !== "production" && de(o);
|
|
115
|
+
const l = z(), T = I(o) ? o.ref : null;
|
|
116
|
+
let a;
|
|
117
|
+
e[0] !== T || e[1] !== l.refs.setReference || e[2] !== t ? (a = [l.refs.setReference, t, T], e[0] = T, e[1] = l.refs.setReference, e[2] = t, e[3] = a) : a = e[3];
|
|
118
|
+
const s = U(a);
|
|
119
|
+
if (I(o))
|
|
120
|
+
return J(o, l.getReferenceProps({
|
|
121
|
+
...o.props,
|
|
122
|
+
...c,
|
|
123
|
+
ref: s,
|
|
124
|
+
"data-state": l.open ? "open" : "closed"
|
|
125
|
+
}));
|
|
126
|
+
});
|
|
127
|
+
V.displayName = "Tooltip.Anchor";
|
|
128
|
+
const B = L((n, t) => {
|
|
129
|
+
const e = D.c(30), {
|
|
130
|
+
style: o,
|
|
131
|
+
className: c,
|
|
132
|
+
children: l,
|
|
133
|
+
...T
|
|
134
|
+
} = n, a = z();
|
|
135
|
+
let s, r, O, i;
|
|
136
|
+
e[0] !== a ? ({
|
|
137
|
+
context: s,
|
|
138
|
+
floatingStyles: r,
|
|
139
|
+
getFloatingProps: O,
|
|
140
|
+
...i
|
|
141
|
+
} = a, e[0] = a, e[1] = s, e[2] = r, e[3] = O, e[4] = i) : (s = e[1], r = e[2], O = e[3], i = e[4]);
|
|
142
|
+
let f;
|
|
143
|
+
e[5] !== t || e[6] !== i.refs.setFloating ? (f = [i.refs.setFloating, t], e[5] = t, e[6] = i.refs.setFloating, e[7] = f) : f = e[7];
|
|
144
|
+
const u = U(f);
|
|
145
|
+
let w;
|
|
146
|
+
e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
|
|
147
|
+
duration: {
|
|
148
|
+
open: 400,
|
|
149
|
+
close: 100
|
|
150
|
+
}
|
|
151
|
+
}, e[8] = w) : w = e[8];
|
|
152
|
+
const {
|
|
153
|
+
isMounted: _,
|
|
154
|
+
status: y
|
|
155
|
+
} = le(s, w), [N, b] = H(null);
|
|
156
|
+
let p;
|
|
157
|
+
e[9] !== i.refs.reference.current ? (p = () => {
|
|
158
|
+
const A = i.refs.reference.current?.closest("dialog");
|
|
159
|
+
b(A instanceof HTMLDialogElement ? A : null);
|
|
160
|
+
}, e[9] = i.refs.reference.current, e[10] = p) : p = e[10];
|
|
161
|
+
let g;
|
|
162
|
+
if (e[11] !== s.open || e[12] !== i.refs.reference ? (g = [i.refs.reference, s.open], e[11] = s.open, e[12] = i.refs.reference, e[13] = g) : g = e[13], ce(p, g), !_)
|
|
163
|
+
return null;
|
|
164
|
+
const v = ie, E = N ?? void 0;
|
|
165
|
+
let d;
|
|
166
|
+
e[14] !== r || e[15] !== o ? (d = {
|
|
167
|
+
...r,
|
|
168
|
+
...o
|
|
169
|
+
}, e[14] = r, e[15] = o, e[16] = d) : d = e[16];
|
|
170
|
+
let m;
|
|
171
|
+
e[17] !== c ? (m = re(fe.tooltip, c), e[17] = c, e[18] = m) : m = e[18];
|
|
172
|
+
const C = O(T);
|
|
173
|
+
let h;
|
|
174
|
+
e[19] !== l || e[20] !== u || e[21] !== y || e[22] !== d || e[23] !== m || e[24] !== C ? (h = /* @__PURE__ */ k("div", { ref: u, style: d, className: m, ...C, "data-status": y, children: l }), e[19] = l, e[20] = u, e[21] = y, e[22] = d, e[23] = m, e[24] = C, e[25] = h) : h = e[25];
|
|
175
|
+
let x;
|
|
176
|
+
return e[26] !== v || e[27] !== h || e[28] !== E ? (x = /* @__PURE__ */ k(v, { root: E, children: h }), e[26] = v, e[27] = h, e[28] = E, e[29] = x) : x = e[29], x;
|
|
177
|
+
});
|
|
178
|
+
B.displayName = "Tooltip.Content";
|
|
179
|
+
M.Anchor = V;
|
|
180
|
+
M.Content = B;
|
|
181
|
+
M.displayName = "Tooltip";
|
|
182
|
+
export {
|
|
183
|
+
M as Tooltip
|
|
184
|
+
};
|
package/types/icon-types.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICON_NAMES: readonly ["360", "academic-cap", "accessibility", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "battery-charge-0", "battery-charge-100", "bell", "bin", "bin-open", "bluetooth", "bluetooth-off", "bookmark", "burger", "calendar", "camera", "caret-down", "caret-right", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "collapse", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "document-magnifying-glass", "document-s", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "feather", "file", "file-type-doc", "file-type-image", "file-type-pdf", "file-type-video", "file-type-zip", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "moon", "muscle", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "printer", "prohibition-sign", "questionmark", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "sun", "tag", "thumbs-down", "thumbs-up", "tiktok", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "twitch", "two-people-screen", "two-sheets", "upload", "user", "variants", "vertical-ellipsis", "wc", "weight", "whatsapp", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
|
|
1
|
+
export declare const ICON_NAMES: readonly ["360", "academic-cap", "accessibility", "alarm-clock", "arrow-clockwise", "arrow-counterclockwise", "arrow-down", "arrow-down-line", "arrow-edge", "arrow-left", "arrow-out", "arrow-outline-left", "arrow-right", "arrow-up", "arrow-up-arrow-down", "at", "barcode-scanner", "battery", "battery-charge-0", "battery-charge-100", "battery-return", "bell", "bin", "bin-open", "bluetooth", "bluetooth-off", "bookmark", "burger", "calendar", "camera", "caret-down", "caret-right", "cart", "cart-check", "cart-plus", "catalog", "certificate", "chain-link", "chainsaw", "check", "chevron-down", "chevron-left", "chevron-line-left", "chevron-line-right", "chevron-right", "chevron-up", "circle", "circle-check-colored", "circle-check-inverted", "circle-info-colored", "circle-info-inverted", "circle-pause", "circle-stroke", "clock", "coffee-cup", "collapse", "compare", "connected-box", "connected-box-mobile", "connected-box-stationary", "cookie", "credit-card", "cross", "diamond", "diamond-exclamationmark-colored", "diamond-exclamationmark-inverted", "diskette", "distance", "document-magnifying-glass", "document-s", "dots-connected", "download-complete", "envelope", "envelope-open", "exclamationmark", "exit", "eye", "eye-closed", "facebook", "feather", "file", "file-type-doc", "file-type-image", "file-type-pdf", "file-type-video", "file-type-zip", "filter", "finger-double-arrow", "flash", "fullscreen", "gear", "globe", "grid", "guidance", "haircross", "hanger", "headphones", "heart", "hexagon-arrow-clockwise", "horizontal-ellipsis", "house", "imow", "info", "instagram", "leave-fullscreen", "legal", "legal-info", "lightbulb", "linkedin", "list-three-rows", "list-two-rows", "loading-spinner", "lock", "magnifying-glass", "magnifying-glass-minus", "magnifying-glass-plus", "map", "minus", "mobile", "moon", "muscle", "nine-squares", "note", "note-check", "note-plus", "number-input", "paperclip", "parcel", "pause", "pen", "percent", "petrol", "phone", "pin", "pin-s", "pinterest", "placeholder", "play", "plug", "plus", "present", "printer", "prohibition-sign", "questionmark", "return-package", "security", "share", "shirt", "shop", "sound-off", "sound-on", "speechbubble", "speechbubbles", "square", "star", "star-half", "sun", "tag", "thumbs-down", "thumbs-up", "tiktok", "triangle", "triangle-exclamationmark-colored", "triangle-exclamationmark-inverted", "truck", "twitch", "two-people-screen", "two-sheets", "upload", "user", "variants", "vertical-ellipsis", "wc", "weight", "whatsapp", "wifi", "wifi-1bar", "wifi-2bars", "wifi-off", "wind-rose", "wrench", "x", "xing", "youtube"];
|
|
2
2
|
export type IconName = typeof ICON_NAMES[number];
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as t, Fragment as i, jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import { d as l } from "./chunks/index.cKLI89Eg.js";
|
|
4
|
-
import { v as n, A as o, a as m } from "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
|
|
5
|
-
import './assets/arialiveregions.e0Q16ZWi.css';const _ = "ds-aria-live-regions_sr-only_2jvmr_1", a = {
|
|
6
|
-
srOnly: _
|
|
7
|
-
}, I = () => {
|
|
8
|
-
const e = l.c(1);
|
|
9
|
-
n();
|
|
10
|
-
let s;
|
|
11
|
-
return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t(i, { children: [
|
|
12
|
-
/* @__PURE__ */ r("span", { id: o, role: "alert", className: a.srOnly }),
|
|
13
|
-
/* @__PURE__ */ r("span", { id: m, role: "status", className: a.srOnly })
|
|
14
|
-
] }), e[0] = s) : s = e[0], s;
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
I as DSAriaLiveRegions
|
|
18
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-link-card_root_h40nd_1{background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;position:relative;box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media screen and (forced-colors:active){.ds-link-card_root_h40nd_1{border:1px solid CanvasText}}.ds-link-card_root_h40nd_1:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}.ds-link-card_root_h40nd_1 a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-link-card_root_h40nd_1 a:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-link-card_root_h40nd_1 a:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_h40nd_1:has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-link-card_root_h40nd_1:has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_h40nd_1:has(:focus-within) a:focus{outline:none}.ds-link-card_root--horizontal_h40nd_53{flex-direction:row;width:100%;max-width:89.6875rem}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_image-wrapper_h40nd_58{aspect-ratio:1/1;max-width:21.5625rem}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_image-wrapper_h40nd_58 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_content_h40nd_68{padding:32px;height:auto}.ds-link-card_image-wrapper_h40nd_58{width:100%;height:auto;aspect-ratio:16/9}.ds-link-card_image-wrapper_h40nd_58 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-link-card_content_h40nd_68{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-link-card_header_h40nd_97,.ds-link-card_footer_h40nd_98{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ds-link-card_footer_h40nd_98{margin-block-start:auto}.ds-link-card_heading_h40nd_109{margin:0}.ds-link-card_link_h40nd_113{text-decoration:none;color:#252525}.ds-link-card_description_h40nd_118{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414}.ds-link-card_meta-data_h40nd_135{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}.ds-link-card_decorative-link_h40nd_152{margin-block-start:4px}.ds-link-card_flags_h40nd_156{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ds-link-card_brand-flag_h40nd_165{position:absolute;top:8px;left:8px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--ds-toast-offset-bottom: 64px}.ds-toast_root_1jbef_5{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029;min-width:272px;max-width:min(100vw - 48px,400px)}@media(min-width:768px){.ds-toast_root_1jbef_5{max-width:25rem}}.ds-toast_root--closing_1jbef_15{animation:ds-toast_fade-out_1jbef_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}.ds-toast_root_1jbef_5[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors:active){.ds-toast_root_1jbef_5[popover]{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}:where(.ds-toast_root_1jbef_5:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:ds-toast_move-in_1jbef_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}.ds-toast_root--success_1jbef_56[popover]{background-color:#e5f0db;border-color:#749f4a}.ds-toast_root--info_1jbef_60[popover]{background-color:#ededed;border-color:#666}.ds-toast_root--warning_1jbef_64[popover]{background-color:#fdecc3;border-color:#fdc543}.ds-toast_content_1jbef_69{display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:2rem}.ds-toast_content--hide-icon_1jbef_76{grid-template-columns:minmax(auto,1fr) auto}.ds-toast_icon_1jbef_80{margin-block-start:8px}.ds-toast_message_1jbef_84{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414;margin-block-start:4px;margin-block-end:0}@keyframes ds-toast_move-in_1jbef_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ds-toast_fade-out_1jbef_1{0%{opacity:1;display:block}to{opacity:0;display:none}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ds-file-list_root_qx1ja_1{display:grid;row-gap:16px;margin-block-start:32px}.ds-file-list_file-wrapper_qx1ja_7{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;grid-auto-rows:auto auto;row-gap:4px;padding-block-end:15px;border-bottom:1px solid #B1B1B1}.ds-file-list_file-wrapper--invalid_qx1ja_16{border-color:#d43b3b}.ds-file-list_file-wrapper_qx1ja_7 .ds-file-list_file-icon_qx1ja_19{width:2rem;height:2rem;padding:4px}.ds-file-list_preview_qx1ja_25{width:2rem;height:2rem;object-fit:cover}.ds-file-list_file-details_qx1ja_31{padding-block:6px;display:flex;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25;font-size-adjust:.414}.ds-file-list_file-name_qx1ja_45{overflow-wrap:anywhere}.ds-file-list_file-size_qx1ja_49{padding-inline-start:8px;padding-block-start:3px;color:#666;white-space:nowrap;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}.ds-file-list_feedback_qx1ja_65{grid-column:2;padding-block:0}
|
package/chipgroup.CSjQHeeW.js
DELETED
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as ce, jsx as J } from "react/jsx-runtime";
|
|
3
|
-
import { useState as U, useRef as P, useEffect as V, createElement as ae } from "react";
|
|
4
|
-
import { d as ue } from "./chunks/index.cKLI89Eg.js";
|
|
5
|
-
import { c as Q } from "./chunks/index.DQOqod3i.js";
|
|
6
|
-
import { u as de } from "./chunks/useBreakpoint.1txsny17.js";
|
|
7
|
-
import { g as fe } from "./chunks/AriaLiveRegions.utils.CLpOaVD9.js";
|
|
8
|
-
import { v as me, e as pe, a as he } from "./chunks/Chip.SiGIIHR-.js";
|
|
9
|
-
import './assets/chipgroup.BGxjdSDX.css';const ge = "ds-chip-group_label--hidden_3zmt2_1", be = "ds-chip-group_root_3zmt2_14", W = {
|
|
10
|
-
labelHidden: ge,
|
|
11
|
-
root: be
|
|
12
|
-
}, Ne = (o) => {
|
|
13
|
-
const e = ue.c(37);
|
|
14
|
-
let r, m, d, g, c, L, b, v, k, y, C, w, I;
|
|
15
|
-
e[0] !== o ? ({
|
|
16
|
-
chips: r,
|
|
17
|
-
id: d,
|
|
18
|
-
label: g,
|
|
19
|
-
className: m,
|
|
20
|
-
disableTooltips: b,
|
|
21
|
-
hideLabel: v,
|
|
22
|
-
isRemovable: k,
|
|
23
|
-
lang: y,
|
|
24
|
-
selectionMode: C,
|
|
25
|
-
size: w,
|
|
26
|
-
translations: I,
|
|
27
|
-
onChipsChange: c,
|
|
28
|
-
...L
|
|
29
|
-
} = o, e[0] = o, e[1] = r, e[2] = m, e[3] = d, e[4] = g, e[5] = c, e[6] = L, e[7] = b, e[8] = v, e[9] = k, e[10] = y, e[11] = C, e[12] = w, e[13] = I) : (r = e[1], m = e[2], d = e[3], g = e[4], c = e[5], L = e[6], b = e[7], v = e[8], k = e[9], y = e[10], C = e[11], w = e[12], I = e[13]);
|
|
30
|
-
const X = b === void 0 ? !1 : b, Y = v === void 0 ? !1 : v, u = k === void 0 ? !1 : k, Z = y === void 0 ? "en" : y, f = C === void 0 ? "single" : C, ee = w === void 0 ? "medium" : w;
|
|
31
|
-
process.env.NODE_ENV !== "production" && me({
|
|
32
|
-
chips: r,
|
|
33
|
-
id: d,
|
|
34
|
-
label: g
|
|
35
|
-
});
|
|
36
|
-
const [s, p] = U(null);
|
|
37
|
-
let $;
|
|
38
|
-
e[14] !== r ? ($ = () => r.map(ve), e[14] = r, e[15] = $) : $ = e[15];
|
|
39
|
-
const [n, S] = U($), q = P(null), [a, j] = U();
|
|
40
|
-
let _;
|
|
41
|
-
e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[16] = _) : _ = e[16];
|
|
42
|
-
const D = P(_);
|
|
43
|
-
let A, K;
|
|
44
|
-
e[17] !== r ? (K = () => {
|
|
45
|
-
S(r.map(ke));
|
|
46
|
-
}, A = [r], e[17] = r, e[18] = A, e[19] = K) : (A = e[18], K = e[19]), V(K, A);
|
|
47
|
-
let T, N;
|
|
48
|
-
e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = () => {
|
|
49
|
-
he();
|
|
50
|
-
const t = () => j("keydown"), l = () => j(null), i = () => j(null);
|
|
51
|
-
return document.addEventListener("keydown", t), document.addEventListener("mousedown", l), document.addEventListener("touchstart", i), () => {
|
|
52
|
-
document.removeEventListener("keydown", t), document.removeEventListener("mousedown", l), document.removeEventListener("touchstart", i);
|
|
53
|
-
};
|
|
54
|
-
}, N = [], e[20] = T, e[21] = N) : (T = e[20], N = e[21]), V(T, N);
|
|
55
|
-
let R;
|
|
56
|
-
e[22] !== s || e[23] !== a ? (R = () => {
|
|
57
|
-
s !== null && D.current[s] && a === "keydown" && D.current[s]?.focus();
|
|
58
|
-
}, e[22] = s, e[23] = a, e[24] = R) : R = e[24];
|
|
59
|
-
let M;
|
|
60
|
-
e[25] !== s ? (M = [s], e[25] = s, e[26] = M) : M = e[26], V(R, M);
|
|
61
|
-
let z;
|
|
62
|
-
e[27] !== n.length || e[28] !== s || e[29] !== a ? (z = () => {
|
|
63
|
-
a === "keydown" && s !== null && n.length > 0 && D.current.forEach((t, l) => {
|
|
64
|
-
t && (t.tabIndex = l === s ? 0 : -1, l === s && t.focus());
|
|
65
|
-
});
|
|
66
|
-
}, e[27] = n.length, e[28] = s, e[29] = a, e[30] = z) : z = e[30];
|
|
67
|
-
let B;
|
|
68
|
-
e[31] !== n ? (B = [n], e[31] = n, e[32] = B) : B = e[32], V(z, B);
|
|
69
|
-
const te = (t) => {
|
|
70
|
-
if (s === null)
|
|
71
|
-
return;
|
|
72
|
-
let l = s;
|
|
73
|
-
e: switch (t.key) {
|
|
74
|
-
case "a": {
|
|
75
|
-
(t.metaKey || t.ctrlKey) && (t.preventDefault(), le());
|
|
76
|
-
break e;
|
|
77
|
-
}
|
|
78
|
-
case "ArrowRight":
|
|
79
|
-
case "ArrowDown": {
|
|
80
|
-
t.shiftKey && f === "multiple" && !u ? (l = s + 1 > n.length - 1 ? n.length - 1 : s + 1, s !== l ? (h(s), h(l)) : n[s].isSelected || h(s)) : (l = (s + 1) % n.length, t.preventDefault());
|
|
81
|
-
break e;
|
|
82
|
-
}
|
|
83
|
-
case "ArrowLeft":
|
|
84
|
-
case "ArrowUp": {
|
|
85
|
-
t.shiftKey && f === "multiple" && !u ? (l = s - 1 < 0 ? 0 : s - 1, s !== l ? (h(s), h(l)) : n[0].isSelected || h(0)) : (l = (s - 1 + n.length) % n.length, t.preventDefault());
|
|
86
|
-
break e;
|
|
87
|
-
}
|
|
88
|
-
case "Enter":
|
|
89
|
-
case " ": {
|
|
90
|
-
if (t.preventDefault(), u) {
|
|
91
|
-
O(l), n[l]?.onClick?.(t);
|
|
92
|
-
return;
|
|
93
|
-
} else
|
|
94
|
-
x(l), n[l]?.onClick?.(t);
|
|
95
|
-
break e;
|
|
96
|
-
}
|
|
97
|
-
case "Backspace": {
|
|
98
|
-
u && O(l), t.preventDefault();
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
|
-
default:
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
p(l);
|
|
105
|
-
}, le = () => {
|
|
106
|
-
if (f !== "multiple")
|
|
107
|
-
return;
|
|
108
|
-
const t = n.map(ye);
|
|
109
|
-
S(t), E(`${t.length} items selected`), c && c(t);
|
|
110
|
-
}, h = (t) => {
|
|
111
|
-
if (u)
|
|
112
|
-
return;
|
|
113
|
-
const l = n.map(Ce);
|
|
114
|
-
l[t].disabled || (l[t].isSelected = !0, E(`${l[t].label} selected, ${l.filter(we).length} items selected`), S(l), c && c(l));
|
|
115
|
-
}, x = (t) => {
|
|
116
|
-
if (u)
|
|
117
|
-
return;
|
|
118
|
-
const l = [...n];
|
|
119
|
-
l[t].disabled || (f === "single" ? l.forEach((i, H) => {
|
|
120
|
-
H === t ? (i.isSelected = !i.isSelected, E(`${i.label} ${i.isSelected ? "selected" : "not selected"}`)) : i.isSelected = !1;
|
|
121
|
-
}) : f === "multiple" && (l[t].isSelected = !l[t].isSelected, E(`${l[t].label} ${l[t].isSelected ? "selected" : "not selected"}, ${l.filter(Se).length} items selected`)), S(l), c && c(l));
|
|
122
|
-
}, O = (t) => {
|
|
123
|
-
const l = n[t], i = n.filter((H, re) => re !== t).map(De);
|
|
124
|
-
if (S(i), E(`${l.label} removed, ${i.length} items remaining`), a === "keydown")
|
|
125
|
-
if (i.length > 0) {
|
|
126
|
-
const H = Math.min(t, i.length - 1);
|
|
127
|
-
p(H);
|
|
128
|
-
} else
|
|
129
|
-
q.current?.focus(), p(null);
|
|
130
|
-
c && c(i);
|
|
131
|
-
}, se = (t) => {
|
|
132
|
-
u ? O(t) : n[t].disabled || x(t);
|
|
133
|
-
}, E = Ee;
|
|
134
|
-
let F;
|
|
135
|
-
e[33] !== s ? (F = (t) => s === null || s === t ? 0 : -1, e[33] = s, e[34] = F) : F = e[34];
|
|
136
|
-
const ne = F, oe = de(Y);
|
|
137
|
-
let G;
|
|
138
|
-
e[35] !== m ? (G = Q(W.root, m), e[35] = m, e[36] = G) : G = e[36];
|
|
139
|
-
const ie = G;
|
|
140
|
-
return n.length === 0 ? null : /* @__PURE__ */ ce("div", { children: [
|
|
141
|
-
/* @__PURE__ */ J("div", { id: d, className: Q({
|
|
142
|
-
[W.labelHidden]: oe
|
|
143
|
-
}) || void 0, children: g }),
|
|
144
|
-
n.length > 0 && /* @__PURE__ */ J("div", { ref: q, role: "grid", "aria-labelledby": d, "aria-multiselectable": f === "multiple", tabIndex: -1, onKeyDown: te, onFocus: () => {
|
|
145
|
-
s === null ? (D.current[0].focus(), a === "keydown" && p(0)) : a === "keydown" && p(s);
|
|
146
|
-
}, onBlur: () => p(null), className: ie, ...L, children: n.map((t, l) => /* @__PURE__ */ ae(pe, { ...t, key: `${t.id}-${l}`, "data-focused": s === l, disableTooltips: X, groupId: d, isRemovable: u, lang: Z, selectionMode: f, size: ee, tabIndex: ne(l), translations: I, onClick: (i) => {
|
|
147
|
-
se(l), t.onClick && t.onClick(i);
|
|
148
|
-
}, ref: (i) => {
|
|
149
|
-
D.current[l] = i;
|
|
150
|
-
} })) })
|
|
151
|
-
] });
|
|
152
|
-
};
|
|
153
|
-
function ve(o) {
|
|
154
|
-
return {
|
|
155
|
-
...o
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
function ke(o) {
|
|
159
|
-
return {
|
|
160
|
-
...o
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
function ye(o) {
|
|
164
|
-
return {
|
|
165
|
-
...o,
|
|
166
|
-
selected: !o.disabled
|
|
167
|
-
};
|
|
168
|
-
}
|
|
169
|
-
function Ce(o) {
|
|
170
|
-
return {
|
|
171
|
-
...o
|
|
172
|
-
};
|
|
173
|
-
}
|
|
174
|
-
function we(o) {
|
|
175
|
-
const {
|
|
176
|
-
isSelected: e
|
|
177
|
-
} = o;
|
|
178
|
-
return e;
|
|
179
|
-
}
|
|
180
|
-
function Se(o) {
|
|
181
|
-
const {
|
|
182
|
-
isSelected: e
|
|
183
|
-
} = o;
|
|
184
|
-
return e;
|
|
185
|
-
}
|
|
186
|
-
function De(o) {
|
|
187
|
-
return {
|
|
188
|
-
...o
|
|
189
|
-
};
|
|
190
|
-
}
|
|
191
|
-
function Ee(o) {
|
|
192
|
-
const e = fe();
|
|
193
|
-
e && (e.innerText = o, setTimeout(() => {
|
|
194
|
-
e.innerText = "";
|
|
195
|
-
}, 350));
|
|
196
|
-
}
|
|
197
|
-
export {
|
|
198
|
-
Ne as DSChipGroup
|
|
199
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { h as n } from "./has-window.ut_-aShB.js";
|
|
3
|
-
import { g as r } from "./helpers.CexwVao7.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "./index.cKLI89Eg.js";
|
|
6
|
-
const e = "ds-alert-live-region", t = "ds-status-live-region", c = () => {
|
|
7
|
-
if (n)
|
|
8
|
-
return document.getElementById(e);
|
|
9
|
-
}, m = () => {
|
|
10
|
-
if (n)
|
|
11
|
-
return document.getElementById(t);
|
|
12
|
-
}, u = () => {
|
|
13
|
-
if (!n)
|
|
14
|
-
return;
|
|
15
|
-
const o = document.querySelectorAll(`#${e}`), i = document.querySelectorAll(`#${t}`);
|
|
16
|
-
if (o.length > 1)
|
|
17
|
-
throw new Error(r("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${o.length} instances.`));
|
|
18
|
-
if (i.length > 1)
|
|
19
|
-
throw new Error(r("DSAriaLiveRegions", `The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${i.length} instances.`));
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
e as A,
|
|
23
|
-
t as a,
|
|
24
|
-
c as b,
|
|
25
|
-
m as g,
|
|
26
|
-
u as v
|
|
27
|
-
};
|
package/chunks/Chip.SiGIIHR-.js
DELETED
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as N, jsx as k } from "react/jsx-runtime";
|
|
3
|
-
import { d as q } from "./index.cKLI89Eg.js";
|
|
4
|
-
import { c as H } from "./index.DQOqod3i.js";
|
|
5
|
-
import { forwardRef as U } from "react";
|
|
6
|
-
import { t as M } from "./translate.nuU7uChI.js";
|
|
7
|
-
import { D as x } from "./Icon.m6sMB6vl.js";
|
|
8
|
-
import { Tooltip as $ } from "../tooltip._lP4aMV2.js";
|
|
9
|
-
import { g as E, r as z } from "./helpers.CexwVao7.js";
|
|
10
|
-
import { g as j } from "./AriaLiveRegions.utils.CLpOaVD9.js";
|
|
11
|
-
import '../assets/Chip.D3vV0wyV.css';const B = "ds-chip-group_chip_aidwn_1", W = "ds-chip-group_chip--small_aidwn_30", L = {
|
|
12
|
-
chip: B,
|
|
13
|
-
chipSmall: W
|
|
14
|
-
}, ne = ({
|
|
15
|
-
chips: t,
|
|
16
|
-
id: s,
|
|
17
|
-
label: e
|
|
18
|
-
}) => {
|
|
19
|
-
if (!Array.isArray(t))
|
|
20
|
-
throw new Error(E("DSChipGroup", z("chips", "DSChipGroup")));
|
|
21
|
-
if (!s)
|
|
22
|
-
throw new Error(E("DSChipGroup", 'A unique "id" prop is required when providing the description or systemFeedback property. Please add a unique "id" prop to the DSChipGroup component.'));
|
|
23
|
-
if (!e)
|
|
24
|
-
throw new Error(E("DSChipGroup", z("label", "DSChipGroup")));
|
|
25
|
-
}, ce = () => {
|
|
26
|
-
if (!j())
|
|
27
|
-
throw new Error(E("DSChipGroup", 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'));
|
|
28
|
-
}, pe = ["medium", "small"], Z = {
|
|
29
|
-
disabled: "disabled",
|
|
30
|
-
selected: "selected",
|
|
31
|
-
// {0} is the action (e.g., select/unselect)
|
|
32
|
-
selectChip: "press space to {0}",
|
|
33
|
-
unselectAction: "unselect",
|
|
34
|
-
selectAction: "select",
|
|
35
|
-
addToSelection: "add this option to selection",
|
|
36
|
-
removeFromSelection: "remove this option from selection",
|
|
37
|
-
removeChip: "press Backspace to remove the currently focused value",
|
|
38
|
-
tooltipDisabled: "Disabled",
|
|
39
|
-
tooltipRemovable: "Remove filter",
|
|
40
|
-
tooltipDeactivate: "Deactivate property",
|
|
41
|
-
tooltipActivate: "Activate property"
|
|
42
|
-
}, J = {
|
|
43
|
-
disabled: "deaktiviert",
|
|
44
|
-
selected: "ausgewählt",
|
|
45
|
-
// {0} is the action (e.g., select/unselect)
|
|
46
|
-
selectChip: "drücke Leertaste, um {0}",
|
|
47
|
-
unselectAction: "abzuwählen",
|
|
48
|
-
selectAction: "auszuwählen",
|
|
49
|
-
addToSelection: "diese Option zur Auswahl hinzuzufügen",
|
|
50
|
-
removeFromSelection: "diese Option aus der Auswahl zu entfernen",
|
|
51
|
-
removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
|
|
52
|
-
tooltipDisabled: "Deaktiviert",
|
|
53
|
-
tooltipRemovable: "Filter entfernen",
|
|
54
|
-
tooltipDeactivate: "Eigenschaft deaktivieren",
|
|
55
|
-
tooltipActivate: "Eigenschaft aktivieren"
|
|
56
|
-
}, K = {
|
|
57
|
-
en: Z,
|
|
58
|
-
de: J
|
|
59
|
-
}, Q = (t, s, e, i, a, l) => e ? `${s}, ${t("disabled")}` : l ? `${s}, ${t("removeChip")}` : `${s}, ${i ? `${t("selected")}, ` : ""}${t("selectChip", [t(a === "single" ? i ? "unselectAction" : "selectAction" : i ? "removeFromSelection" : "addToSelection")])}`, V = (t, s, e, i) => t(i ? "tooltipRemovable" : s ? "tooltipDisabled" : e ? "tooltipDeactivate" : "tooltipActivate"), X = U((t, s) => {
|
|
60
|
-
const e = q.c(49);
|
|
61
|
-
let i, a, l, p, o, n, r, d, h, m, u, A, C, f, v;
|
|
62
|
-
e[0] !== t ? ({
|
|
63
|
-
id: p,
|
|
64
|
-
label: r,
|
|
65
|
-
disableTooltips: i,
|
|
66
|
-
groupId: a,
|
|
67
|
-
isRemovable: o,
|
|
68
|
-
selectionMode: m,
|
|
69
|
-
disabled: A,
|
|
70
|
-
iconName: l,
|
|
71
|
-
isSelected: n,
|
|
72
|
-
lang: C,
|
|
73
|
-
size: u,
|
|
74
|
-
tabIndex: f,
|
|
75
|
-
translations: v,
|
|
76
|
-
onClick: d,
|
|
77
|
-
...h
|
|
78
|
-
} = t, e[0] = t, e[1] = i, e[2] = a, e[3] = l, e[4] = p, e[5] = o, e[6] = n, e[7] = r, e[8] = d, e[9] = h, e[10] = m, e[11] = u, e[12] = A, e[13] = C, e[14] = f, e[15] = v) : (i = e[1], a = e[2], l = e[3], p = e[4], o = e[5], n = e[6], r = e[7], d = e[8], h = e[9], m = e[10], u = e[11], A = e[12], C = e[13], f = e[14], v = e[15]);
|
|
79
|
-
const g = A === void 0 ? !1 : A, G = C === void 0 ? "en" : C;
|
|
80
|
-
let c, S;
|
|
81
|
-
if (e[16] !== i || e[17] !== g || e[18] !== a || e[19] !== l || e[20] !== p || e[21] !== o || e[22] !== n || e[23] !== r || e[24] !== G || e[25] !== d || e[26] !== s || e[27] !== h || e[28] !== m || e[29] !== u || e[30] !== f || e[31] !== v) {
|
|
82
|
-
S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
|
|
83
|
-
e: {
|
|
84
|
-
const O = M(v || K[G]), I = u === "small";
|
|
85
|
-
let _;
|
|
86
|
-
e[34] !== I ? (_ = H(L.chip, {
|
|
87
|
-
[L.chipSmall]: I
|
|
88
|
-
}), e[34] = I, e[35] = _) : _ = e[35];
|
|
89
|
-
const F = _;
|
|
90
|
-
let y;
|
|
91
|
-
e[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
|
|
92
|
-
display: "contents"
|
|
93
|
-
}, e[36] = y) : y = e[36];
|
|
94
|
-
let b;
|
|
95
|
-
e[37] !== l ? (b = l && /* @__PURE__ */ k(x, { name: l, "aria-hidden": "true" }), e[37] = l, e[38] = b) : b = e[38];
|
|
96
|
-
let w;
|
|
97
|
-
e[39] !== r || e[40] !== b ? (w = /* @__PURE__ */ N("div", { role: "gridcell", "aria-colindex": 1, style: y, children: [
|
|
98
|
-
b,
|
|
99
|
-
r
|
|
100
|
-
] }), e[39] = r, e[40] = b, e[41] = w) : w = e[41];
|
|
101
|
-
let R;
|
|
102
|
-
if (e[42] !== o ? (R = o && /* @__PURE__ */ k(x, { name: "cross" }), e[42] = o, e[43] = R) : R = e[43], c = /* @__PURE__ */ N("div", { role: "row", "aria-label": Q(O, r, g, n, m, o), "aria-selected": n && !o, "aria-disabled": g && !o, id: `${a}-chip-${p}`, className: F, tabIndex: f, onClick: d, ref: s, ...h, children: [
|
|
103
|
-
w,
|
|
104
|
-
R
|
|
105
|
-
] }), !i) {
|
|
106
|
-
let D;
|
|
107
|
-
e[44] !== c ? (D = /* @__PURE__ */ k($.Anchor, { children: c }), e[44] = c, e[45] = D) : D = e[45];
|
|
108
|
-
const P = /* @__PURE__ */ k($.Content, { children: V(O, g, n, o) });
|
|
109
|
-
let T;
|
|
110
|
-
e[46] !== D || e[47] !== P ? (T = /* @__PURE__ */ N($, { placement: "top", tooltipOffset: 6, children: [
|
|
111
|
-
D,
|
|
112
|
-
P
|
|
113
|
-
] }), e[46] = D, e[47] = P, e[48] = T) : T = e[48], S = T;
|
|
114
|
-
break e;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
e[16] = i, e[17] = g, e[18] = a, e[19] = l, e[20] = p, e[21] = o, e[22] = n, e[23] = r, e[24] = G, e[25] = d, e[26] = s, e[27] = h, e[28] = m, e[29] = u, e[30] = f, e[31] = v, e[32] = c, e[33] = S;
|
|
118
|
-
} else
|
|
119
|
-
c = e[32], S = e[33];
|
|
120
|
-
return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : c;
|
|
121
|
-
});
|
|
122
|
-
X.displayName = "DSChip";
|
|
123
|
-
export {
|
|
124
|
-
pe as C,
|
|
125
|
-
Z as D,
|
|
126
|
-
ce as a,
|
|
127
|
-
J as b,
|
|
128
|
-
K as c,
|
|
129
|
-
V as d,
|
|
130
|
-
X as e,
|
|
131
|
-
Q as g,
|
|
132
|
-
ne as v
|
|
133
|
-
};
|