@stihl-design-system/components 1.0.0-RC.10 → 1.0.0-RC.11

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 (238) hide show
  1. package/README.md +0 -9
  2. package/{accordion.B3UkxlAZ.js → accordion.CEKQh-7i.js} +1 -1
  3. package/accordion.d.ts +1 -0
  4. package/{arialiveregions.BK4T7Vhk.js → arialiveregions.BKpxxK7O.js} +1 -1
  5. package/arialiveregions.d.ts +1 -0
  6. package/assets/Accordion.DMEFgtQm.css +1 -0
  7. package/assets/Chip.D10_7Q82.css +1 -0
  8. package/assets/CustomReactSelect.D5XKd9vg.css +1 -0
  9. package/assets/Dialog.B0pucIEI.css +1 -0
  10. package/assets/Drawer.CATBzfY7.css +1 -0
  11. package/assets/Fieldset.CwDhKRUL.css +1 -0
  12. package/assets/InputPassword.DOAAzj-O.css +1 -0
  13. package/assets/InputSearch.CxPYaQGZ.css +1 -0
  14. package/assets/InputStepper.CYYJUu0b.css +1 -0
  15. package/assets/Notification.mhVFeSGm.css +1 -0
  16. package/assets/Select.DZKpHV4G.css +1 -0
  17. package/assets/Textarea.Cp0b7oZp.css +1 -0
  18. package/assets/Toast.Cz6wYaBv.css +1 -0
  19. package/assets/button.C9_ejpGG.css +1 -0
  20. package/assets/buttonround.DTCqRP-0.css +1 -0
  21. package/assets/chipgroup.BMovtKTy.css +1 -0
  22. package/assets/flag.DX_lH1v7.css +1 -0
  23. package/assets/floatingactionbutton.Do-yEH6c.css +1 -0
  24. package/assets/input.Q5oKkmW2.css +1 -0
  25. package/assets/link.DhZqkLMP.css +1 -0
  26. package/assets/linkstandalone.Dwz-_O8q.css +1 -0
  27. package/assets/optioncheckbox.C62HtIj5.css +1 -0
  28. package/assets/radio.-Xxx5wL4.css +1 -0
  29. package/assets/switch.C1Ei0-z8.css +1 -0
  30. package/assets/text.DxKFcfY6.css +1 -0
  31. package/asterisk.d.ts +1 -0
  32. package/button.C5opEJ6x.js +135 -0
  33. package/button.d.ts +1 -0
  34. package/buttonround.CUoqRyy0.js +118 -0
  35. package/buttonround.d.ts +1 -0
  36. package/checkbox.d.ts +1 -0
  37. package/checkboxgroup.BqD5IV51.js +8 -0
  38. package/checkboxgroup.d.ts +1 -0
  39. package/chip.B92ew-hk.js +10 -0
  40. package/chip.d.ts +2 -0
  41. package/chipgroup.BJrqEfvr.js +175 -0
  42. package/chipgroup.d.ts +2 -0
  43. package/chunks/Accordion.DFwFN8mX.js +125 -0
  44. package/chunks/{AriaLiveRegions.utils.D2ni4Yrf.js → AriaLiveRegions.utils.BGSZafnS.js} +2 -2
  45. package/chunks/CheckboxGroup.M3jOjhNf.js +92 -0
  46. package/chunks/Chip.fMG8wi5K.js +142 -0
  47. package/chunks/{CustomReactSelect.ChAtL6fu.js → CustomReactSelect.D3jv5-fa.js} +883 -876
  48. package/chunks/{Dialog.Z5ESJQMi.js → Dialog.Fwr6vLiK.js} +47 -47
  49. package/chunks/{Drawer.BdowMqE0.js → Drawer.CKoYzQHd.js} +32 -32
  50. package/chunks/Fieldset.C9K8BYmH.js +99 -0
  51. package/chunks/InputPassword.C7pNeWGx.js +143 -0
  52. package/chunks/InputSearch.B24rcIJ_.js +192 -0
  53. package/chunks/InputStepper.CEW-bieQ.js +294 -0
  54. package/chunks/Notification.BXVN7_Fs.js +93 -0
  55. package/chunks/RadioGroup.D4UOflwr.js +137 -0
  56. package/chunks/Select.Ds86q4UC.js +194 -0
  57. package/chunks/Textarea.DcB8hKnO.js +198 -0
  58. package/chunks/Toast.DrzxdzVW.js +89 -0
  59. package/chunks/translate.isa3FHb8.js +11 -0
  60. package/{combobox.JL1Dsn3E.js → combobox.BeTnbG1m.js} +1 -1
  61. package/combobox.d.ts +1 -0
  62. package/components/Accordion/Accordion.d.ts +0 -1
  63. package/components/Accordion/Accordion.utils.d.ts +0 -1
  64. package/components/Button/Button.d.ts +0 -1
  65. package/components/ButtonRound/ButtonRound.d.ts +0 -1
  66. package/components/Checkbox/Checkbox.d.ts +0 -1
  67. package/components/CheckboxGroup/CheckboxGroup.d.ts +6 -7
  68. package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +0 -1
  69. package/components/ChipGroup/Chip.d.ts +12 -0
  70. package/components/ChipGroup/ChipGroup.d.ts +42 -0
  71. package/components/ChipGroup/ChipGroup.test.d.ts +1 -0
  72. package/components/ChipGroup/ChipGroup.utils.d.ts +60 -0
  73. package/components/ChipGroup/ChipGroup.utils.test.d.ts +1 -0
  74. package/components/Combobox/Combobox.d.ts +0 -1
  75. package/components/Combobox/Combobox.utils.d.ts +6 -1
  76. package/components/CustomReactSelect/CustomReactSelect.d.ts +0 -1
  77. package/components/CustomReactSelect/CustomReactSelect.utils.d.ts +0 -13
  78. package/components/CustomReactSelect/OptionCheckbox.d.ts +0 -1
  79. package/components/Dialog/Dialog.d.ts +0 -1
  80. package/components/Dialog/Dialog.utils.d.ts +0 -1
  81. package/components/Drawer/Drawer.d.ts +0 -1
  82. package/components/Drawer/Drawer.utils.d.ts +0 -1
  83. package/components/Fieldset/Fieldset.d.ts +0 -1
  84. package/components/Fieldset/Fieldset.utils.d.ts +7 -1
  85. package/components/Flag/Flag.d.ts +23 -0
  86. package/components/Flag/Flag.test.d.ts +1 -0
  87. package/components/Flag/Flag.utils.d.ts +2 -0
  88. package/components/FloatingActionButton/FloatingActionButton.d.ts +0 -1
  89. package/components/Heading/Heading.d.ts +0 -1
  90. package/components/Icon/Icon.d.ts +0 -1
  91. package/components/Icon/Icon.utils.d.ts +0 -1
  92. package/components/Input/Input.d.ts +0 -1
  93. package/components/Input/Input.utils.d.ts +0 -1
  94. package/components/InputPassword/InputPassword.d.ts +0 -1
  95. package/components/InputPassword/InputPassword.utils.d.ts +0 -1
  96. package/components/InputSearch/InputSearch.d.ts +0 -1
  97. package/components/InputSearch/InputSearch.utils.d.ts +0 -1
  98. package/components/InputStepper/InputStepper.d.ts +0 -1
  99. package/components/InputStepper/InputStepper.utils.d.ts +0 -1
  100. package/components/Link/Link.d.ts +0 -1
  101. package/components/LinkStandalone/LinkStandalone.d.ts +0 -1
  102. package/components/Logo/Logo.d.ts +1 -2
  103. package/components/Logo/Logo.utils.d.ts +0 -1
  104. package/components/Notification/Notification.d.ts +0 -1
  105. package/components/Notification/Notification.utils.d.ts +0 -1
  106. package/components/Radio/Radio.d.ts +0 -1
  107. package/components/RadioGroup/RadioGroup.d.ts +7 -8
  108. package/components/RadioGroup/RadioGroup.utils.d.ts +2 -3
  109. package/components/Select/Select.d.ts +0 -1
  110. package/components/Select/Select.utils.d.ts +0 -1
  111. package/components/SkipToContent/SkipToContent.d.ts +0 -1
  112. package/components/Spinner/Spinner.d.ts +0 -1
  113. package/components/Switch/Switch.d.ts +0 -1
  114. package/components/SystemFeedback/SystemFeedback.d.ts +0 -1
  115. package/components/Text/Text.d.ts +0 -1
  116. package/components/Textarea/Textarea.d.ts +0 -1
  117. package/components/Textarea/Textarea.utils.d.ts +0 -1
  118. package/components/Title/Title.d.ts +0 -1
  119. package/components/Toast/Toast.d.ts +0 -1
  120. package/components/Toast/Toast.utils.d.ts +0 -1
  121. package/components/Toast/ToastManager.d.ts +0 -1
  122. package/customreactselect.d.ts +1 -0
  123. package/{customreactselect.Dg8Kgq3e.js → customreactselect.lYJhIeyx.js} +2 -2
  124. package/dialog.d.ts +1 -0
  125. package/{dialog.D3bJ0rsW.js → dialog.lGwNQU91.js} +2 -2
  126. package/{drawer.CNPF1-Kc.js → drawer.DNi5m8wP.js} +2 -2
  127. package/drawer.d.ts +1 -0
  128. package/{fieldset.CTshPWYX.js → fieldset.BqiAjeax.js} +1 -1
  129. package/fieldset.d.ts +1 -0
  130. package/flag.XJHHSP38.js +43 -0
  131. package/flag.d.ts +2 -0
  132. package/floatingactionbutton.CMpkTdhX.js +87 -0
  133. package/floatingactionbutton.d.ts +1 -0
  134. package/heading.d.ts +1 -0
  135. package/icon.d.ts +1 -0
  136. package/index.d.ts +4 -0
  137. package/index.es.js +133 -113
  138. package/input.d.ts +1 -0
  139. package/input.v7qB7wPJ.js +239 -0
  140. package/{inputpassword.nsYu6YeB.js → inputpassword.CSjh1GU7.js} +2 -2
  141. package/inputpassword.d.ts +1 -0
  142. package/{inputsearch.ZGIrDrcv.js → inputsearch.DyznOWLK.js} +2 -2
  143. package/inputsearch.d.ts +1 -0
  144. package/{inputstepper.BvY36hA1.js → inputstepper.3BLb7s0P.js} +2 -2
  145. package/inputstepper.d.ts +1 -0
  146. package/link.Clk5_BYp.js +116 -0
  147. package/link.d.ts +1 -0
  148. package/linkstandalone.BXERmqdN.js +80 -0
  149. package/linkstandalone.d.ts +1 -0
  150. package/logo.d.ts +1 -0
  151. package/{notification.BAS13UQ6.js → notification.0kX1GMaB.js} +2 -2
  152. package/notification.d.ts +1 -0
  153. package/{optioncheckbox.DZWwtx6f.js → optioncheckbox.BPN3f6l_.js} +13 -13
  154. package/optioncheckbox.d.ts +1 -0
  155. package/package.json +44 -39
  156. package/partials/index.js +407 -407
  157. package/partials/lib/partials.d.ts +0 -1
  158. package/radio.DTZNJzMU.js +115 -0
  159. package/radio.d.ts +1 -0
  160. package/radiogroup.SYkZm2DG.js +10 -0
  161. package/radiogroup.d.ts +1 -0
  162. package/{select.C4OZMB-V.js → select.CYbwR3RW.js} +1 -1
  163. package/select.d.ts +1 -0
  164. package/{skiptocontent.C4yQfWr2.js → skiptocontent.DUQWopO4.js} +1 -1
  165. package/skiptocontent.d.ts +1 -0
  166. package/spinner.d.ts +1 -0
  167. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff +0 -0
  168. package/styles/fonts/STIHLContrafaceDigitalTextDemi.woff2 +0 -0
  169. package/styles/fonts/font-face.min.css +1 -1
  170. package/styles/scss/_index.scss +1 -0
  171. package/styles/scss/lib/_breakpoints.scss +0 -1
  172. package/styles/scss/lib/_link.scss +3 -0
  173. package/styles/scss/lib/_spacing-dynamic.scss +61 -0
  174. package/switch.CoNnIhM4.js +65 -0
  175. package/switch.d.ts +1 -0
  176. package/systemfeedback.d.ts +1 -0
  177. package/text.d.ts +1 -0
  178. package/text.fMcHzVbH.js +57 -0
  179. package/{textarea.CtQtGqn5.js → textarea.DJc527nX.js} +1 -1
  180. package/textarea.d.ts +1 -0
  181. package/title.d.ts +1 -0
  182. package/{toast.DVd9dLs2.js → toast.D48GFmp0.js} +2 -2
  183. package/toast.d.ts +1 -0
  184. package/{toastmanager.Dh0gzFkM.js → toastmanager.Dl8-Q3ED.js} +2 -2
  185. package/toastmanager.d.ts +1 -0
  186. package/utils/index.d.ts +1 -0
  187. package/utils/translate.d.ts +11 -0
  188. package/utils/translate.test.d.ts +1 -0
  189. package/utils/useBreakpoint.d.ts +0 -1
  190. package/utils/useIsomorphicLayoutEffect.d.ts +0 -1
  191. package/utils/vitest.setup.d.ts +0 -1
  192. package/assets/Accordion.lFv7Q_RG.css +0 -1
  193. package/assets/CustomReactSelect.CMkn-EGK.css +0 -1
  194. package/assets/Dialog.fiQvxJg_.css +0 -1
  195. package/assets/Drawer.BqBgbSuP.css +0 -1
  196. package/assets/Fieldset.qHYeUFZt.css +0 -1
  197. package/assets/InputPassword.Cf394z47.css +0 -1
  198. package/assets/InputSearch.eCRQoxjN.css +0 -1
  199. package/assets/InputStepper.B80KulYE.css +0 -1
  200. package/assets/Notification.DK6agBGS.css +0 -1
  201. package/assets/Select.BptsMxz4.css +0 -1
  202. package/assets/Textarea.CIIVh03G.css +0 -1
  203. package/assets/Toast.Dsvs1zdM.css +0 -1
  204. package/assets/button.B1O7Yw3Q.css +0 -1
  205. package/assets/buttonround.DlH_ipDo.css +0 -1
  206. package/assets/floatingactionbutton.DRYentYC.css +0 -1
  207. package/assets/input.C0MrSbQu.css +0 -1
  208. package/assets/link.vtTST2ki.css +0 -1
  209. package/assets/linkstandalone.BtAcziZ7.css +0 -1
  210. package/assets/optioncheckbox.BJJAph5_.css +0 -1
  211. package/assets/radio.9kpIO3HC.css +0 -1
  212. package/assets/switch.2DQF2zH-.css +0 -1
  213. package/assets/text.Dhb_l50R.css +0 -1
  214. package/button.DH0h6uPs.js +0 -135
  215. package/buttonround.0mw4zzlU.js +0 -118
  216. package/checkboxgroup.CZqrlF-x.js +0 -9
  217. package/chunks/Accordion.pI3JyHJL.js +0 -125
  218. package/chunks/CheckboxGroup.4J_gZ_XJ.js +0 -87
  219. package/chunks/Fieldset.COGbZwry.js +0 -99
  220. package/chunks/InputPassword.Dgo95-PU.js +0 -140
  221. package/chunks/InputSearch.BFof0pBn.js +0 -189
  222. package/chunks/InputStepper.4IqLa5tX.js +0 -291
  223. package/chunks/Notification.BhwbaXqk.js +0 -93
  224. package/chunks/RadioGroup.C5jbCJM4.js +0 -132
  225. package/chunks/RadioGroup.module.BBZwHDjW.js +0 -11
  226. package/chunks/Select.fXeQJXtz.js +0 -191
  227. package/chunks/Textarea.Bewrp0Za.js +0 -195
  228. package/chunks/Toast.DA_CQ9J-.js +0 -89
  229. package/floatingactionbutton.CCIj9Fjr.js +0 -87
  230. package/input.CTgeAYdu.js +0 -236
  231. package/link.DAZNwQ0a.js +0 -116
  232. package/linkstandalone.C9X3er7g.js +0 -80
  233. package/radio.CWGJtmKl.js +0 -115
  234. package/radiogroup.BhffFqN3.js +0 -11
  235. package/switch.CmpNUC7s.js +0 -65
  236. package/text.rgDKQBrU.js +0 -57
  237. package/utils/render-in-iframe.d.ts +0 -15
  238. /package/assets/{RadioGroup.Bz3_xkZU.css → CheckboxGroup.Bz3_xkZU.css} +0 -0
package/input.CTgeAYdu.js DELETED
@@ -1,236 +0,0 @@
1
- "use client";
2
- import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as l } from "./chunks/index.CvOaL64Y.js";
4
- import { useState as m, useRef as v, useEffect as ti } from "react";
5
- import { u as si } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import { v as ei, b as li, M as oi, a as ui, u as w, s as ci, c as di, i as C } from "./chunks/Input.utils.ChV6RJsh.js";
7
- import { Asterisk as _i } from "./asterisk.DDn-yX4P.js";
8
- import { DSButton as E } from "./button.DH0h6uPs.js";
9
- import { D as fi } from "./chunks/Icon.C2o2seDb.js";
10
- import { DSSystemFeedback as ri } from "./systemfeedback.ZzRUAVYX.js";
11
- import './assets/input.C0MrSbQu.css';const pi = "_input_13i6u_226", mi = "_input--invalid_13i6u_338", hi = "_input--small_13i6u_345", bi = "_input--has-leading-icon_13i6u_399", xi = "_input--has-action-button_13i6u_402", gi = "_input--has-second-action-button_13i6u_405", Ii = "_input--has-affix_13i6u_417", Si = "_input--is-ready_13i6u_431", yi = "_root_13i6u_438", Hi = "_hint_13i6u_446", ki = "_label_13i6u_446", vi = "_wrapper_13i6u_450", Ci = "_affix_13i6u_456", Ri = "_affix--small_13i6u_478", ji = "_affix--disabled_13i6u_492", Di = "_prefix_13i6u_495", Li = "_affix--readonly_13i6u_498", Ai = "_suffix_13i6u_508", Ni = "_leading-icon_13i6u_515", Bi = "_leading-icon--small_13i6u_527", wi = "_leading-icon--disabled_13i6u_530", Ei = "_action-button_13i6u_539", Ti = "_label--hidden_13i6u_558", Fi = "_feedback_13i6u_587", i = {
12
- input: pi,
13
- "input--invalid": "_input--invalid_13i6u_338",
14
- inputInvalid: mi,
15
- "input--small": "_input--small_13i6u_345",
16
- inputSmall: hi,
17
- "input--has-leading-icon": "_input--has-leading-icon_13i6u_399",
18
- inputHasLeadingIcon: bi,
19
- "input--has-action-button": "_input--has-action-button_13i6u_402",
20
- inputHasActionButton: xi,
21
- "input--has-second-action-button": "_input--has-second-action-button_13i6u_405",
22
- inputHasSecondActionButton: gi,
23
- "input--has-affix": "_input--has-affix_13i6u_417",
24
- inputHasAffix: Ii,
25
- "input--is-ready": "_input--is-ready_13i6u_431",
26
- inputIsReady: Si,
27
- root: yi,
28
- hint: Hi,
29
- label: ki,
30
- wrapper: vi,
31
- affix: Ci,
32
- "affix--small": "_affix--small_13i6u_478",
33
- affixSmall: Ri,
34
- "affix--disabled": "_affix--disabled_13i6u_492",
35
- affixDisabled: ji,
36
- prefix: Di,
37
- "affix--readonly": "_affix--readonly_13i6u_498",
38
- affixReadonly: Li,
39
- suffix: Ai,
40
- "leading-icon": "_leading-icon_13i6u_515",
41
- leadingIcon: Ni,
42
- "leading-icon--small": "_leading-icon--small_13i6u_527",
43
- leadingIconSmall: Bi,
44
- "leading-icon--disabled": "_leading-icon--disabled_13i6u_530",
45
- leadingIconDisabled: wi,
46
- "action-button": "_action-button_13i6u_539",
47
- actionButton: Ei,
48
- "label--hidden": "_label--hidden_13i6u_558",
49
- labelHidden: Ti,
50
- feedback: Fi
51
- }, Ji = ({
52
- id: c,
53
- label: R,
54
- actionButtonLabel: T,
55
- actionButtonIconName: _,
56
- actionButtonIconSource: h,
57
- actionButtonOnClick: F,
58
- className: P,
59
- disabled: t = !1,
60
- hint: b,
61
- hideLabel: O = !1,
62
- invalid: f = !1,
63
- leadingIconName: r,
64
- leadingIconSource: p,
65
- prefix: s,
66
- readonly: d = !1,
67
- required: j = !1,
68
- size: e = "medium",
69
- suffix: n,
70
- systemFeedback: x,
71
- type: o = "text",
72
- ...$
73
- }) => {
74
- process.env.NODE_ENV !== "production" && (ei({
75
- id: c,
76
- label: R,
77
- prefix: s,
78
- suffix: n,
79
- leadingIconName: r,
80
- leadingIconSource: p,
81
- actionButtonIconName: _,
82
- actionButtonIconSource: h
83
- }), li(o));
84
- const [W, X] = m(!1), [M, V] = m(!1), [g, G] = m(!1), [U, J] = m({}), I = v(null), K = s == null ? void 0 : s.substring(0, oi), S = v(null), Q = n == null ? void 0 : n.substring(0, ui), y = v(null), Y = si(O);
85
- w(() => {
86
- const u = e === "medium" ? 16 : 8, H = {};
87
- if (S.current) {
88
- const k = S.current.offsetWidth;
89
- H.paddingInlineStart = u + k + "px";
90
- }
91
- if (y.current) {
92
- const k = y.current.offsetWidth;
93
- H.paddingInlineEnd = u + k + "px";
94
- }
95
- J(H), X(!0);
96
- }, [s, n, e, M]), w(() => {
97
- (async () => {
98
- "fonts" in document && (await document.fonts.load(
99
- '1em "STIHL Contraface Digital Text Regular"'
100
- ), V(!0));
101
- })();
102
- }, []), ti(() => {
103
- const u = ci(
104
- C(o),
105
- di(o)
106
- );
107
- G(u);
108
- }, [o]);
109
- const D = l(i.affix, {
110
- [i.affixSmall]: e === "small",
111
- [i.affixDisabled]: t,
112
- [i.affixReadonly]: d
113
- }), L = `${c}-label`, A = `${c}-feedback`, N = `${c}-hint`, Z = b ? ` ${N}` : "", q = l(i.root, P), z = l(i.input, {
114
- // small input
115
- [i.inputSmall]: e === "small",
116
- // invalid state
117
- [i.inputInvalid]: f,
118
- // leading icon
119
- [i.inputHasLeadingIcon]: r || p,
120
- // prefix/suffix
121
- [i.inputHasAffix]: s || n,
122
- // action button
123
- [i.inputHasActionButton]: _ || h || g,
124
- [i.inputIsReady]: W
125
- }), ii = l(i.label, {
126
- // hide label only visually to keep them available for assistive technologies
127
- [i.labelHidden]: Y
128
- }), ai = l(i.leadingIcon, {
129
- [i.leadingIconSmall]: e === "small",
130
- [i.leadingIconDisabled]: t
131
- }), B = l(i.actionButton, {
132
- [i.actionButtonSmall]: e === "small"
133
- }), ni = (u) => {
134
- I.current && !t && !d && I.current.showPicker(), u.preventDefault();
135
- };
136
- return /* @__PURE__ */ a.jsxs("div", { className: q, children: [
137
- /* @__PURE__ */ a.jsxs("label", { className: ii, id: L, htmlFor: c, children: [
138
- R,
139
- j && /* @__PURE__ */ a.jsx(_i, {})
140
- ] }),
141
- b && /* @__PURE__ */ a.jsx("div", { className: i.hint, id: N, children: b }),
142
- f && x && /* @__PURE__ */ a.jsx(
143
- ri,
144
- {
145
- className: i.feedback,
146
- message: x,
147
- type: "invalid",
148
- id: A
149
- }
150
- ),
151
- /* @__PURE__ */ a.jsxs("div", { className: i.wrapper, children: [
152
- s && /* @__PURE__ */ a.jsx(
153
- "span",
154
- {
155
- className: l(D, i.prefix),
156
- ref: S,
157
- "aria-disabled": t,
158
- children: K
159
- }
160
- ),
161
- !s && (r || p) && /* @__PURE__ */ a.jsx(
162
- fi,
163
- {
164
- name: r,
165
- theme: "light",
166
- source: p,
167
- className: ai,
168
- "aria-hidden": "true"
169
- }
170
- ),
171
- /* @__PURE__ */ a.jsx(
172
- "input",
173
- {
174
- type: o,
175
- className: z,
176
- id: c,
177
- ref: I,
178
- ...$,
179
- style: U,
180
- "aria-labelledby": `${L}${Z}`,
181
- "aria-describedby": f && x ? A : void 0,
182
- "aria-invalid": f,
183
- "aria-disabled": d,
184
- readOnly: d,
185
- required: j,
186
- disabled: t
187
- }
188
- ),
189
- n && /* @__PURE__ */ a.jsx(
190
- "span",
191
- {
192
- className: l(D, i.suffix),
193
- ref: y,
194
- "aria-disabled": t,
195
- children: Q
196
- }
197
- ),
198
- !n && !g && (_ || h) && /* @__PURE__ */ a.jsx(
199
- E,
200
- {
201
- hideLabel: !0,
202
- theme: "light",
203
- iconName: _,
204
- variant: "ghost",
205
- className: B,
206
- size: e,
207
- onClick: F,
208
- type: "button",
209
- disabled: t || d,
210
- children: T
211
- }
212
- ),
213
- !n && g && !d && !t && /* @__PURE__ */ a.jsxs(
214
- E,
215
- {
216
- hideLabel: !0,
217
- theme: "light",
218
- iconName: C(o) ? "calendar" : "clock",
219
- variant: "ghost",
220
- className: B,
221
- size: e,
222
- onClick: ni,
223
- type: "button",
224
- children: [
225
- "Open ",
226
- C(o) ? "date" : "time",
227
- " picker"
228
- ]
229
- }
230
- )
231
- ] })
232
- ] });
233
- };
234
- export {
235
- Ji as DSInput
236
- };
package/link.DAZNwQ0a.js DELETED
@@ -1,116 +0,0 @@
1
- "use client";
2
- import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as e } from "./chunks/index.CvOaL64Y.js";
4
- import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
- import "react";
6
- import { D as H } from "./chunks/Icon.C2o2seDb.js";
7
- import './assets/link.vtTST2ki.css';const S = "_root_unbkm_151", x = "_root--highlight_unbkm_220", j = "_root--dark-highlight_unbkm_220", L = "_root--filled_unbkm_298", C = "_root--outline_unbkm_326", N = "_root--ghost_unbkm_353", T = "_root--ghost-flush_unbkm_378", B = "_root--small_unbkm_384", E = "_root--dark-filled_unbkm_461", R = "_root--dark-outline_unbkm_520", V = "_root--dark-ghost_unbkm_578", q = "_root--dark-ghost-flush_unbkm_634", w = "_root--icon-left_unbkm_693", A = "_root--icon-only_unbkm_709", J = "_root--icon-only-small_unbkm_718", K = "_label--hidden_unbkm_729", o = {
8
- root: S,
9
- "root--highlight": "_root--highlight_unbkm_220",
10
- rootHighlight: x,
11
- "root--dark-highlight": "_root--dark-highlight_unbkm_220",
12
- rootDarkHighlight: j,
13
- "root--filled": "_root--filled_unbkm_298",
14
- rootFilled: L,
15
- "root--outline": "_root--outline_unbkm_326",
16
- rootOutline: C,
17
- "root--ghost": "_root--ghost_unbkm_353",
18
- rootGhost: N,
19
- "root--ghost-flush": "_root--ghost-flush_unbkm_378",
20
- rootGhostFlush: T,
21
- "root--small": "_root--small_unbkm_384",
22
- rootSmall: B,
23
- "root--dark-filled": "_root--dark-filled_unbkm_461",
24
- rootDarkFilled: E,
25
- "root--dark-outline": "_root--dark-outline_unbkm_520",
26
- rootDarkOutline: R,
27
- "root--dark-ghost": "_root--dark-ghost_unbkm_578",
28
- rootDarkGhost: V,
29
- "root--dark-ghost-flush": "_root--dark-ghost-flush_unbkm_634",
30
- rootDarkGhostFlush: q,
31
- "root--icon-left": "_root--icon-left_unbkm_693",
32
- rootIconLeft: w,
33
- "root--icon-only": "_root--icon-only_unbkm_709",
34
- rootIconOnly: A,
35
- "root--icon-only-small": "_root--icon-only-small_unbkm_718",
36
- rootIconOnlySmall: J,
37
- "label--hidden": "_label--hidden_unbkm_729",
38
- labelHidden: K
39
- }, X = ({
40
- children: d,
41
- aria: m,
42
- className: g,
43
- dataTrackingid: c,
44
- download: b,
45
- hideLabel: n = !1,
46
- href: h,
47
- iconName: k,
48
- iconPosition: f = "left",
49
- iconSource: u,
50
- isFlush: r = !1,
51
- referrerPolicy: D,
52
- rel: y,
53
- size: s = "medium",
54
- target: G = "_self",
55
- theme: l = "light",
56
- variant: t = "filled",
57
- ...O
58
- }) => {
59
- const p = e(o.root, g, {
60
- // variant
61
- [o.rootFilled]: t === "filled",
62
- [o.rootHighlight]: t === "highlight",
63
- [o.rootOutline]: t === "outline",
64
- [o.rootGhost]: t === "ghost" && r !== !0,
65
- // isFlush
66
- [o.rootGhostFlush]: t === "ghost" && r === !0,
67
- // dark theme
68
- [o.rootDarkFilled]: l === "dark" && t === "filled",
69
- [o.rootDarkHighlight]: l === "dark" && t === "highlight",
70
- [o.rootDarkOutline]: l === "dark" && t === "outline",
71
- [o.rootDarkGhost]: l === "dark" && t === "ghost" && r !== !0,
72
- // dark isFlush
73
- [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && r === !0,
74
- // size
75
- [o.rootSmall]: s === "small",
76
- // icon position
77
- [o.rootIconLeft]: f === "left",
78
- // icon only
79
- [o.rootIconOnly]: i(n) && s === "medium",
80
- [o.rootIconOnlySmall]: i(n) && s === "small"
81
- }), I = e({
82
- // hide label only visually to keep them available for assistive technologies
83
- [o.labelHidden]: i(n)
84
- }), F = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", a = h === void 0 ? "span" : "a";
85
- return /* @__PURE__ */ _.jsxs(
86
- a,
87
- {
88
- className: p,
89
- "data-trackingid": c,
90
- ...a === "a" && {
91
- href: h,
92
- target: G,
93
- rel: y,
94
- referrerPolicy: D,
95
- download: b
96
- },
97
- ...m,
98
- ...O,
99
- children: [
100
- /* @__PURE__ */ _.jsx("span", { className: I, children: d }),
101
- (k || u) && /* @__PURE__ */ _.jsx(
102
- H,
103
- {
104
- name: k,
105
- theme: F,
106
- source: u,
107
- "aria-hidden": "true"
108
- }
109
- )
110
- ]
111
- }
112
- );
113
- };
114
- export {
115
- X as DSLink
116
- };
@@ -1,80 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as D } from "./chunks/index.CvOaL64Y.js";
4
- import { D as p } from "./chunks/Icon.C2o2seDb.js";
5
- import "react";
6
- import './assets/linkstandalone.BtAcziZ7.css';const x = "_link-standalone_cjaj8_76", H = "_link-standalone--highlight_cjaj8_141", v = "_link-standalone--neutral-dark_cjaj8_155", L = "_link-standalone--highlight-dark_cjaj8_201", N = "_link-standalone--active_cjaj8_247", I = "_link-standalone--icon-left_cjaj8_254", n = {
7
- "link-standalone": "_link-standalone_cjaj8_76",
8
- linkStandalone: x,
9
- "link-standalone--highlight": "_link-standalone--highlight_cjaj8_141",
10
- linkStandaloneHighlight: H,
11
- "link-standalone--neutral-dark": "_link-standalone--neutral-dark_cjaj8_155",
12
- linkStandaloneNeutralDark: v,
13
- "link-standalone--highlight-dark": "_link-standalone--highlight-dark_cjaj8_201",
14
- linkStandaloneHighlightDark: L,
15
- "link-standalone--active": "_link-standalone--active_cjaj8_247",
16
- linkStandaloneActive: N,
17
- "link-standalone--icon-left": "_link-standalone--icon-left_cjaj8_254",
18
- linkStandaloneIconLeft: I
19
- }, C = ({
20
- children: s,
21
- aria: d,
22
- active: c,
23
- className: _,
24
- dataTrackingid: h,
25
- download: r,
26
- href: i,
27
- iconName: e,
28
- iconPosition: g = "left",
29
- iconSource: o,
30
- referrerPolicy: j,
31
- rel: S,
32
- target: u = "_self",
33
- theme: a = "light",
34
- variant: l = "neutral",
35
- ...f
36
- }) => {
37
- const m = D(n.linkStandalone, _, {
38
- // variant
39
- [n.linkStandaloneHighlight]: l === "highlight",
40
- // theme
41
- [n.linkStandaloneNeutralDark]: a === "dark" && l === "neutral",
42
- [n.linkStandaloneHighlightDark]: a === "dark" && l === "highlight",
43
- // active
44
- [n.linkStandaloneActive]: c,
45
- // icon position
46
- [n.linkStandaloneIconLeft]: g === "left"
47
- }), k = i === void 0 ? "span" : "a";
48
- return /* @__PURE__ */ t.jsxs(
49
- k,
50
- {
51
- className: m,
52
- "data-trackingid": h,
53
- ...k === "a" && {
54
- href: i,
55
- target: u,
56
- rel: S,
57
- referrerPolicy: j,
58
- download: r
59
- },
60
- ...d,
61
- ...f,
62
- children: [
63
- /* @__PURE__ */ t.jsx("span", { className: n.label, children: s }),
64
- (e || o) && /* @__PURE__ */ t.jsx(
65
- p,
66
- {
67
- name: e,
68
- theme: a,
69
- source: o,
70
- size: "medium",
71
- "aria-hidden": "true"
72
- }
73
- )
74
- ]
75
- }
76
- );
77
- };
78
- export {
79
- C as DSLinkStandalone
80
- };
package/radio.CWGJtmKl.js DELETED
@@ -1,115 +0,0 @@
1
- "use client";
2
- import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as _ } from "./chunks/index.CvOaL64Y.js";
4
- import { forwardRef as $, useRef as y, useState as E, useEffect as L, useCallback as O } from "react";
5
- import { u as P } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
- import './assets/radio.9kpIO3HC.css';const C = (n) => n.replace(/\s+/g, ""), U = "_radio-root_o7n7v_76", q = "_radio-root--disabled_o7n7v_97", z = "_radio-root--with-custom-area_o7n7v_100", F = "_radio_o7n7v_76", G = "_dot_o7n7v_121", J = "_radio--invalid_o7n7v_145", K = "_label_o7n7v_150", M = "_label--bold_o7n7v_165", Q = "_label--hidden_o7n7v_177", T = "_label--with-custom-area_o7n7v_189", X = "_custom-area_o7n7v_193", Y = "_hint_o7n7v_201", Z = "_hint--visible_o7n7v_225", oo = "_hint--unchecked-hidden_o7n7v_229", eo = "_hint--hidden_o7n7v_234", to = "_input_o7n7v_247", o = {
7
- "radio-root": "_radio-root_o7n7v_76",
8
- radioRoot: U,
9
- "radio-root--disabled": "_radio-root--disabled_o7n7v_97",
10
- radioRootDisabled: q,
11
- "radio-root--with-custom-area": "_radio-root--with-custom-area_o7n7v_100",
12
- radioRootWithCustomArea: z,
13
- radio: F,
14
- dot: G,
15
- "radio--invalid": "_radio--invalid_o7n7v_145",
16
- radioInvalid: J,
17
- label: K,
18
- "label--bold": "_label--bold_o7n7v_165",
19
- labelBold: M,
20
- "label--hidden": "_label--hidden_o7n7v_177",
21
- labelHidden: Q,
22
- "label--with-custom-area": "_label--with-custom-area_o7n7v_189",
23
- labelWithCustomArea: T,
24
- "custom-area": "_custom-area_o7n7v_193",
25
- customArea: X,
26
- hint: Y,
27
- "hint--visible": "_hint--visible_o7n7v_225",
28
- hintVisible: Z,
29
- "hint--unchecked-hidden": "_hint--unchecked-hidden_o7n7v_229",
30
- hintUncheckedHidden: oo,
31
- "hint--hidden": "_hint--hidden_o7n7v_234",
32
- hintHidden: eo,
33
- input: to
34
- }, io = $(
35
- ({
36
- label: n,
37
- name: v,
38
- value: b,
39
- checked: m,
40
- className: R,
41
- customArea: a,
42
- defaultChecked: x = !1,
43
- disabled: s = !1,
44
- hideLabel: k = !1,
45
- hint: l,
46
- invalid: j = !1,
47
- isBold: N = !1,
48
- hideUncheckedHint: r = !1,
49
- onChange: h,
50
- ...g
51
- }, d) => {
52
- const H = y(null), e = y(null), [w, D] = E(x), u = m !== void 0, c = u ? m : w;
53
- L(() => {
54
- e.current && r && ((e.current.style.height === "0px" || e.current.style.height === "") && c ? (e.current.style.height = `${e.current.scrollHeight}px`, e.current.style.opacity = "1") : (e.current.style.opacity = "0", e.current.style.height = "0px"));
55
- }, [e, c]);
56
- const f = P(k), A = _(
57
- o.radioRoot,
58
- {
59
- [o.radioRootDisabled]: s,
60
- [o.radioRootWithCustomArea]: !!a
61
- },
62
- R
63
- ), W = _(o.label, {
64
- [o.labelBold]: N,
65
- // hide label only visually to keep them available for assistive technologies
66
- [o.labelHidden]: f,
67
- [o.labelWithCustomArea]: !!a
68
- }), B = () => !r && l ? !0 : !!(r && l && c), V = _(o.hint, {
69
- [o.hintHidden]: f,
70
- [o.hintUncheckedHidden]: r,
71
- [o.hintVisible]: B()
72
- }), I = _(o.radio, {
73
- [o.radioInvalid]: j
74
- }), S = O(
75
- (t) => {
76
- if (s) {
77
- t.preventDefault();
78
- return;
79
- }
80
- u || D(t.target.checked), h && h(t);
81
- },
82
- [s, u, h]
83
- ), p = l ? `${C(v)}-${C(b)}-description` : void 0;
84
- return /* @__PURE__ */ i.jsxs("label", { className: A, children: [
85
- /* @__PURE__ */ i.jsx(
86
- "input",
87
- {
88
- type: "radio",
89
- value: b,
90
- name: v,
91
- className: o.input,
92
- ref: (t) => {
93
- typeof d == "function" ? d(t) : d !== null && (d.current = t), H.current = t;
94
- },
95
- onChange: S,
96
- ...g,
97
- disabled: s,
98
- checked: c,
99
- "aria-label": typeof n == "string" ? n : void 0,
100
- "aria-describedby": p
101
- }
102
- ),
103
- /* @__PURE__ */ i.jsx("span", { className: I, children: /* @__PURE__ */ i.jsx("div", { className: o.dot }) }),
104
- /* @__PURE__ */ i.jsxs("span", { className: W, children: [
105
- n,
106
- a && /* @__PURE__ */ i.jsx("div", { className: o.customArea, children: a }),
107
- /* @__PURE__ */ i.jsx("span", { id: p, className: V, ref: e, children: l })
108
- ] })
109
- ] });
110
- }
111
- );
112
- io.displayName = "DSRadio";
113
- export {
114
- io as DSRadio
115
- };
@@ -1,11 +0,0 @@
1
- "use client";
2
- import "./chunks/jsx-runtime.C115EyI4.js";
3
- import "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import "./chunks/Fieldset.COGbZwry.js";
6
- import "./radio.CWGJtmKl.js";
7
- import "./chunks/RadioGroup.module.BBZwHDjW.js";
8
- import { D as s } from "./chunks/RadioGroup.C5jbCJM4.js";
9
- export {
10
- s as DSRadioGroup
11
- };
@@ -1,65 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as k } from "./chunks/index.CvOaL64Y.js";
4
- import "react";
5
- import { D as g } from "./chunks/Icon.C2o2seDb.js";
6
- import { DSSpinner as u } from "./spinner.D-xrotcu.js";
7
- import './assets/switch.2DQF2zH-.css';const p = "_root_gf1kb_76", x = "_root--label-right_gf1kb_116", j = "_root--stretched_gf1kb_119", S = "_loader_gf1kb_129", w = "_thumb_gf1kb_182", C = "_root--checked_gf1kb_197", o = {
8
- root: p,
9
- "root--label-right": "_root--label-right_gf1kb_116",
10
- rootLabelRight: x,
11
- "root--stretched": "_root--stretched_gf1kb_119",
12
- rootStretched: j,
13
- switch: "_switch_gf1kb_124",
14
- loader: S,
15
- thumb: w,
16
- "root--checked": "_root--checked_gf1kb_197",
17
- rootChecked: C
18
- }, E = ({
19
- children: h,
20
- aria: i,
21
- alignLabel: l = "left",
22
- checked: e = !1,
23
- className: _,
24
- dataTrackingid: n,
25
- disabled: s = !1,
26
- loading: r = !1,
27
- stretched: b = !1,
28
- onClick: a,
29
- ...d
30
- }) => {
31
- const f = k(o.root, _, {
32
- [o.rootChecked]: e === !0,
33
- [o.rootStretched]: b === !0,
34
- [o.rootLabelRight]: l === "right"
35
- }), m = (c) => {
36
- if (s || r) {
37
- c.preventDefault();
38
- return;
39
- }
40
- a && a(c);
41
- };
42
- return /* @__PURE__ */ t.jsxs(
43
- "button",
44
- {
45
- className: f,
46
- "data-trackingid": n,
47
- onClick: m,
48
- ...i,
49
- ...d,
50
- type: "button",
51
- role: "switch",
52
- "aria-checked": e,
53
- "aria-disabled": s || r,
54
- "aria-busy": r,
55
- children: [
56
- /* @__PURE__ */ t.jsx("span", { children: h }),
57
- !r && /* @__PURE__ */ t.jsx("span", { className: o.switch, children: /* @__PURE__ */ t.jsx("span", { className: o.thumb, children: /* @__PURE__ */ t.jsx(g, { name: "check", "aria-hidden": "true" }) }) }),
58
- r && /* @__PURE__ */ t.jsx("span", { className: o.loader, children: /* @__PURE__ */ t.jsx(u, { aria: { "aria-label": "Loading state" } }) })
59
- ]
60
- }
61
- );
62
- };
63
- export {
64
- E as DSSwitch
65
- };
package/text.rgDKQBrU.js DELETED
@@ -1,57 +0,0 @@
1
- "use client";
2
- import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as j } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/text.Dhb_l50R.css';const x = "_root_jyn7z_76", y = "_root--large_jyn7z_82", c = "_root--large-bold_jyn7z_94", u = "_root--medium_jyn7z_106", b = "_root--medium-bold_jyn7z_118", S = "_root--small_jyn7z_130", g = "_root--small-bold_jyn7z_142", z = "_root--x-small_jyn7z_154", B = "_root--x-small-bold_jyn7z_166", i = "_root--xx-small_jyn7z_178", X = "_root--theme-dark_jyn7z_190", o = {
5
- root: x,
6
- "root--large": "_root--large_jyn7z_82",
7
- rootLarge: y,
8
- "root--large-bold": "_root--large-bold_jyn7z_94",
9
- rootLargeBold: c,
10
- "root--medium": "_root--medium_jyn7z_106",
11
- rootMedium: u,
12
- "root--medium-bold": "_root--medium-bold_jyn7z_118",
13
- rootMediumBold: b,
14
- "root--small": "_root--small_jyn7z_130",
15
- rootSmall: S,
16
- "root--small-bold": "_root--small-bold_jyn7z_142",
17
- rootSmallBold: g,
18
- "root--x-small": "_root--x-small_jyn7z_154",
19
- rootXSmall: z,
20
- "root--x-small-bold": "_root--x-small-bold_jyn7z_166",
21
- rootXSmallBold: B,
22
- "root--xx-small": "_root--xx-small_jyn7z_178",
23
- rootXxSmall: i,
24
- "root--theme-dark": "_root--theme-dark_jyn7z_190",
25
- rootThemeDark: X
26
- }, M = ({
27
- children: t,
28
- className: m,
29
- size: l = "medium",
30
- tag: a = "p",
31
- theme: _ = "light",
32
- weight: r = "normal",
33
- ...d
34
- }) => {
35
- const s = a, n = j(o.root, m, {
36
- // large
37
- [o.rootLarge]: l === "large",
38
- [o.rootLargeBold]: l === "large" && r === "bold",
39
- // medium
40
- [o.rootMedium]: l == "medium",
41
- [o.rootMediumBold]: l === "medium" && r === "bold",
42
- // small
43
- [o.rootSmall]: l == "small",
44
- [o.rootSmallBold]: l == "small" && r === "bold",
45
- // x-small
46
- [o.rootXSmall]: l == "x-small",
47
- [o.rootXSmallBold]: l == "x-small" && r === "bold",
48
- // xx-small
49
- [o.rootXxSmall]: l == "xx-small",
50
- // dark theme
51
- [o.rootThemeDark]: _ === "dark"
52
- });
53
- return /* @__PURE__ */ e.jsx(s, { className: n, ...d, children: t });
54
- };
55
- export {
56
- M as DSText
57
- };