@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.4
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/arialiveregions.49Zyf6mj.js +27 -0
- package/arialiveregions.d.ts +1 -0
- package/assets/CustomReactSelect.B0rJLjN0.css +1 -0
- package/assets/Notification.CCCbfXEz.css +1 -0
- package/assets/Toast.CAP_EwDX.css +1 -0
- package/assets/arialiveregions.VnhjP8Gr.css +1 -0
- package/assets/button.BuIpnG-S.css +1 -0
- package/assets/buttonround.C3ph5Yyu.css +1 -0
- package/assets/dialog.BGK3mgk7.css +1 -0
- package/assets/link.DQy_OhwC.css +1 -0
- package/assets/linkstandalone.Dh6bE5Fb.css +1 -0
- package/button.DX_nxoJC.js +135 -0
- package/buttonround.CXsBk9nL.js +118 -0
- package/{checkbox.C2Ga9yTK.js → checkbox.B43oeMeC.js} +6 -6
- package/checkboxgroup.C7aCjYds.js +9 -0
- package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +31 -0
- package/{checkboxgroup.Cfxz9bk6.js → chunks/CheckboxGroup.CS6Q_TeZ.js} +27 -20
- package/chunks/{CustomReactSelect.uzWNynay.js → CustomReactSelect.DtmbYZUf.js} +455 -449
- package/{fieldset.DGcIKzDI.js → chunks/Fieldset.BokeZzG5.js} +20 -19
- package/chunks/Icon.9gDIp6p4.js +217 -0
- package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js} +12 -8
- package/{inputpassword.-MXq8baU.js → chunks/InputPassword.jpUCijp7.js} +15 -14
- package/{inputsearch.CoYTSjox.js → chunks/InputSearch.BmOtAZcR.js} +16 -14
- package/{inputstepper.BBMQr6kM.js → chunks/InputStepper.DTKjUL4U.js} +20 -19
- package/chunks/Notification.CUPOlHAX.js +93 -0
- package/{radiogroup.oILRMrX-.js → chunks/RadioGroup.DpwnVv7u.js} +37 -29
- package/{select.OGcreXnT.js → chunks/Select.DkDZo0ky.js} +49 -46
- package/{textarea.kc_Sfbgr.js → chunks/Textarea.C938p79X.js} +63 -61
- package/chunks/Toast.CLYrwQVO.js +89 -0
- package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
- package/{combobox.BXHAo4Wx.js → combobox.BaSkiD6f.js} +7 -7
- package/components/AriaLiveRegions/AriaLiveRegions.d.ts +4 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -1
- package/components/Dialog/Dialog.d.ts +11 -0
- package/components/Dialog/Dialog.utils.d.ts +0 -0
- package/components/Fieldset/Fieldset.utils.d.ts +1 -1
- package/components/Notification/Notification.d.ts +26 -0
- package/components/Notification/Notification.test.d.ts +1 -0
- package/components/Notification/Notification.utils.d.ts +5 -0
- package/components/RadioGroup/RadioGroup.utils.d.ts +1 -1
- package/components/Toast/Toast.d.ts +21 -0
- package/components/Toast/Toast.utils.d.ts +9 -0
- package/components/Toast/ToastManager.d.ts +6 -0
- package/components/Toast/ToastManager.test.d.ts +1 -0
- package/components/Toast/ToastManager.utils.d.ts +2 -0
- package/components/Toast/ToastManager.utils.test.d.ts +1 -0
- package/{customreactselect.CipgVXTR.js → customreactselect.LTbjaBN2.js} +4 -4
- package/dialog.BkXwcbUh.js +45 -0
- package/dialog.d.ts +1 -0
- package/fieldset.BXOWK-B-.js +11 -0
- package/{floatingactionbutton.DzHD39NY.js → floatingactionbutton.-nDRRiXY.js} +9 -9
- package/icon.Cpp_9L1I.js +8 -0
- package/index.d.ts +24 -0
- package/index.es.js +138 -45
- package/{input.o8OT6rxJ.js → input.BM6tyRUm.js} +34 -34
- package/inputpassword.DUxH1K_k.js +12 -0
- package/inputsearch.B-vePHle.js +13 -0
- package/inputstepper.C2ypADPI.js +13 -0
- package/link.B4XZoLDj.js +115 -0
- package/linkstandalone.BSfd95Pd.js +79 -0
- package/notification.CxxAOdNV.js +9 -0
- package/notification.d.ts +1 -0
- package/{optioncheckbox.-DRnW_ch.js → optioncheckbox.CUV1MQhh.js} +3 -3
- package/package.json +3 -3
- package/radiogroup.CMJ1b38q.js +11 -0
- package/select.DFJK2mHF.js +12 -0
- package/{spinner.Diy_EeFY.js → spinner.BskX4ovu.js} +1 -1
- package/styles/scss/_index.scss +1 -0
- package/styles/scss/lib/_animation.scss +18 -4
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -0
- package/styles/scss/lib/_link.scss +1 -0
- package/styles/scss/lib/_shadow.scss +10 -0
- package/styles/scss/lib/_theme.scss +7 -5
- package/{switch.BjoFKMQC.js → switch.Bx2tDKx0.js} +2 -2
- package/{systemfeedback.C7iXO5A1.js → systemfeedback.4Hkfigi-.js} +1 -1
- package/textarea.DPy3TJJf.js +12 -0
- package/toast.C-Yg5EoE.js +10 -0
- package/toast.d.ts +1 -0
- package/toastmanager.DQ_-eTrx.js +96 -0
- package/toastmanager.d.ts +1 -0
- package/utils/vitest.setup.d.ts +2 -0
- package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
- package/assets/button.DJvR-58w.css +0 -1
- package/assets/buttonround.BlfQkmMV.css +0 -1
- package/assets/link.V7pJOW1p.css +0 -1
- package/assets/linkstandalone.D3RbBp23.css +0 -1
- package/button.BUUGRxIp.js +0 -135
- package/buttonround.CKc-a-hd.js +0 -118
- package/icon.PX9_1kNB.js +0 -215
- package/link.BN6AZfhG.js +0 -115
- package/linkstandalone.4-fyRd08.js +0 -79
- /package/assets/{fieldset.xazpUXJX.css → Fieldset.xazpUXJX.css} +0 -0
- /package/assets/{icon.CB-KQmw4.css → Icon.CB-KQmw4.css} +0 -0
- /package/assets/{inputpassword.C3Uyj7oA.css → InputPassword.C3Uyj7oA.css} +0 -0
- /package/assets/{inputsearch.tL3e9-Ob.css → InputSearch.tL3e9-Ob.css} +0 -0
- /package/assets/{inputstepper.paPJix5A.css → InputStepper.paPJix5A.css} +0 -0
- /package/assets/{select.D2qBxaHP.css → Select.D2qBxaHP.css} +0 -0
- /package/assets/{textarea.BKbocznb.css → Textarea.BKbocznb.css} +0 -0
package/index.es.js
CHANGED
|
@@ -1,49 +1,142 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
2
|
+
import { DSAriaLiveRegions as x } from "./arialiveregions.49Zyf6mj.js";
|
|
3
|
+
import { DSButton as N } from "./button.DX_nxoJC.js";
|
|
4
|
+
import { DSButtonRound as _ } from "./buttonround.CXsBk9nL.js";
|
|
5
|
+
import { DSCheckbox as h } from "./checkbox.B43oeMeC.js";
|
|
6
|
+
import { D as f, v as A } from "./chunks/CheckboxGroup.CS6Q_TeZ.js";
|
|
7
|
+
import { DSCombobox as g } from "./combobox.BaSkiD6f.js";
|
|
8
|
+
import { C as v, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.DtmbYZUf.js";
|
|
9
|
+
import { D as X, v as b } from "./chunks/Fieldset.BokeZzG5.js";
|
|
10
|
+
import { DSFloatingActionButton as Z } from "./floatingactionbutton.-nDRRiXY.js";
|
|
11
|
+
import { DSHeading as k } from "./heading.DqGbFfj2.js";
|
|
12
|
+
import { D as H, I as w, u as V } from "./chunks/Icon.9gDIp6p4.js";
|
|
13
|
+
import { DSInput as y } from "./input.BM6tyRUm.js";
|
|
14
|
+
import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as eo, v as ao, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
|
|
15
|
+
import { D as so, v as po } from "./chunks/InputPassword.jpUCijp7.js";
|
|
16
|
+
import { D as io, i as lo, v as mo } from "./chunks/InputSearch.BmOtAZcR.js";
|
|
17
|
+
import { D as no, v as To } from "./chunks/InputStepper.DTKjUL4U.js";
|
|
18
|
+
import { DSLink as xo } from "./link.B4XZoLDj.js";
|
|
19
|
+
import { DSLinkStandalone as co } from "./linkstandalone.BSfd95Pd.js";
|
|
20
|
+
import { DSLogo as uo } from "./logo.C_oJ8isW.js";
|
|
21
|
+
import { D as Eo, a as fo, N as Ao } from "./chunks/Notification.CUPOlHAX.js";
|
|
22
|
+
import { D as go, v as Po } from "./chunks/RadioGroup.DpwnVv7u.js";
|
|
23
|
+
import { D as Co, S as Ro, g as Lo, v as Bo } from "./chunks/Select.DkDZo0ky.js";
|
|
24
|
+
import { DSSpinner as Xo } from "./spinner.BskX4ovu.js";
|
|
25
|
+
import { DSSwitch as Go } from "./switch.Bx2tDKx0.js";
|
|
26
|
+
import { DSText as Fo } from "./text.CPU8IUqY.js";
|
|
27
|
+
import { D as Mo, T as Ho, v as wo } from "./chunks/Textarea.C938p79X.js";
|
|
28
|
+
import { DSTitle as Ko } from "./title.icX0VDiO.js";
|
|
29
|
+
const o = ["medium", "small"], e = [
|
|
30
|
+
"filled",
|
|
31
|
+
"highlight",
|
|
32
|
+
"outline",
|
|
33
|
+
"ghost"
|
|
34
|
+
], a = ["filled", "highlight"], t = [
|
|
35
|
+
"x-large",
|
|
36
|
+
"x-large-uppercase",
|
|
37
|
+
"large",
|
|
38
|
+
"large-uppercase",
|
|
39
|
+
"medium",
|
|
40
|
+
"medium-uppercase",
|
|
41
|
+
"small",
|
|
42
|
+
"small-uppercase"
|
|
43
|
+
], r = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
|
|
44
|
+
"filled",
|
|
45
|
+
"highlight",
|
|
46
|
+
"outline",
|
|
47
|
+
"ghost"
|
|
48
|
+
], S = ["neutral", "highlight"], i = [
|
|
49
|
+
"small",
|
|
50
|
+
"medium",
|
|
51
|
+
"large",
|
|
52
|
+
"x-large",
|
|
53
|
+
"inherit"
|
|
54
|
+
], l = [
|
|
55
|
+
"address",
|
|
56
|
+
"blockquote",
|
|
57
|
+
"cite",
|
|
58
|
+
"div",
|
|
59
|
+
"figcaption",
|
|
60
|
+
"legend",
|
|
61
|
+
"p",
|
|
62
|
+
"span",
|
|
63
|
+
"time"
|
|
64
|
+
], m = [
|
|
65
|
+
"large",
|
|
66
|
+
"medium",
|
|
67
|
+
"small",
|
|
68
|
+
"x-small",
|
|
69
|
+
"xx-small"
|
|
70
|
+
], I = ["bold", "normal"], n = ["x-large", "large"];
|
|
25
71
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
72
|
+
a as BUTTON_ROUND_VARIANT,
|
|
73
|
+
o as BUTTON_SIZE,
|
|
74
|
+
e as BUTTON_VARIANT,
|
|
75
|
+
v as COMBOBOX_SIZE,
|
|
76
|
+
x as DSAriaLiveRegions,
|
|
77
|
+
N as DSButton,
|
|
78
|
+
_ as DSButtonRound,
|
|
79
|
+
h as DSCheckbox,
|
|
29
80
|
f as DSCheckboxGroup,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
81
|
+
g as DSCombobox,
|
|
82
|
+
X as DSFieldset,
|
|
83
|
+
Z as DSFloatingActionButton,
|
|
84
|
+
k as DSHeading,
|
|
85
|
+
H as DSIcon,
|
|
86
|
+
y as DSInput,
|
|
87
|
+
so as DSInputPassword,
|
|
88
|
+
io as DSInputSearch,
|
|
89
|
+
no as DSInputStepper,
|
|
90
|
+
xo as DSLink,
|
|
91
|
+
co as DSLinkStandalone,
|
|
92
|
+
uo as DSLogo,
|
|
93
|
+
Eo as DSNotification,
|
|
94
|
+
go as DSRadioGroup,
|
|
95
|
+
Co as DSSelect,
|
|
96
|
+
Xo as DSSpinner,
|
|
97
|
+
Go as DSSwitch,
|
|
98
|
+
Fo as DSText,
|
|
99
|
+
Mo as DSTextarea,
|
|
100
|
+
Ko as DSTitle,
|
|
101
|
+
C as DS_COMBOBOX_TRANSLATIONS,
|
|
102
|
+
R as DS_COMBOBOX_TRANSLATIONS_DE,
|
|
103
|
+
L as DS_COMBOBOX_TRANSLATIONS_EN,
|
|
104
|
+
t as HEADING_SIZE,
|
|
105
|
+
r as HEADING_TAG,
|
|
106
|
+
w as ICON_SIZE,
|
|
107
|
+
Y as INPUT_SIZE,
|
|
108
|
+
s as LINK_SIZE,
|
|
109
|
+
S as LINK_STANDALONE_VARIANT,
|
|
110
|
+
p as LINK_VARIANT,
|
|
111
|
+
q as MAX_PREFIX_LENGTH,
|
|
112
|
+
j as MAX_SUFFIX_LENGTH,
|
|
113
|
+
fo as NOTIFICATION_ICONS,
|
|
114
|
+
Ao as NOTIFICATION_VARIANT,
|
|
115
|
+
Ro as SELECT_SIZE,
|
|
116
|
+
i as SPINNER_SIZE,
|
|
117
|
+
z as SUPPORTED_INPUT_TYPES,
|
|
118
|
+
Ho as TEXTAREA_SIZE,
|
|
119
|
+
m as TEXT_SIZE,
|
|
120
|
+
l as TEXT_TAG,
|
|
121
|
+
I as TEXT_WEIGHT,
|
|
122
|
+
n as TITLE_SIZE,
|
|
123
|
+
J as UNSUPPORTED_INPUT_TYPES,
|
|
124
|
+
Lo as getIsPlaceholderSelected,
|
|
125
|
+
Q as hasShowPickerSupport,
|
|
126
|
+
$ as isCalendarInput,
|
|
127
|
+
oo as isTimeInput,
|
|
128
|
+
lo as isWithinForm,
|
|
129
|
+
eo as showCustomCalendarOrTimeIndicator,
|
|
130
|
+
V as useDynamicSvgImport,
|
|
131
|
+
A as validateCheckboxGroupProps,
|
|
132
|
+
B as validateComboboxProps,
|
|
133
|
+
b as validateFieldsetProps,
|
|
134
|
+
po as validateInputPasswordProps,
|
|
135
|
+
ao as validateInputProps,
|
|
136
|
+
mo as validateInputSearchProps,
|
|
137
|
+
To as validateInputStepperProps,
|
|
138
|
+
Po as validateRadioGroupProps,
|
|
139
|
+
Bo as validateSelectProps,
|
|
140
|
+
wo as validateTextareaProps,
|
|
141
|
+
to as validateType
|
|
49
142
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
3
|
import { c as l } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { useState as m, useRef as k, useLayoutEffect as B, useEffect as
|
|
4
|
+
import { useState as m, useRef as k, useLayoutEffect as B, useEffect as ns } from "react";
|
|
5
5
|
import { u as ts } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
6
|
import { Asterisk as es } from "./asterisk.DU8THnoC.js";
|
|
7
|
-
import { DSButton as E } from "./button.
|
|
8
|
-
import {
|
|
9
|
-
import { DSSystemFeedback as os } from "./systemfeedback.
|
|
10
|
-
import { v as cs,
|
|
11
|
-
import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input--invalid_1swsi_297", hs = "_input--small_1swsi_304", bs = "_input--has-leading-icon_1swsi_350", ws = "_input--has-action-button_1swsi_353", xs = "_input--has-second-action-button_1swsi_356", gs = "_input--has-affix_1swsi_368", Is = "_input--is-ready_1swsi_380", Ss = "_root_1swsi_387", ys = "_hint_1swsi_395", Hs = "_label_1swsi_395", ks = "_wrapper_1swsi_399", vs = "_affix_1swsi_405", Cs = "_affix--small_1swsi_425", Rs = "_affix--disabled_1swsi_437", js = "_prefix_1swsi_440",
|
|
7
|
+
import { DSButton as E } from "./button.DX_nxoJC.js";
|
|
8
|
+
import { D as ls } from "./chunks/Icon.9gDIp6p4.js";
|
|
9
|
+
import { DSSystemFeedback as os } from "./systemfeedback.4Hkfigi-.js";
|
|
10
|
+
import { v as cs, b as ds, M as _s, a as us, s as fs, c as rs, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
|
|
11
|
+
import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input--invalid_1swsi_297", hs = "_input--small_1swsi_304", bs = "_input--has-leading-icon_1swsi_350", ws = "_input--has-action-button_1swsi_353", xs = "_input--has-second-action-button_1swsi_356", gs = "_input--has-affix_1swsi_368", Is = "_input--is-ready_1swsi_380", Ss = "_root_1swsi_387", ys = "_hint_1swsi_395", Hs = "_label_1swsi_395", ks = "_wrapper_1swsi_399", vs = "_affix_1swsi_405", Cs = "_affix--small_1swsi_425", Rs = "_affix--disabled_1swsi_437", js = "_prefix_1swsi_440", Ds = "_affix--readonly_1swsi_443", Ls = "_suffix_1swsi_453", As = "_leading-icon_1swsi_460", Ns = "_leading-icon--small_1swsi_472", Bs = "_leading-icon--disabled_1swsi_475", Es = "_action-button_1swsi_484", Ts = "_label--hidden_1swsi_501", Fs = "_feedback_1swsi_528", s = {
|
|
12
12
|
input: ps,
|
|
13
13
|
"input--invalid": "_input--invalid_1swsi_297",
|
|
14
14
|
inputInvalid: ms,
|
|
@@ -35,10 +35,10 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
35
35
|
affixDisabled: Rs,
|
|
36
36
|
prefix: js,
|
|
37
37
|
"affix--readonly": "_affix--readonly_1swsi_443",
|
|
38
|
-
affixReadonly:
|
|
39
|
-
suffix:
|
|
38
|
+
affixReadonly: Ds,
|
|
39
|
+
suffix: Ls,
|
|
40
40
|
"leading-icon": "_leading-icon_1swsi_460",
|
|
41
|
-
leadingIcon:
|
|
41
|
+
leadingIcon: As,
|
|
42
42
|
"leading-icon--small": "_leading-icon--small_1swsi_472",
|
|
43
43
|
leadingIconSmall: Ns,
|
|
44
44
|
"leading-icon--disabled": "_leading-icon--disabled_1swsi_475",
|
|
@@ -56,7 +56,7 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
56
56
|
actionButtonIconSource: h,
|
|
57
57
|
actionButtonOnClick: F,
|
|
58
58
|
className: P,
|
|
59
|
-
disabled:
|
|
59
|
+
disabled: n = !1,
|
|
60
60
|
hint: b,
|
|
61
61
|
hideLabel: O = !1,
|
|
62
62
|
invalid: f = !1,
|
|
@@ -66,7 +66,7 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
66
66
|
readonly: _ = !1,
|
|
67
67
|
required: R = !1,
|
|
68
68
|
size: e = "medium",
|
|
69
|
-
suffix:
|
|
69
|
+
suffix: a,
|
|
70
70
|
systemFeedback: w,
|
|
71
71
|
type: o = "text",
|
|
72
72
|
...$
|
|
@@ -75,13 +75,13 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
75
75
|
id: d,
|
|
76
76
|
label: C,
|
|
77
77
|
prefix: t,
|
|
78
|
-
suffix:
|
|
78
|
+
suffix: a,
|
|
79
79
|
leadingIconName: r,
|
|
80
80
|
leadingIconSource: p,
|
|
81
81
|
actionButtonIconName: u,
|
|
82
82
|
actionButtonIconSource: h
|
|
83
83
|
}), ds(o));
|
|
84
|
-
const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = k(null), K = t == null ? void 0 : t.substring(0, _s), I = k(null), Q =
|
|
84
|
+
const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = k(null), K = t == null ? void 0 : t.substring(0, _s), I = k(null), Q = a == null ? void 0 : a.substring(0, us), S = k(null), Y = ts(O);
|
|
85
85
|
B(() => {
|
|
86
86
|
const c = e === "medium" ? 16 : 8, y = {};
|
|
87
87
|
if (I.current) {
|
|
@@ -93,13 +93,13 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
93
93
|
y.paddingInlineEnd = c + H + "px";
|
|
94
94
|
}
|
|
95
95
|
J(y), X(!0);
|
|
96
|
-
}, [t,
|
|
96
|
+
}, [t, a, e, M]), B(() => {
|
|
97
97
|
(async () => {
|
|
98
98
|
"fonts" in document && (await document.fonts.load(
|
|
99
99
|
'1em "STIHL Contraface Digital Text Regular"'
|
|
100
100
|
), V(!0));
|
|
101
101
|
})();
|
|
102
|
-
}, []),
|
|
102
|
+
}, []), ns(() => {
|
|
103
103
|
const c = fs(
|
|
104
104
|
v(o),
|
|
105
105
|
rs(o)
|
|
@@ -108,9 +108,9 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
108
108
|
}, [o]);
|
|
109
109
|
const j = l(s.affix, {
|
|
110
110
|
[s.affixSmall]: e === "small",
|
|
111
|
-
[s.affixDisabled]:
|
|
111
|
+
[s.affixDisabled]: n,
|
|
112
112
|
[s.affixReadonly]: _
|
|
113
|
-
}),
|
|
113
|
+
}), D = `${d}-label`, L = `${d}-feedback`, A = `${d}-hint`, Z = b ? ` ${A}` : "", q = l(s.root, P), z = l(s.input, {
|
|
114
114
|
// small input
|
|
115
115
|
[s.inputSmall]: e === "small",
|
|
116
116
|
// invalid state
|
|
@@ -118,7 +118,7 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
118
118
|
// leading icon
|
|
119
119
|
[s.inputHasLeadingIcon]: r || p,
|
|
120
120
|
// prefix/suffix
|
|
121
|
-
[s.inputHasAffix]: t ||
|
|
121
|
+
[s.inputHasAffix]: t || a,
|
|
122
122
|
// action button
|
|
123
123
|
[s.inputHasActionButton]: u || h || x,
|
|
124
124
|
[s.inputIsReady]: W
|
|
@@ -127,25 +127,25 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
127
127
|
[s.labelHidden]: Y
|
|
128
128
|
}), is = l(s.leadingIcon, {
|
|
129
129
|
[s.leadingIconSmall]: e === "small",
|
|
130
|
-
[s.leadingIconDisabled]:
|
|
130
|
+
[s.leadingIconDisabled]: n
|
|
131
131
|
}), N = l(s.actionButton, {
|
|
132
132
|
[s.actionButtonSmall]: e === "small"
|
|
133
|
-
}),
|
|
134
|
-
g.current && !
|
|
133
|
+
}), as = (c) => {
|
|
134
|
+
g.current && !n && !_ && g.current.showPicker(), c.preventDefault();
|
|
135
135
|
};
|
|
136
136
|
return /* @__PURE__ */ i.jsxs("div", { className: q, children: [
|
|
137
|
-
/* @__PURE__ */ i.jsxs("label", { className: ss, id:
|
|
137
|
+
/* @__PURE__ */ i.jsxs("label", { className: ss, id: D, htmlFor: d, children: [
|
|
138
138
|
C,
|
|
139
139
|
R && /* @__PURE__ */ i.jsx(es, {})
|
|
140
140
|
] }),
|
|
141
|
-
b && /* @__PURE__ */ i.jsx("div", { className: s.hint, id:
|
|
141
|
+
b && /* @__PURE__ */ i.jsx("div", { className: s.hint, id: A, children: b }),
|
|
142
142
|
f && w && /* @__PURE__ */ i.jsx(
|
|
143
143
|
os,
|
|
144
144
|
{
|
|
145
145
|
className: s.feedback,
|
|
146
146
|
message: w,
|
|
147
147
|
type: "invalid",
|
|
148
|
-
id:
|
|
148
|
+
id: L
|
|
149
149
|
}
|
|
150
150
|
),
|
|
151
151
|
/* @__PURE__ */ i.jsxs("div", { className: s.wrapper, children: [
|
|
@@ -154,7 +154,7 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
154
154
|
{
|
|
155
155
|
className: l(j, s.prefix),
|
|
156
156
|
ref: I,
|
|
157
|
-
"aria-disabled":
|
|
157
|
+
"aria-disabled": n,
|
|
158
158
|
children: K
|
|
159
159
|
}
|
|
160
160
|
),
|
|
@@ -177,25 +177,25 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
177
177
|
ref: g,
|
|
178
178
|
...$,
|
|
179
179
|
style: U,
|
|
180
|
-
"aria-labelledby": `${
|
|
181
|
-
"aria-describedby": f && w ?
|
|
180
|
+
"aria-labelledby": `${D}${Z}`,
|
|
181
|
+
"aria-describedby": f && w ? L : void 0,
|
|
182
182
|
"aria-invalid": f,
|
|
183
183
|
"aria-disabled": _,
|
|
184
184
|
readOnly: _,
|
|
185
185
|
required: R,
|
|
186
|
-
disabled:
|
|
186
|
+
disabled: n
|
|
187
187
|
}
|
|
188
188
|
),
|
|
189
|
-
|
|
189
|
+
a && /* @__PURE__ */ i.jsx(
|
|
190
190
|
"span",
|
|
191
191
|
{
|
|
192
192
|
className: l(j, s.suffix),
|
|
193
193
|
ref: S,
|
|
194
|
-
"aria-disabled":
|
|
194
|
+
"aria-disabled": n,
|
|
195
195
|
children: Q
|
|
196
196
|
}
|
|
197
197
|
),
|
|
198
|
-
!
|
|
198
|
+
!a && !x && (u || h) && /* @__PURE__ */ i.jsx(
|
|
199
199
|
E,
|
|
200
200
|
{
|
|
201
201
|
hideLabel: !0,
|
|
@@ -206,11 +206,11 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
206
206
|
size: e,
|
|
207
207
|
onClick: F,
|
|
208
208
|
type: "button",
|
|
209
|
-
disabled:
|
|
209
|
+
disabled: n || _,
|
|
210
210
|
children: T
|
|
211
211
|
}
|
|
212
212
|
),
|
|
213
|
-
!
|
|
213
|
+
!a && x && !_ && !n && /* @__PURE__ */ i.jsxs(
|
|
214
214
|
E,
|
|
215
215
|
{
|
|
216
216
|
hideLabel: !0,
|
|
@@ -219,7 +219,7 @@ import './assets/input.BcP5kkZ2.css';const ps = "_input_1swsi_187", ms = "_input
|
|
|
219
219
|
variant: "ghost",
|
|
220
220
|
className: N,
|
|
221
221
|
size: e,
|
|
222
|
-
onClick:
|
|
222
|
+
onClick: as,
|
|
223
223
|
type: "button",
|
|
224
224
|
children: [
|
|
225
225
|
"Open ",
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
+
import "./asterisk.DU8THnoC.js";
|
|
7
|
+
import "./button.DX_nxoJC.js";
|
|
8
|
+
import "./systemfeedback.4Hkfigi-.js";
|
|
9
|
+
import { D as n } from "./chunks/InputPassword.jpUCijp7.js";
|
|
10
|
+
export {
|
|
11
|
+
n as DSInputPassword
|
|
12
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./chunks/helpers.B1JT5ShS.js";
|
|
6
|
+
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
7
|
+
import "./asterisk.DU8THnoC.js";
|
|
8
|
+
import "./button.DX_nxoJC.js";
|
|
9
|
+
import "./systemfeedback.4Hkfigi-.js";
|
|
10
|
+
import { D as s } from "./chunks/InputSearch.BmOtAZcR.js";
|
|
11
|
+
export {
|
|
12
|
+
s as DSInputSearch
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
+
import "./asterisk.DU8THnoC.js";
|
|
7
|
+
import "./button.DX_nxoJC.js";
|
|
8
|
+
import "./chunks/Input.utils.AKWCNkpA.js";
|
|
9
|
+
import "./systemfeedback.4Hkfigi-.js";
|
|
10
|
+
import { D } from "./chunks/InputStepper.DTKjUL4U.js";
|
|
11
|
+
export {
|
|
12
|
+
D as DSInputStepper
|
|
13
|
+
};
|
package/link.B4XZoLDj.js
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as h } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import { c as g } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
5
|
+
import { D as H } from "./chunks/Icon.9gDIp6p4.js";
|
|
6
|
+
import './assets/link.DQy_OhwC.css';const S = "_root_5lvrp_125", x = "_root--highlight_5lvrp_191", b = "_root--dark-highlight_5lvrp_191", j = "_root--filled_5lvrp_269", L = "_root--outline_5lvrp_297", C = "_root--ghost_5lvrp_324", N = "_root--ghost-flush_5lvrp_349", T = "_root--small_5lvrp_355", B = "_root--dark-filled_5lvrp_430", E = "_root--dark-outline_5lvrp_489", R = "_root--dark-ghost_5lvrp_547", V = "_root--dark-ghost-flush_5lvrp_603", q = "_root--icon-left_5lvrp_662", w = "_root--icon-only_5lvrp_678", A = "_root--icon-only-small_5lvrp_687", J = "_label--hidden_5lvrp_698", o = {
|
|
7
|
+
root: S,
|
|
8
|
+
"root--highlight": "_root--highlight_5lvrp_191",
|
|
9
|
+
rootHighlight: x,
|
|
10
|
+
"root--dark-highlight": "_root--dark-highlight_5lvrp_191",
|
|
11
|
+
rootDarkHighlight: b,
|
|
12
|
+
"root--filled": "_root--filled_5lvrp_269",
|
|
13
|
+
rootFilled: j,
|
|
14
|
+
"root--outline": "_root--outline_5lvrp_297",
|
|
15
|
+
rootOutline: L,
|
|
16
|
+
"root--ghost": "_root--ghost_5lvrp_324",
|
|
17
|
+
rootGhost: C,
|
|
18
|
+
"root--ghost-flush": "_root--ghost-flush_5lvrp_349",
|
|
19
|
+
rootGhostFlush: N,
|
|
20
|
+
"root--small": "_root--small_5lvrp_355",
|
|
21
|
+
rootSmall: T,
|
|
22
|
+
"root--dark-filled": "_root--dark-filled_5lvrp_430",
|
|
23
|
+
rootDarkFilled: B,
|
|
24
|
+
"root--dark-outline": "_root--dark-outline_5lvrp_489",
|
|
25
|
+
rootDarkOutline: E,
|
|
26
|
+
"root--dark-ghost": "_root--dark-ghost_5lvrp_547",
|
|
27
|
+
rootDarkGhost: R,
|
|
28
|
+
"root--dark-ghost-flush": "_root--dark-ghost-flush_5lvrp_603",
|
|
29
|
+
rootDarkGhostFlush: V,
|
|
30
|
+
"root--icon-left": "_root--icon-left_5lvrp_662",
|
|
31
|
+
rootIconLeft: q,
|
|
32
|
+
"root--icon-only": "_root--icon-only_5lvrp_678",
|
|
33
|
+
rootIconOnly: w,
|
|
34
|
+
"root--icon-only-small": "_root--icon-only-small_5lvrp_687",
|
|
35
|
+
rootIconOnlySmall: A,
|
|
36
|
+
"label--hidden": "_label--hidden_5lvrp_698",
|
|
37
|
+
labelHidden: J
|
|
38
|
+
}, U = ({
|
|
39
|
+
children: c,
|
|
40
|
+
aria: k,
|
|
41
|
+
className: p,
|
|
42
|
+
dataTrackingid: u,
|
|
43
|
+
download: f,
|
|
44
|
+
hideLabel: s = !1,
|
|
45
|
+
href: n,
|
|
46
|
+
iconName: a,
|
|
47
|
+
iconPosition: m = "left",
|
|
48
|
+
iconSource: e,
|
|
49
|
+
isFlush: r = !1,
|
|
50
|
+
referrerPolicy: v,
|
|
51
|
+
rel: D,
|
|
52
|
+
size: _ = "medium",
|
|
53
|
+
target: y = "_self",
|
|
54
|
+
theme: l = "light",
|
|
55
|
+
variant: t = "filled",
|
|
56
|
+
...G
|
|
57
|
+
}) => {
|
|
58
|
+
const O = g(o.root, p, {
|
|
59
|
+
// variant
|
|
60
|
+
[o.rootFilled]: t === "filled",
|
|
61
|
+
[o.rootHighlight]: t === "highlight",
|
|
62
|
+
[o.rootOutline]: t === "outline",
|
|
63
|
+
[o.rootGhost]: t === "ghost" && r !== !0,
|
|
64
|
+
// isFlush
|
|
65
|
+
[o.rootGhostFlush]: t === "ghost" && r === !0,
|
|
66
|
+
// dark theme
|
|
67
|
+
[o.rootDarkFilled]: l === "dark" && t === "filled",
|
|
68
|
+
[o.rootDarkHighlight]: l === "dark" && t === "highlight",
|
|
69
|
+
[o.rootDarkOutline]: l === "dark" && t === "outline",
|
|
70
|
+
[o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
|
|
71
|
+
// dark isFlush
|
|
72
|
+
[o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
|
|
73
|
+
// size
|
|
74
|
+
[o.rootSmall]: _ === "small",
|
|
75
|
+
// icon position
|
|
76
|
+
[o.rootIconLeft]: m === "left",
|
|
77
|
+
// icon only
|
|
78
|
+
[o.rootIconOnly]: i(s) && _ === "medium",
|
|
79
|
+
[o.rootIconOnlySmall]: i(s) && _ === "small"
|
|
80
|
+
}), I = g({
|
|
81
|
+
// hide label only visually to keep them available for assistive technologies
|
|
82
|
+
[o.labelHidden]: i(s)
|
|
83
|
+
}), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
|
|
84
|
+
return /* @__PURE__ */ h.jsxs(
|
|
85
|
+
d,
|
|
86
|
+
{
|
|
87
|
+
className: O,
|
|
88
|
+
"data-trackingid": u,
|
|
89
|
+
...d === "a" && {
|
|
90
|
+
href: n,
|
|
91
|
+
target: y,
|
|
92
|
+
rel: D,
|
|
93
|
+
referrerPolicy: v,
|
|
94
|
+
download: f
|
|
95
|
+
},
|
|
96
|
+
...k,
|
|
97
|
+
...G,
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ h.jsx("span", { className: I, children: c }),
|
|
100
|
+
(a || e) && /* @__PURE__ */ h.jsx(
|
|
101
|
+
H,
|
|
102
|
+
{
|
|
103
|
+
name: a,
|
|
104
|
+
theme: F,
|
|
105
|
+
source: e,
|
|
106
|
+
"aria-hidden": "true"
|
|
107
|
+
}
|
|
108
|
+
)
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
};
|
|
113
|
+
export {
|
|
114
|
+
U as DSLink
|
|
115
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import { c as p } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { D as x } from "./chunks/Icon.9gDIp6p4.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import './assets/linkstandalone.Dh6bE5Fb.css';const H = "_root_16ffv_63", j = "_root--highlight_16ffv_135", L = "_root--neutral-dark_16ffv_207", N = "_root--highlight-dark_16ffv_279", I = "_root--active_16ffv_351", A = "_root--icon-left_16ffv_357", o = {
|
|
7
|
+
root: H,
|
|
8
|
+
"root--highlight": "_root--highlight_16ffv_135",
|
|
9
|
+
rootHighlight: j,
|
|
10
|
+
"root--neutral-dark": "_root--neutral-dark_16ffv_207",
|
|
11
|
+
rootNeutralDark: L,
|
|
12
|
+
"root--highlight-dark": "_root--highlight-dark_16ffv_279",
|
|
13
|
+
rootHighlightDark: N,
|
|
14
|
+
"root--active": "_root--active_16ffv_351",
|
|
15
|
+
rootActive: I,
|
|
16
|
+
"root--icon-left": "_root--icon-left_16ffv_357",
|
|
17
|
+
rootIconLeft: A
|
|
18
|
+
}, C = ({
|
|
19
|
+
children: e,
|
|
20
|
+
aria: _,
|
|
21
|
+
active: f,
|
|
22
|
+
className: g,
|
|
23
|
+
dataTrackingid: n,
|
|
24
|
+
download: c,
|
|
25
|
+
href: a,
|
|
26
|
+
iconName: l,
|
|
27
|
+
iconPosition: k = "left",
|
|
28
|
+
iconSource: h,
|
|
29
|
+
referrerPolicy: d,
|
|
30
|
+
rel: v,
|
|
31
|
+
target: u = "_self",
|
|
32
|
+
theme: t = "light",
|
|
33
|
+
variant: r = "neutral",
|
|
34
|
+
...m
|
|
35
|
+
}) => {
|
|
36
|
+
const D = p(o.root, g, {
|
|
37
|
+
// variant
|
|
38
|
+
[o.rootHighlight]: r === "highlight",
|
|
39
|
+
// theme
|
|
40
|
+
[o.rootNeutralDark]: t === "dark" && r === "neutral",
|
|
41
|
+
[o.rootHighlightDark]: t === "dark" && r === "highlight",
|
|
42
|
+
// active
|
|
43
|
+
[o.rootActive]: f,
|
|
44
|
+
// icon position
|
|
45
|
+
[o.rootIconLeft]: k === "left"
|
|
46
|
+
}), s = a === void 0 ? "span" : "a";
|
|
47
|
+
return /* @__PURE__ */ i.jsxs(
|
|
48
|
+
s,
|
|
49
|
+
{
|
|
50
|
+
className: D,
|
|
51
|
+
"data-trackingid": n,
|
|
52
|
+
...s === "a" && {
|
|
53
|
+
href: a,
|
|
54
|
+
target: u,
|
|
55
|
+
rel: v,
|
|
56
|
+
referrerPolicy: d,
|
|
57
|
+
download: c
|
|
58
|
+
},
|
|
59
|
+
..._,
|
|
60
|
+
...m,
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ i.jsx("span", { className: o.label, children: e }),
|
|
63
|
+
(l || h) && /* @__PURE__ */ i.jsx(
|
|
64
|
+
x,
|
|
65
|
+
{
|
|
66
|
+
name: l,
|
|
67
|
+
theme: t,
|
|
68
|
+
source: h,
|
|
69
|
+
size: "medium",
|
|
70
|
+
"aria-hidden": "true"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
export {
|
|
78
|
+
C as DSLinkStandalone
|
|
79
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
|
+
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import "./chunks/Icon.9gDIp6p4.js";
|
|
5
|
+
import { D as e } from "./chunks/Notification.CUPOlHAX.js";
|
|
6
|
+
import "./button.DX_nxoJC.js";
|
|
7
|
+
export {
|
|
8
|
+
e as DSNotification
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/Notification/Notification'
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
|
|
3
3
|
import { c as s } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import {
|
|
4
|
+
import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
|
|
5
5
|
import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "_root--disabled_1sig6_144", d = "_checkbox_1sig6_148", n = "_icon-check_1sig6_162", r = "_checkbox--checked_1sig6_181", x = "_checkbox--disabled_1sig6_184", m = "_label_1sig6_201", c = {
|
|
6
6
|
root: l,
|
|
7
7
|
"root--disabled": "_root--disabled_1sig6_144",
|
|
@@ -14,7 +14,7 @@ import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "
|
|
|
14
14
|
"checkbox--disabled": "_checkbox--disabled_1sig6_184",
|
|
15
15
|
checkboxDisabled: x,
|
|
16
16
|
label: m
|
|
17
|
-
},
|
|
17
|
+
}, D = ({
|
|
18
18
|
label: i,
|
|
19
19
|
checked: h,
|
|
20
20
|
className: a,
|
|
@@ -39,5 +39,5 @@ import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "
|
|
|
39
39
|
] }) });
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
D as OptionCheckbox
|
|
43
43
|
};
|