@stihl-design-system/components 1.0.0-RC.13 → 1.0.0-RC.14
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.Rvtiu8Y4.js → accordion.C6_sqiW2.js} +1 -1
- package/{arialiveregions.Cyycgs8g.js → arialiveregions.2dxodwBP.js} +1 -1
- package/assets/TabPane.zywjfwo8.css +1 -0
- package/assets/Tabs.DUqlqP6R.css +1 -0
- package/assets/numberindicator.BJ9vFpnd.css +1 -0
- package/{button.M4nXjcUn.js → button.BfcWQZhx.js} +1 -1
- package/{checkbox.Cb2_ey6U.js → checkbox.Dt0OWryN.js} +1 -1
- package/{checkboxgroup.DBDmB-zR.js → checkboxgroup.je32bRPr.js} +2 -2
- package/{chip.C_1tGqvZ.js → chip.CpnDX4Ro.js} +1 -1
- package/{chipgroup.BvTj1ziW.js → chipgroup.Cy76KMWu.js} +17 -16
- package/chunks/{Accordion.CB6jB3s_.js → Accordion.Bza3TO4Y.js} +1 -1
- package/chunks/AriaLiveRegions.utils.Bq6Mp2bE.js +40 -0
- package/chunks/{CheckboxGroup.S6i5EOc4.js → CheckboxGroup.C_2ZwEQJ.js} +38 -35
- package/chunks/{Chip.CMlPUyOJ.js → Chip.BvlKC503.js} +30 -24
- package/chunks/{CustomReactSelect.CQ1uexBH.js → CustomReactSelect.CB41lklE.js} +3 -3
- package/chunks/{Dialog.CudsqNag.js → Dialog.ClBjJWOh.js} +2 -2
- package/chunks/{Drawer.ueG2Bzr9.js → Drawer.ReDW3ohH.js} +2 -2
- package/chunks/{Fieldset.Cjmkgxxk.js → Fieldset.Ct_JFRs9.js} +2 -2
- package/chunks/{Input.utils.ChV6RJsh.js → Input.utils.DYbmWlx6.js} +19 -21
- package/chunks/{InputPassword.CNLbBFjx.js → InputPassword.Cvk5J8w1.js} +18 -18
- package/chunks/{InputSearch.CHA6mkX_.js → InputSearch.BIIW-ERk.js} +4 -4
- package/chunks/{InputStepper.xmWGU9pU.js → InputStepper.DGzR3KY6.js} +49 -47
- package/chunks/{Notification.nx5vTamN.js → Notification.uAEjPywP.js} +1 -1
- package/chunks/RadioGroup.D10-pe9H.js +146 -0
- package/chunks/{Select.E6gLFYLk.js → Select.DsLnW29U.js} +3 -3
- package/chunks/TabPane.CYuUi0oL.js +51 -0
- package/chunks/Tabs.D_JAsvoh.js +270 -0
- package/chunks/{Textarea.DUBSOpNL.js → Textarea.Dh9R9YdZ.js} +19 -18
- package/chunks/{Toast.DyEi2GEP.js → Toast.j7LPnQ36.js} +1 -1
- package/chunks/has-window.ut_-aShB.js +5 -0
- package/chunks/helpers.CcqWV-wZ.js +8 -0
- package/chunks/{useBreakpoint.5xBNDiCf.js → useBreakpoint.B8XxjSVJ.js} +9 -9
- package/chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js +7 -0
- package/{combobox.CzBpi97e.js → combobox.D6zXg976.js} +1 -1
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +2 -2
- package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
- package/components/Input/Input.d.ts +6 -0
- package/components/InputPassword/InputPassword.d.ts +3 -3
- package/components/NumberIndicator/NumberIndicator.d.ts +12 -0
- package/components/NumberIndicator/NumberIndicator.test.d.ts +1 -0
- package/components/NumberIndicator/NumberIndicator.utils.d.ts +2 -0
- package/components/Tabs/TabPane/TabPane.d.ts +10 -0
- package/components/Tabs/TabPane/TabPane.utils.d.ts +3 -0
- package/components/Tabs/TabPane/TabPane.utils.test.d.ts +1 -0
- package/components/Tabs/Tabs.d.ts +42 -0
- package/components/Tabs/Tabs.test.d.ts +1 -0
- package/components/Tabs/Tabs.utils.d.ts +11 -0
- package/components/Tabs/Tabs.utils.test.d.ts +1 -0
- package/{customreactselect.qf7CIeFs.js → customreactselect.BcjDvZG6.js} +2 -2
- package/{dialog.DYlBUsOD.js → dialog.BkVOgeWY.js} +2 -2
- package/{drawer.CvhbP1ra.js → drawer.DM_NKGTQ.js} +2 -2
- package/{fieldset.CtUGEdLv.js → fieldset.CSNoVbL1.js} +1 -1
- package/index.d.ts +4 -2
- package/index.es.js +134 -127
- package/{input.BEnCFNM-.js → input.BbnmbMCI.js} +49 -47
- package/{inputpassword.B-D_jB9w.js → inputpassword.KnZRwWCQ.js} +3 -3
- package/{inputsearch.CaSpklR1.js → inputsearch.DgYJPZ2v.js} +4 -4
- package/inputstepper.T_of1Gz0.js +15 -0
- package/{link.DREJAoPG.js → link.L8O_InKe.js} +1 -1
- package/{notification.6M0OdGXK.js → notification.Bt9TbAAt.js} +2 -2
- package/numberindicator.UU7FSouT.js +26 -0
- package/numberindicator.d.ts +2 -0
- package/package.json +3 -3
- package/{radio.DEILy_lV.js → radio.B-2uuWHq.js} +1 -1
- package/{radiogroup.DeU-HdlP.js → radiogroup.DM_lF4hI.js} +3 -3
- package/{select.BYraFJzz.js → select.COLuwr89.js} +2 -2
- package/{skiptocontent.BxvpIB7H.js → skiptocontent.DxogCFvU.js} +2 -2
- package/styles/scss/ds/lib/theme.scss +2 -0
- package/tabpane.BnQBzVXw.js +8 -0
- package/tabpane.d.ts +2 -0
- package/tabs.BaELlVri.js +15 -0
- package/tabs.d.ts +2 -0
- package/textarea.Wcl_pVBb.js +13 -0
- package/{toast.n1QUINSA.js → toast.DQlMWU6I.js} +2 -2
- package/{toastmanager.B7EZ4JSI.js → toastmanager.DxHFtr5C.js} +17 -17
- package/utils/helpers.d.ts +7 -0
- package/utils/index.d.ts +1 -0
- package/utils/isAnimationDisabled.d.ts +1 -0
- package/chunks/AriaLiveRegions.utils.BGSZafnS.js +0 -34
- package/chunks/RadioGroup.Crj7NoOs.js +0 -137
- package/chunks/has-document.r9i9TxKV.js +0 -5
- package/chunks/helpers.B1JT5ShS.js +0 -7
- package/inputstepper.C7KD1-0S.js +0 -13
- package/textarea.CBvH0ljM.js +0 -12
- package/utils/has-document.d.ts +0 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./button.
|
|
6
|
-
import { D as e } from "./chunks/Drawer.
|
|
5
|
+
import "./button.BfcWQZhx.js";
|
|
6
|
+
import { D as e } from "./chunks/Drawer.ReDW3ohH.js";
|
|
7
7
|
export {
|
|
8
8
|
e as DSDrawer
|
|
9
9
|
};
|
|
@@ -5,7 +5,7 @@ import "react";
|
|
|
5
5
|
import "./asterisk.DpzETKdT.js";
|
|
6
6
|
import "./heading.IPIYc5vW.js";
|
|
7
7
|
import "./systemfeedback.C3Pfxxpp.js";
|
|
8
|
-
import { D as l } from "./chunks/Fieldset.
|
|
8
|
+
import { D as l } from "./chunks/Fieldset.Ct_JFRs9.js";
|
|
9
9
|
export {
|
|
10
10
|
l as DSFieldset
|
|
11
11
|
};
|
package/index.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ export * from './components/ButtonRound/ButtonRound.utils';
|
|
|
8
8
|
export * from './components/Checkbox/Checkbox';
|
|
9
9
|
export * from './components/CheckboxGroup/CheckboxGroup';
|
|
10
10
|
export * from './components/CheckboxGroup/CheckboxGroup.utils';
|
|
11
|
+
export * from './components/ChipGroup/ChipGroup';
|
|
12
|
+
export * from './components/ChipGroup/ChipGroup.utils';
|
|
11
13
|
export * from './components/Combobox/Combobox';
|
|
12
14
|
export * from './components/Combobox/Combobox.utils';
|
|
13
15
|
export * from './components/Dialog/Dialog';
|
|
@@ -48,8 +50,8 @@ export * from './components/Spinner/Spinner';
|
|
|
48
50
|
export * from './components/Spinner/Spinner.utils';
|
|
49
51
|
export * from './components/Switch/Switch';
|
|
50
52
|
export * from './components/Switch/Switch.utils';
|
|
51
|
-
export * from './components/
|
|
52
|
-
export * from './components/
|
|
53
|
+
export * from './components/Tabs/Tabs';
|
|
54
|
+
export * from './components/Tabs/Tabs.utils';
|
|
53
55
|
export * from './components/Text/Text';
|
|
54
56
|
export * from './components/Text/Text.utils';
|
|
55
57
|
export * from './components/Textarea/Textarea';
|
package/index.es.js
CHANGED
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { A as
|
|
3
|
-
import { DSAriaLiveRegions as
|
|
4
|
-
import { DSButton as
|
|
5
|
-
import { DSButtonRound as
|
|
6
|
-
import { DSCheckbox as
|
|
7
|
-
import { D as C, v as R } from "./chunks/CheckboxGroup.
|
|
8
|
-
import {
|
|
9
|
-
import { C as
|
|
10
|
-
import {
|
|
11
|
-
import { a as
|
|
12
|
-
import { D as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import { D as
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import { D as
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
|
|
2
|
+
import { A as N, C as x, D as d, v as A } from "./chunks/Accordion.Bza3TO4Y.js";
|
|
3
|
+
import { DSAriaLiveRegions as c } from "./arialiveregions.2dxodwBP.js";
|
|
4
|
+
import { DSButton as E } from "./button.BfcWQZhx.js";
|
|
5
|
+
import { DSButtonRound as f } from "./buttonround.E56F_805.js";
|
|
6
|
+
import { DSCheckbox as u } from "./checkbox.Dt0OWryN.js";
|
|
7
|
+
import { D as C, v as R } from "./chunks/CheckboxGroup.C_2ZwEQJ.js";
|
|
8
|
+
import { DSChipGroup as G } from "./chipgroup.Cy76KMWu.js";
|
|
9
|
+
import { C as B, c as U, b as H, D as Z, g as X, d as F, v as M, a as k } from "./chunks/Chip.BvlKC503.js";
|
|
10
|
+
import { DSCombobox as V } from "./combobox.D6zXg976.js";
|
|
11
|
+
import { C as K, b as W, a as Y, D as q, v as j } from "./chunks/CustomReactSelect.CB41lklE.js";
|
|
12
|
+
import { D as J, v as Q } from "./chunks/Dialog.ClBjJWOh.js";
|
|
13
|
+
import { a as aa, D as oa, v as ea } from "./chunks/Drawer.ReDW3ohH.js";
|
|
14
|
+
import { D as sa, v as ta } from "./chunks/Fieldset.Ct_JFRs9.js";
|
|
15
|
+
import { DSFlag as ia } from "./flag.BKpsdB_-.js";
|
|
16
|
+
import { DSFloatingActionButton as la } from "./floatingactionbutton.D5L0B7zI.js";
|
|
17
|
+
import { DSHeading as Da } from "./heading.IPIYc5vW.js";
|
|
18
|
+
import { D as ma, I as na, u as _a } from "./chunks/Icon.BCmt_XBG.js";
|
|
19
|
+
import { DSInput as xa } from "./input.BbnmbMCI.js";
|
|
20
|
+
import { I as Aa, M as Oa, a as ca, S as ga, U as Ea, h as Pa, i as fa, c as ha, s as ua, v as va, b as Ca } from "./chunks/Input.utils.DYbmWlx6.js";
|
|
21
|
+
import { D as La, v as Ga } from "./chunks/InputPassword.Cvk5J8w1.js";
|
|
22
|
+
import { D as Ba, i as Ua, v as Ha } from "./chunks/InputSearch.BIIW-ERk.js";
|
|
23
|
+
import { D as Xa, v as Fa } from "./chunks/InputStepper.DGzR3KY6.js";
|
|
24
|
+
import { DSLink as ka } from "./link.L8O_InKe.js";
|
|
25
|
+
import { DSLinkStandalone as Va } from "./linkstandalone.BBoEniZ_.js";
|
|
26
|
+
import { DSLogo as Ka } from "./logo.Hul8qCFo.js";
|
|
27
|
+
import { D as Ya, a as qa, N as ja } from "./chunks/Notification.uAEjPywP.js";
|
|
28
|
+
import { D as Ja, a as Qa, o as $a, v as ao } from "./chunks/RadioGroup.D10-pe9H.js";
|
|
29
|
+
import { D as eo, S as ro, g as so, v as to } from "./chunks/Select.DsLnW29U.js";
|
|
30
|
+
import { DSSkipToContent as io } from "./skiptocontent.DxogCFvU.js";
|
|
31
|
+
import { DSSpinner as lo } from "./spinner.Bq97Og-6.js";
|
|
32
|
+
import { DSSwitch as Do } from "./switch.DI8YYa5G.js";
|
|
33
|
+
import { D as mo, S as no, T as _o, a as No, g as xo, v as Ao } from "./chunks/Tabs.D_JAsvoh.js";
|
|
34
|
+
import { DSText as co } from "./text.DThvTwm8.js";
|
|
35
|
+
import { D as Eo, T as Po, v as fo } from "./chunks/Textarea.Dh9R9YdZ.js";
|
|
36
|
+
import { DSTitle as uo } from "./title.DqzdB2Gq.js";
|
|
37
|
+
import { DSToastProvider as Co, useDSToast as Ro } from "./toastmanager.DxHFtr5C.js";
|
|
38
|
+
const a = ["medium", "small"], o = [
|
|
38
39
|
"filled",
|
|
39
40
|
"highlight",
|
|
40
41
|
"outline",
|
|
@@ -45,7 +46,7 @@ const o = ["medium", "small"], a = [
|
|
|
45
46
|
"red-light",
|
|
46
47
|
"green-light",
|
|
47
48
|
"orange-base"
|
|
48
|
-
],
|
|
49
|
+
], s = [
|
|
49
50
|
"x-large",
|
|
50
51
|
"x-large-uppercase",
|
|
51
52
|
"large",
|
|
@@ -54,12 +55,12 @@ const o = ["medium", "small"], a = [
|
|
|
54
55
|
"medium-uppercase",
|
|
55
56
|
"small",
|
|
56
57
|
"small-uppercase"
|
|
57
|
-
],
|
|
58
|
+
], t = ["h1", "h2", "h3", "h4", "h5", "h6"], S = ["medium", "small"], i = [
|
|
58
59
|
"filled",
|
|
59
60
|
"highlight",
|
|
60
61
|
"outline",
|
|
61
62
|
"ghost"
|
|
62
|
-
],
|
|
63
|
+
], p = ["neutral", "highlight"], l = [
|
|
63
64
|
"small",
|
|
64
65
|
"medium",
|
|
65
66
|
"large",
|
|
@@ -81,101 +82,107 @@ const o = ["medium", "small"], a = [
|
|
|
81
82
|
"small",
|
|
82
83
|
"x-small",
|
|
83
84
|
"xx-small"
|
|
84
|
-
],
|
|
85
|
+
], T = ["bold", "normal"], m = ["x-large", "large"];
|
|
85
86
|
export {
|
|
86
|
-
|
|
87
|
+
N as ACCORDION_SIZE,
|
|
87
88
|
e as BUTTON_ROUND_VARIANT,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
89
|
+
a as BUTTON_SIZE,
|
|
90
|
+
o as BUTTON_VARIANT,
|
|
91
|
+
x as CHEVRON_POSITION,
|
|
92
|
+
B as CHIP_GROUP_SIZE,
|
|
93
|
+
K as COMBOBOX_SIZE,
|
|
94
|
+
aa as DRAWER_POSITION,
|
|
94
95
|
d as DSAccordion,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
96
|
+
c as DSAriaLiveRegions,
|
|
97
|
+
E as DSButton,
|
|
98
|
+
f as DSButtonRound,
|
|
99
|
+
u as DSCheckbox,
|
|
99
100
|
C as DSCheckboxGroup,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
101
|
+
G as DSChipGroup,
|
|
102
|
+
V as DSCombobox,
|
|
103
|
+
J as DSDialog,
|
|
104
|
+
oa as DSDrawer,
|
|
105
|
+
sa as DSFieldset,
|
|
106
|
+
ia as DSFlag,
|
|
107
|
+
la as DSFloatingActionButton,
|
|
108
|
+
Da as DSHeading,
|
|
109
|
+
ma as DSIcon,
|
|
110
|
+
xa as DSInput,
|
|
111
|
+
La as DSInputPassword,
|
|
112
|
+
Ba as DSInputSearch,
|
|
113
|
+
Xa as DSInputStepper,
|
|
114
|
+
ka as DSLink,
|
|
115
|
+
Va as DSLinkStandalone,
|
|
116
|
+
Ka as DSLogo,
|
|
117
|
+
Ya as DSNotification,
|
|
118
|
+
Ja as DSRadioGroup,
|
|
119
|
+
eo as DSSelect,
|
|
120
|
+
io as DSSkipToContent,
|
|
121
|
+
lo as DSSpinner,
|
|
122
|
+
Do as DSSwitch,
|
|
123
|
+
mo as DSTabs,
|
|
124
|
+
co as DSText,
|
|
125
|
+
Eo as DSTextarea,
|
|
126
|
+
uo as DSTitle,
|
|
127
|
+
Co as DSToastProvider,
|
|
128
|
+
U as DS_CHIP_GROUP_TRANSLATIONS,
|
|
129
|
+
H as DS_CHIP_GROUP_TRANSLATIONS_DE,
|
|
130
|
+
Z as DS_CHIP_GROUP_TRANSLATIONS_EN,
|
|
131
|
+
W as DS_COMBOBOX_TRANSLATIONS,
|
|
132
|
+
Y as DS_COMBOBOX_TRANSLATIONS_DE,
|
|
133
|
+
q as DS_COMBOBOX_TRANSLATIONS_EN,
|
|
132
134
|
r as FLAG_COLOR,
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
135
|
+
s as HEADING_SIZE,
|
|
136
|
+
t as HEADING_TAG,
|
|
137
|
+
na as ICON_SIZE,
|
|
138
|
+
Aa as INPUT_SIZE,
|
|
139
|
+
S as LINK_SIZE,
|
|
140
|
+
p as LINK_STANDALONE_VARIANT,
|
|
141
|
+
i as LINK_VARIANT,
|
|
142
|
+
Oa as MAX_PREFIX_LENGTH,
|
|
143
|
+
ca as MAX_SUFFIX_LENGTH,
|
|
144
|
+
qa as NOTIFICATION_ICONS,
|
|
145
|
+
ja as NOTIFICATION_VARIANT,
|
|
146
|
+
no as SCROLL_MARGIN_INLINE,
|
|
147
|
+
ro as SELECT_SIZE,
|
|
145
148
|
l as SPINNER_SIZE,
|
|
146
|
-
|
|
147
|
-
|
|
149
|
+
ga as SUPPORTED_INPUT_TYPES,
|
|
150
|
+
_o as TABS_ALIGNMENT,
|
|
151
|
+
No as TABS_DIRECTION,
|
|
152
|
+
Po as TEXTAREA_SIZE,
|
|
148
153
|
D as TEXT_SIZE,
|
|
149
154
|
I as TEXT_TAG,
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
155
|
+
T as TEXT_WEIGHT,
|
|
156
|
+
m as TITLE_SIZE,
|
|
157
|
+
Ea as UNSUPPORTED_INPUT_TYPES,
|
|
158
|
+
X as getChipAriaLabel,
|
|
159
|
+
F as getChipTitle,
|
|
160
|
+
so as getIsPlaceholderSelected,
|
|
161
|
+
xo as getRect,
|
|
162
|
+
Pa as hasShowPickerSupport,
|
|
163
|
+
fa as isCalendarInput,
|
|
164
|
+
ha as isTimeInput,
|
|
165
|
+
Ua as isWithinForm,
|
|
166
|
+
Qa as optionsHaveCustomArea,
|
|
167
|
+
$a as optionsHaveHint,
|
|
168
|
+
ua as showCustomCalendarOrTimeIndicator,
|
|
169
|
+
Ro as useDSToast,
|
|
170
|
+
_a as useDynamicSvgImport,
|
|
171
|
+
A as validateAccordionProps,
|
|
166
172
|
R as validateCheckboxGroupProps,
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
173
|
+
M as validateChipGroupProps,
|
|
174
|
+
j as validateComboboxProps,
|
|
175
|
+
Q as validateDialogProps,
|
|
176
|
+
ea as validateDrawerProps,
|
|
177
|
+
ta as validateFieldsetProps,
|
|
178
|
+
Ga as validateInputPasswordProps,
|
|
179
|
+
va as validateInputProps,
|
|
180
|
+
Ha as validateInputSearchProps,
|
|
181
|
+
Fa as validateInputStepperProps,
|
|
182
|
+
k as validateIsLiveRegionPresent,
|
|
183
|
+
ao as validateRadioGroupProps,
|
|
184
|
+
to as validateSelectProps,
|
|
185
|
+
Ao as validateTabsProps,
|
|
186
|
+
fo as validateTextareaProps,
|
|
187
|
+
Ca as validateType
|
|
181
188
|
};
|
|
@@ -2,55 +2,57 @@
|
|
|
2
2
|
import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import { c as l } from "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import { useState as r, useRef as k, useEffect as sn } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
|
|
5
|
+
import { h as en } from "./chunks/has-window.ut_-aShB.js";
|
|
6
|
+
import { u as ln } from "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
7
|
+
import { u as B } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
|
+
import { Asterisk as on } from "./asterisk.DpzETKdT.js";
|
|
9
|
+
import { DSButton as E } from "./button.BfcWQZhx.js";
|
|
10
|
+
import { D as dn } from "./chunks/Icon.BCmt_XBG.js";
|
|
11
|
+
import { DSSystemFeedback as un } from "./systemfeedback.C3Pfxxpp.js";
|
|
12
|
+
import { v as cn, b as fn, M as hn, a as pn, s as _n, c as rn, i as v } from "./chunks/Input.utils.DYbmWlx6.js";
|
|
13
|
+
import './assets/input.BAkFKPW3.css';const mn = "ds-input_input_yfh6h_1", yn = "ds-input_input--invalid_yfh6h_113", bn = "ds-input_input--small_yfh6h_120", xn = "ds-input_input--has-leading-icon_yfh6h_173", gn = "ds-input_input--has-action-button_yfh6h_176", In = "ds-input_input--has-second-action-button_yfh6h_179", Sn = "ds-input_input--has-affix_yfh6h_191", Hn = "ds-input_input--is-ready_yfh6h_205", Dn = "ds-input_root_yfh6h_212", kn = "ds-input_hint_yfh6h_220", vn = "ds-input_label_yfh6h_220", Cn = "ds-input_wrapper_yfh6h_224", Rn = "ds-input_affix_yfh6h_230", jn = "ds-input_affix--small_yfh6h_251", Ln = "ds-input_affix--disabled_yfh6h_264", An = "ds-input_prefix_yfh6h_272", Nn = "ds-input_affix--readonly_yfh6h_275", wn = "ds-input_suffix_yfh6h_285", Bn = "ds-input_leading-icon_yfh6h_292", En = "ds-input_leading-icon--small_yfh6h_304", Tn = "ds-input_leading-icon--disabled_yfh6h_307", Fn = "ds-input_action-button_yfh6h_316", Pn = "ds-input_label--hidden_yfh6h_334", On = "ds-input_label--disabled_yfh6h_347", $n = "ds-input_feedback_yfh6h_367", n = {
|
|
14
|
+
input: mn,
|
|
13
15
|
"input--invalid": "ds-input_input--invalid_yfh6h_113",
|
|
14
|
-
inputInvalid:
|
|
16
|
+
inputInvalid: yn,
|
|
15
17
|
"input--small": "ds-input_input--small_yfh6h_120",
|
|
16
|
-
inputSmall:
|
|
18
|
+
inputSmall: bn,
|
|
17
19
|
"input--has-leading-icon": "ds-input_input--has-leading-icon_yfh6h_173",
|
|
18
|
-
inputHasLeadingIcon:
|
|
20
|
+
inputHasLeadingIcon: xn,
|
|
19
21
|
"input--has-action-button": "ds-input_input--has-action-button_yfh6h_176",
|
|
20
|
-
inputHasActionButton:
|
|
22
|
+
inputHasActionButton: gn,
|
|
21
23
|
"input--has-second-action-button": "ds-input_input--has-second-action-button_yfh6h_179",
|
|
22
|
-
inputHasSecondActionButton:
|
|
24
|
+
inputHasSecondActionButton: In,
|
|
23
25
|
"input--has-affix": "ds-input_input--has-affix_yfh6h_191",
|
|
24
|
-
inputHasAffix:
|
|
26
|
+
inputHasAffix: Sn,
|
|
25
27
|
"input--is-ready": "ds-input_input--is-ready_yfh6h_205",
|
|
26
|
-
inputIsReady:
|
|
27
|
-
root:
|
|
28
|
-
hint:
|
|
29
|
-
label:
|
|
30
|
-
wrapper:
|
|
31
|
-
affix:
|
|
28
|
+
inputIsReady: Hn,
|
|
29
|
+
root: Dn,
|
|
30
|
+
hint: kn,
|
|
31
|
+
label: vn,
|
|
32
|
+
wrapper: Cn,
|
|
33
|
+
affix: Rn,
|
|
32
34
|
"affix--small": "ds-input_affix--small_yfh6h_251",
|
|
33
|
-
affixSmall:
|
|
35
|
+
affixSmall: jn,
|
|
34
36
|
"affix--disabled": "ds-input_affix--disabled_yfh6h_264",
|
|
35
|
-
affixDisabled:
|
|
36
|
-
prefix:
|
|
37
|
+
affixDisabled: Ln,
|
|
38
|
+
prefix: An,
|
|
37
39
|
"affix--readonly": "ds-input_affix--readonly_yfh6h_275",
|
|
38
|
-
affixReadonly:
|
|
39
|
-
suffix:
|
|
40
|
+
affixReadonly: Nn,
|
|
41
|
+
suffix: wn,
|
|
40
42
|
"leading-icon": "ds-input_leading-icon_yfh6h_292",
|
|
41
43
|
leadingIcon: Bn,
|
|
42
44
|
"leading-icon--small": "ds-input_leading-icon--small_yfh6h_304",
|
|
43
|
-
leadingIconSmall:
|
|
45
|
+
leadingIconSmall: En,
|
|
44
46
|
"leading-icon--disabled": "ds-input_leading-icon--disabled_yfh6h_307",
|
|
45
|
-
leadingIconDisabled:
|
|
47
|
+
leadingIconDisabled: Tn,
|
|
46
48
|
"action-button": "ds-input_action-button_yfh6h_316",
|
|
47
|
-
actionButton:
|
|
49
|
+
actionButton: Fn,
|
|
48
50
|
"label--hidden": "ds-input_label--hidden_yfh6h_334",
|
|
49
|
-
labelHidden:
|
|
51
|
+
labelHidden: Pn,
|
|
50
52
|
"label--disabled": "ds-input_label--disabled_yfh6h_347",
|
|
51
|
-
labelDisabled:
|
|
52
|
-
feedback:
|
|
53
|
-
},
|
|
53
|
+
labelDisabled: On,
|
|
54
|
+
feedback: $n
|
|
55
|
+
}, qn = ({
|
|
54
56
|
id: u,
|
|
55
57
|
label: C,
|
|
56
58
|
actionButtonLabel: T,
|
|
@@ -73,7 +75,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
73
75
|
type: o = "text",
|
|
74
76
|
...$
|
|
75
77
|
}) => {
|
|
76
|
-
process.env.NODE_ENV !== "production" && (
|
|
78
|
+
process.env.NODE_ENV !== "production" && (cn({
|
|
77
79
|
id: u,
|
|
78
80
|
label: C,
|
|
79
81
|
prefix: s,
|
|
@@ -82,9 +84,9 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
82
84
|
leadingIconSource: _,
|
|
83
85
|
actionButtonIconName: f,
|
|
84
86
|
actionButtonIconSource: m
|
|
85
|
-
}),
|
|
86
|
-
const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0,
|
|
87
|
-
|
|
87
|
+
}), fn(o));
|
|
88
|
+
const [W, X] = r(!1), [M, V] = r(!1), [x, G] = r(!1), [U, J] = r({}), g = k(null), K = s == null ? void 0 : s.substring(0, hn), I = k(null), Q = a == null ? void 0 : a.substring(0, pn), S = k(null), Y = ln(O);
|
|
89
|
+
B(() => {
|
|
88
90
|
const d = e === "medium" ? 16 : 8, H = {};
|
|
89
91
|
if (I.current) {
|
|
90
92
|
const D = I.current.offsetWidth;
|
|
@@ -95,16 +97,16 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
95
97
|
H.paddingInlineEnd = d + D + "px";
|
|
96
98
|
}
|
|
97
99
|
J(H), X(!0);
|
|
98
|
-
}, [s, a, e, M]),
|
|
99
|
-
(async () => {
|
|
100
|
+
}, [s, a, e, M]), B(() => {
|
|
101
|
+
en && (async () => {
|
|
100
102
|
"fonts" in document && (await document.fonts.load(
|
|
101
103
|
'1em "STIHL Contraface Digital Text Regular"'
|
|
102
104
|
), V(!0));
|
|
103
105
|
})();
|
|
104
106
|
}, []), sn(() => {
|
|
105
|
-
const d =
|
|
107
|
+
const d = _n(
|
|
106
108
|
v(o),
|
|
107
|
-
|
|
109
|
+
rn(o)
|
|
108
110
|
);
|
|
109
111
|
G(d);
|
|
110
112
|
}, [o]);
|
|
@@ -131,7 +133,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
131
133
|
}), tn = l(n.leadingIcon, {
|
|
132
134
|
[n.leadingIconSmall]: e === "small",
|
|
133
135
|
[n.leadingIconDisabled]: i
|
|
134
|
-
}),
|
|
136
|
+
}), w = l(n.actionButton, {
|
|
135
137
|
[n.actionButtonSmall]: e === "small"
|
|
136
138
|
}), an = (d) => {
|
|
137
139
|
g.current && !i && !c && g.current.showPicker(), d.preventDefault();
|
|
@@ -139,11 +141,11 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
139
141
|
return /* @__PURE__ */ t.jsxs("div", { className: q, children: [
|
|
140
142
|
/* @__PURE__ */ t.jsxs("label", { className: nn, id: L, htmlFor: u, children: [
|
|
141
143
|
C,
|
|
142
|
-
R && /* @__PURE__ */ t.jsx(
|
|
144
|
+
R && /* @__PURE__ */ t.jsx(on, {})
|
|
143
145
|
] }),
|
|
144
146
|
y && /* @__PURE__ */ t.jsx("div", { className: n.hint, id: N, children: y }),
|
|
145
147
|
h && b && /* @__PURE__ */ t.jsx(
|
|
146
|
-
|
|
148
|
+
un,
|
|
147
149
|
{
|
|
148
150
|
className: n.feedback,
|
|
149
151
|
message: b,
|
|
@@ -162,7 +164,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
162
164
|
}
|
|
163
165
|
),
|
|
164
166
|
!s && (p || _) && /* @__PURE__ */ t.jsx(
|
|
165
|
-
|
|
167
|
+
dn,
|
|
166
168
|
{
|
|
167
169
|
name: p,
|
|
168
170
|
theme: "light",
|
|
@@ -205,7 +207,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
205
207
|
theme: "light",
|
|
206
208
|
iconName: f,
|
|
207
209
|
variant: "ghost",
|
|
208
|
-
className:
|
|
210
|
+
className: w,
|
|
209
211
|
size: e,
|
|
210
212
|
onClick: F,
|
|
211
213
|
type: "button",
|
|
@@ -220,7 +222,7 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
220
222
|
theme: "light",
|
|
221
223
|
iconName: v(o) ? "calendar" : "clock",
|
|
222
224
|
variant: "ghost",
|
|
223
|
-
className:
|
|
225
|
+
className: w,
|
|
224
226
|
size: e,
|
|
225
227
|
onClick: an,
|
|
226
228
|
type: "button",
|
|
@@ -235,5 +237,5 @@ import './assets/input.BAkFKPW3.css';const rn = "ds-input_input_yfh6h_1", mn = "
|
|
|
235
237
|
] });
|
|
236
238
|
};
|
|
237
239
|
export {
|
|
238
|
-
|
|
240
|
+
qn as DSInput
|
|
239
241
|
};
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./chunks/useBreakpoint.
|
|
5
|
+
import "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
6
6
|
import "./asterisk.DpzETKdT.js";
|
|
7
|
-
import "./button.
|
|
7
|
+
import "./button.BfcWQZhx.js";
|
|
8
8
|
import "./systemfeedback.C3Pfxxpp.js";
|
|
9
|
-
import { D as n } from "./chunks/InputPassword.
|
|
9
|
+
import { D as n } from "./chunks/InputPassword.Cvk5J8w1.js";
|
|
10
10
|
export {
|
|
11
11
|
n as DSInputPassword
|
|
12
12
|
};
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "./chunks/helpers.
|
|
6
|
-
import "./chunks/useBreakpoint.
|
|
5
|
+
import "./chunks/helpers.CcqWV-wZ.js";
|
|
6
|
+
import "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
7
7
|
import "./asterisk.DpzETKdT.js";
|
|
8
|
-
import "./button.
|
|
8
|
+
import "./button.BfcWQZhx.js";
|
|
9
9
|
import "./systemfeedback.C3Pfxxpp.js";
|
|
10
|
-
import { D as s } from "./chunks/InputSearch.
|
|
10
|
+
import { D as s } from "./chunks/InputSearch.BIIW-ERk.js";
|
|
11
11
|
export {
|
|
12
12
|
s as DSInputSearch
|
|
13
13
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "./chunks/has-window.ut_-aShB.js";
|
|
6
|
+
import "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
7
|
+
import "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
|
+
import "./asterisk.DpzETKdT.js";
|
|
9
|
+
import "./button.BfcWQZhx.js";
|
|
10
|
+
import "./chunks/Input.utils.DYbmWlx6.js";
|
|
11
|
+
import "./systemfeedback.C3Pfxxpp.js";
|
|
12
|
+
import { D as a } from "./chunks/InputStepper.DGzR3KY6.js";
|
|
13
|
+
export {
|
|
14
|
+
a as DSInputStepper
|
|
15
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import { c as e } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { u as n } from "./chunks/useBreakpoint.
|
|
4
|
+
import { u as n } from "./chunks/useBreakpoint.B8XxjSVJ.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import { D as H } from "./chunks/Icon.BCmt_XBG.js";
|
|
7
7
|
import './assets/link.DDJj0D1U.css';const S = "ds-link_root_1i5hz_1", x = "ds-link_root--highlight_1i5hz_75", b = "ds-link_root--dark-highlight_1i5hz_75", j = "ds-link_root--filled_1i5hz_151", L = "ds-link_root--outline_1i5hz_179", C = "ds-link_root--ghost_1i5hz_206", N = "ds-link_root--ghost-flush_1i5hz_231", T = "ds-link_root--small_1i5hz_237", B = "ds-link_root--dark-filled_1i5hz_317", E = "ds-link_root--dark-outline_1i5hz_374", R = "ds-link_root--dark-ghost_1i5hz_430", V = "ds-link_root--dark-ghost-flush_1i5hz_484", q = "ds-link_root--icon-left_1i5hz_546", w = "ds-link_root--icon-only_1i5hz_562", A = "ds-link_root--icon-only-small_1i5hz_571", J = "ds-link_label--hidden_1i5hz_582", o = {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import "./button.
|
|
4
|
+
import "./button.BfcWQZhx.js";
|
|
5
5
|
import "./chunks/Icon.BCmt_XBG.js";
|
|
6
|
-
import { D as e } from "./chunks/Notification.
|
|
6
|
+
import { D as e } from "./chunks/Notification.uAEjPywP.js";
|
|
7
7
|
export {
|
|
8
8
|
e as DSNotification
|
|
9
9
|
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as c } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as a } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import './assets/numberindicator.BJ9vFpnd.css';const m = "ds-number-indicator_root_t83wm_1", g = "ds-number-indicator_root--has-content_t83wm_25", _ = "ds-number-indicator_root--highlight_t83wm_30", n = {
|
|
5
|
+
root: m,
|
|
6
|
+
"root--has-content": "ds-number-indicator_root--has-content_t83wm_25",
|
|
7
|
+
rootHasContent: g,
|
|
8
|
+
"root--highlight": "ds-number-indicator_root--highlight_t83wm_30",
|
|
9
|
+
rootHighlight: _
|
|
10
|
+
}, u = ({
|
|
11
|
+
label: t,
|
|
12
|
+
className: r,
|
|
13
|
+
variant: s = "default",
|
|
14
|
+
...i
|
|
15
|
+
}) => {
|
|
16
|
+
const o = typeof t == "string" && t.trim().length > 0, e = o ? t.trim().substring(0, 4) : null, h = a(n.root, r, {
|
|
17
|
+
[n.rootHasContent]: o,
|
|
18
|
+
// It is not possible to allow the `default` variant to be applied when there is no content.
|
|
19
|
+
// The "minimized" version "dot" should always be orange and never grey.
|
|
20
|
+
[n.rootHighlight]: s === "highlight" || !o
|
|
21
|
+
});
|
|
22
|
+
return /* @__PURE__ */ c.jsx("span", { className: h, ...i, children: e });
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
u as NumberIndicator
|
|
26
|
+
};
|