@stihl-design-system/components 1.0.0-RC.27 → 1.0.0-RC.29

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.
Files changed (138) hide show
  1. package/{accordion.CBaDU14g.js → accordion.DkwtJy--.js} +2 -2
  2. package/{actionbutton.DEJsLxnQ.js → actionbutton.DHt1AL7U.js} +2 -2
  3. package/{actionlink.Cs6BTCA3.js → actionlink.BML1jenE.js} +2 -2
  4. package/assets/Accordion.BJb4TOG0.css +1 -0
  5. package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
  6. package/assets/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
  7. package/assets/InputFile.CCQxsulT.css +1 -0
  8. package/assets/InputPassword.124xVOiO.css +1 -0
  9. package/assets/InputSearch.Bkg-1urJ.css +1 -0
  10. package/assets/InputStepper.Dth4qZN_.css +1 -0
  11. package/assets/Select.CYACicZ3.css +1 -0
  12. package/assets/Slider.DzwSjDPV.css +1 -0
  13. package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
  14. package/assets/Textarea.BXWhXpXx.css +1 -0
  15. package/assets/input.ONbL-_C1.css +1 -0
  16. package/assets/radio.CgpGvYc-.css +1 -0
  17. package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
  18. package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
  19. package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
  20. package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
  21. package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
  22. package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.C5NgyyQF.js} +2 -2
  23. package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
  24. package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
  25. package/chunks/Accordion.C5V5IcM-.js +170 -0
  26. package/chunks/ActionButton.CzaWZGPt.js +165 -0
  27. package/chunks/ActionLink.BlhqDEtq.js +138 -0
  28. package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
  29. package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
  30. package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
  31. package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
  32. package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
  33. package/chunks/{CustomReactSelect.BPnzhvw1.js → CustomReactSelect.iE5iTdez.js} +380 -379
  34. package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
  35. package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
  36. package/chunks/Fieldset.CjIfmN_5.js +74 -0
  37. package/chunks/Header.BSvyYrIV.js +368 -0
  38. package/chunks/Icon.DGTYCv63.js +231 -0
  39. package/chunks/{InputFile.vkkg5Pab.js → InputFile.DvOatDzg.js} +59 -59
  40. package/chunks/InputPassword.DC2POUc1.js +136 -0
  41. package/chunks/{InputSearch.aIbUXVQU.js → InputSearch.B0aCuPRZ.js} +38 -38
  42. package/chunks/InputStepper.B_ZjgY_f.js +263 -0
  43. package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
  44. package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
  45. package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
  46. package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
  47. package/chunks/{RadioGroup.c7YYJdUe.js → RadioGroup.peTeMK45.js} +2 -2
  48. package/chunks/Select.BDHLJ2ma.js +162 -0
  49. package/chunks/Slider.kyVr7BLk.js +292 -0
  50. package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
  51. package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
  52. package/chunks/Textarea.ORkJUx-S.js +163 -0
  53. package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
  54. package/chunks/caret-down.CupuwAF6.js +10 -0
  55. package/chunks/caret-right.DKtu4PQe.js +10 -0
  56. package/chunks/collapse.Dvv3mgkv.js +10 -0
  57. package/combobox.Bk2ycofh.js +60 -0
  58. package/components/Accordion/Accordion.utils.d.ts +3 -1
  59. package/components/ActionButton/ActionButton.d.ts +5 -5
  60. package/components/ActionLink/ActionLink.d.ts +5 -5
  61. package/components/Combobox/Combobox.d.ts +4 -0
  62. package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
  63. package/components/Header/Header.d.ts +1 -1
  64. package/components/Radio/Radio.d.ts +0 -6
  65. package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
  66. package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
  67. package/components/TopBar/TopBar.d.ts +1 -1
  68. package/{customreactselect.Bu1i8wkh.js → customreactselect.Hnch9LGg.js} +4 -4
  69. package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
  70. package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
  71. package/{fieldset.DM9ELUJa.js → fieldset.DUFUMcT-.js} +2 -2
  72. package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
  73. package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
  74. package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
  75. package/{header.WhQHSuB1.js → header.Z4Oxj_xL.js} +1 -1
  76. package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
  77. package/index.d.ts +2 -0
  78. package/index.es.js +175 -170
  79. package/input.BKHOY118.js +203 -0
  80. package/{inputfile.Cmkxf4Vq.js → inputfile.DK8759wV.js} +5 -5
  81. package/{inputpassword.CaJBCMA0.js → inputpassword.rV_ZZw5F.js} +3 -3
  82. package/{inputsearch.B06DhYzo.js → inputsearch.CmhakTpa.js} +3 -3
  83. package/{inputstepper.DNY7nzP8.js → inputstepper.5olvh4tk.js} +3 -3
  84. package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
  85. package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
  86. package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
  87. package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
  88. package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
  89. package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
  90. package/package.json +1 -1
  91. package/partials/index.js +30 -24
  92. package/partials/lib/partials.d.ts +1 -1
  93. package/radio.7_N_alaS.js +126 -0
  94. package/{radiogroup.BRjwP01C.js → radiogroup.J8WpEEo8.js} +3 -3
  95. package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
  96. package/{select.3zE96eWc.js → select.DIzGPVx3.js} +3 -3
  97. package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
  98. package/{slider.CTCf7Xdm.js → slider.DuJK0RdB.js} +2 -2
  99. package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
  100. package/styles/scss/ds/index.scss +1 -0
  101. package/styles/scss/ds/lib/ds-internal/_index.scss +1 -0
  102. package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
  103. package/styles/scss/ds/lib/input.scss +26 -0
  104. package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
  105. package/systemfeedback.C_2PhwKe.js +10 -0
  106. package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
  107. package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
  108. package/{textarea.B_3fPtmd.js → textarea.dQ12-oYB.js} +2 -2
  109. package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
  110. package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
  111. package/{topbar.2b8fjmA4.js → topbar.Bccms0xZ.js} +1 -1
  112. package/types/icon-types.d.ts +1 -1
  113. package/assets/Accordion.DOcfZwq8.css +0 -1
  114. package/assets/CustomReactSelect.B9f_KYFg.css +0 -1
  115. package/assets/InputFile.Dqjz53mb.css +0 -1
  116. package/assets/InputPassword.BuVQ9dRy.css +0 -1
  117. package/assets/InputSearch.Dwtb3Mhw.css +0 -1
  118. package/assets/InputStepper.CBt99L83.css +0 -1
  119. package/assets/Select.CghDnBUQ.css +0 -1
  120. package/assets/Slider.C8i4U4iT.css +0 -1
  121. package/assets/Textarea.BgtH-TTe.css +0 -1
  122. package/assets/input.DFwunFjw.css +0 -1
  123. package/assets/radio.BCB51D_y.css +0 -1
  124. package/chunks/Accordion.eVOD7J_8.js +0 -154
  125. package/chunks/ActionButton.Ck1rGqgm.js +0 -165
  126. package/chunks/ActionLink.DnUNjoAT.js +0 -138
  127. package/chunks/Fieldset.BX46NuLh.js +0 -74
  128. package/chunks/Header.Djs1adPW.js +0 -361
  129. package/chunks/Icon.C0161Glk.js +0 -231
  130. package/chunks/InputPassword.D42uUEGy.js +0 -136
  131. package/chunks/InputStepper.DFEdUWm7.js +0 -263
  132. package/chunks/Select.B_EHpk22.js +0 -162
  133. package/chunks/Slider.DMSwmGwD.js +0 -292
  134. package/chunks/Textarea.Ce26v6ht.js +0 -163
  135. package/combobox.AaK6QjRl.js +0 -58
  136. package/input.DhxUW3zc.js +0 -203
  137. package/radio.Be4pFOLf.js +0 -134
  138. package/systemfeedback.CLQCbTF6.js +0 -44
@@ -1,292 +0,0 @@
1
- "use client";
2
- import { jsx as b, jsxs as Se } from "react/jsx-runtime";
3
- import { d as nt } from "./index.CgTHIF3K.js";
4
- import { c as T } from "./index.CEyLAtio.js";
5
- import { forwardRef as ot, useState as Xe, useRef as ct } from "react";
6
- import { u as dt } from "./useBreakpoint.CMOR9ZOB.js";
7
- import { DSInput as ut } from "../input.DhxUW3zc.js";
8
- import { g as Je } from "./helpers.BbWkXTr3.js";
9
- import '../assets/Slider.C8i4U4iT.css';const pt = "ds-slider_root_84q0h_1", mt = "ds-slider_hint_84q0h_10", bt = "ds-slider_label_84q0h_10", ht = "ds-slider_number-input_84q0h_13", ft = "ds-slider_label-hint-input-wrapper_84q0h_17", _t = "ds-slider_label--hidden_84q0h_37", Tt = "ds-slider_label--disabled_84q0h_50", xt = "ds-slider_number-input--small_84q0h_79", vt = "ds-slider_min-max-label-wrapper_84q0h_84", gt = "ds-slider_min-max-label-wrapper--disabled_84q0h_98", kt = "ds-slider_min-label_84q0h_103", Nt = "ds-slider_max-label_84q0h_107", St = "ds-slider_slider-wrapper_84q0h_111", yt = "ds-slider_slider_84q0h_111", Dt = "ds-slider_value-tooltip_84q0h_135", It = "ds-slider_proxy-thumb_84q0h_139", qt = "ds-slider_proxy-thumb--disabled_84q0h_206", Mt = "ds-slider_custom-track_84q0h_235", Lt = "ds-slider_custom-track--progress_84q0h_240", Vt = "ds-slider_custom-track--runnable_84q0h_252", wt = "ds-slider_custom-track--disabled_84q0h_266", Ct = "ds-slider_tick-wrapper_84q0h_286", Wt = "ds-slider_tick_84q0h_286", $t = "ds-slider_value-tooltip--visible_84q0h_358", Pt = "ds-slider_value-tooltip--disabled_84q0h_361", a = {
10
- root: pt,
11
- hint: mt,
12
- label: bt,
13
- numberInput: ht,
14
- labelHintInputWrapper: ft,
15
- labelHidden: _t,
16
- labelDisabled: Tt,
17
- numberInputSmall: xt,
18
- minMaxLabelWrapper: vt,
19
- minMaxLabelWrapperDisabled: gt,
20
- minLabel: kt,
21
- maxLabel: Nt,
22
- sliderWrapper: St,
23
- slider: yt,
24
- valueTooltip: Dt,
25
- proxyThumb: It,
26
- proxyThumbDisabled: qt,
27
- customTrack: Mt,
28
- customTrackProgress: Lt,
29
- customTrackRunnable: Vt,
30
- customTrackDisabled: wt,
31
- tickWrapper: Ct,
32
- tick: Wt,
33
- valueTooltipVisible: $t,
34
- valueTooltipDisabled: Pt
35
- }, At = 11, Qe = 4, Ye = (p) => p.toString().length, Et = (p, r, e) => {
36
- if (r === 0)
37
- return !0;
38
- const m = 1e-10, n = (p - e) / r;
39
- return Math.abs(Math.round(n) - n) < m;
40
- }, Rt = (p, r, e, m) => {
41
- var o;
42
- const n = parseFloat(r), h = e, c = Math.round((p - h) / n);
43
- let d = h + c * n;
44
- d = Math.min(Math.max(d, e), m);
45
- const v = ((o = n.toString().split(".")[1]) == null ? void 0 : o.length) || 0;
46
- return parseFloat(d.toFixed(v));
47
- }, Ft = (p, r, e) => {
48
- const m = (p - r) / (e - r) * 100, n = `calc(-0.24 * ${m}px + 10px)`;
49
- return `calc(${m}% + ${n})`;
50
- }, Ht = ({
51
- id: p,
52
- label: r
53
- }) => {
54
- if (!p)
55
- throw new Error(Je("DSSlider", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSlider component.'));
56
- if (!r)
57
- throw new Error(Je("DSSlider", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSlider component. If you don't want to display a label, set hideLabel={true}.`));
58
- }, Bt = ot((p, r) => {
59
- const e = nt.c(154);
60
- let m, n, h, c, d, v, o, S, U, G, X, J, Q, Y, Z, g;
61
- e[0] !== p ? ({
62
- id: c,
63
- label: d,
64
- className: m,
65
- defaultValue: n,
66
- disabled: U,
67
- hideLabel: G,
68
- hideNumberInput: X,
69
- hint: h,
70
- isTooltipAlwaysVisible: J,
71
- max: Q,
72
- min: Y,
73
- numberInputProps: v,
74
- step: Z,
75
- value: g,
76
- onChange: o,
77
- ...S
78
- } = p, e[0] = p, e[1] = m, e[2] = n, e[3] = h, e[4] = c, e[5] = d, e[6] = v, e[7] = o, e[8] = S, e[9] = U, e[10] = G, e[11] = X, e[12] = J, e[13] = Q, e[14] = Y, e[15] = Z, e[16] = g) : (m = e[1], n = e[2], h = e[3], c = e[4], d = e[5], v = e[6], o = e[7], S = e[8], U = e[9], G = e[10], X = e[11], J = e[12], Q = e[13], Y = e[14], Z = e[15], g = e[16]);
79
- const l = U === void 0 ? !1 : U, Ze = G === void 0 ? !1 : G, y = X === void 0 ? !1 : X, ye = J === void 0 ? !1 : J, et = Q === void 0 ? 100 : Q, tt = Y === void 0 ? 0 : Y, ee = Z === void 0 ? 1 : Z;
80
- process.env.NODE_ENV !== "production" && Ht({
81
- id: c,
82
- label: d
83
- });
84
- const i = Number(et), t = Number(tt), u = Number(ee), De = dt(Ze), D = `${c}-label`, Ie = `${c}-hint`, qe = `${c}-number-input`;
85
- let se;
86
- e[17] !== n || e[18] !== t || e[19] !== g ? (se = g || n || t.toString() || "0", e[17] = n, e[18] = t, e[19] = g, e[20] = se) : se = e[20];
87
- const [I, le] = Xe(se), [x, ae] = Xe(g || n || t || 0), st = ct(null);
88
- let ie;
89
- e[21] !== r ? (ie = (s) => {
90
- st.current = s, typeof r == "function" ? r(s) : r && (r.current = s);
91
- }, e[21] = r, e[22] = ie) : ie = e[22];
92
- const Me = ie;
93
- let re;
94
- e[23] !== v ? (re = v || {}, e[23] = v, e[24] = re) : re = e[24];
95
- const {
96
- size: Ge,
97
- suffix: Le
98
- } = re, ne = Ge === void 0 ? "medium" : Ge;
99
- let oe;
100
- e[25] !== o ? (oe = (s) => {
101
- const f = parseFloat(s.target.value);
102
- ae(f), le(s.target.value), o && o(s);
103
- }, e[25] = o, e[26] = oe) : oe = e[26];
104
- const Ve = oe;
105
- let ce;
106
- e[27] === Symbol.for("react.memo_cache_sentinel") ? (ce = (s) => {
107
- const f = s.target.value;
108
- if (le(f), /^-?\d+(\.\d+)?$/.test(f)) {
109
- const _ = parseFloat(f);
110
- Number.isNaN(_) || ae(_);
111
- }
112
- }, e[27] = ce) : ce = e[27];
113
- const lt = ce;
114
- let k;
115
- if (e[28] !== I || e[29] !== o || e[30] !== i || e[31] !== t || e[32] !== ee) {
116
- k = (f) => {
117
- const te = parseFloat(I);
118
- if (Number.isNaN(te)) {
119
- s(f);
120
- return;
121
- }
122
- let _ = Math.min(Math.max(te, t), i);
123
- Et(_, parseFloat(ee), t) || (_ = Rt(_, ee, t, i)), le(_.toString()), ae(_), o && o(f);
124
- };
125
- const s = (f) => {
126
- le(t.toString()), ae(t), o && o(f);
127
- };
128
- e[28] = I, e[29] = o, e[30] = i, e[31] = t, e[32] = ee, e[33] = k;
129
- } else
130
- k = e[33];
131
- const q = (u === 0 ? !1 : (i - t) / u <= At) && (i - t) / u || 0;
132
- let de;
133
- if (e[34] !== i || e[35] !== t || e[36] !== u || e[37] !== q) {
134
- let s;
135
- e[39] !== i || e[40] !== t || e[41] !== u ? (s = (f, te) => {
136
- const _ = t + te * u, rt = Ft(_, t, i);
137
- return /* @__PURE__ */ b("span", { className: a.tick, style: {
138
- left: rt
139
- } }, _);
140
- }, e[39] = i, e[40] = t, e[41] = u, e[42] = s) : s = e[42], de = Array.from({
141
- length: q + 1
142
- }, s), e[34] = i, e[35] = t, e[36] = u, e[37] = q, e[38] = de;
143
- } else
144
- de = e[38];
145
- const we = de;
146
- let ue;
147
- e[43] !== i || e[44] !== t || e[45] !== x ? (ue = () => {
148
- if (t === i)
149
- throw new Error("Min and max values cannot be the same.");
150
- const s = (x - t) / (i - t) * 100;
151
- return Math.max(0, Math.min(s, 100));
152
- }, e[43] = i, e[44] = t, e[45] = x, e[46] = ue) : ue = e[46];
153
- const N = ue;
154
- let pe;
155
- e[47] !== N ? (pe = () => {
156
- const s = N();
157
- return s < 50 ? `calc(${s}% + 4px)` : `calc(${s}% - 4px)`;
158
- }, e[47] = N, e[48] = pe) : pe = e[48];
159
- const at = pe;
160
- let me;
161
- e[49] !== N ? (me = () => {
162
- const s = 100 - N();
163
- return s < 50 ? `calc(${s}% + 4px)` : `calc(${s}% - 4px)`;
164
- }, e[49] = N, e[50] = me) : me = e[50];
165
- const it = me;
166
- let be;
167
- e[51] !== m ? (be = T(a.slider, m), e[51] = m, e[52] = be) : be = e[52];
168
- const Ce = be;
169
- let he;
170
- e[53] !== l || e[54] !== De ? (he = T(a.label, {
171
- [a.labelHidden]: De,
172
- [a.labelDisabled]: l
173
- }), e[53] = l, e[54] = De, e[55] = he) : he = e[55];
174
- const We = he, $e = ne === "small";
175
- let fe;
176
- e[56] !== $e ? (fe = T(a.numberInput, {
177
- [a.numberInputSmall]: $e
178
- }), e[56] = $e, e[57] = fe) : fe = e[57];
179
- const Pe = fe;
180
- let _e;
181
- e[58] !== l ? (_e = T(a.minMaxLabelWrapper, {
182
- [a.minMaxLabelWrapperDisabled]: l
183
- }), e[58] = l, e[59] = _e) : _e = e[59];
184
- const Ae = _e;
185
- let Te;
186
- e[60] !== l ? (Te = T(a.customTrack, a.customTrackProgress, {
187
- [a.customTrackDisabled]: l
188
- }), e[60] = l, e[61] = Te) : Te = e[61];
189
- const Ee = Te;
190
- let xe;
191
- e[62] !== l ? (xe = T(a.customTrack, a.customTrackRunnable, {
192
- [a.customTrackDisabled]: l
193
- }), e[62] = l, e[63] = xe) : xe = e[63];
194
- const Re = xe;
195
- let ve;
196
- e[64] !== l ? (ve = T(a.proxyThumb, {
197
- [a.proxyThumbDisabled]: l
198
- }), e[64] = l, e[65] = ve) : ve = e[65];
199
- const Fe = ve;
200
- let ge;
201
- e[66] !== l || e[67] !== ye ? (ge = T(a.valueTooltip, {
202
- [a.valueTooltipVisible]: ye,
203
- [a.valueTooltipDisabled]: l
204
- }), e[66] = l, e[67] = ye, e[68] = ge) : ge = e[68];
205
- const He = ge;
206
- let M;
207
- e[69] !== c || e[70] !== d || e[71] !== We || e[72] !== D ? (M = /* @__PURE__ */ b("label", { className: We, htmlFor: c, id: D, children: d }), e[69] = c, e[70] = d, e[71] = We, e[72] = D, e[73] = M) : M = e[73];
208
- let L;
209
- e[74] !== h || e[75] !== Ie ? (L = h && /* @__PURE__ */ b("div", { className: a.hint, id: Ie, children: h }), e[74] = h, e[75] = Ie, e[76] = L) : L = e[76];
210
- let V;
211
- e[77] !== l || e[78] !== k || e[79] !== y || e[80] !== qe || e[81] !== I || e[82] !== d || e[83] !== Pe || e[84] !== ne || e[85] !== Le || e[86] !== i || e[87] !== t || e[88] !== u ? (V = !y && /* @__PURE__ */ b(ut, { id: qe, className: Pe, type: "number", min: t, max: i, step: u, inputMode: "decimal", autoComplete: "off", disabled: l, hideLabel: !0, value: I, onChange: lt, onBlur: k, onKeyDown: (s) => {
212
- s.key === "Enter" && (s.preventDefault(), k(s));
213
- }, label: d, size: ne, suffix: Le }), e[77] = l, e[78] = k, e[79] = y, e[80] = qe, e[81] = I, e[82] = d, e[83] = Pe, e[84] = ne, e[85] = Le, e[86] = i, e[87] = t, e[88] = u, e[89] = V) : V = e[89];
214
- let w;
215
- e[90] !== M || e[91] !== L || e[92] !== V ? (w = /* @__PURE__ */ Se("div", { className: a.labelHintInputWrapper, children: [
216
- M,
217
- L,
218
- V
219
- ] }), e[90] = M, e[91] = L, e[92] = V, e[93] = w) : w = e[93];
220
- const Be = Ye(t) < Qe;
221
- let C;
222
- e[94] !== Be ? (C = T({
223
- [a.minLabel]: Be
224
- }), e[94] = Be, e[95] = C) : C = e[95];
225
- let W;
226
- e[96] !== t || e[97] !== C ? (W = /* @__PURE__ */ b("div", { className: C, children: t }), e[96] = t, e[97] = C, e[98] = W) : W = e[98];
227
- const Oe = Ye(i) < Qe;
228
- let $;
229
- e[99] !== Oe ? ($ = T({
230
- [a.maxLabel]: Oe
231
- }), e[99] = Oe, e[100] = $) : $ = e[100];
232
- let P;
233
- e[101] !== i || e[102] !== $ ? (P = /* @__PURE__ */ b("div", { className: $, children: i }), e[101] = i, e[102] = $, e[103] = P) : P = e[103];
234
- let A;
235
- e[104] !== Ae || e[105] !== W || e[106] !== P ? (A = /* @__PURE__ */ Se("div", { className: Ae, children: [
236
- W,
237
- P
238
- ] }), e[104] = Ae, e[105] = W, e[106] = P, e[107] = A) : A = e[107];
239
- const ze = `${N()}`;
240
- let ke;
241
- e[108] !== ze ? (ke = {
242
- "--ds-input-slider-thumb-position": ze
243
- }, e[108] = ze, e[109] = ke) : ke = e[109];
244
- const Ke = ke, je = at();
245
- let E;
246
- e[110] !== je ? (E = {
247
- width: je
248
- }, e[110] = je, e[111] = E) : E = e[111];
249
- let R;
250
- e[112] !== Ee || e[113] !== E ? (R = /* @__PURE__ */ b("div", { className: Ee, style: E }), e[112] = Ee, e[113] = E, e[114] = R) : R = e[114];
251
- const Ue = it();
252
- let F;
253
- e[115] !== Ue ? (F = {
254
- width: Ue
255
- }, e[115] = Ue, e[116] = F) : F = e[116];
256
- let H;
257
- e[117] !== Re || e[118] !== F ? (H = /* @__PURE__ */ b("div", { className: Re, style: F }), e[117] = Re, e[118] = F, e[119] = H) : H = e[119];
258
- let B;
259
- e[120] !== l || e[121] !== Me || e[122] !== Ve || e[123] !== c || e[124] !== i || e[125] !== t || e[126] !== u || e[127] !== S || e[128] !== Ce || e[129] !== D || e[130] !== x ? (B = /* @__PURE__ */ b("input", { ...S, id: c, type: "range", ref: Me, className: Ce, min: t, max: i, step: u, value: x, disabled: l, "aria-labelledby": D, onChange: Ve }), e[120] = l, e[121] = Me, e[122] = Ve, e[123] = c, e[124] = i, e[125] = t, e[126] = u, e[127] = S, e[128] = Ce, e[129] = D, e[130] = x, e[131] = B) : B = e[131];
260
- let O;
261
- e[132] !== q || e[133] !== we ? (O = q > 0 && /* @__PURE__ */ b("div", { className: a.tickWrapper, children: we }), e[132] = q, e[133] = we, e[134] = O) : O = e[134];
262
- let z;
263
- e[135] !== Fe ? (z = /* @__PURE__ */ b("div", { className: Fe }), e[135] = Fe, e[136] = z) : z = e[136];
264
- let K;
265
- e[137] !== l || e[138] !== y || e[139] !== x || e[140] !== He ? (K = y && /* @__PURE__ */ b("div", { className: He, "aria-disabled": l, children: x }), e[137] = l, e[138] = y, e[139] = x, e[140] = He, e[141] = K) : K = e[141];
266
- let j;
267
- e[142] !== Ke || e[143] !== R || e[144] !== H || e[145] !== B || e[146] !== O || e[147] !== z || e[148] !== K ? (j = /* @__PURE__ */ Se("div", { className: a.sliderWrapper, style: Ke, children: [
268
- R,
269
- H,
270
- B,
271
- O,
272
- z,
273
- K
274
- ] }), e[142] = Ke, e[143] = R, e[144] = H, e[145] = B, e[146] = O, e[147] = z, e[148] = K, e[149] = j) : j = e[149];
275
- let Ne;
276
- return e[150] !== w || e[151] !== A || e[152] !== j ? (Ne = /* @__PURE__ */ Se("div", { className: a.root, children: [
277
- w,
278
- A,
279
- j
280
- ] }), e[150] = w, e[151] = A, e[152] = j, e[153] = Ne) : Ne = e[153], Ne;
281
- });
282
- Bt.displayName = "DSSlider";
283
- export {
284
- Bt as D,
285
- Qe as L,
286
- At as M,
287
- Ft as a,
288
- Ye as g,
289
- Et as i,
290
- Rt as s,
291
- Ht as v
292
- };
@@ -1,163 +0,0 @@
1
- "use client";
2
- import { jsxs as d, jsx as p, Fragment as le } from "react/jsx-runtime";
3
- import { c as A } from "./index.CEyLAtio.js";
4
- import { forwardRef as ie, useState as i, useRef as ce, useEffect as m } from "react";
5
- import { g as q, p as z } from "./helpers.BbWkXTr3.js";
6
- import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
7
- import "./index.CgTHIF3K.js";
8
- import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
9
- import { DSSystemFeedback as fe } from "../systemfeedback.CLQCbTF6.js";
10
- import '../assets/Textarea.BgtH-TTe.css';const be = "ds-textarea_textarea_1y99f_1", _e = "ds-textarea_textarea--small_1y99f_9", he = "ds-textarea_textarea--invalid_1y99f_121", pe = "ds-textarea_textarea--resize-auto_1y99f_145", me = "ds-textarea_root_1y99f_155", xe = "ds-textarea_hint_1y99f_164", ye = "ds-textarea_label_1y99f_164", ve = "ds-textarea_label--hidden_1y99f_272", Ce = "ds-textarea_label--disabled_1y99f_285", Se = "ds-textarea_feedback_1y99f_305", Ae = "ds-textarea_char-count_1y99f_310", Ie = "ds-textarea_char-count-announcer_1y99f_326", a = {
11
- textarea: be,
12
- textareaSmall: _e,
13
- textareaInvalid: he,
14
- textareaResizeAuto: pe,
15
- root: me,
16
- hint: xe,
17
- label: ye,
18
- labelHidden: ve,
19
- labelDisabled: Ce,
20
- feedback: Se,
21
- charCount: Ae,
22
- charCountAnnouncer: Ie
23
- }, Ve = ["medium", "small"], Te = ({
24
- id: r,
25
- label: u
26
- }) => {
27
- if (!r)
28
- throw new Error(q("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
29
- if (!u)
30
- throw new Error(q("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
31
- }, De = ie(({
32
- id: r,
33
- label: u,
34
- charsLimitText: M = "Character limit reached",
35
- charsRemainingText: O = "Characters remaining:",
36
- className: F,
37
- defaultValue: X,
38
- disabled: I = !1,
39
- hint: x,
40
- hideLabel: Z = !1,
41
- invalid: s = !1,
42
- maxLength: e,
43
- readonly: T = !1,
44
- required: D = !1,
45
- resize: f = "vertical",
46
- size: G = "medium",
47
- systemFeedback: n,
48
- value: y,
49
- wrapperClassName: J,
50
- onChange: w,
51
- onInput: R,
52
- ...K
53
- }, b) => {
54
- process.env.NODE_ENV !== "production" && Te({
55
- id: r,
56
- label: u
57
- });
58
- const [Q, N] = i(X || ""), [l, E] = i(0), [U, g] = i(0), [W, $] = i("off"), [k, v] = i(n), [C, S] = i(s), H = y !== void 0, _ = H ? y : Q, o = ce(null), Y = (t) => {
59
- o.current = t, typeof b == "function" ? b(t) : b && (b.current = t);
60
- }, L = de(Z);
61
- m(() => {
62
- if (!e || e <= 0)
63
- return;
64
- l >= e * 0.8 ? $("polite") : $("off");
65
- const t = setTimeout(() => {
66
- g(e - l || 0);
67
- }, 1e3);
68
- return () => clearTimeout(t);
69
- }, [l]), m(() => {
70
- N(_ || ""), c(), e && e > 0 && (E(_.toString().length || 0), g(e - _.toString().length || 0));
71
- }, [y]), m(() => {
72
- s && n ? (v(n), S(s)) : !s && e && e >= 0 && l >= e ? (S(!0), v(M)) : (v(n), S(s));
73
- }, [s, C, n, l]), m(() => {
74
- if (f === "auto")
75
- return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
76
- }, [f, o.current]);
77
- const ee = A(a.root, J), te = A(a.textarea, F, {
78
- // small textarea
79
- [a.textareaSmall]: G === "small",
80
- // invalid state
81
- [a.textareaInvalid]: C,
82
- // resize handling
83
- [a.textareaResizeAuto]: f === "auto"
84
- }), ae = A(a.label, {
85
- // hide label only visually to keep them available for assistive technologies
86
- [a.labelHidden]: L,
87
- [a.labelDisabled]: I
88
- }), V = `${r}-label`, P = `${r}-feedback`, j = `${r}-hint`, B = `${r}-char-count-announcer`, re = x ? ` ${j}` : "", c = () => {
89
- if (o.current && f === "auto") {
90
- o.current.style.height = "auto";
91
- const t = z(o.current.scrollHeight), h = z(2);
92
- o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
93
- // from jumping as soon as the user starts typing.
94
- t + h}rem`;
95
- }
96
- }, se = () => {
97
- const t = [];
98
- return e && e > 0 && t.push(B), s && n && t.push(P), t.length > 0 ? t.join(" ") : void 0;
99
- }, oe = (t) => {
100
- var h;
101
- R && R(t), e && e > 0 && E(((h = o.current) == null ? void 0 : h.value.length) || 0), c();
102
- }, ne = (t) => {
103
- w && w(t), H || N(t.target.value);
104
- };
105
- return /* @__PURE__ */ d("div", { className: ee, children: [
106
- /* @__PURE__ */ d("label", { className: ae, id: V, htmlFor: r, children: [
107
- u,
108
- D && /* @__PURE__ */ p(ue, {})
109
- ] }),
110
- x && /* @__PURE__ */ p("div", { className: a.hint, id: j, children: x }),
111
- C && k && /* @__PURE__ */ p(fe, { className: a.feedback, message: k, type: "invalid", id: P }),
112
- /* @__PURE__ */ p(
113
- "textarea",
114
- {
115
- className: te,
116
- id: r,
117
- ...K,
118
- ref: Y,
119
- "aria-labelledby": `${V}${re}`,
120
- "aria-describedby": se(),
121
- "aria-invalid": s,
122
- "aria-disabled": T,
123
- maxLength: e,
124
- readOnly: T,
125
- required: D,
126
- disabled: I,
127
- value: _,
128
- defaultValue: void 0,
129
- rows: void 0,
130
- cols: void 0,
131
- onChange: ne,
132
- onInput: oe
133
- }
134
- ),
135
- e !== void 0 && e > 0 && /* @__PURE__ */ d(le, { children: [
136
- /* @__PURE__ */ d("div", { className: a.charCount, "aria-hidden": "true", children: [
137
- l,
138
- "/",
139
- e
140
- ] }),
141
- /* @__PURE__ */ d(
142
- "div",
143
- {
144
- className: a.charCountAnnouncer,
145
- id: B,
146
- "aria-live": W,
147
- "aria-atomic": "true",
148
- children: [
149
- O,
150
- " ",
151
- U
152
- ]
153
- }
154
- )
155
- ] })
156
- ] });
157
- });
158
- De.displayName = "DSTextarea";
159
- export {
160
- De as D,
161
- Ve as T,
162
- Te as v
163
- };
@@ -1,58 +0,0 @@
1
- "use client";
2
- import { jsx as S } from "react/jsx-runtime";
3
- import { d as h } from "./chunks/index.CgTHIF3K.js";
4
- import { v as q, c as L } from "./chunks/CustomReactSelect.BPnzhvw1.js";
5
- import { forwardRef as R } from "react";
6
- const j = R((b, x) => {
7
- const o = h.c(28);
8
- let l, e, t, s, i, n, a, d, c, r, m;
9
- o[0] !== b ? ({
10
- id: e,
11
- label: t,
12
- className: l,
13
- disabled: i,
14
- dropdownOnFocus: n,
15
- hideLabel: a,
16
- invalid: d,
17
- lang: c,
18
- required: r,
19
- variant: m,
20
- ...s
21
- } = b, o[0] = b, o[1] = l, o[2] = e, o[3] = t, o[4] = s, o[5] = i, o[6] = n, o[7] = a, o[8] = d, o[9] = c, o[10] = r, o[11] = m) : (l = o[1], e = o[2], t = o[3], s = o[4], i = o[5], n = o[6], a = o[7], d = o[8], c = o[9], r = o[10], m = o[11]);
22
- const C = i === void 0 ? !1 : i, p = n === void 0 ? !1 : n, O = a === void 0 ? !1 : a, N = d === void 0 ? !1 : d, g = c === void 0 ? "en" : c, w = r === void 0 ? !1 : r, F = m === void 0 ? "single" : m;
23
- if (process.env.NODE_ENV !== "production") {
24
- const {
25
- options: M
26
- } = s;
27
- q({
28
- id: e,
29
- label: t,
30
- options: M
31
- });
32
- }
33
- const v = F === "multi", D = !p || v;
34
- let f;
35
- o[12] !== l || o[13] !== C || o[14] !== p || o[15] !== O || o[16] !== e || o[17] !== N || o[18] !== v || o[19] !== t || o[20] !== g || o[21] !== x || o[22] !== w || o[23] !== s || o[24] !== D ? (f = {
36
- id: e,
37
- label: t,
38
- className: l,
39
- disabled: C,
40
- hideLabel: O,
41
- isMulti: v,
42
- invalid: N,
43
- lang: g,
44
- openMenuOnClick: p,
45
- openMenuOnFocus: p,
46
- isClearable: D,
47
- required: w,
48
- ref: x,
49
- ...s
50
- }, o[12] = l, o[13] = C, o[14] = p, o[15] = O, o[16] = e, o[17] = N, o[18] = v, o[19] = t, o[20] = g, o[21] = x, o[22] = w, o[23] = s, o[24] = D, o[25] = f) : f = o[25];
51
- const E = f;
52
- let u;
53
- return o[26] !== E ? (u = /* @__PURE__ */ S(L, { ...E }), o[26] = E, o[27] = u) : u = o[27], u;
54
- });
55
- j.displayName = "DSCombobox";
56
- export {
57
- j as DSCombobox
58
- };