@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/arialiveregions.49Zyf6mj.js +27 -0
  2. package/arialiveregions.d.ts +1 -0
  3. package/assets/CustomReactSelect.B0rJLjN0.css +1 -0
  4. package/assets/Notification.CCCbfXEz.css +1 -0
  5. package/assets/Toast.CAP_EwDX.css +1 -0
  6. package/assets/arialiveregions.VnhjP8Gr.css +1 -0
  7. package/assets/button.BuIpnG-S.css +1 -0
  8. package/assets/buttonround.C3ph5Yyu.css +1 -0
  9. package/assets/dialog.BGK3mgk7.css +1 -0
  10. package/assets/link.DQy_OhwC.css +1 -0
  11. package/assets/linkstandalone.Dh6bE5Fb.css +1 -0
  12. package/button.DX_nxoJC.js +135 -0
  13. package/buttonround.CXsBk9nL.js +118 -0
  14. package/{checkbox.C2Ga9yTK.js → checkbox.B43oeMeC.js} +6 -6
  15. package/checkboxgroup.C7aCjYds.js +9 -0
  16. package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +31 -0
  17. package/{checkboxgroup.Cfxz9bk6.js → chunks/CheckboxGroup.CS6Q_TeZ.js} +27 -20
  18. package/chunks/{CustomReactSelect.uzWNynay.js → CustomReactSelect.DtmbYZUf.js} +455 -449
  19. package/{fieldset.DGcIKzDI.js → chunks/Fieldset.BokeZzG5.js} +20 -19
  20. package/chunks/Icon.9gDIp6p4.js +217 -0
  21. package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js} +12 -8
  22. package/{inputpassword.-MXq8baU.js → chunks/InputPassword.jpUCijp7.js} +15 -14
  23. package/{inputsearch.CoYTSjox.js → chunks/InputSearch.BmOtAZcR.js} +16 -14
  24. package/{inputstepper.BBMQr6kM.js → chunks/InputStepper.DTKjUL4U.js} +20 -19
  25. package/chunks/Notification.CUPOlHAX.js +93 -0
  26. package/{radiogroup.oILRMrX-.js → chunks/RadioGroup.DpwnVv7u.js} +37 -29
  27. package/{select.OGcreXnT.js → chunks/Select.DkDZo0ky.js} +49 -46
  28. package/{textarea.kc_Sfbgr.js → chunks/Textarea.C938p79X.js} +63 -61
  29. package/chunks/Toast.CLYrwQVO.js +89 -0
  30. package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
  31. package/{combobox.BXHAo4Wx.js → combobox.BaSkiD6f.js} +7 -7
  32. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +4 -0
  33. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
  34. package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
  35. package/components/Checkbox/Checkbox.d.ts +1 -1
  36. package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -1
  37. package/components/Dialog/Dialog.d.ts +11 -0
  38. package/components/Dialog/Dialog.utils.d.ts +0 -0
  39. package/components/Fieldset/Fieldset.utils.d.ts +1 -1
  40. package/components/Notification/Notification.d.ts +26 -0
  41. package/components/Notification/Notification.test.d.ts +1 -0
  42. package/components/Notification/Notification.utils.d.ts +5 -0
  43. package/components/RadioGroup/RadioGroup.utils.d.ts +1 -1
  44. package/components/Toast/Toast.d.ts +21 -0
  45. package/components/Toast/Toast.utils.d.ts +9 -0
  46. package/components/Toast/ToastManager.d.ts +6 -0
  47. package/components/Toast/ToastManager.test.d.ts +1 -0
  48. package/components/Toast/ToastManager.utils.d.ts +2 -0
  49. package/components/Toast/ToastManager.utils.test.d.ts +1 -0
  50. package/{customreactselect.CipgVXTR.js → customreactselect.LTbjaBN2.js} +4 -4
  51. package/dialog.BkXwcbUh.js +45 -0
  52. package/dialog.d.ts +1 -0
  53. package/fieldset.BXOWK-B-.js +11 -0
  54. package/{floatingactionbutton.DzHD39NY.js → floatingactionbutton.-nDRRiXY.js} +9 -9
  55. package/icon.Cpp_9L1I.js +8 -0
  56. package/index.d.ts +24 -0
  57. package/index.es.js +138 -45
  58. package/{input.o8OT6rxJ.js → input.BM6tyRUm.js} +34 -34
  59. package/inputpassword.DUxH1K_k.js +12 -0
  60. package/inputsearch.B-vePHle.js +13 -0
  61. package/inputstepper.C2ypADPI.js +13 -0
  62. package/link.B4XZoLDj.js +115 -0
  63. package/linkstandalone.BSfd95Pd.js +79 -0
  64. package/notification.CxxAOdNV.js +9 -0
  65. package/notification.d.ts +1 -0
  66. package/{optioncheckbox.-DRnW_ch.js → optioncheckbox.CUV1MQhh.js} +3 -3
  67. package/package.json +3 -3
  68. package/radiogroup.CMJ1b38q.js +11 -0
  69. package/select.DFJK2mHF.js +12 -0
  70. package/{spinner.Diy_EeFY.js → spinner.BskX4ovu.js} +1 -1
  71. package/styles/scss/_index.scss +1 -0
  72. package/styles/scss/lib/_animation.scss +18 -4
  73. package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -0
  74. package/styles/scss/lib/_link.scss +1 -0
  75. package/styles/scss/lib/_shadow.scss +10 -0
  76. package/styles/scss/lib/_theme.scss +7 -5
  77. package/{switch.BjoFKMQC.js → switch.Bx2tDKx0.js} +2 -2
  78. package/{systemfeedback.C7iXO5A1.js → systemfeedback.4Hkfigi-.js} +1 -1
  79. package/textarea.DPy3TJJf.js +12 -0
  80. package/toast.C-Yg5EoE.js +10 -0
  81. package/toast.d.ts +1 -0
  82. package/toastmanager.DQ_-eTrx.js +96 -0
  83. package/toastmanager.d.ts +1 -0
  84. package/utils/vitest.setup.d.ts +2 -0
  85. package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
  86. package/assets/button.DJvR-58w.css +0 -1
  87. package/assets/buttonround.BlfQkmMV.css +0 -1
  88. package/assets/link.V7pJOW1p.css +0 -1
  89. package/assets/linkstandalone.D3RbBp23.css +0 -1
  90. package/button.BUUGRxIp.js +0 -135
  91. package/buttonround.CKc-a-hd.js +0 -118
  92. package/icon.PX9_1kNB.js +0 -215
  93. package/link.BN6AZfhG.js +0 -115
  94. package/linkstandalone.4-fyRd08.js +0 -79
  95. /package/assets/{fieldset.xazpUXJX.css → Fieldset.xazpUXJX.css} +0 -0
  96. /package/assets/{icon.CB-KQmw4.css → Icon.CB-KQmw4.css} +0 -0
  97. /package/assets/{inputpassword.C3Uyj7oA.css → InputPassword.C3Uyj7oA.css} +0 -0
  98. /package/assets/{inputsearch.tL3e9-Ob.css → InputSearch.tL3e9-Ob.css} +0 -0
  99. /package/assets/{inputstepper.paPJix5A.css → InputStepper.paPJix5A.css} +0 -0
  100. /package/assets/{select.D2qBxaHP.css → Select.D2qBxaHP.css} +0 -0
  101. /package/assets/{textarea.BKbocznb.css → Textarea.BKbocznb.css} +0 -0
@@ -1,118 +0,0 @@
1
- "use client";
2
- import { j as r } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as d } from "./chunks/index.CvOaL64Y.js";
4
- import { DSIcon as H } from "./icon.PX9_1kNB.js";
5
- import { DSSpinner as p } from "./spinner.Diy_EeFY.js";
6
- import './assets/buttonround.BlfQkmMV.css';const F = "_root_1ydhm_125", O = "_root--highlight_1ydhm_194", G = "_root--dark-highlight_1ydhm_194", I = "_root--filled_1ydhm_272", S = "_root--outline_1ydhm_300", x = "_root--ghost_1ydhm_327", j = "_root--ghost-flush_1ydhm_352", L = "_root--small_1ydhm_358", C = "_root--dark-filled_1ydhm_433", N = "_root--dark-outline_1ydhm_492", R = "_root--dark-ghost_1ydhm_550", B = "_root--dark-ghost-flush_1ydhm_606", E = "_root--icon-left_1ydhm_665", T = "_root--icon-only_1ydhm_681", q = "_root--icon-only-small_1ydhm_685", w = "_loader_1ydhm_692", z = "_icon--hidden_1ydhm_704", A = "_label--hidden_1ydhm_708", J = "_label--loading_1ydhm_720", o = {
7
- root: F,
8
- "root--highlight": "_root--highlight_1ydhm_194",
9
- rootHighlight: O,
10
- "root--dark-highlight": "_root--dark-highlight_1ydhm_194",
11
- rootDarkHighlight: G,
12
- "root--filled": "_root--filled_1ydhm_272",
13
- rootFilled: I,
14
- "root--outline": "_root--outline_1ydhm_300",
15
- rootOutline: S,
16
- "root--ghost": "_root--ghost_1ydhm_327",
17
- rootGhost: x,
18
- "root--ghost-flush": "_root--ghost-flush_1ydhm_352",
19
- rootGhostFlush: j,
20
- "root--small": "_root--small_1ydhm_358",
21
- rootSmall: L,
22
- "root--dark-filled": "_root--dark-filled_1ydhm_433",
23
- rootDarkFilled: C,
24
- "root--dark-outline": "_root--dark-outline_1ydhm_492",
25
- rootDarkOutline: N,
26
- "root--dark-ghost": "_root--dark-ghost_1ydhm_550",
27
- rootDarkGhost: R,
28
- "root--dark-ghost-flush": "_root--dark-ghost-flush_1ydhm_606",
29
- rootDarkGhostFlush: B,
30
- "root--icon-left": "_root--icon-left_1ydhm_665",
31
- rootIconLeft: E,
32
- "root--icon-only": "_root--icon-only_1ydhm_681",
33
- rootIconOnly: T,
34
- "root--icon-only-small": "_root--icon-only-small_1ydhm_685",
35
- rootIconOnlySmall: q,
36
- loader: w,
37
- "icon--hidden": "_icon--hidden_1ydhm_704",
38
- iconHidden: z,
39
- "label--hidden": "_label--hidden_1ydhm_708",
40
- labelHidden: A,
41
- "label--loading": "_label--loading_1ydhm_720",
42
- labelLoading: J
43
- }, U = ({
44
- children: e,
45
- aria: c,
46
- className: m,
47
- dataTrackingid: y,
48
- disabled: _ = !1,
49
- iconName: i = "placeholder",
50
- iconSource: n,
51
- loading: t = !1,
52
- theme: h = "light",
53
- variant: l = "filled",
54
- onClick: s,
55
- ...g
56
- }) => {
57
- const k = d(
58
- o.root,
59
- o.rootIconOnlySmall,
60
- m,
61
- {
62
- // variant
63
- [o.rootFilled]: l === "filled",
64
- [o.rootHighlight]: l === "highlight",
65
- // dark theme
66
- [o.rootDarkFilled]: h === "dark" && l === "filled",
67
- [o.rootDarkHighlight]: h === "dark" && l === "highlight"
68
- }
69
- ), u = d(o.label, o.labelHidden, {
70
- // set label opacity to 0 when loading to prevent button size from changing
71
- [o.labelLoading]: t
72
- }), f = d(o.icon, {
73
- // set icon opacity to 0 when loading to prevent button size from changing
74
- [o.iconHidden]: t
75
- }), b = h === "light" && l === "filled" ? "dark" : "light", D = (a) => {
76
- if (_ || t) {
77
- a.preventDefault();
78
- return;
79
- }
80
- s && s(a);
81
- };
82
- return /* @__PURE__ */ r.jsxs(
83
- "button",
84
- {
85
- className: k,
86
- "data-trackingid": y,
87
- type: "button",
88
- onClick: D,
89
- ...c,
90
- ...g,
91
- "aria-disabled": _ || t,
92
- "aria-busy": t,
93
- children: [
94
- t && /* @__PURE__ */ r.jsx(
95
- p,
96
- {
97
- className: o.loader,
98
- aria: { "aria-label": "Loading state" }
99
- }
100
- ),
101
- /* @__PURE__ */ r.jsx("span", { className: u, children: e }),
102
- (i || n) && /* @__PURE__ */ r.jsx(
103
- H,
104
- {
105
- name: i,
106
- theme: b,
107
- source: n,
108
- className: f,
109
- "aria-hidden": "true"
110
- }
111
- )
112
- ]
113
- }
114
- );
115
- };
116
- export {
117
- U as DSButtonRound
118
- };
package/icon.PX9_1kNB.js DELETED
@@ -1,215 +0,0 @@
1
- "use client";
2
- import { j as x } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as E } from "./chunks/index.CvOaL64Y.js";
4
- import * as b from "react";
5
- import { useRef as T, useState as y, useEffect as j } from "react";
6
- import './assets/icon.CB-KQmw4.css';var z = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), M = 0, V = void 0;
7
- function D(s) {
8
- return s ? (_.has(s) || (M += 1, _.set(s, M.toString())), _.get(s)) : "0";
9
- }
10
- function L(s) {
11
- return Object.keys(s).sort().filter(
12
- (t) => s[t] !== void 0
13
- ).map((t) => `${t}_${t === "root" ? D(s.root) : s[t]}`).toString();
14
- }
15
- function q(s) {
16
- const t = L(s);
17
- let i = z.get(t);
18
- if (!i) {
19
- const e = /* @__PURE__ */ new Map();
20
- let a;
21
- const r = new IntersectionObserver((n) => {
22
- n.forEach((o) => {
23
- var c;
24
- const v = o.isIntersecting && a.some((m) => o.intersectionRatio >= m);
25
- s.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = v), (c = e.get(o.target)) == null || c.forEach((m) => {
26
- m(v, o);
27
- });
28
- });
29
- }, s);
30
- a = r.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), i = {
31
- id: t,
32
- observer: r,
33
- elements: e
34
- }, z.set(t, i);
35
- }
36
- return i;
37
- }
38
- function N(s, t, i = {}, e = V) {
39
- if (typeof window.IntersectionObserver > "u" && e !== void 0) {
40
- const c = s.getBoundingClientRect();
41
- return t(e, {
42
- isIntersecting: e,
43
- target: s,
44
- intersectionRatio: typeof i.threshold == "number" ? i.threshold : 0,
45
- time: 0,
46
- boundingClientRect: c,
47
- intersectionRect: c,
48
- rootBounds: c
49
- }), () => {
50
- };
51
- }
52
- const { id: a, observer: r, elements: n } = q(i), o = n.get(s) || [];
53
- return n.has(s) || n.set(s, o), o.push(t), r.observe(s), function() {
54
- o.splice(o.indexOf(t), 1), o.length === 0 && (n.delete(s), r.unobserve(s)), n.size === 0 && (r.disconnect(), z.delete(a));
55
- };
56
- }
57
- function O({
58
- threshold: s,
59
- delay: t,
60
- trackVisibility: i,
61
- rootMargin: e,
62
- root: a,
63
- triggerOnce: r,
64
- skip: n,
65
- initialInView: o,
66
- fallbackInView: c,
67
- onChange: v
68
- } = {}) {
69
- var m;
70
- const [d, k] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
71
- inView: !!o,
72
- entry: void 0
73
- });
74
- h.current = v, b.useEffect(
75
- () => {
76
- if (n || !d)
77
- return;
78
- let f;
79
- return f = N(
80
- d,
81
- (R, S) => {
82
- l({
83
- inView: R,
84
- entry: S
85
- }), h.current && h.current(R, S), S.isIntersecting && r && f && (f(), f = void 0);
86
- },
87
- {
88
- root: a,
89
- rootMargin: e,
90
- threshold: s,
91
- // @ts-ignore
92
- trackVisibility: i,
93
- // @ts-ignore
94
- delay: t
95
- },
96
- c
97
- ), () => {
98
- f && f();
99
- };
100
- },
101
- // We break the rule here, because we aren't including the actual `threshold` variable
102
- // eslint-disable-next-line react-hooks/exhaustive-deps
103
- [
104
- // If the threshold is an array, convert it to a string, so it won't change between renders.
105
- Array.isArray(s) ? s.toString() : s,
106
- d,
107
- a,
108
- e,
109
- r,
110
- n,
111
- i,
112
- c,
113
- t
114
- ]
115
- );
116
- const u = (m = g.entry) == null ? void 0 : m.target, I = b.useRef();
117
- !d && u && !r && !n && I.current !== u && (I.current = u, l({
118
- inView: !!o,
119
- entry: void 0
120
- }));
121
- const p = [k, g.inView, g.entry];
122
- return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
123
- }
124
- const A = "_image_109vr_63", C = "_image--theme-dark_109vr_72", X = "_image--size-medium_109vr_75", $ = "_image--size-small_109vr_81", B = "_image--size-x-small_109vr_87", w = {
125
- image: A,
126
- "image--theme-dark": "_image--theme-dark_109vr_72",
127
- imageThemeDark: C,
128
- "image--size-medium": "_image--size-medium_109vr_75",
129
- imageSizeMedium: X,
130
- "image--size-small": "_image--size-small_109vr_81",
131
- imageSizeSmall: $,
132
- "image--size-x-small": "_image--size-x-small_109vr_87",
133
- imageSizeXSmall: B
134
- }, G = (s, t, i) => {
135
- const e = s[t];
136
- return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((a, r) => {
137
- (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + t + (t.split("/").length !== i ? ". Note that variables only represent file names one level deep." : ""))));
138
- });
139
- }, P = (s) => {
140
- var n;
141
- const t = T(), [i, e] = y(!1), [a, r] = y(!0);
142
- return j(() => {
143
- i && (r(!0), (async () => {
144
- try {
145
- t.current = await G(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./chunks/360.CfjUtgxq.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./chunks/academic-cap.OBigTQQS.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./chunks/alarm-clock.CpK-AEZG.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./chunks/arrow-clockwise.BefOjGPg.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./chunks/arrow-counterclockwise.C7Ov32BZ.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./chunks/arrow-down-line.RDD2pRZY.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./chunks/arrow-down.XpokLh98.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./chunks/arrow-edge.CPA93M81.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./chunks/arrow-left.C8NG5I2X.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./chunks/arrow-out.CsHHHYN9.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./chunks/arrow-outline-left.Bhw_LzfV.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./chunks/arrow-right.HNwAz18h.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./chunks/arrow-up-arrow-down.BVyuVJP5.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./chunks/arrow-up.Ca1GnLaY.js"), "../../../../icons/dist/assets/at.svg": () => import("./chunks/at.BNfdp4M0.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./chunks/barcode-scanner.D0olxB_m.js"), "../../../../icons/dist/assets/battery.svg": () => import("./chunks/battery.YCg9lYqC.js"), "../../../../icons/dist/assets/bell.svg": () => import("./chunks/bell.DbPxCAUM.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./chunks/bin-open.DsjIBW00.js"), "../../../../icons/dist/assets/bin.svg": () => import("./chunks/bin.ktpYUJmK.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./chunks/bluetooth.dW5tTwby.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./chunks/bookmark.B7Mbr-d6.js"), "../../../../icons/dist/assets/burger.svg": () => import("./chunks/burger.DLP81BXa.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./chunks/calendar.Cig7yG7m.js"), "../../../../icons/dist/assets/camera.svg": () => import("./chunks/camera.BoCB0Emp.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./chunks/cart-check.CYH0vTB8.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./chunks/cart-plus.DzXXFMZj.js"), "../../../../icons/dist/assets/cart.svg": () => import("./chunks/cart.CoEwMABr.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./chunks/catalog.CwV-J6Kb.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./chunks/certificate.Crs4RohK.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chunks/chain-link.BMV2WV6k.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chunks/chainsaw.CI1EYF7a.js"), "../../../../icons/dist/assets/check.svg": () => import("./chunks/check.CuZKWgYj.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chunks/chevron-down.5UkGOwK_.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chunks/chevron-left.DRFQ-efY.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chunks/chevron-line-left.SQvDJQ1t.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chunks/chevron-line-right.CYQ3b2cQ.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chunks/chevron-right.B_Ew9QUt.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chunks/chevron-up.DqETUWqG.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./chunks/circle-check-colored.Bye_GwLy.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./chunks/circle-check-inverted.Cc2cUmWT.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./chunks/circle-info-colored.DLY6BTL4.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./chunks/circle-info-inverted.D8Z0vTmu.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./chunks/circle-pause.DaRfXOff.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./chunks/circle-stroke.CWu_o3Gx.js"), "../../../../icons/dist/assets/circle.svg": () => import("./chunks/circle.471EUzv6.js"), "../../../../icons/dist/assets/clock.svg": () => import("./chunks/clock.Bw5ICIVH.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./chunks/coffee-cup.DIijzKx_.js"), "../../../../icons/dist/assets/compare.svg": () => import("./chunks/compare.BgktBbYD.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./chunks/connected-box-mobile.DboMCVxp.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./chunks/connected-box-stationary.CAPCPQ1d.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./chunks/connected-box.DVqJw-ws.js"), "../../../../icons/dist/assets/cross.svg": () => import("./chunks/cross.rEw3TuHs.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./chunks/diamond-exclamationmark-colored.WNKYwZ8q.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./chunks/diamond-exclamationmark-inverted.DzAIb8Nt.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./chunks/diamond.CXZHFpPC.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./chunks/diskette._0C2VZ9v.js"), "../../../../icons/dist/assets/distance.svg": () => import("./chunks/distance.FA6pTjcW.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./chunks/dots-connected.ZMYjHeNS.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./chunks/download-complete.CZVpzrvY.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./chunks/envelope-open.CA4cE5lk.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./chunks/envelope.re-RxZVw.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./chunks/exclamationmark.DEbIGqGC.js"), "../../../../icons/dist/assets/exit.svg": () => import("./chunks/exit.Cgb8AB-k.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./chunks/eye-closed.CvqozUwK.js"), "../../../../icons/dist/assets/eye.svg": () => import("./chunks/eye.CRQMKZs4.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./chunks/facebook.CVcxa0rV.js"), "../../../../icons/dist/assets/filter.svg": () => import("./chunks/filter.DrPSKpaG.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./chunks/finger-double-arrow.DDUZoPh8.js"), "../../../../icons/dist/assets/flash.svg": () => import("./chunks/flash.CgJJ1bUx.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./chunks/fullscreen.Be2rBj1i.js"), "../../../../icons/dist/assets/gear.svg": () => import("./chunks/gear.DEltGVSA.js"), "../../../../icons/dist/assets/globe.svg": () => import("./chunks/globe.DG6uw6fi.js"), "../../../../icons/dist/assets/grid.svg": () => import("./chunks/grid.DH1impeF.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./chunks/guidance.BBYB3JpW.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./chunks/haircross.D-whkit9.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./chunks/hanger.Bo8qtNo5.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./chunks/headphones.DjWXOuJJ.js"), "../../../../icons/dist/assets/heart.svg": () => import("./chunks/heart.D-BnHMb-.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./chunks/hexagon-arrow-clockwise.D0eeDQQx.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./chunks/horizontal-ellipsis.ChdN6RnG.js"), "../../../../icons/dist/assets/house.svg": () => import("./chunks/house.BohpDQ3q.js"), "../../../../icons/dist/assets/imow.svg": () => import("./chunks/imow.Dh1oMqcW.js"), "../../../../icons/dist/assets/info.svg": () => import("./chunks/info.BZVg9FLA.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./chunks/instagram.CIlKb7xj.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./chunks/leave-fullscreen.BC5iwDur.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./chunks/lightbulb.DQ7TiRsr.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./chunks/linkedin.br5zvxco.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./chunks/list-three-rows.Cso4ybs8.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./chunks/list-two-rows.DOsZEv0-.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./chunks/loading-spinner.BukfMaU6.js"), "../../../../icons/dist/assets/lock.svg": () => import("./chunks/lock.Dw_GOpTn.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./chunks/magnifying-glass-minus.BYztw2P1.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./chunks/magnifying-glass-plus.BTgviDVh.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./chunks/magnifying-glass.C8DfRaIO.js"), "../../../../icons/dist/assets/map.svg": () => import("./chunks/map.CXgG1iGz.js"), "../../../../icons/dist/assets/minus.svg": () => import("./chunks/minus.BkhCuIH4.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./chunks/mobile.C1Kj9VnC.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./chunks/nine-squares.DVsNAOzz.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./chunks/note-check.CM_kmt0M.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./chunks/note-plus.Bkn78EyA.js"), "../../../../icons/dist/assets/note.svg": () => import("./chunks/note.CE0ACLn8.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./chunks/number-input.BLhoh5mh.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./chunks/paperclip.BMerX4rj.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./chunks/parcel.Ve9GL_EG.js"), "../../../../icons/dist/assets/pause.svg": () => import("./chunks/pause.B91Ejn-O.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./chunks/pdf.9kZbElrZ.js"), "../../../../icons/dist/assets/pen.svg": () => import("./chunks/pen.CvKw2PvE.js"), "../../../../icons/dist/assets/percent.svg": () => import("./chunks/percent.BlB6rG-B.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./chunks/petrol.Du6qAgp0.js"), "../../../../icons/dist/assets/phone.svg": () => import("./chunks/phone.DzdXfmNC.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./chunks/pin-s.DXgYuN9C.js"), "../../../../icons/dist/assets/pin.svg": () => import("./chunks/pin.DZfZr4El.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./chunks/pinterest.sUPAub_q.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./chunks/placeholder.Dbb0hT5R.js"), "../../../../icons/dist/assets/play.svg": () => import("./chunks/play.BDiY2JrT.js"), "../../../../icons/dist/assets/plug.svg": () => import("./chunks/plug.DZozve4C.js"), "../../../../icons/dist/assets/plus.svg": () => import("./chunks/plus.zdu17kAe.js"), "../../../../icons/dist/assets/printer.svg": () => import("./chunks/printer.CaFaWfeS.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./chunks/prohibition-sign.DUFn0QiV.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./chunks/questionmark.QyDxanQy.js"), "../../../../icons/dist/assets/security.svg": () => import("./chunks/security.DkLw5ym4.js"), "../../../../icons/dist/assets/share.svg": () => import("./chunks/share.C3wwEl8n.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./chunks/shirt.BC8W-yCI.js"), "../../../../icons/dist/assets/shop.svg": () => import("./chunks/shop.DdPV35mK.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./chunks/sound-off.D4kGcehG.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./chunks/sound-on.Cynkb0_t.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./chunks/speechbubble.87vuoKUp.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./chunks/speechbubbles.CSFhpNJn.js"), "../../../../icons/dist/assets/square.svg": () => import("./chunks/square.D6PgEi_r.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./chunks/star-half.DZTtM5Bw.js"), "../../../../icons/dist/assets/star.svg": () => import("./chunks/star.BkjednvI.js"), "../../../../icons/dist/assets/tag.svg": () => import("./chunks/tag.yO7uMsHj.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./chunks/thumbs-down.DeBD6wnK.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./chunks/thumbs-up.D-44gexH.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./chunks/triangle-exclamationmark-colored.CbVC3Gzi.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./chunks/triangle-exclamationmark-inverted.BiGoK7TV.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./chunks/triangle.ibv6NDnt.js"), "../../../../icons/dist/assets/truck.svg": () => import("./chunks/truck.xIk5wW6T.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./chunks/two-people-screen.BBLouaW4.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./chunks/two-sheets.DWFmuL7N.js"), "../../../../icons/dist/assets/upload.svg": () => import("./chunks/upload.ZImTAIgx.js"), "../../../../icons/dist/assets/user.svg": () => import("./chunks/user.BMARueuy.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./chunks/vertical-ellipsis.Bc9eBsDF.js"), "../../../../icons/dist/assets/wc.svg": () => import("./chunks/wc.gmKE1r5l.js"), "../../../../icons/dist/assets/whatsapp.svg": () => import("./chunks/whatsapp.CPpu-7Nn.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./chunks/wifi-1bar.BcEP-r8w.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./chunks/wifi-2bars.jDOd4Q3q.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./chunks/wifi-off.D9xPqVWn.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./chunks/wifi.CuQykF6X.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./chunks/wind-rose.C-XcKdy-.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./chunks/wrench.DMFV2S9u.js"), "../../../../icons/dist/assets/x.svg": () => import("./chunks/x.BqbpXd7O.js"), "../../../../icons/dist/assets/xing.svg": () => import("./chunks/xing.CiKYLbPq.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./chunks/youtube.DrImaRSP.js") }), `../../../../icons/dist/assets/${s}.svg`, 8);
146
- } catch (c) {
147
- console.error(c);
148
- } finally {
149
- r(!1);
150
- }
151
- })());
152
- }, [s, i]), {
153
- isLoading: a,
154
- SVGIcon: (n = t.current) == null ? void 0 : n.default,
155
- setShouldLoad: e
156
- };
157
- }, F = ({
158
- aria: s,
159
- className: t,
160
- name: i = "arrow-left",
161
- size: e = "large",
162
- source: a,
163
- theme: r = "light",
164
- ...n
165
- }) => {
166
- const { SVGIcon: o, isLoading: c, setShouldLoad: v } = P(i), [, m] = y(i), d = {
167
- large: 16,
168
- medium: 12,
169
- small: 10,
170
- "x-small": 8
171
- };
172
- j(() => {
173
- m(i);
174
- }, [i]);
175
- const { ref: k } = O({
176
- rootMargin: "200px 0px",
177
- triggerOnce: !0,
178
- fallbackInView: !0,
179
- skip: !!a,
180
- onChange: (l) => {
181
- v(l);
182
- }
183
- }), h = (l) => (u) => {
184
- a && u && (u.src = l);
185
- }, g = E(w.image, t, {
186
- // custom icons and colored icons do not have a dark theme
187
- [w.imageThemeDark]: r === "dark" && !a && !i.includes("-colored"),
188
- [w.imageSizeMedium]: e === "medium",
189
- [w.imageSizeSmall]: e === "small",
190
- [w.imageSizeXSmall]: e === "x-small"
191
- });
192
- return a ? /* @__PURE__ */ x.jsx(
193
- "img",
194
- {
195
- className: g,
196
- ref: h(a),
197
- width: d[e],
198
- height: d[e],
199
- loading: "lazy",
200
- alt: (s == null ? void 0 : s["aria-label"]) || "",
201
- ...n
202
- }
203
- ) : !c && o ? /* @__PURE__ */ x.jsx(
204
- o,
205
- {
206
- className: g,
207
- title: (s == null ? void 0 : s["aria-label"]) || "",
208
- role: s != null && s["aria-label"] ? "img" : void 0,
209
- ...n
210
- }
211
- ) : /* @__PURE__ */ x.jsx("div", { className: g, ref: k });
212
- };
213
- export {
214
- F as DSIcon
215
- };
package/link.BN6AZfhG.js DELETED
@@ -1,115 +0,0 @@
1
- "use client";
2
- import { j as h } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as g } from "./chunks/index.CvOaL64Y.js";
4
- import { u as i } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
- import { DSIcon as p } from "./icon.PX9_1kNB.js";
6
- import './assets/link.V7pJOW1p.css';const F = "_root_1rqzw_125", H = "_root--highlight_1rqzw_191", S = "_root--dark-highlight_1rqzw_191", x = "_root--filled_1rqzw_269", b = "_root--outline_1rqzw_297", j = "_root--ghost_1rqzw_324", L = "_root--ghost-flush_1rqzw_349", C = "_root--small_1rqzw_355", N = "_root--dark-filled_1rqzw_430", T = "_root--dark-outline_1rqzw_489", B = "_root--dark-ghost_1rqzw_547", E = "_root--dark-ghost-flush_1rqzw_603", R = "_root--icon-left_1rqzw_662", V = "_root--icon-only_1rqzw_678", A = "_root--icon-only-small_1rqzw_682", J = "_label--hidden_1rqzw_689", o = {
7
- root: F,
8
- "root--highlight": "_root--highlight_1rqzw_191",
9
- rootHighlight: H,
10
- "root--dark-highlight": "_root--dark-highlight_1rqzw_191",
11
- rootDarkHighlight: S,
12
- "root--filled": "_root--filled_1rqzw_269",
13
- rootFilled: x,
14
- "root--outline": "_root--outline_1rqzw_297",
15
- rootOutline: b,
16
- "root--ghost": "_root--ghost_1rqzw_324",
17
- rootGhost: j,
18
- "root--ghost-flush": "_root--ghost-flush_1rqzw_349",
19
- rootGhostFlush: L,
20
- "root--small": "_root--small_1rqzw_355",
21
- rootSmall: C,
22
- "root--dark-filled": "_root--dark-filled_1rqzw_430",
23
- rootDarkFilled: N,
24
- "root--dark-outline": "_root--dark-outline_1rqzw_489",
25
- rootDarkOutline: T,
26
- "root--dark-ghost": "_root--dark-ghost_1rqzw_547",
27
- rootDarkGhost: B,
28
- "root--dark-ghost-flush": "_root--dark-ghost-flush_1rqzw_603",
29
- rootDarkGhostFlush: E,
30
- "root--icon-left": "_root--icon-left_1rqzw_662",
31
- rootIconLeft: R,
32
- "root--icon-only": "_root--icon-only_1rqzw_678",
33
- rootIconOnly: V,
34
- "root--icon-only-small": "_root--icon-only-small_1rqzw_682",
35
- rootIconOnlySmall: A,
36
- "label--hidden": "_label--hidden_1rqzw_689",
37
- labelHidden: J
38
- }, U = ({
39
- children: c,
40
- aria: k,
41
- className: u,
42
- dataTrackingid: q,
43
- download: w,
44
- hideLabel: _ = !1,
45
- href: n,
46
- iconName: e,
47
- iconPosition: f = "left",
48
- iconSource: a,
49
- isFlush: l = !1,
50
- referrerPolicy: z,
51
- rel: m,
52
- size: s = "medium",
53
- target: D = "_self",
54
- theme: r = "light",
55
- variant: t = "filled",
56
- ...y
57
- }) => {
58
- const G = g(o.root, u, {
59
- // variant
60
- [o.rootFilled]: t === "filled",
61
- [o.rootHighlight]: t === "highlight",
62
- [o.rootOutline]: t === "outline",
63
- [o.rootGhost]: t === "ghost" && l !== !0,
64
- // isFlush
65
- [o.rootGhostFlush]: t === "ghost" && l === !0,
66
- // dark theme
67
- [o.rootDarkFilled]: r === "dark" && t === "filled",
68
- [o.rootDarkHighlight]: r === "dark" && t === "highlight",
69
- [o.rootDarkOutline]: r === "dark" && t === "outline",
70
- [o.rootDarkGhost]: r === "dark" && t === "ghost" && l !== !0,
71
- // dark isFlush
72
- [o.rootDarkGhostFlush]: r === "dark" && t === "ghost" && l === !0,
73
- // size
74
- [o.rootSmall]: s === "small",
75
- // icon position
76
- [o.rootIconLeft]: f === "left",
77
- // icon only
78
- [o.rootIconOnly]: i(_) && s === "medium",
79
- [o.rootIconOnlySmall]: i(_) && s === "small"
80
- }), O = g({
81
- // hide label only visually to keep them available for assistive technologies
82
- [o.labelHidden]: i(_)
83
- }), I = r === "light" && t === "filled" || r === "dark" && t === "outline" || r === "dark" && t === "ghost" ? "dark" : "light", d = n === void 0 ? "span" : "a";
84
- return /* @__PURE__ */ h.jsxs(
85
- d,
86
- {
87
- className: G,
88
- "data-trackingid": q,
89
- ...d === "a" && {
90
- href: n,
91
- target: D,
92
- rel: m,
93
- referrerPolicy: z,
94
- download: w
95
- },
96
- ...k,
97
- ...y,
98
- children: [
99
- /* @__PURE__ */ h.jsx("span", { className: O, children: c }),
100
- (e || a) && /* @__PURE__ */ h.jsx(
101
- p,
102
- {
103
- name: e,
104
- theme: I,
105
- source: a,
106
- "aria-hidden": "true"
107
- }
108
- )
109
- ]
110
- }
111
- );
112
- };
113
- export {
114
- U as DSLink
115
- };
@@ -1,79 +0,0 @@
1
- "use client";
2
- import { j as i } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as x } from "./chunks/index.CvOaL64Y.js";
4
- import { DSIcon as H } from "./icon.PX9_1kNB.js";
5
- import "react";
6
- import './assets/linkstandalone.D3RbBp23.css';const j = "_root_p84sd_63", v = "_root--highlight_p84sd_134", L = "_root--neutral-dark_p84sd_205", N = "_root--highlight-dark_p84sd_276", I = "_root--active_p84sd_347", A = "_root--icon-left_p84sd_353", o = {
7
- root: j,
8
- "root--highlight": "_root--highlight_p84sd_134",
9
- rootHighlight: v,
10
- "root--neutral-dark": "_root--neutral-dark_p84sd_205",
11
- rootNeutralDark: L,
12
- "root--highlight-dark": "_root--highlight-dark_p84sd_276",
13
- rootHighlightDark: N,
14
- "root--active": "_root--active_p84sd_347",
15
- rootActive: I,
16
- "root--icon-left": "_root--icon-left_p84sd_353",
17
- rootIconLeft: A
18
- }, C = ({
19
- children: e,
20
- aria: _,
21
- active: g,
22
- className: n,
23
- dataTrackingid: c,
24
- download: d,
25
- href: s,
26
- iconName: a,
27
- iconPosition: p = "left",
28
- iconSource: l,
29
- referrerPolicy: k,
30
- rel: u,
31
- target: f = "_self",
32
- theme: t = "light",
33
- variant: r = "neutral",
34
- ...m
35
- }) => {
36
- const D = x(o.root, n, {
37
- // variant
38
- [o.rootHighlight]: r === "highlight",
39
- // theme
40
- [o.rootNeutralDark]: t === "dark" && r === "neutral",
41
- [o.rootHighlightDark]: t === "dark" && r === "highlight",
42
- // active
43
- [o.rootActive]: g,
44
- // icon position
45
- [o.rootIconLeft]: p === "left"
46
- }), h = s === void 0 ? "span" : "a";
47
- return /* @__PURE__ */ i.jsxs(
48
- h,
49
- {
50
- className: D,
51
- "data-trackingid": c,
52
- ...h === "a" && {
53
- href: s,
54
- target: f,
55
- rel: u,
56
- referrerPolicy: k,
57
- download: d
58
- },
59
- ..._,
60
- ...m,
61
- children: [
62
- /* @__PURE__ */ i.jsx("span", { className: o.label, children: e }),
63
- (a || l) && /* @__PURE__ */ i.jsx(
64
- H,
65
- {
66
- name: a,
67
- theme: t,
68
- source: l,
69
- size: "medium",
70
- "aria-hidden": "true"
71
- }
72
- )
73
- ]
74
- }
75
- );
76
- };
77
- export {
78
- C as DSLinkStandalone
79
- };
File without changes