@stihl-design-system/components 1.0.0-RC.6 → 1.0.0-RC.8

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 (83) hide show
  1. package/Notification-additional-information.jpeg +0 -0
  2. package/Notification-confirm-error.jpg +0 -0
  3. package/Notification-confirm-warn.jpeg +0 -0
  4. package/Notification-overview.jpeg +0 -0
  5. package/Notification-success.jpeg +0 -0
  6. package/{arialiveregions.BvZhV6hb.js → arialiveregions.BK4T7Vhk.js} +1 -1
  7. package/assets/Dialog.DdLMmOLt.css +1 -0
  8. package/assets/Drawer.BqBgbSuP.css +1 -0
  9. package/assets/Toast.ChT0hchk.css +1 -0
  10. package/assets/button.3UhhGy87.css +1 -0
  11. package/assets/buttonround.DXDlPKwD.css +1 -0
  12. package/assets/link.BJHmVrew.css +1 -0
  13. package/assets/logo.pETQEsvZ.css +1 -0
  14. package/button.DPrDynn_.js +135 -0
  15. package/buttonround.ix_-O4l1.js +118 -0
  16. package/{checkbox.DNHdo6_n.js → checkbox.hoVQ37RP.js} +31 -32
  17. package/{checkboxgroup.DqWlzAeR.js → checkboxgroup.C9VX3c5W.js} +1 -1
  18. package/chunks/AriaLiveRegions.utils.D2ni4Yrf.js +34 -0
  19. package/chunks/{CheckboxGroup.DsQ6lI5a.js → CheckboxGroup.kG1WWhe_.js} +1 -1
  20. package/chunks/{CustomReactSelect.5dHi6PEO.js → CustomReactSelect.BVv0Zcvc.js} +4 -6
  21. package/chunks/Dialog.o7bcfCBf.js +148 -0
  22. package/chunks/Drawer.VbG4cfgJ.js +154 -0
  23. package/chunks/{Input.utils.AKWCNkpA.js → Input.utils.BGUhXCNP.js} +14 -13
  24. package/chunks/{InputPassword.a7zHKrmM.js → InputPassword.TlusvIds.js} +1 -1
  25. package/chunks/{InputSearch.DITRiB92.js → InputSearch.BbCdCCax.js} +1 -1
  26. package/chunks/{InputStepper.BkncCNwJ.js → InputStepper.DR3NR_II.js} +2 -2
  27. package/chunks/{Notification.DVVuSOqG.js → Notification.B6a6FOlS.js} +4 -4
  28. package/chunks/Toast.BpyBIPFW.js +89 -0
  29. package/chunks/has-document.r9i9TxKV.js +5 -0
  30. package/{combobox.CRlhqmuO.js → combobox.Dgp3kvFR.js} +1 -1
  31. package/components/Button/Button.d.ts +1 -1
  32. package/components/Checkbox/Checkbox.d.ts +1 -1
  33. package/components/CustomReactSelect/CustomReactSelect.d.ts +2 -2
  34. package/components/Dialog/Dialog.d.ts +22 -3
  35. package/components/Dialog/Dialog.test.d.ts +1 -0
  36. package/components/Dialog/Dialog.utils.d.ts +12 -0
  37. package/components/Dialog/Dialog.utils.test.d.ts +1 -0
  38. package/components/Drawer/Drawer.d.ts +31 -0
  39. package/components/Drawer/Drawer.test.d.ts +1 -0
  40. package/components/Drawer/Drawer.utils.d.ts +14 -0
  41. package/components/Drawer/Drawer.utils.test.d.ts +1 -0
  42. package/components/Input/Input.d.ts +1 -1
  43. package/components/InputSearch/InputSearch.d.ts +1 -1
  44. package/components/LinkStandalone/LinkStandalone.d.ts +1 -1
  45. package/components/Notification/Notification.d.ts +3 -1
  46. package/components/Radio/Radio.d.ts +1 -1
  47. package/components/RadioGroup/RadioGroup.d.ts +1 -1
  48. package/components/SkipToContent/SkipToContent.d.ts +1 -1
  49. package/components/Switch/Switch.d.ts +1 -1
  50. package/components/Toast/Toast.d.ts +3 -0
  51. package/components/Toast/ToastManager.d.ts +7 -3
  52. package/{customreactselect.CD58gwtp.js → customreactselect.BxkJi_UE.js} +1 -1
  53. package/dialog.CVFl9IVY.js +9 -0
  54. package/drawer.BheN3lap.js +9 -0
  55. package/drawer.d.ts +1 -0
  56. package/index.d.ts +5 -0
  57. package/index.es.js +96 -86
  58. package/{input.ChVISFEX.js → input.CfO9lL_o.js} +2 -2
  59. package/{inputpassword.Ba9SUUIK.js → inputpassword.CvnUeLTq.js} +2 -2
  60. package/{inputsearch.BK-0OTwA.js → inputsearch.ClX9PlYG.js} +2 -2
  61. package/{inputstepper.CTpTeXL9.js → inputstepper.Dd76qaQT.js} +3 -3
  62. package/link.CIY7SOpm.js +115 -0
  63. package/{logo.BR_CUXFl.js → logo.CqukakYv.js} +32 -36
  64. package/{notification.Csn5QCR2.js → notification.BGRev3jC.js} +2 -2
  65. package/package.json +3 -3
  66. package/{skiptocontent._YZRKxnc.js → skiptocontent.ALhHiH8t.js} +15 -13
  67. package/{toast.r_yhGYEe.js → toast.CtgjrtBC.js} +2 -2
  68. package/toastmanager.6mUZ8eCN.js +119 -0
  69. package/utils/render-in-iframe.d.ts +15 -0
  70. package/utils/vitest.setup.d.ts +2 -0
  71. package/assets/Toast.BzVaebc0.css +0 -1
  72. package/assets/button.BdxtFZKx.css +0 -1
  73. package/assets/buttonround.pR4StXA7.css +0 -1
  74. package/assets/dialog.CKwM2EBH.css +0 -1
  75. package/assets/link.D61tKkSK.css +0 -1
  76. package/assets/logo.C05WqGId.css +0 -1
  77. package/button.L1lgCuM9.js +0 -135
  78. package/buttonround.ddSqXjYf.js +0 -118
  79. package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +0 -31
  80. package/chunks/Toast.RON4bFPY.js +0 -89
  81. package/dialog.0qPUVJha.js +0 -45
  82. package/link.SAcKvzJ3.js +0 -115
  83. package/toastmanager.D-uIi-TS.js +0 -96
@@ -1,33 +1,31 @@
1
1
  "use client";
2
2
  import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as n } from "./chunks/index.CvOaL64Y.js";
4
- import './assets/logo.C05WqGId.css';const d = "_anchor_1z0x0_76", l = "_svg_1z0x0_77", v = "_anchor--dark_1z0x0_116", e = "_svg-background_1z0x0_147", u = "_svg-background--dark_1z0x0_150", i = "_svg-text_1z0x0_153", z = "_svg-text--dark_1z0x0_156", s = {
5
- anchor: d,
6
- svg: l,
7
- "anchor--dark": "_anchor--dark_1z0x0_116",
8
- anchorDark: v,
9
- "svg-background": "_svg-background_1z0x0_147",
10
- svgBackground: e,
11
- "svg-background--dark": "_svg-background--dark_1z0x0_150",
3
+ import { c as o } from "./chunks/index.CvOaL64Y.js";
4
+ import './assets/logo.pETQEsvZ.css';const h = "_anchor_q0uqp_76", e = "_svg_q0uqp_77", k = "_svg-background_q0uqp_117", u = "_svg-background--dark_q0uqp_120", x = "_svg-text_q0uqp_123", q = "_svg-text--dark_q0uqp_126", s = {
5
+ anchor: h,
6
+ svg: e,
7
+ "svg-background": "_svg-background_q0uqp_117",
8
+ svgBackground: k,
9
+ "svg-background--dark": "_svg-background--dark_q0uqp_120",
12
10
  svgBackgroundDark: u,
13
- "svg-text": "_svg-text_1z0x0_153",
14
- svgText: i,
15
- "svg-text--dark": "_svg-text--dark_1z0x0_156",
16
- svgTextDark: z
17
- }, B = ({
18
- aria: _,
19
- className: c,
20
- href: r,
21
- target: h = "_self",
22
- theme: g,
23
- variant: k = "standard",
24
- ...x
11
+ "svg-text": "_svg-text_q0uqp_123",
12
+ svgText: x,
13
+ "svg-text--dark": "_svg-text--dark_q0uqp_126",
14
+ svgTextDark: q
15
+ }, m = ({
16
+ aria: n,
17
+ className: t,
18
+ href: g,
19
+ target: l = "_self",
20
+ theme: v,
21
+ variant: _ = "standard",
22
+ ...d
25
23
  }) => {
26
- const t = k === "background" || g === "dark", o = /* @__PURE__ */ a.jsxs(
24
+ const r = _ === "background" || v === "dark", c = /* @__PURE__ */ a.jsxs(
27
25
  "svg",
28
26
  {
29
27
  xmlns: "http://www.w3.org/2000/svg",
30
- className: n(s.svg, !r && c),
28
+ className: o(s.svg, !g && t),
31
29
  viewBox: "0 0 408 179",
32
30
  width: "100%",
33
31
  height: "100%",
@@ -36,34 +34,32 @@ import './assets/logo.C05WqGId.css';const d = "_anchor_1z0x0_76", l = "_svg_1z0x
36
34
  /* @__PURE__ */ a.jsx(
37
35
  "path",
38
36
  {
39
- className: t ? s.svgBackgroundDark : s.svgBackground,
37
+ className: r ? s.svgBackgroundDark : s.svgBackground,
40
38
  d: "M408 0H0v179h408V0Z"
41
39
  }
42
40
  ),
43
41
  /* @__PURE__ */ a.jsx(
44
42
  "path",
45
43
  {
46
- className: t ? s.svgTextDark : s.svgText,
44
+ className: r ? s.svgTextDark : s.svgText,
47
45
  d: "M195.459 56.314h-61.656l-4.936 16.193h20.668l-15.304 50.179h20.106l15.293-50.18h20.893l4.936-16.192ZM62.286 66.62l-5.353 17.558c-2.384 7.814 1.957 13.531 9.637 13.531h25.065a1.626 1.626 0 0 1 1.288.7 1.638 1.638 0 0 1 .207 1.454l-1.349 4.42a3.37 3.37 0 0 1-2.8 2.154H49.624l-4.993 16.249h50.816c5.622 0 10.39-2.605 12.842-10.645l5.094-16.677c2.406-7.894-2.081-13.532-9.086-13.532H79.108c-1.394 0-1.945-1.015-1.563-2.255l1.35-4.42a3.385 3.385 0 0 1 1.185-1.872 3.368 3.368 0 0 1 2.087-.733h36.253l4.937-16.193H75.251c-6.87-.045-11.155 4.364-12.965 10.261ZM320.571 106.493l15.304-50.18h-20.218l-20.23 66.373h63.017l4.936-16.193h-42.809ZM282.653 56.314l-7.771 25.484H250.83l7.77-25.484h-19.319l-20.23 66.372h19.308l7.736-25.372h24.053l-7.725 25.372h19.836l20.23-66.372h-19.836ZM205.917 56.314l-20.229 66.372h20.218l20.23-66.372h-20.219Z"
48
46
  }
49
47
  )
50
48
  ]
51
49
  }
52
50
  );
53
- return r ? /* @__PURE__ */ a.jsx(
51
+ return g ? /* @__PURE__ */ a.jsx(
54
52
  "a",
55
53
  {
56
- className: n(s.anchor, c, {
57
- [s.anchorDark]: g === "dark"
58
- }),
59
- href: r,
60
- target: h,
61
- ..._,
62
- ...x,
63
- children: o
54
+ className: o(s.anchor, t),
55
+ href: g,
56
+ target: l,
57
+ ...n,
58
+ ...d,
59
+ children: c
64
60
  }
65
- ) : o;
61
+ ) : c;
66
62
  };
67
63
  export {
68
- B as DSLogo
64
+ m as DSLogo
69
65
  };
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import "./chunks/index.CvOaL64Y.js";
4
+ import "./button.DPrDynn_.js";
4
5
  import "./chunks/Icon.n4XZrQ4N.js";
5
- import { D as e } from "./chunks/Notification.DVVuSOqG.js";
6
- import "./button.L1lgCuM9.js";
6
+ import { D as e } from "./chunks/Notification.B6a6FOlS.js";
7
7
  export {
8
8
  e as DSNotification
9
9
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stihl-design-system/components",
3
3
  "private": false,
4
- "version": "1.0.0-RC.6",
4
+ "version": "1.0.0-RC.8",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
7
7
  "keywords": [
@@ -49,7 +49,7 @@
49
49
  "dev": "npm run storybook",
50
50
  "prebuild": "npm run build:propsOverview",
51
51
  "build": "npm run build:components && npm run build:storybook",
52
- "build:components": "tsc && vite build && npm run build:copyUtilitiesBuild && npm run build:copyTypes && cp package.json ./dist",
52
+ "build:components": "tsc && vite build && npm run build:copyUtilitiesBuild && npm run build:copyTypes && cp package.json ./dist && npx vite-node scripts/replaceUseInsertionEffect.ts",
53
53
  "build:copyComponents": "npm run build:components && ../../copyDistToExampleApps.sh '../../'",
54
54
  "build:copyTypes": "TARGET=./dist/types && rm -rf $TARGET && mkdir -p $TARGET && cp -r ./src/types/* $TARGET/",
55
55
  "build:copyUtilitiesBuild": "npm run build:copyUtilitiesBuild:scss && npm run build:copyUtilitiesBuild:fonts && npm run build:copyUtilitiesBuild:partials",
@@ -76,7 +76,7 @@
76
76
  "devDependencies": {
77
77
  "@babel/core": "^7.24.9",
78
78
  "@juggle/resize-observer": "^3.4.0",
79
- "@playwright/test": "^1.45.2",
79
+ "@playwright/test": "^1.46.0",
80
80
  "@react-docgen/cli": "^2.0.3",
81
81
  "@storybook/addon-a11y": "^8.2.4",
82
82
  "@storybook/addon-actions": "^8.2.4",
@@ -1,19 +1,20 @@
1
1
  "use client";
2
- import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as k } from "./chunks/index.CvOaL64Y.js";
4
- import { DSLink as p } from "./link.SAcKvzJ3.js";
2
+ import { j as k } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as p } from "./chunks/index.CvOaL64Y.js";
5
4
  import { g as n } from "./chunks/helpers.B1JT5ShS.js";
6
5
  import "react";
7
- import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_76", h = "_skip-to-content--dark_4ockd_83", s = {
6
+ import { DSLink as c } from "./link.CIY7SOpm.js";
7
+ import './assets/skiptocontent.DGVJ77cj.css';const h = "_skip-to-content_4ockd_76", m = "_skip-to-content--dark_4ockd_83", s = {
8
8
  "skip-to-content": "_skip-to-content_4ockd_76",
9
- skipToContent: c,
9
+ skipToContent: h,
10
10
  "skip-to-content--dark": "_skip-to-content--dark_4ockd_83",
11
- skipToContentDark: h
12
- }, C = ({
11
+ skipToContentDark: m
12
+ }, f = ({
13
13
  children: e = "Skip to main content",
14
14
  className: i,
15
15
  targetElementId: t = "main",
16
- theme: o = "light"
16
+ theme: o = "light",
17
+ ...r
17
18
  }) => {
18
19
  t.startsWith("#") && console.warn(
19
20
  n(
@@ -26,13 +27,14 @@ import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_7
26
27
  'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'
27
28
  )
28
29
  );
29
- const r = k(s.skipToContent, i, {
30
+ const a = p(s.skipToContent, i, {
30
31
  [s.skipToContentDark]: o === "dark"
31
32
  });
32
- return /* @__PURE__ */ a.jsx(
33
- p,
33
+ return /* @__PURE__ */ k.jsx(
34
+ c,
34
35
  {
35
- className: r,
36
+ ...r,
37
+ className: a,
36
38
  href: `#${t}`,
37
39
  theme: o,
38
40
  children: e
@@ -40,5 +42,5 @@ import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_7
40
42
  );
41
43
  };
42
44
  export {
43
- C as DSSkipToContent
45
+ f as DSSkipToContent
44
46
  };
@@ -2,9 +2,9 @@
2
2
  import "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
- import "./button.L1lgCuM9.js";
5
+ import "./button.DPrDynn_.js";
6
6
  import "./chunks/Icon.n4XZrQ4N.js";
7
- import { D as s } from "./chunks/Toast.RON4bFPY.js";
7
+ import { D as s } from "./chunks/Toast.BpyBIPFW.js";
8
8
  export {
9
9
  s as DSToast
10
10
  };
@@ -0,0 +1,119 @@
1
+ "use client";
2
+ import { j as g } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { createContext as y, useContext as C, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
4
+ import { g as a } from "./chunks/helpers.B1JT5ShS.js";
5
+ import { g as E, b as w } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
6
+ import { D as _, s as U } from "./chunks/Toast.BpyBIPFW.js";
7
+ import { h as q } from "./chunks/has-document.r9i9TxKV.js";
8
+ const Q = () => {
9
+ if (!E() || !w())
10
+ throw new Error(
11
+ a(
12
+ "DSToast",
13
+ 'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
14
+ )
15
+ );
16
+ }, k = () => {
17
+ if (!q)
18
+ return;
19
+ if (document.querySelectorAll("[data-ds-toast]").length > 1)
20
+ throw new Error(
21
+ a(
22
+ "DSToast",
23
+ 'The destructured "toast" element should only be used once in the DOM.'
24
+ )
25
+ );
26
+ }, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, x = y(void 0), J = () => {
27
+ const n = C(x);
28
+ if (!n)
29
+ throw new Error(
30
+ a(
31
+ "DSToastProvider",
32
+ "useDSToast must be used within a <DSToastProvider />, which wraps around your root component."
33
+ )
34
+ );
35
+ return n;
36
+ }, K = ({
37
+ children: n
38
+ }) => {
39
+ const [u, c] = S([]), [s, l] = S(null), o = O(null);
40
+ A(() => {
41
+ !s && u.length > 0 && setTimeout(() => {
42
+ l(u[0]);
43
+ });
44
+ }, [u]), A(() => {
45
+ s && (L(s.message, s.variant), I());
46
+ }, [s]);
47
+ const m = () => {
48
+ var e;
49
+ return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
50
+ }, T = (e) => {
51
+ var t;
52
+ (t = o.current) == null || t.setAttribute(i, e);
53
+ }, p = () => {
54
+ var e;
55
+ return (e = o.current) == null ? void 0 : e.removeAttribute(i);
56
+ }, L = (e, t) => {
57
+ if (t === "warning") {
58
+ const r = E();
59
+ r && (r.innerText = e);
60
+ } else if (t === "success" || t === "info") {
61
+ const r = w();
62
+ r && (r.innerText = e);
63
+ }
64
+ }, d = (e, t) => {
65
+ Q();
66
+ const r = {
67
+ message: e,
68
+ hideIcon: t == null ? void 0 : t.hideIcon,
69
+ variant: (t == null ? void 0 : t.variant) || "info",
70
+ onClick: () => {
71
+ v();
72
+ },
73
+ onMouseEnter: M,
74
+ onMouseLeave: R
75
+ };
76
+ c((P) => [...P, r]);
77
+ }, M = () => {
78
+ f();
79
+ }, f = () => {
80
+ var t;
81
+ const e = m();
82
+ e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
83
+ }, h = () => {
84
+ const e = setTimeout(() => {
85
+ v();
86
+ }, B);
87
+ T(String(e));
88
+ }, R = () => {
89
+ m() !== D && o.current && h();
90
+ }, I = () => {
91
+ var e;
92
+ k(), s && ((e = o.current) != null && e.showPopover) && (o.current.showPopover(), h());
93
+ }, v = () => {
94
+ f(), T(D), o.current && (o.current.addEventListener(
95
+ "animationend",
96
+ () => {
97
+ var e;
98
+ (e = o.current) != null && e.hidePopover && (o.current.hidePopover(), p(), o.current = null, c((t) => t.slice(1)), l(null));
99
+ },
100
+ {
101
+ once: !0
102
+ // removes event listener after being called once
103
+ }
104
+ ), o.current.classList.add(U.rootClosing));
105
+ }, b = j(
106
+ () => ({
107
+ queueDSToastMessage: d
108
+ }),
109
+ [d]
110
+ );
111
+ return /* @__PURE__ */ g.jsxs(x.Provider, { value: b, children: [
112
+ s ? /* @__PURE__ */ g.jsx(_, { ...s, ref: o }) : null,
113
+ n
114
+ ] });
115
+ };
116
+ export {
117
+ K as DSToastProvider,
118
+ J as useDSToast
119
+ };
@@ -0,0 +1,15 @@
1
+ type RenderInIframeProps = {
2
+ children: React.ReactNode;
3
+ parentLinkTags?: NodeListOf<HTMLLinkElement>;
4
+ parentStyleTags?: NodeListOf<HTMLStyleElement>;
5
+ } & React.IframeHTMLAttributes<HTMLIFrameElement>;
6
+ /**
7
+ *
8
+ * @param param
9
+ * @returns
10
+ *
11
+ * This component renders its children in an iframe. It is currently only used for rendering multiple Dialog or Drawer
12
+ * components on a single page for visual regression testing.
13
+ */
14
+ declare const RenderInIframe: ({ children, parentStyleTags, parentLinkTags, ...props }: RenderInIframeProps) => import("react/jsx-runtime").JSX.Element;
15
+ export default RenderInIframe;
@@ -1,3 +1,5 @@
1
1
 
2
2
  export declare function showPopoverPolyfill(): void;
3
3
  export declare function hidePopoverPolyfill(): void;
4
+ export declare function showModalPolyfill(): void;
5
+ export declare function closeModalPolyfill(): void;
@@ -1 +0,0 @@
1
- :root{--ds-toast-offset-bottom: 64px}._root_127fr_80{min-width:312px;max-width:400px;box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}._root--closing_127fr_89{animation:_fade-out_127fr_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}._root_127fr_80[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors: active){._root_127fr_80[popover]{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}:where(._root_127fr_80:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:_move-in_127fr_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}._root--success_127fr_124[popover]{background-color:#e5f0db;border-color:#749f4a}._root--info_127fr_128[popover]{background-color:#ededed;border-color:#666}._root--warning_127fr_132[popover]{background-color:#fdecc3;border-color:#fdc543}._content_127fr_137{display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:32px}._content--hide-icon_127fr_144{grid-template-columns:minmax(auto,1fr) auto}._icon_127fr_148{margin-block-start:8px}._message_127fr_152{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;margin-block-start:4px;margin-block-end:0}@keyframes _move-in_127fr_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fade-out_127fr_1{0%{opacity:1;display:block}to{opacity:0;display:none}}
@@ -1 +0,0 @@
1
- ._root_1jptm_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1jptm_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1jptm_151:focus{outline:revert;outline-offset:revert}._root_1jptm_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1jptm_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_1jptm_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;max-width:fit-content;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_1jptm_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_1jptm_151{transition-duration:0ms}}._root--highlight_1jptm_219,._root--dark-highlight_1jptm_219{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1jptm_219:hover,._root--dark-highlight_1jptm_219:hover{background-color:#e9640c}}._root--highlight_1jptm_219[aria-disabled=true],._root--dark-highlight_1jptm_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1jptm_219[aria-disabled=true] svg,._root--dark-highlight_1jptm_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1jptm_219[aria-disabled=true],._root--dark-highlight_1jptm_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_1jptm_219[aria-disabled=true]:before,._root--dark-highlight_1jptm_219[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1jptm_219:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1jptm_219:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1jptm_219:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1jptm_219:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1jptm_219:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1jptm_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1jptm_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1jptm_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1jptm_219[aria-disabled=true]:before{background-color:transparent}._root--filled_1jptm_297{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1jptm_297:hover{background-color:#444}}._root--filled_1jptm_297[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1jptm_297[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1jptm_297[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1jptm_297[aria-disabled=true]:before{background-color:transparent}._root--outline_1jptm_325{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1jptm_325:hover{background-color:#0000001a}}._root--outline_1jptm_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1jptm_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1jptm_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1jptm_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_1jptm_352{color:#252525}@media (hover: hover){._root--ghost_1jptm_352:hover{background-color:#0000001a}}._root--ghost_1jptm_352[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1jptm_352[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1jptm_352[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1jptm_352[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1jptm_377{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1jptm_377._root--small_1jptm_383{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1jptm_377:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_1jptm_377:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1jptm_377:before{transition-duration:0ms}}._root--ghost-flush_1jptm_377:focus,._root--ghost-flush_1jptm_377:focus-visible{outline:none}._root--ghost-flush_1jptm_377:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1jptm_377:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1jptm_377:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1jptm_377:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1jptm_377:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1jptm_377:hover:before{background-color:#0000001a}}._root--ghost-flush_1jptm_377[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1jptm_377[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1jptm_377[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1jptm_377[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1jptm_460{background-color:#f8f8f8;color:#252525}._root--dark-filled_1jptm_460:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1jptm_460:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1jptm_460:focus{outline:revert;outline-offset:revert}._root--dark-filled_1jptm_460:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1jptm_460:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1jptm_460:hover{background-color:#dadada}}._root--dark-filled_1jptm_460[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1jptm_460[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1jptm_460[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1jptm_460[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1jptm_519{border-color:#f8f8f8;color:#fff}._root--dark-outline_1jptm_519:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1jptm_519:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1jptm_519:focus{outline:revert;outline-offset:revert}._root--dark-outline_1jptm_519:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1jptm_519:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1jptm_519:hover{background-color:#ffffff26}}._root--dark-outline_1jptm_519[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1jptm_519[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1jptm_519[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1jptm_519[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1jptm_577{color:#fff}._root--dark-ghost_1jptm_577:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1jptm_577:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1jptm_577:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1jptm_577:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1jptm_577:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1jptm_577:hover{background-color:#ffffff26}}._root--dark-ghost_1jptm_577[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1jptm_577[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1jptm_577[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1jptm_577[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1jptm_633{color:#fff}._root--dark-ghost-flush_1jptm_633:focus,._root--dark-ghost-flush_1jptm_633:focus-visible{outline:none}._root--dark-ghost-flush_1jptm_633:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1jptm_633:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1jptm_633:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1jptm_633:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1jptm_633:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1jptm_633:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1jptm_633[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1jptm_633[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1jptm_633[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1jptm_633[aria-disabled=true]:before{background-color:transparent}._root--icon-left_1jptm_692{flex-direction:row-reverse}._root--small_1jptm_383{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1jptm_383._root--ghost-flush_1jptm_377:before{right:-8px;left:-8px}._root--icon-only_1jptm_708{width:3rem;height:3rem}._root--icon-only_1jptm_708._root--ghost-flush_1jptm_377{width:1rem;height:1rem}._root--icon-only-small_1jptm_717{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_1jptm_717._root--ghost-flush_1jptm_377{width:1rem;height:1rem}._root_1jptm_151{position:relative}._loader_1jptm_732{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1jptm_732 svg{fill:currentColor}._icon--hidden_1jptm_744{opacity:0}._label--hidden_1jptm_748{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._label--loading_1jptm_760{opacity:0}
@@ -1 +0,0 @@
1
- ._root_lfeh_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_lfeh_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_lfeh_151:focus{outline:revert;outline-offset:revert}._root_lfeh_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_lfeh_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_lfeh_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;max-width:fit-content;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_lfeh_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_lfeh_151{transition-duration:0ms}}._root--highlight_lfeh_219,._root--dark-highlight_lfeh_219{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_lfeh_219:hover,._root--dark-highlight_lfeh_219:hover{background-color:#e9640c}}._root--highlight_lfeh_219[aria-disabled=true],._root--dark-highlight_lfeh_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_lfeh_219[aria-disabled=true] svg,._root--dark-highlight_lfeh_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_lfeh_219[aria-disabled=true],._root--dark-highlight_lfeh_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_lfeh_219[aria-disabled=true]:before,._root--dark-highlight_lfeh_219[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_lfeh_219:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_lfeh_219:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_lfeh_219:focus{outline:revert;outline-offset:revert}._root--dark-highlight_lfeh_219:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_lfeh_219:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_lfeh_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_lfeh_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_lfeh_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_lfeh_219[aria-disabled=true]:before{background-color:transparent}._root--filled_lfeh_297{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_lfeh_297:hover{background-color:#444}}._root--filled_lfeh_297[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_lfeh_297[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_lfeh_297[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_lfeh_297[aria-disabled=true]:before{background-color:transparent}._root--outline_lfeh_325{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_lfeh_325:hover{background-color:#0000001a}}._root--outline_lfeh_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_lfeh_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_lfeh_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_lfeh_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_lfeh_352{color:#252525}@media (hover: hover){._root--ghost_lfeh_352:hover{background-color:#0000001a}}._root--ghost_lfeh_352[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_lfeh_352[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_lfeh_352[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_lfeh_352[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_lfeh_377{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_lfeh_377._root--small_lfeh_383{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_lfeh_377:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_lfeh_377:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_lfeh_377:before{transition-duration:0ms}}._root--ghost-flush_lfeh_377:focus,._root--ghost-flush_lfeh_377:focus-visible{outline:none}._root--ghost-flush_lfeh_377:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_lfeh_377:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_lfeh_377:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_lfeh_377:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_lfeh_377:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_lfeh_377:hover:before{background-color:#0000001a}}._root--ghost-flush_lfeh_377[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_lfeh_377[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_lfeh_377[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_lfeh_377[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_lfeh_460{background-color:#f8f8f8;color:#252525}._root--dark-filled_lfeh_460:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_lfeh_460:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_lfeh_460:focus{outline:revert;outline-offset:revert}._root--dark-filled_lfeh_460:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_lfeh_460:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_lfeh_460:hover{background-color:#dadada}}._root--dark-filled_lfeh_460[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_lfeh_460[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_lfeh_460[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_lfeh_460[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_lfeh_519{border-color:#f8f8f8;color:#fff}._root--dark-outline_lfeh_519:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_lfeh_519:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_lfeh_519:focus{outline:revert;outline-offset:revert}._root--dark-outline_lfeh_519:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_lfeh_519:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_lfeh_519:hover{background-color:#ffffff26}}._root--dark-outline_lfeh_519[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_lfeh_519[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_lfeh_519[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_lfeh_519[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_lfeh_577{color:#fff}._root--dark-ghost_lfeh_577:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_lfeh_577:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_lfeh_577:focus{outline:revert;outline-offset:revert}._root--dark-ghost_lfeh_577:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_lfeh_577:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_lfeh_577:hover{background-color:#ffffff26}}._root--dark-ghost_lfeh_577[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_lfeh_577[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_lfeh_577[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_lfeh_577[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_lfeh_633{color:#fff}._root--dark-ghost-flush_lfeh_633:focus,._root--dark-ghost-flush_lfeh_633:focus-visible{outline:none}._root--dark-ghost-flush_lfeh_633:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_lfeh_633:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_lfeh_633:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_lfeh_633:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_lfeh_633:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_lfeh_633:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_lfeh_633[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_lfeh_633[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_lfeh_633[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_lfeh_633[aria-disabled=true]:before{background-color:transparent}._root--icon-left_lfeh_692{flex-direction:row-reverse}._root--small_lfeh_383{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_lfeh_383._root--ghost-flush_lfeh_377:before{right:-8px;left:-8px}._root--icon-only_lfeh_708{width:3rem;height:3rem}._root--icon-only_lfeh_708._root--ghost-flush_lfeh_377{width:1rem;height:1rem}._root--icon-only-small_lfeh_717{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_lfeh_717._root--ghost-flush_lfeh_377{width:1rem;height:1rem}._root_lfeh_151{position:relative;border-radius:50%;padding:0}._loader_lfeh_734{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_lfeh_734 svg{fill:currentColor}._icon--hidden_lfeh_746{opacity:0}._label--hidden_lfeh_750{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._label--loading_lfeh_762{opacity:0}
@@ -1 +0,0 @@
1
- ._root_4piiz_76{cursor:pointer}._success_4piiz_80{background-color:#e5f0db}._info_4piiz_84{background-color:#ededed}._warning_4piiz_88{background-color:#fdecc3}
@@ -1 +0,0 @@
1
- ._root_rd44x_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_rd44x_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_rd44x_151:focus{outline:revert;outline-offset:revert}._root_rd44x_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_rd44x_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_rd44x_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;max-width:fit-content;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_rd44x_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_rd44x_151{transition-duration:0ms}}._root--highlight_rd44x_219,._root--dark-highlight_rd44x_219{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_rd44x_219:hover,._root--dark-highlight_rd44x_219:hover{background-color:#e9640c}}._root--highlight_rd44x_219[aria-disabled=true],._root--dark-highlight_rd44x_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_rd44x_219[aria-disabled=true] svg,._root--dark-highlight_rd44x_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_rd44x_219[aria-disabled=true],._root--dark-highlight_rd44x_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_rd44x_219[aria-disabled=true]:before,._root--dark-highlight_rd44x_219[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_rd44x_219:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_rd44x_219:focus{outline:revert;outline-offset:revert}._root--dark-highlight_rd44x_219:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_rd44x_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_rd44x_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_rd44x_219[aria-disabled=true]:before{background-color:transparent}._root--filled_rd44x_297{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_rd44x_297:hover{background-color:#444}}._root--filled_rd44x_297[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_rd44x_297[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_rd44x_297[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_rd44x_297[aria-disabled=true]:before{background-color:transparent}._root--outline_rd44x_325{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_rd44x_325:hover{background-color:#0000001a}}._root--outline_rd44x_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_rd44x_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_rd44x_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_rd44x_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_rd44x_352{color:#252525}@media (hover: hover){._root--ghost_rd44x_352:hover{background-color:#0000001a}}._root--ghost_rd44x_352[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_rd44x_352[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_rd44x_352[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_rd44x_352[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_rd44x_377{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_rd44x_377._root--small_rd44x_383{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_rd44x_377:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_rd44x_377:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_rd44x_377:before{transition-duration:0ms}}._root--ghost-flush_rd44x_377:focus,._root--ghost-flush_rd44x_377:focus-visible{outline:none}._root--ghost-flush_rd44x_377:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_rd44x_377:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_rd44x_377:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_rd44x_377:hover:before{background-color:#0000001a}}._root--ghost-flush_rd44x_377[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_rd44x_377[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_rd44x_377[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_rd44x_460{background-color:#f8f8f8;color:#252525}._root--dark-filled_rd44x_460:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_rd44x_460:focus{outline:revert;outline-offset:revert}._root--dark-filled_rd44x_460:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_rd44x_460:hover{background-color:#dadada}}._root--dark-filled_rd44x_460[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_rd44x_460[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_rd44x_460[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_rd44x_519{border-color:#f8f8f8;color:#fff}._root--dark-outline_rd44x_519:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_rd44x_519:focus{outline:revert;outline-offset:revert}._root--dark-outline_rd44x_519:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_rd44x_519:hover{background-color:#ffffff26}}._root--dark-outline_rd44x_519[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_rd44x_519[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_rd44x_519[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_rd44x_577{color:#fff}._root--dark-ghost_rd44x_577:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_rd44x_577:focus{outline:revert;outline-offset:revert}._root--dark-ghost_rd44x_577:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_rd44x_577:hover{background-color:#ffffff26}}._root--dark-ghost_rd44x_577[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_rd44x_577[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_rd44x_577[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_rd44x_633{color:#fff}._root--dark-ghost-flush_rd44x_633:focus,._root--dark-ghost-flush_rd44x_633:focus-visible{outline:none}._root--dark-ghost-flush_rd44x_633:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_rd44x_633:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_rd44x_633:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_rd44x_633:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_rd44x_633[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_rd44x_633[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_rd44x_633[aria-disabled=true]:before{background-color:transparent}._root--icon-left_rd44x_692{flex-direction:row-reverse}._root--small_rd44x_383{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_rd44x_383._root--ghost-flush_rd44x_377:before{right:-8px;left:-8px}._root--icon-only_rd44x_708{width:3rem;height:3rem}._root--icon-only_rd44x_708._root--ghost-flush_rd44x_377{width:1rem;height:1rem}._root--icon-only-small_rd44x_717{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_rd44x_717._root--ghost-flush_rd44x_377{width:1rem;height:1rem}._label--hidden_rd44x_728{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}
@@ -1 +0,0 @@
1
- ._anchor_1z0x0_76,._svg_1z0x0_77{display:block;min-width:7.125rem;max-width:10rem}._anchor_1z0x0_76{text-decoration:none}._anchor_1z0x0_76:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._anchor_1z0x0_76:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._anchor_1z0x0_76:focus{outline:revert;outline-offset:revert}._anchor_1z0x0_76:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._anchor_1z0x0_76:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._anchor--dark_1z0x0_116:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._anchor--dark_1z0x0_116:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._anchor--dark_1z0x0_116:focus{outline:revert;outline-offset:revert}._anchor--dark_1z0x0_116:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._anchor--dark_1z0x0_116:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._svg-background_1z0x0_147{fill:#fff}._svg-background--dark_1z0x0_150,._svg-text_1z0x0_153{fill:#f37a1f}._svg-text--dark_1z0x0_156{fill:#fff}
@@ -1,135 +0,0 @@
1
- "use client";
2
- import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as a } from "./chunks/index.CvOaL64Y.js";
4
- import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
- import { D as I } from "./chunks/Icon.n4XZrQ4N.js";
6
- import { DSSpinner as F } from "./spinner.DVa112nj.js";
7
- import './assets/button.BdxtFZKx.css';const S = "_root_1jptm_151", x = "_root--highlight_1jptm_219", L = "_root--dark-highlight_1jptm_219", C = "_root--filled_1jptm_297", N = "_root--outline_1jptm_325", B = "_root--ghost_1jptm_352", E = "_root--ghost-flush_1jptm_377", R = "_root--small_1jptm_383", T = "_root--dark-filled_1jptm_460", V = "_root--dark-outline_1jptm_519", q = "_root--dark-ghost_1jptm_577", w = "_root--dark-ghost-flush_1jptm_633", A = "_root--icon-left_1jptm_692", J = "_root--icon-only_1jptm_708", K = "_root--icon-only-small_1jptm_717", M = "_loader_1jptm_732", P = "_icon--hidden_1jptm_744", Q = "_label--hidden_1jptm_748", U = "_label--loading_1jptm_760", o = {
8
- root: S,
9
- "root--highlight": "_root--highlight_1jptm_219",
10
- rootHighlight: x,
11
- "root--dark-highlight": "_root--dark-highlight_1jptm_219",
12
- rootDarkHighlight: L,
13
- "root--filled": "_root--filled_1jptm_297",
14
- rootFilled: C,
15
- "root--outline": "_root--outline_1jptm_325",
16
- rootOutline: N,
17
- "root--ghost": "_root--ghost_1jptm_352",
18
- rootGhost: B,
19
- "root--ghost-flush": "_root--ghost-flush_1jptm_377",
20
- rootGhostFlush: E,
21
- "root--small": "_root--small_1jptm_383",
22
- rootSmall: R,
23
- "root--dark-filled": "_root--dark-filled_1jptm_460",
24
- rootDarkFilled: T,
25
- "root--dark-outline": "_root--dark-outline_1jptm_519",
26
- rootDarkOutline: V,
27
- "root--dark-ghost": "_root--dark-ghost_1jptm_577",
28
- rootDarkGhost: q,
29
- "root--dark-ghost-flush": "_root--dark-ghost-flush_1jptm_633",
30
- rootDarkGhostFlush: w,
31
- "root--icon-left": "_root--icon-left_1jptm_692",
32
- rootIconLeft: A,
33
- "root--icon-only": "_root--icon-only_1jptm_708",
34
- rootIconOnly: J,
35
- "root--icon-only-small": "_root--icon-only-small_1jptm_717",
36
- rootIconOnlySmall: K,
37
- loader: M,
38
- "icon--hidden": "_icon--hidden_1jptm_744",
39
- iconHidden: P,
40
- "label--hidden": "_label--hidden_1jptm_748",
41
- labelHidden: Q,
42
- "label--loading": "_label--loading_1jptm_760",
43
- labelLoading: U
44
- }, z = ({
45
- children: p,
46
- aria: u,
47
- className: j,
48
- dataTrackingid: k,
49
- disabled: h = !1,
50
- hideLabel: i = !1,
51
- iconName: d,
52
- iconPosition: f = "left",
53
- iconSource: m,
54
- isFlush: s = !1,
55
- loading: r = !1,
56
- size: n = "medium",
57
- theme: l = "light",
58
- variant: t = "filled",
59
- onClick: c,
60
- ...D
61
- }) => {
62
- const b = a(o.root, j, {
63
- // variant
64
- [o.rootFilled]: t === "filled",
65
- [o.rootHighlight]: t === "highlight",
66
- [o.rootOutline]: t === "outline",
67
- [o.rootGhost]: t === "ghost" && s !== !0,
68
- // isFlush
69
- [o.rootGhostFlush]: t === "ghost" && s === !0,
70
- // dark theme
71
- [o.rootDarkFilled]: l === "dark" && t === "filled",
72
- [o.rootDarkHighlight]: l === "dark" && t === "highlight",
73
- [o.rootDarkOutline]: l === "dark" && t === "outline",
74
- [o.rootDarkGhost]: l === "dark" && t === "ghost" && s !== !0,
75
- // dark isFlush
76
- [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && s === !0,
77
- // size
78
- [o.rootSmall]: n === "small",
79
- // icon position
80
- [o.rootIconLeft]: f === "left",
81
- // icon only
82
- [o.rootIconOnly]: e(i) && n === "medium",
83
- [o.rootIconOnlySmall]: e(i) && n === "small"
84
- }), y = a(o.label, {
85
- // hide label only visually to keep them available for assistive technologies
86
- [o.labelHidden]: e(i),
87
- // set label opacity to 0 when loading to prevent button size from changing
88
- [o.labelLoading]: r
89
- }), O = a(o.icon, {
90
- // set icon opacity to 0 when loading to prevent button size from changing
91
- [o.iconHidden]: r
92
- }), G = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", H = (g) => {
93
- if (h || r) {
94
- g.preventDefault();
95
- return;
96
- }
97
- c && c(g);
98
- };
99
- return /* @__PURE__ */ _.jsxs(
100
- "button",
101
- {
102
- className: b,
103
- "data-trackingid": k,
104
- type: "submit",
105
- onClick: H,
106
- ...u,
107
- ...D,
108
- "aria-disabled": h || r,
109
- "aria-busy": r,
110
- children: [
111
- r && /* @__PURE__ */ _.jsx(
112
- F,
113
- {
114
- className: o.loader,
115
- aria: { "aria-label": "Loading state" }
116
- }
117
- ),
118
- /* @__PURE__ */ _.jsx("span", { className: y, children: p }),
119
- (d || m) && /* @__PURE__ */ _.jsx(
120
- I,
121
- {
122
- name: d,
123
- theme: G,
124
- source: m,
125
- className: O,
126
- "aria-hidden": "true"
127
- }
128
- )
129
- ]
130
- }
131
- );
132
- };
133
- export {
134
- z as DSButton
135
- };