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

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 (29) hide show
  1. package/assets/skiptocontent.DGVJ77cj.css +1 -0
  2. package/assets/spinner.D_Nnf1ZG.css +1 -0
  3. package/{button.DlFWwHuA.js → button.L1lgCuM9.js} +1 -1
  4. package/{buttonround.eYOQM994.js → buttonround.ddSqXjYf.js} +1 -1
  5. package/chunks/{InputPassword.DTqI58Z4.js → InputPassword.a7zHKrmM.js} +1 -1
  6. package/chunks/{InputSearch.IwQATLKh.js → InputSearch.DITRiB92.js} +1 -1
  7. package/chunks/{InputStepper.Jew1ETB6.js → InputStepper.BkncCNwJ.js} +1 -1
  8. package/chunks/{Notification.DbflCBIL.js → Notification.DVVuSOqG.js} +1 -1
  9. package/chunks/{Toast.BLGKvAvZ.js → Toast.RON4bFPY.js} +1 -1
  10. package/components/SkipToContent/SkipToContent.d.ts +12 -0
  11. package/components/SkipToContent/SkipToContent.test.d.ts +1 -0
  12. package/{dialog.qd2pOyVc.js → dialog.0qPUVJha.js} +1 -1
  13. package/{floatingactionbutton.CGV3YFQq.js → floatingactionbutton.D_e4vz2G.js} +1 -1
  14. package/index.d.ts +1 -0
  15. package/index.es.js +28 -26
  16. package/{input.BAxvG272.js → input.ChVISFEX.js} +1 -1
  17. package/{inputpassword.mn9qFlfs.js → inputpassword.Ba9SUUIK.js} +2 -2
  18. package/{inputsearch.qQJj9yFd.js → inputsearch.BK-0OTwA.js} +2 -2
  19. package/{inputstepper.DhbHujiM.js → inputstepper.CTpTeXL9.js} +2 -2
  20. package/{notification.CnJOdQza.js → notification.Csn5QCR2.js} +2 -2
  21. package/package.json +1 -1
  22. package/skiptocontent._YZRKxnc.js +44 -0
  23. package/skiptocontent.d.ts +1 -0
  24. package/spinner.DVa112nj.js +58 -0
  25. package/{switch.BezS5z0Y.js → switch.rd7PdLc9.js} +1 -1
  26. package/{toast.BR7QuHOG.js → toast.r_yhGYEe.js} +2 -2
  27. package/{toastmanager.DBp8B1e3.js → toastmanager.D-uIi-TS.js} +1 -1
  28. package/assets/spinner.LuV09jaU.css +0 -1
  29. package/spinner.DEtbkdfi.js +0 -58
@@ -0,0 +1 @@
1
+ ._skip-to-content_4ockd_76{position:absolute;left:-9999px;z-index:999;opacity:0;box-shadow:0 0 0 2px #fff}._skip-to-content--dark_4ockd_83{box-shadow:0 0 0 2px #252525}._skip-to-content_4ockd_76._skip-to-content_4ockd_76{text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._skip-to-content_4ockd_76:focus{left:8px;top:8px;opacity:1}
@@ -0,0 +1 @@
1
+ ._root_11iwi_76{display:inline-flex;vertical-align:top;margin:0;padding:0}._root-size-small_11iwi_82{height:1rem;width:1rem}._root-size-medium_11iwi_86{height:2rem;width:2rem}._root-size-large_11iwi_90{height:2.5rem;width:2.5rem}._root-size-x-large_11iwi_94{height:4rem;width:4rem}._root-size-inherit_11iwi_98{height:inherit;width:inherit}._root_11iwi_76>svg{position:relative;transform:translateZ(0);animation:_rotate_11iwi_1 var(--ds-animation-duration, 1.1s) linear infinite;width:inherit;height:inherit}@media (prefers-reduced-motion: reduce){._root_11iwi_76>svg{animation-duration:0s}}@keyframes _rotate_11iwi_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._screenReaderOnly_11iwi_123{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}
@@ -3,7 +3,7 @@ import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as a } from "./chunks/index.CvOaL64Y.js";
4
4
  import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
5
5
  import { D as I } from "./chunks/Icon.n4XZrQ4N.js";
6
- import { DSSpinner as F } from "./spinner.DEtbkdfi.js";
6
+ import { DSSpinner as F } from "./spinner.DVa112nj.js";
7
7
  import './assets/button.BdxtFZKx.css';const S = "_root_1jptm_151", x = "_root--highlight_1jptm_219", L = "_root--dark-highlight_1jptm_219", C = "_root--filled_1jptm_297", N = "_root--outline_1jptm_325", B = "_root--ghost_1jptm_352", E = "_root--ghost-flush_1jptm_377", R = "_root--small_1jptm_383", T = "_root--dark-filled_1jptm_460", V = "_root--dark-outline_1jptm_519", q = "_root--dark-ghost_1jptm_577", w = "_root--dark-ghost-flush_1jptm_633", A = "_root--icon-left_1jptm_692", J = "_root--icon-only_1jptm_708", K = "_root--icon-only-small_1jptm_717", M = "_loader_1jptm_732", P = "_icon--hidden_1jptm_744", Q = "_label--hidden_1jptm_748", U = "_label--loading_1jptm_760", o = {
8
8
  root: S,
9
9
  "root--highlight": "_root--highlight_1jptm_219",
@@ -2,7 +2,7 @@
2
2
  import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as h } from "./chunks/index.CvOaL64Y.js";
4
4
  import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
5
- import { DSSpinner as p } from "./spinner.DEtbkdfi.js";
5
+ import { DSSpinner as p } from "./spinner.DVa112nj.js";
6
6
  import './assets/buttonround.pR4StXA7.css';const F = "_root_lfeh_151", O = "_root--highlight_lfeh_219", G = "_root--dark-highlight_lfeh_219", I = "_root--filled_lfeh_297", S = "_root--outline_lfeh_325", x = "_root--ghost_lfeh_352", j = "_root--ghost-flush_lfeh_377", L = "_root--small_lfeh_383", C = "_root--dark-filled_lfeh_460", N = "_root--dark-outline_lfeh_519", R = "_root--dark-ghost_lfeh_577", B = "_root--dark-ghost-flush_lfeh_633", E = "_root--icon-left_lfeh_692", T = "_root--icon-only_lfeh_708", q = "_root--icon-only-small_lfeh_717", w = "_loader_lfeh_734", z = "_icon--hidden_lfeh_746", A = "_label--hidden_lfeh_750", J = "_label--loading_lfeh_762", o = {
7
7
  root: F,
8
8
  "root--highlight": "_root--highlight_lfeh_219",
@@ -4,7 +4,7 @@ import { c as i } from "./index.CvOaL64Y.js";
4
4
  import { useState as D } from "react";
5
5
  import { u as C } from "./useBreakpoint.5xBNDiCf.js";
6
6
  import { Asterisk as L } from "../asterisk.Cjbk-xZi.js";
7
- import { DSButton as $ } from "../button.DlFWwHuA.js";
7
+ import { DSButton as $ } from "../button.L1lgCuM9.js";
8
8
  import { DSSystemFeedback as E } from "../systemfeedback.CUWch42u.js";
9
9
  import { g as b } from "./helpers.B1JT5ShS.js";
10
10
  import '../assets/InputPassword.VCNO8ANM.css';const q = "_input_1s7sy_226", R = "_input--invalid_1s7sy_336", V = "_input--small_1s7sy_343", O = "_input--has-leading-icon_1s7sy_395", F = "_input--has-action-button_1s7sy_398", M = "_input--has-second-action-button_1s7sy_401", T = "_input--has-affix_1s7sy_413", G = "_input--is-ready_1s7sy_427", J = "_root_1s7sy_434", K = "_hint_1s7sy_442", Q = "_label_1s7sy_442", U = "_wrapper_1s7sy_446", W = "_action-button_1s7sy_452", X = "_label--hidden_1s7sy_469", Y = "_feedback_1s7sy_496", s = {
@@ -5,7 +5,7 @@ import { useState as G, useRef as N, useEffect as w } from "react";
5
5
  import { g as S, a as J } from "./helpers.B1JT5ShS.js";
6
6
  import { u as K } from "./useBreakpoint.5xBNDiCf.js";
7
7
  import { Asterisk as Q } from "../asterisk.Cjbk-xZi.js";
8
- import { DSButton as D } from "../button.DlFWwHuA.js";
8
+ import { DSButton as D } from "../button.L1lgCuM9.js";
9
9
  import { DSSystemFeedback as U } from "../systemfeedback.CUWch42u.js";
10
10
  import '../assets/InputSearch.BMRAb95l.css';const X = "_input_12zpu_226", Y = "_input--invalid_12zpu_336", Z = "_input--small_12zpu_343", tt = "_input--has-leading-icon_12zpu_395", nt = "_input--has-action-button_12zpu_398", et = "_input--has-second-action-button_12zpu_401", at = "_input--has-affix_12zpu_413", st = "_input--is-ready_12zpu_427", ot = "_root_12zpu_434", it = "_hint_12zpu_442", ut = "_label_12zpu_442", ct = "_wrapper_12zpu_446", lt = "_action-button_12zpu_452", pt = "_second-action-button_12zpu_456", rt = "_label--hidden_12zpu_473", _t = "_feedback_12zpu_500", t = {
11
11
  input: X,
@@ -4,7 +4,7 @@ import { c } from "./index.CvOaL64Y.js";
4
4
  import { useState as _, useRef as N, useEffect as w, useLayoutEffect as M } from "react";
5
5
  import { u as _t } from "./useBreakpoint.5xBNDiCf.js";
6
6
  import { Asterisk as ft } from "../asterisk.Cjbk-xZi.js";
7
- import { DSButton as X } from "../button.DlFWwHuA.js";
7
+ import { DSButton as X } from "../button.L1lgCuM9.js";
8
8
  import { M as E, a as H } from "./Input.utils.AKWCNkpA.js";
9
9
  import { DSSystemFeedback as ht } from "../systemfeedback.CUWch42u.js";
10
10
  import { g as y } from "./helpers.B1JT5ShS.js";
@@ -2,7 +2,7 @@
2
2
  import { j as e } from "./jsx-runtime.C115EyI4.js";
3
3
  import { c as s } from "./index.CvOaL64Y.js";
4
4
  import { D as p } from "./Icon.n4XZrQ4N.js";
5
- import { DSButton as g } from "../button.DlFWwHuA.js";
5
+ import { DSButton as g } from "../button.L1lgCuM9.js";
6
6
  import '../assets/Notification.Bg63cvs4.css';const N = "_root_l12pe_76", f = "_root--success_l12pe_100", h = "_root--error_l12pe_104", I = "_root--warning_l12pe_108", x = "_root--hide-icon_l12pe_112", A = "_content_l12pe_126", C = "_content--hide-close-button_l12pe_133", H = "_content--hide-icon_l12pe_136", j = "_icon_l12pe_140", S = "_message_l12pe_144", w = "_custom-action-area_l12pe_157", o = {
7
7
  root: N,
8
8
  "root--success": "_root--success_l12pe_100",
@@ -2,7 +2,7 @@
2
2
  import { j as n } from "./jsx-runtime.C115EyI4.js";
3
3
  import { c } from "./index.CvOaL64Y.js";
4
4
  import { forwardRef as u } from "react";
5
- import { DSButton as g } from "../button.DlFWwHuA.js";
5
+ import { DSButton as g } from "../button.L1lgCuM9.js";
6
6
  import { D as h } from "./Icon.n4XZrQ4N.js";
7
7
  import '../assets/Toast.BzVaebc0.css';const p = "_root_127fr_80", x = "_root--closing_127fr_89", I = "_fade-out_127fr_1", S = "_move-in_127fr_1", N = "_root--success_127fr_124", j = "_root--info_127fr_128", v = "_root--warning_127fr_132", w = "_content_127fr_137", C = "_content--hide-icon_127fr_144", D = "_icon_127fr_148", O = "_message_127fr_152", o = {
8
8
  root: p,
@@ -0,0 +1,12 @@
1
+ import { LinkProps } from '../Link/Link';
2
+
3
+ export type SkipToContentProps = {
4
+ children?: string;
5
+ targetElementId?: string;
6
+ } & Pick<LinkProps, 'className' | 'theme'>;
7
+ /**
8
+ * The `<DSSkipToContent />` component is an accessibility feature that allows users, especially those using screen readers or keyboard navigation, to quickly jump to the targeted content of a webpage without having to focus all the navigation items first. This improves the user experience by making it easier and faster to access important information.
9
+ *
10
+ * Focus the section below by using the tab key to see the "Skip To Content" component in action.
11
+ */
12
+ export declare const DSSkipToContent: ({ children, className, targetElementId, theme, }: SkipToContentProps) => JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -2,7 +2,7 @@
2
2
  import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as u } from "./chunks/index.CvOaL64Y.js";
4
4
  import { useRef as f, useEffect as l } from "react";
5
- import { DSButton as m } from "./button.DlFWwHuA.js";
5
+ import { DSButton as m } from "./button.L1lgCuM9.js";
6
6
  import './assets/dialog.CKwM2EBH.css';const _ = "_root_4piiz_76", p = "_success_4piiz_80", d = "_info_4piiz_84", g = "_warning_4piiz_88", h = {
7
7
  root: _,
8
8
  success: p,
@@ -2,7 +2,7 @@
2
2
  import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as t } from "./chunks/index.CvOaL64Y.js";
4
4
  import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
5
- import { DSSpinner as D } from "./spinner.DEtbkdfi.js";
5
+ import { DSSpinner as D } from "./spinner.DVa112nj.js";
6
6
  import './assets/floatingactionbutton.CUvMbEMf.css';const x = "_root_qplp0_76", S = "_root--dark_qplp0_135", j = "_root--small_qplp0_175", H = "_loader_qplp0_194", y = "_icon--hidden_qplp0_206", N = "_label--hidden_qplp0_210", o = {
7
7
  root: x,
8
8
  "root--dark": "_root--dark_qplp0_135",
package/index.d.ts CHANGED
@@ -35,6 +35,7 @@ export * from './components/RadioGroup/RadioGroup';
35
35
  export * from './components/RadioGroup/RadioGroup.utils';
36
36
  export * from './components/Select/Select';
37
37
  export * from './components/Select/Select.utils';
38
+ export * from './components/SkipToContent/SkipToContent';
38
39
  export * from './components/Spinner/Spinner';
39
40
  export * from './components/Spinner/Spinner.utils';
40
41
  export * from './components/Switch/Switch';
package/index.es.js CHANGED
@@ -1,31 +1,32 @@
1
1
  "use client";
2
2
  import { DSAriaLiveRegions as x } from "./arialiveregions.BvZhV6hb.js";
3
- import { DSButton as N } from "./button.DlFWwHuA.js";
4
- import { DSButtonRound as u } from "./buttonround.eYOQM994.js";
5
- import { DSCheckbox as h } from "./checkbox.DNHdo6_n.js";
6
- import { D as f, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
3
+ import { DSButton as N } from "./button.L1lgCuM9.js";
4
+ import { DSButtonRound as u } from "./buttonround.ddSqXjYf.js";
5
+ import { DSCheckbox as f } from "./checkbox.DNHdo6_n.js";
6
+ import { D as E, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
7
7
  import { DSCombobox as g } from "./combobox.CRlhqmuO.js";
8
8
  import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.5dHi6PEO.js";
9
9
  import { D as X, v as b } from "./chunks/Fieldset.B1vsrHNv.js";
10
- import { DSFloatingActionButton as Z } from "./floatingactionbutton.CGV3YFQq.js";
10
+ import { DSFloatingActionButton as Z } from "./floatingactionbutton.D_e4vz2G.js";
11
11
  import { DSHeading as H } from "./heading.BTNroD1E.js";
12
12
  import { D as M, I as w, u as V } from "./chunks/Icon.n4XZrQ4N.js";
13
- import { DSInput as y } from "./input.BAxvG272.js";
13
+ import { DSInput as y } from "./input.ChVISFEX.js";
14
14
  import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as ao, v as eo, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
15
- import { D as so, v as po } from "./chunks/InputPassword.DTqI58Z4.js";
16
- import { D as So, i as lo, v as mo } from "./chunks/InputSearch.IwQATLKh.js";
17
- import { D as Io, v as To } from "./chunks/InputStepper.Jew1ETB6.js";
15
+ import { D as so, v as po } from "./chunks/InputPassword.a7zHKrmM.js";
16
+ import { D as So, i as lo, v as mo } from "./chunks/InputSearch.DITRiB92.js";
17
+ import { D as Io, v as To } from "./chunks/InputStepper.BkncCNwJ.js";
18
18
  import { DSLink as xo } from "./link.SAcKvzJ3.js";
19
19
  import { DSLinkStandalone as co } from "./linkstandalone.DNe0Nydm.js";
20
20
  import { DSLogo as _o } from "./logo.BR_CUXFl.js";
21
- import { D as Eo, a as fo, N as Ao } from "./chunks/Notification.DbflCBIL.js";
21
+ import { D as ho, a as Eo, N as Ao } from "./chunks/Notification.DVVuSOqG.js";
22
22
  import { D as go, a as vo, o as Po, v as Co } from "./chunks/RadioGroup.BO4pbAJw.js";
23
23
  import { D as Lo, S as Bo, g as Uo, v as Xo } from "./chunks/Select.COdS787F.js";
24
- import { DSSpinner as Go } from "./spinner.DEtbkdfi.js";
25
- import { DSSwitch as Fo } from "./switch.BezS5z0Y.js";
26
- import { DSText as ko } from "./text.CrYUewrP.js";
27
- import { D as wo, T as Vo, v as Ko } from "./chunks/Textarea.oqCrSopu.js";
28
- import { DSTitle as Wo } from "./title.Dvp8LKJt.js";
24
+ import { DSSkipToContent as Go } from "./skiptocontent._YZRKxnc.js";
25
+ import { DSSpinner as Fo } from "./spinner.DVa112nj.js";
26
+ import { DSSwitch as ko } from "./switch.rd7PdLc9.js";
27
+ import { DSText as wo } from "./text.CrYUewrP.js";
28
+ import { D as Ko, T as yo, v as Wo } from "./chunks/Textarea.oqCrSopu.js";
29
+ import { DSTitle as qo } from "./title.Dvp8LKJt.js";
29
30
  const o = ["medium", "small"], a = [
30
31
  "filled",
31
32
  "highlight",
@@ -76,8 +77,8 @@ export {
76
77
  x as DSAriaLiveRegions,
77
78
  N as DSButton,
78
79
  u as DSButtonRound,
79
- h as DSCheckbox,
80
- f as DSCheckboxGroup,
80
+ f as DSCheckbox,
81
+ E as DSCheckboxGroup,
81
82
  g as DSCombobox,
82
83
  X as DSFieldset,
83
84
  Z as DSFloatingActionButton,
@@ -90,14 +91,15 @@ export {
90
91
  xo as DSLink,
91
92
  co as DSLinkStandalone,
92
93
  _o as DSLogo,
93
- Eo as DSNotification,
94
+ ho as DSNotification,
94
95
  go as DSRadioGroup,
95
96
  Lo as DSSelect,
96
- Go as DSSpinner,
97
- Fo as DSSwitch,
98
- ko as DSText,
99
- wo as DSTextarea,
100
- Wo as DSTitle,
97
+ Go as DSSkipToContent,
98
+ Fo as DSSpinner,
99
+ ko as DSSwitch,
100
+ wo as DSText,
101
+ Ko as DSTextarea,
102
+ qo as DSTitle,
101
103
  C as DS_COMBOBOX_TRANSLATIONS,
102
104
  R as DS_COMBOBOX_TRANSLATIONS_DE,
103
105
  L as DS_COMBOBOX_TRANSLATIONS_EN,
@@ -110,12 +112,12 @@ export {
110
112
  p as LINK_VARIANT,
111
113
  q as MAX_PREFIX_LENGTH,
112
114
  j as MAX_SUFFIX_LENGTH,
113
- fo as NOTIFICATION_ICONS,
115
+ Eo as NOTIFICATION_ICONS,
114
116
  Ao as NOTIFICATION_VARIANT,
115
117
  Bo as SELECT_SIZE,
116
118
  S as SPINNER_SIZE,
117
119
  z as SUPPORTED_INPUT_TYPES,
118
- Vo as TEXTAREA_SIZE,
120
+ yo as TEXTAREA_SIZE,
119
121
  m as TEXT_SIZE,
120
122
  l as TEXT_TAG,
121
123
  n as TEXT_WEIGHT,
@@ -139,6 +141,6 @@ export {
139
141
  To as validateInputStepperProps,
140
142
  Co as validateRadioGroupProps,
141
143
  Xo as validateSelectProps,
142
- Ko as validateTextareaProps,
144
+ Wo as validateTextareaProps,
143
145
  to as validateType
144
146
  };
@@ -4,7 +4,7 @@ import { c as l } from "./chunks/index.CvOaL64Y.js";
4
4
  import { useState as x, useRef as k, useLayoutEffect as w, useEffect as ia } from "react";
5
5
  import { u as sa } from "./chunks/useBreakpoint.5xBNDiCf.js";
6
6
  import { Asterisk as ea } from "./asterisk.Cjbk-xZi.js";
7
- import { DSButton as E } from "./button.DlFWwHuA.js";
7
+ import { DSButton as E } from "./button.L1lgCuM9.js";
8
8
  import { D as la } from "./chunks/Icon.n4XZrQ4N.js";
9
9
  import { DSSystemFeedback as oa } from "./systemfeedback.CUWch42u.js";
10
10
  import { v as da, b as ca, M as _a, a as ua, s as fa, c as ra, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
@@ -4,9 +4,9 @@ import "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
5
  import "./chunks/useBreakpoint.5xBNDiCf.js";
6
6
  import "./asterisk.Cjbk-xZi.js";
7
- import "./button.DlFWwHuA.js";
7
+ import "./button.L1lgCuM9.js";
8
8
  import "./systemfeedback.CUWch42u.js";
9
- import { D as n } from "./chunks/InputPassword.DTqI58Z4.js";
9
+ import { D as n } from "./chunks/InputPassword.a7zHKrmM.js";
10
10
  export {
11
11
  n as DSInputPassword
12
12
  };
@@ -5,9 +5,9 @@ import "react";
5
5
  import "./chunks/helpers.B1JT5ShS.js";
6
6
  import "./chunks/useBreakpoint.5xBNDiCf.js";
7
7
  import "./asterisk.Cjbk-xZi.js";
8
- import "./button.DlFWwHuA.js";
8
+ import "./button.L1lgCuM9.js";
9
9
  import "./systemfeedback.CUWch42u.js";
10
- import { D as s } from "./chunks/InputSearch.IwQATLKh.js";
10
+ import { D as s } from "./chunks/InputSearch.DITRiB92.js";
11
11
  export {
12
12
  s as DSInputSearch
13
13
  };
@@ -4,10 +4,10 @@ import "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
5
  import "./chunks/useBreakpoint.5xBNDiCf.js";
6
6
  import "./asterisk.Cjbk-xZi.js";
7
- import "./button.DlFWwHuA.js";
7
+ import "./button.L1lgCuM9.js";
8
8
  import "./chunks/Input.utils.AKWCNkpA.js";
9
9
  import "./systemfeedback.CUWch42u.js";
10
- import { D } from "./chunks/InputStepper.Jew1ETB6.js";
10
+ import { D } from "./chunks/InputStepper.BkncCNwJ.js";
11
11
  export {
12
12
  D as DSInputStepper
13
13
  };
@@ -2,8 +2,8 @@
2
2
  import "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import "./chunks/index.CvOaL64Y.js";
4
4
  import "./chunks/Icon.n4XZrQ4N.js";
5
- import { D as e } from "./chunks/Notification.DbflCBIL.js";
6
- import "./button.DlFWwHuA.js";
5
+ import { D as e } from "./chunks/Notification.DVVuSOqG.js";
6
+ import "./button.L1lgCuM9.js";
7
7
  export {
8
8
  e as DSNotification
9
9
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stihl-design-system/components",
3
3
  "private": false,
4
- "version": "1.0.0-RC.5",
4
+ "version": "1.0.0-RC.6",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
7
7
  "keywords": [
@@ -0,0 +1,44 @@
1
+ "use client";
2
+ import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as k } from "./chunks/index.CvOaL64Y.js";
4
+ import { DSLink as p } from "./link.SAcKvzJ3.js";
5
+ import { g as n } from "./chunks/helpers.B1JT5ShS.js";
6
+ import "react";
7
+ import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_76", h = "_skip-to-content--dark_4ockd_83", s = {
8
+ "skip-to-content": "_skip-to-content_4ockd_76",
9
+ skipToContent: c,
10
+ "skip-to-content--dark": "_skip-to-content--dark_4ockd_83",
11
+ skipToContentDark: h
12
+ }, C = ({
13
+ children: e = "Skip to main content",
14
+ className: i,
15
+ targetElementId: t = "main",
16
+ theme: o = "light"
17
+ }) => {
18
+ t.startsWith("#") && console.warn(
19
+ n(
20
+ "DSSkipToContent",
21
+ 'The targetElementId should not start with a "#" character. Please provide the id of the element you want to skip to.'
22
+ )
23
+ ), (t.startsWith("http") || t.startsWith(".")) && console.warn(
24
+ n(
25
+ "DSSkipToContent",
26
+ 'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'
27
+ )
28
+ );
29
+ const r = k(s.skipToContent, i, {
30
+ [s.skipToContentDark]: o === "dark"
31
+ });
32
+ return /* @__PURE__ */ a.jsx(
33
+ p,
34
+ {
35
+ className: r,
36
+ href: `#${t}`,
37
+ theme: o,
38
+ children: e
39
+ }
40
+ );
41
+ };
42
+ export {
43
+ C as DSSkipToContent
44
+ };
@@ -0,0 +1 @@
1
+ export * from './components/SkipToContent/SkipToContent'
@@ -0,0 +1,58 @@
1
+ "use client";
2
+ import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
3
+ import { c as n } from "./chunks/index.CvOaL64Y.js";
4
+ import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
5
+ import './assets/spinner.D_Nnf1ZG.css';const m = "_root_11iwi_76", z = "_root-size-small_11iwi_82", c = "_root-size-medium_11iwi_86", S = "_root-size-large_11iwi_90", d = "_root-size-x-large_11iwi_94", g = "_root-size-inherit_11iwi_98", w = "_rotate_11iwi_1", u = "_screenReaderOnly_11iwi_123", e = {
6
+ root: m,
7
+ "root-size-small": "_root-size-small_11iwi_82",
8
+ rootSizeSmall: z,
9
+ "root-size-medium": "_root-size-medium_11iwi_86",
10
+ rootSizeMedium: c,
11
+ "root-size-large": "_root-size-large_11iwi_90",
12
+ rootSizeLarge: S,
13
+ "root-size-x-large": "_root-size-x-large_11iwi_94",
14
+ rootSizeXLarge: d,
15
+ "root-size-inherit": "_root-size-inherit_11iwi_98",
16
+ rootSizeInherit: g,
17
+ rotate: w,
18
+ screenReaderOnly: u
19
+ }, L = ({
20
+ aria: i,
21
+ className: t,
22
+ size: o = "small",
23
+ theme: s = "light",
24
+ ...a
25
+ }) => {
26
+ const l = n(e.root, t, {
27
+ [e.rootSizeSmall]: o === "small",
28
+ [e.rootSizeMedium]: o === "medium",
29
+ [e.rootSizeLarge]: o === "large",
30
+ [e.rootSizeXLarge]: o === "x-large",
31
+ [e.rootSizeInherit]: o === "inherit"
32
+ });
33
+ return /* @__PURE__ */ r.jsxs(
34
+ "span",
35
+ {
36
+ className: l,
37
+ role: "alert",
38
+ "aria-live": "assertive",
39
+ "aria-label": (i == null ? void 0 : i["aria-label"]) || void 0,
40
+ ...a,
41
+ children: [
42
+ /* @__PURE__ */ r.jsx("span", { className: e.screenReaderOnly, children: " " }),
43
+ /* @__PURE__ */ r.jsx(
44
+ _,
45
+ {
46
+ name: "loading-spinner",
47
+ theme: s,
48
+ focusable: "false",
49
+ "aria-hidden": "true"
50
+ }
51
+ )
52
+ ]
53
+ }
54
+ );
55
+ };
56
+ export {
57
+ L as DSSpinner
58
+ };
@@ -3,7 +3,7 @@ import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { c as b } from "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
5
  import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
6
- import { DSSpinner as f } from "./spinner.DEtbkdfi.js";
6
+ import { DSSpinner as f } from "./spinner.DVa112nj.js";
7
7
  import './assets/switch.Ds-I_ybT.css';const v = "_root_vzlrg_76", x = "_root--label-right_vzlrg_114", z = "_root--stretched_vzlrg_117", j = "_loader_vzlrg_127", k = "_thumb_vzlrg_180", S = "_root--checked_vzlrg_195", r = {
8
8
  root: v,
9
9
  "root--label-right": "_root--label-right_vzlrg_114",
@@ -2,9 +2,9 @@
2
2
  import "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import "./chunks/index.CvOaL64Y.js";
4
4
  import "react";
5
- import "./button.DlFWwHuA.js";
5
+ import "./button.L1lgCuM9.js";
6
6
  import "./chunks/Icon.n4XZrQ4N.js";
7
- import { D as s } from "./chunks/Toast.BLGKvAvZ.js";
7
+ import { D as s } from "./chunks/Toast.RON4bFPY.js";
8
8
  export {
9
9
  s as DSToast
10
10
  };
@@ -2,7 +2,7 @@
2
2
  import { j as w } from "./chunks/jsx-runtime.C115EyI4.js";
3
3
  import { useState as f, useRef as x, useEffect as g } from "react";
4
4
  import { g as h, b as A } from "./chunks/AriaLiveRegions.utils.DzWI5KCU.js";
5
- import { D, s as y } from "./chunks/Toast.BLGKvAvZ.js";
5
+ import { D, s as y } from "./chunks/Toast.RON4bFPY.js";
6
6
  import { g as E } from "./chunks/helpers.B1JT5ShS.js";
7
7
  const O = () => {
8
8
  if (!h() || !A())
@@ -1 +0,0 @@
1
- ._root_9ofhu_76{display:inline-flex;vertical-align:top;margin:0;padding:0}._root-size-small_9ofhu_82{height:1rem;width:1rem}._root-size-medium_9ofhu_86{height:2rem;width:2rem}._root-size-large_9ofhu_90{height:2.5rem;width:2.5rem}._root-size-x-large_9ofhu_94{height:4rem;width:4rem}._root-size-inherit_9ofhu_98{height:inherit;width:inherit}._root_9ofhu_76>svg{position:relative;transform:translateZ(0);animation:_rotate_9ofhu_1 var(--ds-animation-duration, 1.1s) linear infinite;width:inherit;height:inherit}@keyframes _rotate_9ofhu_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._screenReaderOnly_9ofhu_118{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,58 +0,0 @@
1
- "use client";
2
- import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as n } from "./chunks/index.CvOaL64Y.js";
4
- import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
5
- import './assets/spinner.LuV09jaU.css';const m = "_root_9ofhu_76", z = "_root-size-small_9ofhu_82", u = "_root-size-medium_9ofhu_86", c = "_root-size-large_9ofhu_90", h = "_root-size-x-large_9ofhu_94", S = "_root-size-inherit_9ofhu_98", f = "_rotate_9ofhu_1", d = "_screenReaderOnly_9ofhu_118", o = {
6
- root: m,
7
- "root-size-small": "_root-size-small_9ofhu_82",
8
- rootSizeSmall: z,
9
- "root-size-medium": "_root-size-medium_9ofhu_86",
10
- rootSizeMedium: u,
11
- "root-size-large": "_root-size-large_9ofhu_90",
12
- rootSizeLarge: c,
13
- "root-size-x-large": "_root-size-x-large_9ofhu_94",
14
- rootSizeXLarge: h,
15
- "root-size-inherit": "_root-size-inherit_9ofhu_98",
16
- rootSizeInherit: S,
17
- rotate: f,
18
- screenReaderOnly: d
19
- }, L = ({
20
- aria: r,
21
- className: i,
22
- size: e = "small",
23
- theme: s = "light",
24
- ...a
25
- }) => {
26
- const l = n(o.root, i, {
27
- [o.rootSizeSmall]: e === "small",
28
- [o.rootSizeMedium]: e === "medium",
29
- [o.rootSizeLarge]: e === "large",
30
- [o.rootSizeXLarge]: e === "x-large",
31
- [o.rootSizeInherit]: e === "inherit"
32
- });
33
- return /* @__PURE__ */ t.jsxs(
34
- "span",
35
- {
36
- className: l,
37
- role: "alert",
38
- "aria-live": "assertive",
39
- "aria-label": (r == null ? void 0 : r["aria-label"]) || void 0,
40
- ...a,
41
- children: [
42
- /* @__PURE__ */ t.jsx("span", { className: o.screenReaderOnly, children: " " }),
43
- /* @__PURE__ */ t.jsx(
44
- _,
45
- {
46
- name: "loading-spinner",
47
- theme: s,
48
- focusable: "false",
49
- "aria-hidden": "true"
50
- }
51
- )
52
- ]
53
- }
54
- );
55
- };
56
- export {
57
- L as DSSpinner
58
- };