@stihl-design-system/components 1.0.0-RC.7 → 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 (76) 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/assets/Dialog.DdLMmOLt.css +1 -0
  7. package/assets/Drawer.BqBgbSuP.css +1 -0
  8. package/assets/Toast.ChT0hchk.css +1 -0
  9. package/assets/button.3UhhGy87.css +1 -0
  10. package/assets/buttonround.DXDlPKwD.css +1 -0
  11. package/assets/link.BJHmVrew.css +1 -0
  12. package/assets/logo.pETQEsvZ.css +1 -0
  13. package/button.DPrDynn_.js +135 -0
  14. package/buttonround.ix_-O4l1.js +118 -0
  15. package/{checkbox.DNHdo6_n.js → checkbox.hoVQ37RP.js} +31 -32
  16. package/{checkboxgroup.DqWlzAeR.js → checkboxgroup.C9VX3c5W.js} +1 -1
  17. package/chunks/{CheckboxGroup.DsQ6lI5a.js → CheckboxGroup.kG1WWhe_.js} +1 -1
  18. package/chunks/{CustomReactSelect.5dHi6PEO.js → CustomReactSelect.BVv0Zcvc.js} +4 -6
  19. package/chunks/Dialog.o7bcfCBf.js +148 -0
  20. package/chunks/Drawer.VbG4cfgJ.js +154 -0
  21. package/chunks/{InputPassword.a7zHKrmM.js → InputPassword.TlusvIds.js} +1 -1
  22. package/chunks/{InputSearch.DITRiB92.js → InputSearch.BbCdCCax.js} +1 -1
  23. package/chunks/{InputStepper.Bf8NZ9pb.js → InputStepper.DR3NR_II.js} +1 -1
  24. package/chunks/{Notification.DVVuSOqG.js → Notification.B6a6FOlS.js} +4 -4
  25. package/chunks/Toast.BpyBIPFW.js +89 -0
  26. package/{combobox.CRlhqmuO.js → combobox.Dgp3kvFR.js} +1 -1
  27. package/components/Button/Button.d.ts +1 -1
  28. package/components/Checkbox/Checkbox.d.ts +1 -1
  29. package/components/CustomReactSelect/CustomReactSelect.d.ts +2 -2
  30. package/components/Dialog/Dialog.d.ts +22 -3
  31. package/components/Dialog/Dialog.test.d.ts +1 -0
  32. package/components/Dialog/Dialog.utils.d.ts +12 -0
  33. package/components/Dialog/Dialog.utils.test.d.ts +1 -0
  34. package/components/Drawer/Drawer.d.ts +31 -0
  35. package/components/Drawer/Drawer.test.d.ts +1 -0
  36. package/components/Drawer/Drawer.utils.d.ts +14 -0
  37. package/components/Drawer/Drawer.utils.test.d.ts +1 -0
  38. package/components/Input/Input.d.ts +1 -1
  39. package/components/InputSearch/InputSearch.d.ts +1 -1
  40. package/components/LinkStandalone/LinkStandalone.d.ts +1 -1
  41. package/components/Notification/Notification.d.ts +3 -1
  42. package/components/Radio/Radio.d.ts +1 -1
  43. package/components/RadioGroup/RadioGroup.d.ts +1 -1
  44. package/components/SkipToContent/SkipToContent.d.ts +1 -1
  45. package/components/Switch/Switch.d.ts +1 -1
  46. package/components/Toast/Toast.d.ts +3 -0
  47. package/{customreactselect.CD58gwtp.js → customreactselect.BxkJi_UE.js} +1 -1
  48. package/dialog.CVFl9IVY.js +9 -0
  49. package/drawer.BheN3lap.js +9 -0
  50. package/drawer.d.ts +1 -0
  51. package/index.d.ts +4 -0
  52. package/index.es.js +99 -92
  53. package/{input.DqSOhSMX.js → input.CfO9lL_o.js} +1 -1
  54. package/{inputpassword.Ba9SUUIK.js → inputpassword.CvnUeLTq.js} +2 -2
  55. package/{inputsearch.BK-0OTwA.js → inputsearch.ClX9PlYG.js} +2 -2
  56. package/{inputstepper.DFQ4zC15.js → inputstepper.Dd76qaQT.js} +2 -2
  57. package/link.CIY7SOpm.js +115 -0
  58. package/{logo.BR_CUXFl.js → logo.CqukakYv.js} +32 -36
  59. package/{notification.Csn5QCR2.js → notification.BGRev3jC.js} +2 -2
  60. package/package.json +3 -3
  61. package/{skiptocontent._YZRKxnc.js → skiptocontent.ALhHiH8t.js} +15 -13
  62. package/{toast.r_yhGYEe.js → toast.CtgjrtBC.js} +2 -2
  63. package/{toastmanager.BncH_rUP.js → toastmanager.6mUZ8eCN.js} +27 -25
  64. package/utils/render-in-iframe.d.ts +15 -0
  65. package/utils/vitest.setup.d.ts +2 -0
  66. package/assets/Toast.BzVaebc0.css +0 -1
  67. package/assets/button.BdxtFZKx.css +0 -1
  68. package/assets/buttonround.pR4StXA7.css +0 -1
  69. package/assets/dialog.CKwM2EBH.css +0 -1
  70. package/assets/link.D61tKkSK.css +0 -1
  71. package/assets/logo.C05WqGId.css +0 -1
  72. package/button.L1lgCuM9.js +0 -135
  73. package/buttonround.ddSqXjYf.js +0 -118
  74. package/chunks/Toast.RON4bFPY.js +0 -89
  75. package/dialog.0qPUVJha.js +0 -45
  76. package/link.SAcKvzJ3.js +0 -115
@@ -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
  };
@@ -1,12 +1,12 @@
1
1
  "use client";
2
- import { j as h } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { createContext as C, useContext as P, useState as S, useRef as O, useEffect as A, useMemo as j } from "react";
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
4
  import { g as a } from "./chunks/helpers.B1JT5ShS.js";
5
- import { g as E, b as x } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
6
- import { D as _, s as U } from "./chunks/Toast.RON4bFPY.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
7
  import { h as q } from "./chunks/has-document.r9i9TxKV.js";
8
8
  const Q = () => {
9
- if (!E() || !x())
9
+ if (!E() || !w())
10
10
  throw new Error(
11
11
  a(
12
12
  "DSToast",
@@ -23,8 +23,8 @@ const Q = () => {
23
23
  'The destructured "toast" element should only be used once in the DOM.'
24
24
  )
25
25
  );
26
- }, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, w = C(void 0), J = () => {
27
- const n = P(w);
26
+ }, i = "data-ds-toast-timeout-id", D = "closing", B = 1e4, x = y(void 0), J = () => {
27
+ const n = C(x);
28
28
  if (!n)
29
29
  throw new Error(
30
30
  a(
@@ -42,7 +42,7 @@ const Q = () => {
42
42
  l(u[0]);
43
43
  });
44
44
  }, [u]), A(() => {
45
- s && (M(s.message, s.variant), I());
45
+ s && (L(s.message, s.variant), I());
46
46
  }, [s]);
47
47
  const m = () => {
48
48
  var e;
@@ -50,15 +50,15 @@ const Q = () => {
50
50
  }, T = (e) => {
51
51
  var t;
52
52
  (t = o.current) == null || t.setAttribute(i, e);
53
- }, L = () => {
53
+ }, p = () => {
54
54
  var e;
55
55
  return (e = o.current) == null ? void 0 : e.removeAttribute(i);
56
- }, M = (e, t) => {
56
+ }, L = (e, t) => {
57
57
  if (t === "warning") {
58
58
  const r = E();
59
59
  r && (r.innerText = e);
60
60
  } else if (t === "success" || t === "info") {
61
- const r = x();
61
+ const r = w();
62
62
  r && (r.innerText = e);
63
63
  }
64
64
  }, d = (e, t) => {
@@ -68,32 +68,34 @@ const Q = () => {
68
68
  hideIcon: t == null ? void 0 : t.hideIcon,
69
69
  variant: (t == null ? void 0 : t.variant) || "info",
70
70
  onClick: () => {
71
- g();
71
+ v();
72
72
  },
73
- onMouseEnter: R,
74
- onMouseLeave: p
73
+ onMouseEnter: M,
74
+ onMouseLeave: R
75
75
  };
76
- c((y) => [...y, r]);
77
- }, R = () => {
76
+ c((P) => [...P, r]);
77
+ }, M = () => {
78
78
  f();
79
79
  }, f = () => {
80
80
  var t;
81
81
  const e = m();
82
82
  e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
83
- }, v = () => {
83
+ }, h = () => {
84
84
  const e = setTimeout(() => {
85
- g();
85
+ v();
86
86
  }, B);
87
87
  T(String(e));
88
- }, p = () => {
89
- m() !== D && o.current && v();
88
+ }, R = () => {
89
+ m() !== D && o.current && h();
90
90
  }, I = () => {
91
- k(), o.current && s && (o.current.showPopover(), v());
92
- }, g = () => {
91
+ var e;
92
+ k(), s && ((e = o.current) != null && e.showPopover) && (o.current.showPopover(), h());
93
+ }, v = () => {
93
94
  f(), T(D), o.current && (o.current.addEventListener(
94
95
  "animationend",
95
96
  () => {
96
- o.current && (o.current.hidePopover(), L(), o.current = null, c((e) => e.slice(1)), l(null));
97
+ var e;
98
+ (e = o.current) != null && e.hidePopover && (o.current.hidePopover(), p(), o.current = null, c((t) => t.slice(1)), l(null));
97
99
  },
98
100
  {
99
101
  once: !0
@@ -106,8 +108,8 @@ const Q = () => {
106
108
  }),
107
109
  [d]
108
110
  );
109
- return /* @__PURE__ */ h.jsxs(w.Provider, { value: b, children: [
110
- s ? /* @__PURE__ */ h.jsx(_, { ...s, ref: o }) : void 0,
111
+ return /* @__PURE__ */ g.jsxs(x.Provider, { value: b, children: [
112
+ s ? /* @__PURE__ */ g.jsx(_, { ...s, ref: o }) : null,
111
113
  n
112
114
  ] });
113
115
  };
@@ -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
- };
@@ -1,118 +0,0 @@
1
- "use client";
2
- import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as h } from "./chunks/index.CvOaL64Y.js";
4
- import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
5
- import { DSSpinner as p } from "./spinner.DVa112nj.js";
6
- import './assets/buttonround.pR4StXA7.css';const F = "_root_lfeh_151", O = "_root--highlight_lfeh_219", G = "_root--dark-highlight_lfeh_219", I = "_root--filled_lfeh_297", S = "_root--outline_lfeh_325", x = "_root--ghost_lfeh_352", j = "_root--ghost-flush_lfeh_377", L = "_root--small_lfeh_383", C = "_root--dark-filled_lfeh_460", N = "_root--dark-outline_lfeh_519", R = "_root--dark-ghost_lfeh_577", B = "_root--dark-ghost-flush_lfeh_633", E = "_root--icon-left_lfeh_692", T = "_root--icon-only_lfeh_708", q = "_root--icon-only-small_lfeh_717", w = "_loader_lfeh_734", z = "_icon--hidden_lfeh_746", A = "_label--hidden_lfeh_750", J = "_label--loading_lfeh_762", o = {
7
- root: F,
8
- "root--highlight": "_root--highlight_lfeh_219",
9
- rootHighlight: O,
10
- "root--dark-highlight": "_root--dark-highlight_lfeh_219",
11
- rootDarkHighlight: G,
12
- "root--filled": "_root--filled_lfeh_297",
13
- rootFilled: I,
14
- "root--outline": "_root--outline_lfeh_325",
15
- rootOutline: S,
16
- "root--ghost": "_root--ghost_lfeh_352",
17
- rootGhost: x,
18
- "root--ghost-flush": "_root--ghost-flush_lfeh_377",
19
- rootGhostFlush: j,
20
- "root--small": "_root--small_lfeh_383",
21
- rootSmall: L,
22
- "root--dark-filled": "_root--dark-filled_lfeh_460",
23
- rootDarkFilled: C,
24
- "root--dark-outline": "_root--dark-outline_lfeh_519",
25
- rootDarkOutline: N,
26
- "root--dark-ghost": "_root--dark-ghost_lfeh_577",
27
- rootDarkGhost: R,
28
- "root--dark-ghost-flush": "_root--dark-ghost-flush_lfeh_633",
29
- rootDarkGhostFlush: B,
30
- "root--icon-left": "_root--icon-left_lfeh_692",
31
- rootIconLeft: E,
32
- "root--icon-only": "_root--icon-only_lfeh_708",
33
- rootIconOnly: T,
34
- "root--icon-only-small": "_root--icon-only-small_lfeh_717",
35
- rootIconOnlySmall: q,
36
- loader: w,
37
- "icon--hidden": "_icon--hidden_lfeh_746",
38
- iconHidden: z,
39
- "label--hidden": "_label--hidden_lfeh_750",
40
- labelHidden: A,
41
- "label--loading": "_label--loading_lfeh_762",
42
- labelLoading: J
43
- }, U = ({
44
- children: d,
45
- aria: f,
46
- className: c,
47
- dataTrackingid: g,
48
- disabled: _ = !1,
49
- iconName: i = "placeholder",
50
- iconSource: n,
51
- loading: l = !1,
52
- theme: e = "light",
53
- variant: t = "filled",
54
- onClick: s,
55
- ...k
56
- }) => {
57
- const u = h(
58
- o.root,
59
- o.rootIconOnlySmall,
60
- c,
61
- {
62
- // variant
63
- [o.rootFilled]: t === "filled",
64
- [o.rootHighlight]: t === "highlight",
65
- // dark theme
66
- [o.rootDarkFilled]: e === "dark" && t === "filled",
67
- [o.rootDarkHighlight]: e === "dark" && t === "highlight"
68
- }
69
- ), m = h(o.label, o.labelHidden, {
70
- // set label opacity to 0 when loading to prevent button size from changing
71
- [o.labelLoading]: l
72
- }), b = h(o.icon, {
73
- // set icon opacity to 0 when loading to prevent button size from changing
74
- [o.iconHidden]: l
75
- }), D = e === "light" && t === "filled" ? "dark" : "light", y = (a) => {
76
- if (_ || l) {
77
- a.preventDefault();
78
- return;
79
- }
80
- s && s(a);
81
- };
82
- return /* @__PURE__ */ r.jsxs(
83
- "button",
84
- {
85
- className: u,
86
- "data-trackingid": g,
87
- type: "button",
88
- onClick: y,
89
- ...f,
90
- ...k,
91
- "aria-disabled": _ || l,
92
- "aria-busy": l,
93
- children: [
94
- l && /* @__PURE__ */ r.jsx(
95
- p,
96
- {
97
- className: o.loader,
98
- aria: { "aria-label": "Loading state" }
99
- }
100
- ),
101
- /* @__PURE__ */ r.jsx("span", { className: m, children: d }),
102
- (i || n) && /* @__PURE__ */ r.jsx(
103
- H,
104
- {
105
- name: i,
106
- theme: D,
107
- source: n,
108
- className: b,
109
- "aria-hidden": "true"
110
- }
111
- )
112
- ]
113
- }
114
- );
115
- };
116
- export {
117
- U as DSButtonRound
118
- };
@@ -1,89 +0,0 @@
1
- "use client";
2
- import { j as n } from "./jsx-runtime.C115EyI4.js";
3
- import { c } from "./index.CvOaL64Y.js";
4
- import { forwardRef as u } from "react";
5
- import { DSButton as g } from "../button.L1lgCuM9.js";
6
- import { D as h } from "./Icon.n4XZrQ4N.js";
7
- import '../assets/Toast.BzVaebc0.css';const p = "_root_127fr_80", x = "_root--closing_127fr_89", I = "_fade-out_127fr_1", S = "_move-in_127fr_1", N = "_root--success_127fr_124", j = "_root--info_127fr_128", v = "_root--warning_127fr_132", w = "_content_127fr_137", C = "_content--hide-icon_127fr_144", D = "_icon_127fr_148", O = "_message_127fr_152", o = {
8
- root: p,
9
- "root--closing": "_root--closing_127fr_89",
10
- rootClosing: x,
11
- "fade-out": "_fade-out_127fr_1",
12
- fadeOut: I,
13
- "move-in": "_move-in_127fr_1",
14
- moveIn: S,
15
- "root--success": "_root--success_127fr_124",
16
- rootSuccess: N,
17
- "root--info": "_root--info_127fr_128",
18
- rootInfo: j,
19
- "root--warning": "_root--warning_127fr_132",
20
- rootWarning: v,
21
- content: w,
22
- "content--hide-icon": "_content--hide-icon_127fr_144",
23
- contentHideIcon: C,
24
- icon: D,
25
- message: O
26
- }, T = {
27
- success: "circle-check-colored",
28
- warning: "triangle-exclamationmark-colored",
29
- info: "circle-info-colored"
30
- }, H = u(
31
- ({
32
- message: s,
33
- className: e,
34
- hideIcon: r = !1,
35
- variant: t = "info",
36
- onClick: i,
37
- onMouseEnter: a,
38
- onMouseLeave: _,
39
- ...f
40
- }, l) => {
41
- const m = c(o.root, e, {
42
- [o.rootSuccess]: t === "success",
43
- [o.rootWarning]: t === "warning",
44
- [o.rootInfo]: t === "info"
45
- }), d = c(o.content, {
46
- [o.contentHideIcon]: r
47
- });
48
- return /* @__PURE__ */ n.jsx(
49
- "aside",
50
- {
51
- className: m,
52
- ref: l,
53
- popover: "manual",
54
- "data-ds-toast": !0,
55
- onMouseEnter: a,
56
- onMouseLeave: _,
57
- "aria-label": s,
58
- ...f,
59
- children: /* @__PURE__ */ n.jsxs("div", { className: d, children: [
60
- !r && /* @__PURE__ */ n.jsx(
61
- h,
62
- {
63
- name: T[t],
64
- className: o.icon,
65
- "aria-hidden": "true"
66
- }
67
- ),
68
- /* @__PURE__ */ n.jsx("div", { className: o.message, children: s }),
69
- /* @__PURE__ */ n.jsx(
70
- g,
71
- {
72
- hideLabel: !0,
73
- iconName: "cross",
74
- size: "small",
75
- variant: "ghost",
76
- onClick: i,
77
- children: "Close toast"
78
- }
79
- )
80
- ] })
81
- }
82
- );
83
- }
84
- );
85
- H.displayName = "DSToast";
86
- export {
87
- H as D,
88
- o as s
89
- };