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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/arialiveregions.49Zyf6mj.js +27 -0
  2. package/arialiveregions.d.ts +1 -0
  3. package/assets/CustomReactSelect.B0rJLjN0.css +1 -0
  4. package/assets/Notification.CCCbfXEz.css +1 -0
  5. package/assets/Toast.CAP_EwDX.css +1 -0
  6. package/assets/arialiveregions.VnhjP8Gr.css +1 -0
  7. package/assets/button.BuIpnG-S.css +1 -0
  8. package/assets/buttonround.C3ph5Yyu.css +1 -0
  9. package/assets/dialog.BGK3mgk7.css +1 -0
  10. package/assets/link.DQy_OhwC.css +1 -0
  11. package/assets/linkstandalone.Dh6bE5Fb.css +1 -0
  12. package/button.DX_nxoJC.js +135 -0
  13. package/buttonround.CXsBk9nL.js +118 -0
  14. package/{checkbox.C2Ga9yTK.js → checkbox.B43oeMeC.js} +6 -6
  15. package/checkboxgroup.C7aCjYds.js +9 -0
  16. package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +31 -0
  17. package/{checkboxgroup.Cfxz9bk6.js → chunks/CheckboxGroup.CS6Q_TeZ.js} +27 -20
  18. package/chunks/{CustomReactSelect.uzWNynay.js → CustomReactSelect.DtmbYZUf.js} +455 -449
  19. package/{fieldset.DGcIKzDI.js → chunks/Fieldset.BokeZzG5.js} +20 -19
  20. package/chunks/Icon.9gDIp6p4.js +217 -0
  21. package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js} +12 -8
  22. package/{inputpassword.-MXq8baU.js → chunks/InputPassword.jpUCijp7.js} +15 -14
  23. package/{inputsearch.CoYTSjox.js → chunks/InputSearch.BmOtAZcR.js} +16 -14
  24. package/{inputstepper.BBMQr6kM.js → chunks/InputStepper.DTKjUL4U.js} +20 -19
  25. package/chunks/Notification.CUPOlHAX.js +93 -0
  26. package/{radiogroup.oILRMrX-.js → chunks/RadioGroup.DpwnVv7u.js} +37 -29
  27. package/{select.OGcreXnT.js → chunks/Select.DkDZo0ky.js} +49 -46
  28. package/{textarea.kc_Sfbgr.js → chunks/Textarea.C938p79X.js} +63 -61
  29. package/chunks/Toast.CLYrwQVO.js +89 -0
  30. package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
  31. package/{combobox.BXHAo4Wx.js → combobox.BaSkiD6f.js} +7 -7
  32. package/components/AriaLiveRegions/AriaLiveRegions.d.ts +4 -0
  33. package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
  34. package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
  35. package/components/Checkbox/Checkbox.d.ts +1 -1
  36. package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -1
  37. package/components/Dialog/Dialog.d.ts +11 -0
  38. package/components/Dialog/Dialog.utils.d.ts +0 -0
  39. package/components/Fieldset/Fieldset.utils.d.ts +1 -1
  40. package/components/Notification/Notification.d.ts +26 -0
  41. package/components/Notification/Notification.test.d.ts +1 -0
  42. package/components/Notification/Notification.utils.d.ts +5 -0
  43. package/components/RadioGroup/RadioGroup.utils.d.ts +1 -1
  44. package/components/Toast/Toast.d.ts +21 -0
  45. package/components/Toast/Toast.utils.d.ts +9 -0
  46. package/components/Toast/ToastManager.d.ts +6 -0
  47. package/components/Toast/ToastManager.test.d.ts +1 -0
  48. package/components/Toast/ToastManager.utils.d.ts +2 -0
  49. package/components/Toast/ToastManager.utils.test.d.ts +1 -0
  50. package/{customreactselect.CipgVXTR.js → customreactselect.LTbjaBN2.js} +4 -4
  51. package/dialog.BkXwcbUh.js +45 -0
  52. package/dialog.d.ts +1 -0
  53. package/fieldset.BXOWK-B-.js +11 -0
  54. package/{floatingactionbutton.DzHD39NY.js → floatingactionbutton.-nDRRiXY.js} +9 -9
  55. package/icon.Cpp_9L1I.js +8 -0
  56. package/index.d.ts +24 -0
  57. package/index.es.js +138 -45
  58. package/{input.o8OT6rxJ.js → input.BM6tyRUm.js} +34 -34
  59. package/inputpassword.DUxH1K_k.js +12 -0
  60. package/inputsearch.B-vePHle.js +13 -0
  61. package/inputstepper.C2ypADPI.js +13 -0
  62. package/link.B4XZoLDj.js +115 -0
  63. package/linkstandalone.BSfd95Pd.js +79 -0
  64. package/notification.CxxAOdNV.js +9 -0
  65. package/notification.d.ts +1 -0
  66. package/{optioncheckbox.-DRnW_ch.js → optioncheckbox.CUV1MQhh.js} +3 -3
  67. package/package.json +3 -3
  68. package/radiogroup.CMJ1b38q.js +11 -0
  69. package/select.DFJK2mHF.js +12 -0
  70. package/{spinner.Diy_EeFY.js → spinner.BskX4ovu.js} +1 -1
  71. package/styles/scss/_index.scss +1 -0
  72. package/styles/scss/lib/_animation.scss +18 -4
  73. package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -0
  74. package/styles/scss/lib/_link.scss +1 -0
  75. package/styles/scss/lib/_shadow.scss +10 -0
  76. package/styles/scss/lib/_theme.scss +7 -5
  77. package/{switch.BjoFKMQC.js → switch.Bx2tDKx0.js} +2 -2
  78. package/{systemfeedback.C7iXO5A1.js → systemfeedback.4Hkfigi-.js} +1 -1
  79. package/textarea.DPy3TJJf.js +12 -0
  80. package/toast.C-Yg5EoE.js +10 -0
  81. package/toast.d.ts +1 -0
  82. package/toastmanager.DQ_-eTrx.js +96 -0
  83. package/toastmanager.d.ts +1 -0
  84. package/utils/vitest.setup.d.ts +2 -0
  85. package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
  86. package/assets/button.DJvR-58w.css +0 -1
  87. package/assets/buttonround.BlfQkmMV.css +0 -1
  88. package/assets/link.V7pJOW1p.css +0 -1
  89. package/assets/linkstandalone.D3RbBp23.css +0 -1
  90. package/button.BUUGRxIp.js +0 -135
  91. package/buttonround.CKc-a-hd.js +0 -118
  92. package/icon.PX9_1kNB.js +0 -215
  93. package/link.BN6AZfhG.js +0 -115
  94. package/linkstandalone.4-fyRd08.js +0 -79
  95. /package/assets/{fieldset.xazpUXJX.css → Fieldset.xazpUXJX.css} +0 -0
  96. /package/assets/{icon.CB-KQmw4.css → Icon.CB-KQmw4.css} +0 -0
  97. /package/assets/{inputpassword.C3Uyj7oA.css → InputPassword.C3Uyj7oA.css} +0 -0
  98. /package/assets/{inputsearch.tL3e9-Ob.css → InputSearch.tL3e9-Ob.css} +0 -0
  99. /package/assets/{inputstepper.paPJix5A.css → InputStepper.paPJix5A.css} +0 -0
  100. /package/assets/{select.D2qBxaHP.css → Select.D2qBxaHP.css} +0 -0
  101. /package/assets/{textarea.BKbocznb.css → Textarea.BKbocznb.css} +0 -0
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.3",
4
+ "version": "1.0.0-RC.4",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
7
7
  "keywords": [
@@ -57,7 +57,7 @@
57
57
  "build:copyUtilitiesBuild:fonts": "TARGET=./dist/styles/fonts && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/fonts/* $TARGET/",
58
58
  "build:copyUtilitiesBuild:partials": "TARGET=./dist/partials && rm -rf $TARGET && mkdir -p $TARGET && cp -r ../utilities/dist/partials/* $TARGET/",
59
59
  "build:storybook": "storybook build",
60
- "build:propsOverview": "EXCLUDED_COMPS=**/Asterisk.tsx,**/CustomReactSelect.tsx,**/OptionCheckbox.tsx,**/SystemFeedback.tsx,**/Radio.tsx && react-docgen ./src/components/**/*.tsx -o ./src/stories/Introduction/component-props.json -i **/*.test.tsx,**/*.utils.tsx,$EXCLUDED_COMPS",
60
+ "build:propsOverview": "npx vite-node scripts/generatePropsOverview.ts",
61
61
  "release": "cp package.json LICENSE.md README.md ./dist && cd dist && npm publish",
62
62
  "preview": "vite preview",
63
63
  "storybook": "storybook dev -p 6006",
@@ -91,7 +91,7 @@
91
91
  "@testing-library/jest-dom": "^6.4.5",
92
92
  "@testing-library/react": "^15.0.7",
93
93
  "@types/node": "^20.12.12",
94
- "@types/react": "^18.3.2",
94
+ "@types/react": "^18.3.3",
95
95
  "@types/react-dom": "^18.3.0",
96
96
  "@types/react-syntax-highlighter": "^15.5.13",
97
97
  "@typescript-eslint/eslint-plugin": "^7.9.0",
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import "./chunks/jsx-runtime.C-kxDJ4g.js";
3
+ import "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import "./chunks/Fieldset.BokeZzG5.js";
6
+ import "./radio.Bhu9OUY-.js";
7
+ import "./chunks/RadioGroup.module.bi3leRes.js";
8
+ import { D as s } from "./chunks/RadioGroup.DpwnVv7u.js";
9
+ export {
10
+ s as DSRadioGroup
11
+ };
@@ -0,0 +1,12 @@
1
+ "use client";
2
+ import "./chunks/jsx-runtime.C-kxDJ4g.js";
3
+ import "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import "./chunks/useBreakpoint.5xBNDiCf.js";
6
+ import "./asterisk.DU8THnoC.js";
7
+ import "./chunks/Icon.9gDIp6p4.js";
8
+ import "./systemfeedback.4Hkfigi-.js";
9
+ import { D as s } from "./chunks/Select.DkDZo0ky.js";
10
+ export {
11
+ s as DSSelect
12
+ };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
3
  import { c as n } from "./chunks/index.CvOaL64Y.js";
4
- import { DSIcon as _ } from "./icon.PX9_1kNB.js";
4
+ import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
5
5
  import './assets/spinner.C5rBmKiF.css';const m = "_root_1xfbe_63", z = "_root-size-small_1xfbe_69", c = "_root-size-medium_1xfbe_73", x = "_root-size-large_1xfbe_77", S = "_root-size-x-large_1xfbe_81", f = "_root-size-inherit_1xfbe_85", d = "_rotate_1xfbe_1", b = "_screenReaderOnly_1xfbe_105", e = {
6
6
  root: m,
7
7
  "root-size-small": "_root-size-small_1xfbe_69",
@@ -16,6 +16,7 @@
16
16
  @import 'lib/_hover.scss';
17
17
  @import 'lib/_link.scss';
18
18
  @import 'lib/_media-query.scss';
19
+ @import 'lib/_shadow.scss';
19
20
  @import 'lib/_spacing.scss';
20
21
  @import 'lib/_text.scss';
21
22
  @import 'lib/_theme.scss';
@@ -1,6 +1,20 @@
1
- $ds-animation-duration-short: var(--ds-animation-duration, 550ms);
2
- $ds-animation-duration-medium: var(--ds-animation-duration, 1100ms);
3
- $ds-animation-duration-long: var(--ds-animation-duration, 1650ms);
1
+ $ds-animation-duration-100: var(--ds-animation-duration, 100ms);
2
+ $ds-animation-duration-250: var(--ds-animation-duration, 250ms);
3
+ $ds-animation-duration-400: var(--ds-animation-duration, 400ms);
4
+ // TODO remove or move to spinner component after discussion with design took place
5
+ $ds-animation-duration-spinner: var(--ds-animation-duration, 1100ms);
4
6
 
5
7
  $ds-animation-timing-function-ease-in-out: ease-in-out;
6
- $ds-animation-timing-function-linear: linear;
8
+ $ds-animation-timing-function-motion-functional-linear: linear;
9
+ $ds-animation-timing-function-motion-functional-ease-in: cubic-bezier(
10
+ 0.5,
11
+ 0,
12
+ 1,
13
+ 1
14
+ );
15
+ $ds-animation-timing-function-motion-functional-ease-out: cubic-bezier(
16
+ 0,
17
+ 0,
18
+ 0.5,
19
+ 1
20
+ );
@@ -15,6 +15,7 @@ $ds-grid-sidebar-sidebar-2-column-end: sidebar-2-end;
15
15
  grid-row: span 300;
16
16
  grid-column: $ds-grid-sidebar-sidebar-1-column-start /
17
17
  $ds-grid-sidebar-sidebar-1-column-end;
18
+ margin-block-end: 0;
18
19
  @if ($is-open == true) {
19
20
  width: 264px;
20
21
  max-width: 264px;
@@ -33,6 +34,7 @@ $ds-grid-sidebar-sidebar-2-column-end: sidebar-2-end;
33
34
  // https://stackoverflow.com/a/49076465/2346207
34
35
  // https://stackoverflow.com/a/56876772/2346207
35
36
  grid-row: span 300;
37
+ margin-block-end: 0;
36
38
  @if ($is-open == true) {
37
39
  grid-column: $ds-grid-sidebar-sidebar-2-column-start /
38
40
  $ds-grid-sidebar-sidebar-2-column-end;
@@ -135,6 +135,7 @@
135
135
 
136
136
  display: inline-flex;
137
137
  align-items: center;
138
+ height: fit-content;
138
139
  gap: $ds-spacing-6;
139
140
  padding-inline-end: $ds-spacing-4;
140
141
  padding-inline-start: $ds-spacing-4;
@@ -0,0 +1,10 @@
1
+ @mixin ds-shadow-m {
2
+ box-shadow:
3
+ 0px 2px 12px 0px rgba(0, 0, 0, 0.08),
4
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
5
+ }
6
+ @mixin ds-shadow-l {
7
+ box-shadow:
8
+ 0px 8px 48px 0px rgba(0, 0, 0, 0.1),
9
+ 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
10
+ }
@@ -70,6 +70,7 @@ $ds-theme-light-background-color-tertiary: $ds-color-core-grey-light;
70
70
  $ds-theme-light-background-color-transparent-hover: $ds-color-core-black-opacity-10;
71
71
  $ds-theme-light-background-color-transparent-pressed: $ds-color-core-black-opacity-10;
72
72
  $ds-theme-light-border-color-feedback-error: $ds-color-core-red-base;
73
+ $ds-theme-light-border-color-feedback-info: $ds-color-core-grey-dark;
73
74
  $ds-theme-light-border-color-feedback-success: $ds-color-core-green-base;
74
75
  $ds-theme-light-border-color-feedback-warning: $ds-color-core-yellow-base;
75
76
  $ds-theme-light-border-color-focus: $ds-color-core-grey-ultra-deep;
@@ -107,10 +108,10 @@ $ds-theme-dark-background-color-brand-disabled: $ds-color-core-grey-mid;
107
108
  $ds-theme-dark-background-color-brand-hover: $ds-color-core-orange-dark;
108
109
  $ds-theme-dark-background-color-brand-pressed: $ds-color-core-orange-dark;
109
110
  $ds-theme-dark-background-color-brand: $ds-color-core-orange-base;
110
- $ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-ultra-deep;
111
- $ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-ultra-deep;
112
- $ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-ultra-deep;
113
- $ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-ultra-deep;
111
+ $ds-theme-dark-background-color-feedback-error: $ds-color-core-grey-deep;
112
+ $ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-deep;
113
+ $ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-deep;
114
+ $ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-deep;
114
115
  $ds-theme-dark-background-color-primary-disabled: $ds-color-core-black-base;
115
116
  $ds-theme-dark-background-color-primary-hover: $ds-color-core-grey-deep;
116
117
  $ds-theme-dark-background-color-primary-inverse-disabled: $ds-color-core-grey-mid;
@@ -122,11 +123,12 @@ $ds-theme-dark-background-color-primary: $ds-color-core-black-base;
122
123
  $ds-theme-dark-background-color-secondary-disabled: $ds-color-core-grey-ultra-deep;
123
124
  $ds-theme-dark-background-color-secondary-inverse: $ds-color-core-grey-light;
124
125
  $ds-theme-dark-background-color-secondary: $ds-color-core-grey-ultra-deep;
125
- $ds-theme-dark-background-color-sustainability: $ds-color-core-grey-ultra-deep;
126
+ $ds-theme-dark-background-color-sustainability: $ds-color-core-grey-deep;
126
127
  $ds-theme-dark-background-color-tertiary: $ds-color-core-grey-ultra-deep;
127
128
  $ds-theme-dark-background-color-transparent-hover: $ds-color-core-white-opacity-15;
128
129
  $ds-theme-dark-background-color-transparent-pressed: $ds-color-core-white-opacity-15;
129
130
  $ds-theme-dark-border-color-feedback-error: $ds-color-core-red-base;
131
+ $ds-theme-dark-border-color-feedback-info: $ds-color-core-grey-dark;
130
132
  $ds-theme-dark-border-color-feedback-success: $ds-color-core-green-base;
131
133
  $ds-theme-dark-border-color-feedback-warning: $ds-color-core-yellow-base;
132
134
  $ds-theme-dark-border-color-focus: $ds-color-core-white-base;
@@ -2,8 +2,8 @@
2
2
  import { j as t } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
3
  import { c as b } from "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
- import { DSIcon as p } from "./icon.PX9_1kNB.js";
6
- import { DSSpinner as f } from "./spinner.Diy_EeFY.js";
5
+ import { D as p } from "./chunks/Icon.9gDIp6p4.js";
6
+ import { DSSpinner as f } from "./spinner.BskX4ovu.js";
7
7
  import './assets/switch.sqve8ApJ.css';const x = "_root_1gc2h_63", j = "_root--label-right_1gc2h_91", k = "_root--stretched_1gc2h_94", S = "_loader_1gc2h_104", w = "_thumb_1gc2h_157", C = "_root--checked_1gc2h_172", o = {
8
8
  root: x,
9
9
  "root--label-right": "_root--label-right_1gc2h_91",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
3
  import { c } from "./chunks/index.CvOaL64Y.js";
4
- import { DSIcon as n } from "./icon.PX9_1kNB.js";
4
+ import { D as n } from "./chunks/Icon.9gDIp6p4.js";
5
5
  import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
6
6
  root: i
7
7
  }, m = {
@@ -0,0 +1,12 @@
1
+ "use client";
2
+ import "./chunks/jsx-runtime.C-kxDJ4g.js";
3
+ import "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import "./chunks/useBreakpoint.5xBNDiCf.js";
6
+ import "./chunks/helpers.B1JT5ShS.js";
7
+ import "./asterisk.DU8THnoC.js";
8
+ import "./systemfeedback.4Hkfigi-.js";
9
+ import { D as x } from "./chunks/Textarea.C938p79X.js";
10
+ export {
11
+ x as DSTextarea
12
+ };
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import "./chunks/jsx-runtime.C-kxDJ4g.js";
3
+ import "./chunks/index.CvOaL64Y.js";
4
+ import "react";
5
+ import "./button.DX_nxoJC.js";
6
+ import "./chunks/Icon.9gDIp6p4.js";
7
+ import { D as s } from "./chunks/Toast.CLYrwQVO.js";
8
+ export {
9
+ s as DSToast
10
+ };
package/toast.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './components/Toast/Toast'
@@ -0,0 +1,96 @@
1
+ "use client";
2
+ import { j as w } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
+ import { useState as f, useRef as x, useEffect as g } from "react";
4
+ import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
5
+ import { D, s as y } from "./chunks/Toast.CLYrwQVO.js";
6
+ import { g as E } from "./chunks/helpers.B1JT5ShS.js";
7
+ const O = () => {
8
+ if (!h() || !A())
9
+ throw new Error(
10
+ E(
11
+ "DSToast",
12
+ '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".'
13
+ )
14
+ );
15
+ }, C = () => {
16
+ if (document.querySelectorAll("[data-ds-toast]").length > 1)
17
+ throw new Error(
18
+ E(
19
+ "DSToast",
20
+ 'The destructured "toast" element should only be used once in the DOM.'
21
+ )
22
+ );
23
+ }, i = "data-ds-toast-timeout-id", v = "closing", P = 1e4, k = () => {
24
+ const [r, u] = f([]), [s, a] = f(null), o = x(null);
25
+ g(() => {
26
+ !s && r.length > 0 && setTimeout(() => {
27
+ a(r[0]);
28
+ });
29
+ }, [r]), g(() => {
30
+ s && (R(s.message, s.variant), b());
31
+ }, [s]);
32
+ const c = () => {
33
+ var e;
34
+ return ((e = o.current) == null ? void 0 : e.getAttribute(i)) || null;
35
+ }, l = (e) => {
36
+ var t;
37
+ (t = o.current) == null || t.setAttribute(i, e);
38
+ }, L = () => {
39
+ var e;
40
+ return (e = o.current) == null ? void 0 : e.removeAttribute(i);
41
+ }, R = (e, t) => {
42
+ if (t === "warning") {
43
+ const n = h();
44
+ n && (n.innerText = e);
45
+ } else if (t === "success" || t === "info") {
46
+ const n = A();
47
+ n && (n.innerText = e);
48
+ }
49
+ }, S = (e, t) => {
50
+ O();
51
+ const n = {
52
+ message: e,
53
+ hideIcon: t == null ? void 0 : t.hideIcon,
54
+ variant: (t == null ? void 0 : t.variant) || "info",
55
+ onClick: () => {
56
+ d();
57
+ },
58
+ onMouseEnter: I,
59
+ onMouseLeave: M
60
+ };
61
+ u((p) => [...p, n]);
62
+ }, I = () => {
63
+ T();
64
+ }, T = () => {
65
+ var t;
66
+ const e = c();
67
+ e && (clearTimeout(e), (t = o.current) == null || t.removeAttribute(i));
68
+ }, m = () => {
69
+ const e = setTimeout(() => {
70
+ d();
71
+ }, P);
72
+ l(String(e));
73
+ }, M = () => {
74
+ c() !== v && o.current && m();
75
+ }, b = () => {
76
+ C(), o.current && s && (o.current.showPopover(), m());
77
+ }, d = () => {
78
+ T(), l(v), o.current && (o.current.addEventListener(
79
+ "animationend",
80
+ () => {
81
+ o.current && (o.current.hidePopover(), L(), o.current = null, u((e) => e.slice(1)), a(null));
82
+ },
83
+ {
84
+ once: !0
85
+ // removes event listener after being called once
86
+ }
87
+ ), o.current.classList.add(y.rootClosing));
88
+ };
89
+ return {
90
+ toast: s ? /* @__PURE__ */ w.jsx(D, { ...s, ref: o }) : void 0,
91
+ queueToastMessage: S
92
+ };
93
+ };
94
+ export {
95
+ k as useToast
96
+ };
@@ -0,0 +1 @@
1
+ export * from './components/Toast/ToastManager'
@@ -1 +1,3 @@
1
1
 
2
+ export declare function showPopoverPolyfill(): void;
3
+ export declare function hidePopoverPolyfill(): void;
@@ -1 +0,0 @@
1
- ._root_uo5u4_187{align-self:end}._root_uo5u4_187:has(._hint_uo5u4_195) ._label_uo5u4_195{margin-block-end:4px}._wrapper_uo5u4_199{display:grid;grid-template-columns:max-content 1fr max-content max-content;align-items:center}._action-button_uo5u4_205{grid-area:1/4/2/5}._label_uo5u4_195{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.25;display:block;max-width:fit-content;margin-block-end:8px}._label--hidden_uo5u4_222{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}._hint_uo5u4_195{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:.875rem;line-height:1.14;display:block;max-width:25.5rem;margin-block-end:8px}._feedback_uo5u4_249{margin-block-end:8px;margin-block-start:8px}._select_uo5u4_254{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.25;transition:background-color .3s ease,color .3s ease;background:transparent;border:1px solid #252525;color:#252525;display:block;padding-inline-start:15px;padding-inline-end:15px;width:100%;min-height:3rem;height:3rem;inline-size:100%;grid-area:1/1/2/5;border-radius:0}._select_uo5u4_254:focus{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_uo5u4_254:focus{outline:revert;outline-offset:revert}._select_uo5u4_254:focus-visible{outline:1px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._select_uo5u4_254{transition-duration:0ms}}@media (hover: hover){._select_uo5u4_254:hover{background:#0000001a}}._select_uo5u4_254[readonly]{background-color:#ededed;border-color:transparent;color:#252525}._select_uo5u4_254[readonly]:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254[readonly]:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._select_uo5u4_254[readonly]:focus{outline:revert;outline-offset:revert}._select_uo5u4_254[readonly]:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._select_uo5u4_254[readonly]:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._select_uo5u4_254:disabled{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}._select_uo5u4_254::-webkit-placeholder,._select_uo5u4_254::placeholder{color:#666;opacity:1}._select--invalid_uo5u4_365{border-color:#d43b3b;outline-color:#d43b3b}._select--invalid_uo5u4_365:active,._select--invalid_uo5u4_365:focus,._select--invalid_uo5u4_365:focus-visible{border-color:#252525}._select--small_uo5u4_372{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:.875rem;line-height:1.14;padding-inline-start:7px;padding-inline-end:7px}._select_uo5u4_254::-webkit-outer-spin-button,._select_uo5u4_254::-webkit-inner-spin-button,._select_uo5u4_254::-webkit-search-decoration,._select_uo5u4_254::-webkit-search-cancel-button,._select_uo5u4_254::-webkit-calendar-picker-indicator{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_uo5u4_254::-webkit-date-and-time-value{text-align:left}._select_uo5u4_254:is([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){display:flex;align-items:center;min-width:-webkit-fill-available;-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_uo5u4_254[type=search]{-moz-appearance:none;appearance:none;-webkit-appearance:none}._select_uo5u4_254[type=range]{accent-color:#E9640C}._select_uo5u4_254[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}._select--small_uo5u4_372{min-height:2rem;height:2rem}._select--small_uo5u4_372._input--has-leading-icon_uo5u4_418{padding-inline-start:calc(16px + 1rem)}._select--small_uo5u4_372._input--has-action-button_uo5u4_421{padding-inline-end:calc(2rem + 8px)}._select--small_uo5u4_372._input--has-second-action-button_uo5u4_424{padding-inline-end:calc(4rem + 8px)}._select--has-leading-icon_uo5u4_427{padding-inline-start:calc(32px + 1rem)}._select--has-action-button_uo5u4_430{padding-inline-end:calc(3rem + 16px)}._select--has-second-action-button_uo5u4_433{padding-inline-end:calc(6rem + 16px)}._select--has-affix_uo5u4_436{color:#0000}._select--has-affix_uo5u4_436::placeholder{color:#0000;transition:color .3s ease}@media (prefers-reduced-motion: reduce){._select--has-affix_uo5u4_436::placeholder{transition-duration:0ms}}._select--is-ready_uo5u4_448{color:#252525}._select--is-ready_uo5u4_448::placeholder{color:#666}._select_uo5u4_254._select--disabled_uo5u4_454{background-color:transparent;border-color:#00000080;color:#00000080;cursor:not-allowed}@media screen and (forced-colors: active){._select_uo5u4_254._select--disabled_uo5u4_454{color:GrayText}}._select_uo5u4_254._select--focused_uo5u4_465{outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._select_uo5u4_254._select--focused_uo5u4_465{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._select_uo5u4_254._select--focused_uo5u4_465{outline-color:Highlight}}@media (hover: hover){._select--hovered_uo5u4_482{background:#0000001a}}._placeholder_uo5u4_487{color:#666}@media screen and (forced-colors: active){._placeholder_uo5u4_487{color:GrayText}}._menu-list_uo5u4_496{padding-block-start:8px;padding-block-end:7px;padding-inline-start:0;padding-inline-end:0;background-color:#fff;outline:2px solid;outline-color:#252525;outline-offset:-1px}@media screen and (forced-colors: active){._menu-list_uo5u4_496{forced-color-adjust:auto;outline-color:Highlight}}._group-heading_uo5u4_513{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:.875rem;line-height:1.14;padding-block-start:16px;padding-block-end:11px;padding-inline-start:16px;padding-inline-end:16px;margin-block-start:4px;margin-block-end:8px;margin-inline-start:0;margin-inline-end:0;border-bottom:1px solid #B1B1B1;color:#666}._option_uo5u4_534{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.25;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;align-items:center}._option--small_uo5u4_549{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:.875rem;line-height:1.14;padding-block-start:8px;padding-block-end:8px;padding-inline-start:16px;padding-inline-end:16px}._option--single_uo5u4_563{justify-content:space-between}._option--disabled_uo5u4_566{color:#00000080}@media screen and (forced-colors: active){._option--disabled_uo5u4_566{color:GrayText}}._option--focus-hover_uo5u4_574:not(._option--disabled_uo5u4_566){background-color:#0000001a;padding-block-start:10px;padding-block-end:10px;border:2px solid #252525;border-left:none;border-right:none}@media screen and (forced-colors: active){._option--focus-hover_uo5u4_574:not(._option--disabled_uo5u4_566){background-color:Canvas;border-color:Highlight}}._option--focus-hover_uo5u4_574._option--small_uo5u4_549:not(._option--disabled_uo5u4_566){padding-block-start:6px;padding-block-end:6px}._option--text_uo5u4_592{margin-inline-end:8px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._option--check-icon_uo5u4_598{fill:#e9640c;margin-inline-start:auto}._option--check-icon--disabled_uo5u4_602{fill:#00000080}._single-option_uo5u4_606{display:flex;flex-wrap:nowrap;width:100%;align-items:center}._multi-option_uo5u4_613{width:100%}._single-value_uo5u4_617{display:flex;align-items:center}._single-value--text_uo5u4_621{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}._leading-icon_uo5u4_628{margin-inline-end:8px;fill:#666}@media screen and (forced-colors: active){._leading-icon_uo5u4_628{background-color:Canvas;fill:CanvasText}}._leading-icon--disabled_uo5u4_638{fill:#00000080}@media screen and (forced-colors: active){._leading-icon--disabled_uo5u4_638{fill:GrayText}}._indicator_uo5u4_647,._clear_uo5u4_648{width:3rem;height:3rem;justify-content:center;cursor:pointer}._indicator--small_uo5u4_654,._clear--small_uo5u4_655{width:2rem;height:2rem}._indicator--icon_uo5u4_659,._clear--icon_uo5u4_660{margin-block-start:16px;margin-block-end:16px;margin-inline-start:16px;margin-inline-end:16px;align-self:center}._indicator--icon--small_uo5u4_667,._clear--icon--small_uo5u4_668{margin-block-start:8px;margin-block-end:8px;margin-inline-start:8px;margin-inline-end:8px}
@@ -1 +0,0 @@
1
- ._root_1yf8n_125{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;transition:background-color .3s ease,border-color .3s ease,color .3s ease;position:relative}._root_1yf8n_125:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1yf8n_125:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1yf8n_125:focus{outline:revert;outline-offset:revert}._root_1yf8n_125:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1yf8n_125:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_1yf8n_125{transition-duration:0ms}}._root--highlight_1yf8n_192,._root--dark-highlight_1yf8n_192{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1yf8n_192:hover,._root--dark-highlight_1yf8n_192:hover{background-color:#e9640c}}._root--highlight_1yf8n_192[aria-disabled=true],._root--dark-highlight_1yf8n_192[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1yf8n_192[aria-disabled=true]:before,._root--dark-highlight_1yf8n_192[aria-disabled=true]:before{background-color:transparent}._root--highlight_1yf8n_192[aria-disabled=true] svg,._root--dark-highlight_1yf8n_192[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1yf8n_192[aria-disabled=true],._root--dark-highlight_1yf8n_192[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1yf8n_192:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1yf8n_192:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1yf8n_192:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1yf8n_192[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1yf8n_192[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1yf8n_192[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1yf8n_192[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1yf8n_270{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1yf8n_270:hover{background-color:#444}}._root--filled_1yf8n_270[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1yf8n_270[aria-disabled=true]:before{background-color:transparent}._root--filled_1yf8n_270[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1yf8n_270[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1yf8n_298{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1yf8n_298:hover{background-color:#0000001a}}._root--outline_1yf8n_298[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1yf8n_298[aria-disabled=true]:before{background-color:transparent}._root--outline_1yf8n_298[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1yf8n_298[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1yf8n_325{color:#252525}@media (hover: hover){._root--ghost_1yf8n_325:hover{background-color:#0000001a}}._root--ghost_1yf8n_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1yf8n_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_1yf8n_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1yf8n_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1yf8n_350{padding-inline-start:0;padding-inline-end:0;min-width:0px;color:#252525}._root--ghost-flush_1yf8n_350._root--small_1yf8n_356{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1yf8n_350:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px;transition:background-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1yf8n_350:before{transition-duration:0ms}}._root--ghost-flush_1yf8n_350:focus,._root--ghost-flush_1yf8n_350:focus-visible{outline:none}._root--ghost-flush_1yf8n_350:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1yf8n_350:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1yf8n_350:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1yf8n_350:hover:before{background-color:#0000001a}}._root--ghost-flush_1yf8n_350[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1yf8n_350[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1yf8n_350[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1yf8n_350[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1yf8n_431{background-color:#f8f8f8;color:#252525}._root--dark-filled_1yf8n_431:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1yf8n_431:focus{outline:revert;outline-offset:revert}._root--dark-filled_1yf8n_431:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1yf8n_431:hover{background-color:#dadada}}._root--dark-filled_1yf8n_431[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1yf8n_431[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1yf8n_431[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1yf8n_431[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1yf8n_490{border-color:#f8f8f8;color:#fff}._root--dark-outline_1yf8n_490:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1yf8n_490:focus{outline:revert;outline-offset:revert}._root--dark-outline_1yf8n_490:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1yf8n_490:hover{background-color:#ffffff26}}._root--dark-outline_1yf8n_490[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1yf8n_490[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1yf8n_490[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1yf8n_490[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1yf8n_548{color:#fff}._root--dark-ghost_1yf8n_548:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1yf8n_548:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1yf8n_548:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1yf8n_548:hover{background-color:#ffffff26}}._root--dark-ghost_1yf8n_548[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1yf8n_548[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1yf8n_548[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1yf8n_548[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1yf8n_604{color:#fff}._root--dark-ghost-flush_1yf8n_604:focus,._root--dark-ghost-flush_1yf8n_604:focus-visible{outline:none}._root--dark-ghost-flush_1yf8n_604:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1yf8n_604:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1yf8n_604:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1yf8n_604:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1yf8n_604[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1yf8n_604[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_1yf8n_663{flex-direction:row-reverse}._root--small_1yf8n_356{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1yf8n_356._root--ghost-flush_1yf8n_350:before{right:-8px;left:-8px}._root--icon-only_1yf8n_679{width:3rem;height:3rem}._root--icon-only-small_1yf8n_683{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._loader_1yf8n_690{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1yf8n_690 svg{fill:currentColor}._icon--hidden_1yf8n_702{opacity:0}._label--hidden_1yf8n_706{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_1yf8n_718{opacity:0}
@@ -1 +0,0 @@
1
- ._root_1ydhm_125{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;transition:background-color .3s ease,border-color .3s ease,color .3s ease;position:relative;border-radius:50%;padding:0}._root_1ydhm_125:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1ydhm_125:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1ydhm_125:focus{outline:revert;outline-offset:revert}._root_1ydhm_125:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1ydhm_125:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_1ydhm_125{transition-duration:0ms}}._root--highlight_1ydhm_194,._root--dark-highlight_1ydhm_194{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1ydhm_194:hover,._root--dark-highlight_1ydhm_194:hover{background-color:#e9640c}}._root--highlight_1ydhm_194[aria-disabled=true],._root--dark-highlight_1ydhm_194[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1ydhm_194[aria-disabled=true]:before,._root--dark-highlight_1ydhm_194[aria-disabled=true]:before{background-color:transparent}._root--highlight_1ydhm_194[aria-disabled=true] svg,._root--dark-highlight_1ydhm_194[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1ydhm_194[aria-disabled=true],._root--dark-highlight_1ydhm_194[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1ydhm_194:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1ydhm_194:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1ydhm_194:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1ydhm_194:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1ydhm_194:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1ydhm_194[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1ydhm_194[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1ydhm_194[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1ydhm_194[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1ydhm_272{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1ydhm_272:hover{background-color:#444}}._root--filled_1ydhm_272[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1ydhm_272[aria-disabled=true]:before{background-color:transparent}._root--filled_1ydhm_272[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1ydhm_272[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1ydhm_300{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1ydhm_300:hover{background-color:#0000001a}}._root--outline_1ydhm_300[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1ydhm_300[aria-disabled=true]:before{background-color:transparent}._root--outline_1ydhm_300[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1ydhm_300[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1ydhm_327{color:#252525}@media (hover: hover){._root--ghost_1ydhm_327:hover{background-color:#0000001a}}._root--ghost_1ydhm_327[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1ydhm_327[aria-disabled=true]:before{background-color:transparent}._root--ghost_1ydhm_327[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1ydhm_327[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1ydhm_352{padding-inline-start:0;padding-inline-end:0;min-width:0px;color:#252525}._root--ghost-flush_1ydhm_352._root--small_1ydhm_358{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1ydhm_352:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px;transition:background-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1ydhm_352:before{transition-duration:0ms}}._root--ghost-flush_1ydhm_352:focus,._root--ghost-flush_1ydhm_352:focus-visible{outline:none}._root--ghost-flush_1ydhm_352:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1ydhm_352:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1ydhm_352:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1ydhm_352:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1ydhm_352:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1ydhm_352:hover:before{background-color:#0000001a}}._root--ghost-flush_1ydhm_352[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1ydhm_352[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1ydhm_352[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1ydhm_352[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1ydhm_433{background-color:#f8f8f8;color:#252525}._root--dark-filled_1ydhm_433:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1ydhm_433:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1ydhm_433:focus{outline:revert;outline-offset:revert}._root--dark-filled_1ydhm_433:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1ydhm_433:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1ydhm_433:hover{background-color:#dadada}}._root--dark-filled_1ydhm_433[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1ydhm_433[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1ydhm_433[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1ydhm_433[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1ydhm_492{border-color:#f8f8f8;color:#fff}._root--dark-outline_1ydhm_492:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1ydhm_492:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1ydhm_492:focus{outline:revert;outline-offset:revert}._root--dark-outline_1ydhm_492:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1ydhm_492:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1ydhm_492:hover{background-color:#ffffff26}}._root--dark-outline_1ydhm_492[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1ydhm_492[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1ydhm_492[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1ydhm_492[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1ydhm_550{color:#fff}._root--dark-ghost_1ydhm_550:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1ydhm_550:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1ydhm_550:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1ydhm_550:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1ydhm_550:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1ydhm_550:hover{background-color:#ffffff26}}._root--dark-ghost_1ydhm_550[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1ydhm_550[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1ydhm_550[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1ydhm_550[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1ydhm_606{color:#fff}._root--dark-ghost-flush_1ydhm_606:focus,._root--dark-ghost-flush_1ydhm_606:focus-visible{outline:none}._root--dark-ghost-flush_1ydhm_606:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1ydhm_606:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1ydhm_606:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1ydhm_606:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1ydhm_606:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1ydhm_606:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1ydhm_606[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1ydhm_606[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1ydhm_606[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1ydhm_606[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_1ydhm_665{flex-direction:row-reverse}._root--small_1ydhm_358{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1ydhm_358._root--ghost-flush_1ydhm_352:before{right:-8px;left:-8px}._root--icon-only_1ydhm_681{width:3rem;height:3rem}._root--icon-only-small_1ydhm_685{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._loader_1ydhm_692{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1ydhm_692 svg{fill:currentColor}._icon--hidden_1ydhm_704{opacity:0}._label--hidden_1ydhm_708{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_1ydhm_720{opacity:0}
@@ -1 +0,0 @@
1
- ._root_1rqzw_125{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;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._root_1rqzw_125:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1rqzw_125:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1rqzw_125:focus{outline:revert;outline-offset:revert}._root_1rqzw_125:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1rqzw_125:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (prefers-reduced-motion: reduce){._root_1rqzw_125{transition-duration:0ms}}._root--highlight_1rqzw_191,._root--dark-highlight_1rqzw_191{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1rqzw_191:hover,._root--dark-highlight_1rqzw_191:hover{background-color:#e9640c}}._root--highlight_1rqzw_191[aria-disabled=true],._root--dark-highlight_1rqzw_191[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1rqzw_191[aria-disabled=true]:before,._root--dark-highlight_1rqzw_191[aria-disabled=true]:before{background-color:transparent}._root--highlight_1rqzw_191[aria-disabled=true] svg,._root--dark-highlight_1rqzw_191[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1rqzw_191[aria-disabled=true],._root--dark-highlight_1rqzw_191[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1rqzw_191:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1rqzw_191:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1rqzw_191:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1rqzw_191:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1rqzw_191:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1rqzw_191[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1rqzw_191[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1rqzw_191[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1rqzw_191[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1rqzw_269{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1rqzw_269:hover{background-color:#444}}._root--filled_1rqzw_269[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1rqzw_269[aria-disabled=true]:before{background-color:transparent}._root--filled_1rqzw_269[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1rqzw_269[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1rqzw_297{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1rqzw_297:hover{background-color:#0000001a}}._root--outline_1rqzw_297[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1rqzw_297[aria-disabled=true]:before{background-color:transparent}._root--outline_1rqzw_297[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1rqzw_297[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1rqzw_324{color:#252525}@media (hover: hover){._root--ghost_1rqzw_324:hover{background-color:#0000001a}}._root--ghost_1rqzw_324[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1rqzw_324[aria-disabled=true]:before{background-color:transparent}._root--ghost_1rqzw_324[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1rqzw_324[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1rqzw_349{padding-inline-start:0;padding-inline-end:0;min-width:0px;color:#252525}._root--ghost-flush_1rqzw_349._root--small_1rqzw_355{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1rqzw_349:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px;transition:background-color .3s ease,color .3s ease}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1rqzw_349:before{transition-duration:0ms}}._root--ghost-flush_1rqzw_349:focus,._root--ghost-flush_1rqzw_349:focus-visible{outline:none}._root--ghost-flush_1rqzw_349:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1rqzw_349:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1rqzw_349:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1rqzw_349:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1rqzw_349:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1rqzw_349:hover:before{background-color:#0000001a}}._root--ghost-flush_1rqzw_349[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1rqzw_349[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1rqzw_349[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1rqzw_349[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1rqzw_430{background-color:#f8f8f8;color:#252525}._root--dark-filled_1rqzw_430:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1rqzw_430:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1rqzw_430:focus{outline:revert;outline-offset:revert}._root--dark-filled_1rqzw_430:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1rqzw_430:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1rqzw_430:hover{background-color:#dadada}}._root--dark-filled_1rqzw_430[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1rqzw_430[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1rqzw_430[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1rqzw_430[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1rqzw_489{border-color:#f8f8f8;color:#fff}._root--dark-outline_1rqzw_489:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1rqzw_489:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1rqzw_489:focus{outline:revert;outline-offset:revert}._root--dark-outline_1rqzw_489:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1rqzw_489:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1rqzw_489:hover{background-color:#ffffff26}}._root--dark-outline_1rqzw_489[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1rqzw_489[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1rqzw_489[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1rqzw_489[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1rqzw_547{color:#fff}._root--dark-ghost_1rqzw_547:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1rqzw_547:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1rqzw_547:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1rqzw_547:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1rqzw_547:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1rqzw_547:hover{background-color:#ffffff26}}._root--dark-ghost_1rqzw_547[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1rqzw_547[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1rqzw_547[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1rqzw_547[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1rqzw_603{color:#fff}._root--dark-ghost-flush_1rqzw_603:focus,._root--dark-ghost-flush_1rqzw_603:focus-visible{outline:none}._root--dark-ghost-flush_1rqzw_603:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1rqzw_603:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1rqzw_603:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1rqzw_603:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1rqzw_603:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1rqzw_603:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1rqzw_603[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1rqzw_603[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1rqzw_603[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1rqzw_603[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--icon-left_1rqzw_662{flex-direction:row-reverse}._root--small_1rqzw_355{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1rqzw_355._root--ghost-flush_1rqzw_349:before{right:-8px;left:-8px}._root--icon-only_1rqzw_678{width:3rem;height:3rem}._root--icon-only-small_1rqzw_682{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._label--hidden_1rqzw_689{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
- ._root_p84sd_63{color:#252525;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.25;display:inline-flex;align-items:center;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._root_p84sd_63:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_p84sd_63:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_p84sd_63:focus{outline:revert;outline-offset:revert}._root_p84sd_63:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_p84sd_63:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_p84sd_63:link,._root_p84sd_63:visited{color:#252525}@media (hover: hover){._root_p84sd_63:hover{background-color:#0000001a;color:#252525}}._root_p84sd_63:active{background-color:#0000001a;color:#252525}._root_p84sd_63 svg{fill:currentColor}@media (prefers-reduced-motion: reduce){._root_p84sd_63{transition-duration:0ms}}._root--highlight_p84sd_134{color:#1e71a1;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.25;display:inline-flex;align-items:center;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._root--highlight_p84sd_134:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root--highlight_p84sd_134:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--highlight_p84sd_134:focus{outline:revert;outline-offset:revert}._root--highlight_p84sd_134:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root--highlight_p84sd_134:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--highlight_p84sd_134:link,._root--highlight_p84sd_134:visited{color:#1e71a1}@media (hover: hover){._root--highlight_p84sd_134:hover{background-color:#0000001a;color:#19618b}}._root--highlight_p84sd_134:active{background-color:#0000001a;color:#19618b}._root--highlight_p84sd_134 svg{fill:currentColor}@media (prefers-reduced-motion: reduce){._root--highlight_p84sd_134{transition-duration:0ms}}._root--neutral-dark_p84sd_205{color:#fff;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.25;display:inline-flex;align-items:center;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._root--neutral-dark_p84sd_205:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--neutral-dark_p84sd_205:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--neutral-dark_p84sd_205:focus{outline:revert;outline-offset:revert}._root--neutral-dark_p84sd_205:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--neutral-dark_p84sd_205:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--neutral-dark_p84sd_205:link,._root--neutral-dark_p84sd_205:visited{color:#fff}@media (hover: hover){._root--neutral-dark_p84sd_205:hover{background-color:#ffffff26;color:#fff}}._root--neutral-dark_p84sd_205:active{background-color:#ffffff26;color:#fff}._root--neutral-dark_p84sd_205 svg{fill:currentColor}@media (prefers-reduced-motion: reduce){._root--neutral-dark_p84sd_205{transition-duration:0ms}}._root--highlight-dark_p84sd_276{color:#8dcfe8;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.25;display:inline-flex;align-items:center;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._root--highlight-dark_p84sd_276:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--highlight-dark_p84sd_276:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--highlight-dark_p84sd_276:focus{outline:revert;outline-offset:revert}._root--highlight-dark_p84sd_276:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--highlight-dark_p84sd_276:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--highlight-dark_p84sd_276:link,._root--highlight-dark_p84sd_276:visited{color:#8dcfe8}@media (hover: hover){._root--highlight-dark_p84sd_276:hover{background-color:#ffffff26;color:#8dcfe8}}._root--highlight-dark_p84sd_276:active{background-color:#ffffff26;color:#8dcfe8}._root--highlight-dark_p84sd_276 svg{fill:currentColor}@media (prefers-reduced-motion: reduce){._root--highlight-dark_p84sd_276{transition-duration:0ms}}._root--active_p84sd_347{text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._root--icon-left_p84sd_353{flex-direction:row-reverse}
@@ -1,135 +0,0 @@
1
- "use client";
2
- import { j as _ } from "./chunks/jsx-runtime.C-kxDJ4g.js";
3
- import { c as e } from "./chunks/index.CvOaL64Y.js";
4
- import { u as a } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
- import { DSIcon as F } from "./icon.PX9_1kNB.js";
6
- import { DSSpinner as S } from "./spinner.Diy_EeFY.js";
7
- import './assets/button.DJvR-58w.css';const x = "_root_1yf8n_125", j = "_root--highlight_1yf8n_192", L = "_root--dark-highlight_1yf8n_192", C = "_root--filled_1yf8n_270", N = "_root--outline_1yf8n_298", B = "_root--ghost_1yf8n_325", E = "_root--ghost-flush_1yf8n_350", R = "_root--small_1yf8n_356", T = "_root--dark-filled_1yf8n_431", V = "_root--dark-outline_1yf8n_490", q = "_root--dark-ghost_1yf8n_548", w = "_root--dark-ghost-flush_1yf8n_604", A = "_root--icon-left_1yf8n_663", J = "_root--icon-only_1yf8n_679", K = "_root--icon-only-small_1yf8n_683", M = "_loader_1yf8n_690", P = "_icon--hidden_1yf8n_702", Q = "_label--hidden_1yf8n_706", U = "_label--loading_1yf8n_718", o = {
8
- root: x,
9
- "root--highlight": "_root--highlight_1yf8n_192",
10
- rootHighlight: j,
11
- "root--dark-highlight": "_root--dark-highlight_1yf8n_192",
12
- rootDarkHighlight: L,
13
- "root--filled": "_root--filled_1yf8n_270",
14
- rootFilled: C,
15
- "root--outline": "_root--outline_1yf8n_298",
16
- rootOutline: N,
17
- "root--ghost": "_root--ghost_1yf8n_325",
18
- rootGhost: B,
19
- "root--ghost-flush": "_root--ghost-flush_1yf8n_350",
20
- rootGhostFlush: E,
21
- "root--small": "_root--small_1yf8n_356",
22
- rootSmall: R,
23
- "root--dark-filled": "_root--dark-filled_1yf8n_431",
24
- rootDarkFilled: T,
25
- "root--dark-outline": "_root--dark-outline_1yf8n_490",
26
- rootDarkOutline: V,
27
- "root--dark-ghost": "_root--dark-ghost_1yf8n_548",
28
- rootDarkGhost: q,
29
- "root--dark-ghost-flush": "_root--dark-ghost-flush_1yf8n_604",
30
- rootDarkGhostFlush: w,
31
- "root--icon-left": "_root--icon-left_1yf8n_663",
32
- rootIconLeft: A,
33
- "root--icon-only": "_root--icon-only_1yf8n_679",
34
- rootIconOnly: J,
35
- "root--icon-only-small": "_root--icon-only-small_1yf8n_683",
36
- rootIconOnlySmall: K,
37
- loader: M,
38
- "icon--hidden": "_icon--hidden_1yf8n_702",
39
- iconHidden: P,
40
- "label--hidden": "_label--hidden_1yf8n_706",
41
- labelHidden: Q,
42
- "label--loading": "_label--loading_1yf8n_718",
43
- labelLoading: U
44
- }, z = ({
45
- children: y,
46
- aria: u,
47
- className: k,
48
- dataTrackingid: m,
49
- disabled: h = !1,
50
- hideLabel: s = !1,
51
- iconName: d,
52
- iconPosition: D = "left",
53
- iconSource: f,
54
- isFlush: n = !1,
55
- loading: r = !1,
56
- size: i = "medium",
57
- theme: l = "light",
58
- variant: t = "filled",
59
- onClick: c,
60
- ...b
61
- }) => {
62
- const O = e(o.root, k, {
63
- // variant
64
- [o.rootFilled]: t === "filled",
65
- [o.rootHighlight]: t === "highlight",
66
- [o.rootOutline]: t === "outline",
67
- [o.rootGhost]: t === "ghost" && n !== !0,
68
- // isFlush
69
- [o.rootGhostFlush]: t === "ghost" && n === !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" && n !== !0,
75
- // dark isFlush
76
- [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && n === !0,
77
- // size
78
- [o.rootSmall]: i === "small",
79
- // icon position
80
- [o.rootIconLeft]: D === "left",
81
- // icon only
82
- [o.rootIconOnly]: a(s) && i === "medium",
83
- [o.rootIconOnlySmall]: a(s) && i === "small"
84
- }), p = e(o.label, {
85
- // hide label only visually to keep them available for assistive technologies
86
- [o.labelHidden]: a(s),
87
- // set label opacity to 0 when loading to prevent button size from changing
88
- [o.labelLoading]: r
89
- }), G = e(o.icon, {
90
- // set icon opacity to 0 when loading to prevent button size from changing
91
- [o.iconHidden]: r
92
- }), H = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", I = (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: O,
103
- "data-trackingid": m,
104
- type: "submit",
105
- onClick: I,
106
- ...u,
107
- ...b,
108
- "aria-disabled": h || r,
109
- "aria-busy": r,
110
- children: [
111
- r && /* @__PURE__ */ _.jsx(
112
- S,
113
- {
114
- className: o.loader,
115
- aria: { "aria-label": "Loading state" }
116
- }
117
- ),
118
- /* @__PURE__ */ _.jsx("span", { className: p, children: y }),
119
- (d || f) && /* @__PURE__ */ _.jsx(
120
- F,
121
- {
122
- name: d,
123
- theme: H,
124
- source: f,
125
- className: G,
126
- "aria-hidden": "true"
127
- }
128
- )
129
- ]
130
- }
131
- );
132
- };
133
- export {
134
- z as DSButton
135
- };