@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.
- package/arialiveregions.49Zyf6mj.js +27 -0
- package/arialiveregions.d.ts +1 -0
- package/assets/CustomReactSelect.B0rJLjN0.css +1 -0
- package/assets/Notification.CCCbfXEz.css +1 -0
- package/assets/Toast.CAP_EwDX.css +1 -0
- package/assets/arialiveregions.VnhjP8Gr.css +1 -0
- package/assets/button.BuIpnG-S.css +1 -0
- package/assets/buttonround.C3ph5Yyu.css +1 -0
- package/assets/dialog.BGK3mgk7.css +1 -0
- package/assets/link.DQy_OhwC.css +1 -0
- package/assets/linkstandalone.Dh6bE5Fb.css +1 -0
- package/button.DX_nxoJC.js +135 -0
- package/buttonround.CXsBk9nL.js +118 -0
- package/{checkbox.C2Ga9yTK.js → checkbox.B43oeMeC.js} +6 -6
- package/checkboxgroup.C7aCjYds.js +9 -0
- package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +31 -0
- package/{checkboxgroup.Cfxz9bk6.js → chunks/CheckboxGroup.CS6Q_TeZ.js} +27 -20
- package/chunks/{CustomReactSelect.uzWNynay.js → CustomReactSelect.DtmbYZUf.js} +455 -449
- package/{fieldset.DGcIKzDI.js → chunks/Fieldset.BokeZzG5.js} +20 -19
- package/chunks/Icon.9gDIp6p4.js +217 -0
- package/chunks/{Input.utils.Bly6ZzLI.js → Input.utils.AKWCNkpA.js} +12 -8
- package/{inputpassword.-MXq8baU.js → chunks/InputPassword.jpUCijp7.js} +15 -14
- package/{inputsearch.CoYTSjox.js → chunks/InputSearch.BmOtAZcR.js} +16 -14
- package/{inputstepper.BBMQr6kM.js → chunks/InputStepper.DTKjUL4U.js} +20 -19
- package/chunks/Notification.CUPOlHAX.js +93 -0
- package/{radiogroup.oILRMrX-.js → chunks/RadioGroup.DpwnVv7u.js} +37 -29
- package/{select.OGcreXnT.js → chunks/Select.DkDZo0ky.js} +49 -46
- package/{textarea.kc_Sfbgr.js → chunks/Textarea.C938p79X.js} +63 -61
- package/chunks/Toast.CLYrwQVO.js +89 -0
- package/chunks/{circle-info-colored.DLY6BTL4.js → circle-info-colored.D2pp54gf.js} +3 -3
- package/{combobox.BXHAo4Wx.js → combobox.BaSkiD6f.js} +7 -7
- package/components/AriaLiveRegions/AriaLiveRegions.d.ts +4 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts +5 -0
- package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts +1 -0
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/CheckboxGroup/CheckboxGroup.utils.d.ts +1 -1
- package/components/Dialog/Dialog.d.ts +11 -0
- package/components/Dialog/Dialog.utils.d.ts +0 -0
- package/components/Fieldset/Fieldset.utils.d.ts +1 -1
- package/components/Notification/Notification.d.ts +26 -0
- package/components/Notification/Notification.test.d.ts +1 -0
- package/components/Notification/Notification.utils.d.ts +5 -0
- package/components/RadioGroup/RadioGroup.utils.d.ts +1 -1
- package/components/Toast/Toast.d.ts +21 -0
- package/components/Toast/Toast.utils.d.ts +9 -0
- package/components/Toast/ToastManager.d.ts +6 -0
- package/components/Toast/ToastManager.test.d.ts +1 -0
- package/components/Toast/ToastManager.utils.d.ts +2 -0
- package/components/Toast/ToastManager.utils.test.d.ts +1 -0
- package/{customreactselect.CipgVXTR.js → customreactselect.LTbjaBN2.js} +4 -4
- package/dialog.BkXwcbUh.js +45 -0
- package/dialog.d.ts +1 -0
- package/fieldset.BXOWK-B-.js +11 -0
- package/{floatingactionbutton.DzHD39NY.js → floatingactionbutton.-nDRRiXY.js} +9 -9
- package/icon.Cpp_9L1I.js +8 -0
- package/index.d.ts +24 -0
- package/index.es.js +138 -45
- package/{input.o8OT6rxJ.js → input.BM6tyRUm.js} +34 -34
- package/inputpassword.DUxH1K_k.js +12 -0
- package/inputsearch.B-vePHle.js +13 -0
- package/inputstepper.C2ypADPI.js +13 -0
- package/link.B4XZoLDj.js +115 -0
- package/linkstandalone.BSfd95Pd.js +79 -0
- package/notification.CxxAOdNV.js +9 -0
- package/notification.d.ts +1 -0
- package/{optioncheckbox.-DRnW_ch.js → optioncheckbox.CUV1MQhh.js} +3 -3
- package/package.json +3 -3
- package/radiogroup.CMJ1b38q.js +11 -0
- package/select.DFJK2mHF.js +12 -0
- package/{spinner.Diy_EeFY.js → spinner.BskX4ovu.js} +1 -1
- package/styles/scss/_index.scss +1 -0
- package/styles/scss/lib/_animation.scss +18 -4
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +2 -0
- package/styles/scss/lib/_link.scss +1 -0
- package/styles/scss/lib/_shadow.scss +10 -0
- package/styles/scss/lib/_theme.scss +7 -5
- package/{switch.BjoFKMQC.js → switch.Bx2tDKx0.js} +2 -2
- package/{systemfeedback.C7iXO5A1.js → systemfeedback.4Hkfigi-.js} +1 -1
- package/textarea.DPy3TJJf.js +12 -0
- package/toast.C-Yg5EoE.js +10 -0
- package/toast.d.ts +1 -0
- package/toastmanager.DQ_-eTrx.js +96 -0
- package/toastmanager.d.ts +1 -0
- package/utils/vitest.setup.d.ts +2 -0
- package/assets/CustomReactSelect.BdwXfLLO.css +0 -1
- package/assets/button.DJvR-58w.css +0 -1
- package/assets/buttonround.BlfQkmMV.css +0 -1
- package/assets/link.V7pJOW1p.css +0 -1
- package/assets/linkstandalone.D3RbBp23.css +0 -1
- package/button.BUUGRxIp.js +0 -135
- package/buttonround.CKc-a-hd.js +0 -118
- package/icon.PX9_1kNB.js +0 -215
- package/link.BN6AZfhG.js +0 -115
- package/linkstandalone.4-fyRd08.js +0 -79
- /package/assets/{fieldset.xazpUXJX.css → Fieldset.xazpUXJX.css} +0 -0
- /package/assets/{icon.CB-KQmw4.css → Icon.CB-KQmw4.css} +0 -0
- /package/assets/{inputpassword.C3Uyj7oA.css → InputPassword.C3Uyj7oA.css} +0 -0
- /package/assets/{inputsearch.tL3e9-Ob.css → InputSearch.tL3e9-Ob.css} +0 -0
- /package/assets/{inputstepper.paPJix5A.css → InputStepper.paPJix5A.css} +0 -0
- /package/assets/{select.D2qBxaHP.css → Select.D2qBxaHP.css} +0 -0
- /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.
|
|
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": "
|
|
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.
|
|
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 {
|
|
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",
|
package/styles/scss/_index.scss
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
|
-
$ds-animation-duration-
|
|
2
|
-
$ds-animation-duration-
|
|
3
|
-
$ds-animation-duration-
|
|
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;
|
|
@@ -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-
|
|
111
|
-
$ds-theme-dark-background-color-feedback-info: $ds-color-core-grey-
|
|
112
|
-
$ds-theme-dark-background-color-feedback-success: $ds-color-core-grey-
|
|
113
|
-
$ds-theme-dark-background-color-feedback-warning: $ds-color-core-grey-
|
|
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-
|
|
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 {
|
|
6
|
-
import { DSSpinner as f } from "./spinner.
|
|
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 {
|
|
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'
|
package/utils/vitest.setup.d.ts
CHANGED
|
@@ -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}
|
package/assets/link.V7pJOW1p.css
DELETED
|
@@ -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}
|
package/button.BUUGRxIp.js
DELETED
|
@@ -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
|
-
};
|