npm - @stihl-design-system/components - Versions diffs - 1.0.0-RC.26 → 1.0.0-RC.28 - Mend

@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.28

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 (111) hide show

package/{accordion.CBaDU14g.js → accordion.B9X4Vlig.js} +1 -1
package/{actionbutton.DEJsLxnQ.js → actionbutton.7x4F7a0U.js} +1 -1
package/{actionlink.Cs6BTCA3.js → actionlink.CV0n19ik.js} +1 -1
package/assets/Accordion.BHWEZCmu.css +1 -0
package/assets/CustomReactSelect.Dq5Hoqv2.css +1 -0
package/assets/{Fieldset.Cy5r0K7n.css → Fieldset.CW9dBvAo.css} +1 -1
package/assets/InputFile.BVgHILAZ.css +1 -0
package/assets/InputPassword.CBpkWGy7.css +1 -0
package/assets/InputSearch.CnPJYH8L.css +1 -0
package/assets/InputStepper.U2h9Kd0t.css +1 -0
package/assets/Select.U7xsC0o1.css +1 -0
package/assets/Slider.DzwSjDPV.css +1 -0
package/assets/Textarea.C4IEEOFR.css +1 -0
package/assets/banner.D9EiZqqR.css +1 -0
package/assets/input.CuIHvnD5.css +1 -0
package/assets/radio.ipbv7OMF.css +1 -0
package/assets/scroller.Hszs1Yq4.css +1 -0
package/banner.CgQdUb_c.js +55 -0
package/banner.d.ts +2 -0
package/{checkboxgroup.YK8H0YoX.js → checkboxgroup.Bylq97Q9.js} +2 -2
package/chipgroup.BWpqUzXF.js +209 -0
package/chunks/Accordion.BvHroAyn.js +154 -0
package/chunks/ActionButton.BlhiiU3l.js +165 -0
package/chunks/ActionLink.BvFL6rgb.js +138 -0
package/chunks/{CheckboxGroup.DHzpgOWp.js → CheckboxGroup.D4MQD0i0.js} +1 -1
package/chunks/{CustomReactSelect.DWdh3k_q.js → CustomReactSelect.D9B928kB.js} +440 -438
package/chunks/Fieldset.BgZMYAH-.js +74 -0
package/chunks/Header.BSvyYrIV.js +368 -0
package/chunks/InputFile.rC7NJYrU.js +218 -0
package/chunks/InputPassword.5-r36K86.js +132 -0
package/chunks/InputSearch.D4Q99_nR.js +170 -0
package/chunks/InputStepper.EsPAGCFJ.js +259 -0
package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js} +1 -1
package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.CRP8_vsg.js} +2 -2
package/chunks/Select.lveq1iBY.js +158 -0
package/chunks/Slider.D9MHH4cZ.js +292 -0
package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js} +1 -1
package/chunks/Textarea.BRfh8ykm.js +161 -0
package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
package/combobox.pMk_oggm.js +60 -0
package/components/Banner/Banner.d.ts +32 -0
package/components/Banner/Banner.utils.d.ts +2 -0
package/components/Combobox/Combobox.d.ts +4 -0
package/components/Combobox/CustomReactSelect/CustomReactSelect.d.ts +1 -1
package/components/Scroller/Scroller.d.ts +20 -0
package/components/Scroller/Scroller.utils.d.ts +3 -0
package/components/Tabs/TabList/TabList.d.ts +1 -1
package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
package/{customreactselect.BvuvCDyE.js → customreactselect.-DGMZMFu.js} +2 -3
package/{fieldset.DM9ELUJa.js → fieldset.BR9fZReW.js} +1 -1
package/{header.DLrTpc-W.js → header.Z4Oxj_xL.js} +1 -1
package/index.d.ts +4 -0
package/index.es.js +202 -195
package/input.DAneVu7p.js +199 -0
package/{inputfile.Cmkxf4Vq.js → inputfile.CB-QTIDn.js} +2 -3
package/{inputpassword.CYfGcUE-.js → inputpassword.B_A0JDkz.js} +2 -3
package/{inputsearch.CecX8gHD.js → inputsearch.DUgTkPWm.js} +2 -3
package/{inputstepper.CFgfHjM_.js → inputstepper.DKmlBa0Y.js} +2 -3
package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js} +2 -2
package/package.json +2 -2
package/partials/index.js +107 -85
package/partials/lib/partials.d.ts +1 -1
package/radio.z-Mi3J6t.js +134 -0
package/{radiogroup.C2PkTHnF.js → radiogroup.Bk36A24U.js} +3 -3
package/scroller.CCA6kFR6.js +123 -0
package/scroller.d.ts +2 -0
package/{select.CmGQdpsV.js → select.4wUa3vMT.js} +2 -3
package/{slider.DGmVtnxs.js → slider.BicJfJzc.js} +2 -2
package/styles/scss/ds/index.scss +1 -0
package/styles/scss/ds/lib/ds-internal/_index.scss +1 -0
package/styles/scss/ds/lib/ds-internal/_input.scss +187 -0
package/styles/scss/ds/lib/input.scss +26 -0
package/tablist.Dzwe0_J4.js +256 -0
package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} +2 -2
package/{textarea.yOTo23Pd.js → textarea.BynOgkpo.js} +2 -3
package/{topbar.qNB9efbF.js → topbar.Bccms0xZ.js} +1 -1
package/utils/get-rect.d.ts +4 -0
package/utils/get-rect.test.d.ts +1 -0
package/utils/index.d.ts +2 -1
package/utils/is-animation-disabled.d.ts +14 -0
package/utils/is-animation-disabled.test.d.ts +1 -0
package/assets/Accordion.DOcfZwq8.css +0 -1
package/assets/CustomReactSelect.B8l6al4B.css +0 -1
package/assets/InputFile.Dqjz53mb.css +0 -1
package/assets/InputPassword.CkHF5zCh.css +0 -1
package/assets/InputSearch.BV8Q2EUL.css +0 -1
package/assets/InputStepper.DzzrAdma.css +0 -1
package/assets/Select.e1fTfWmm.css +0 -1
package/assets/Slider.C8i4U4iT.css +0 -1
package/assets/Textarea.BGV7Z0Z9.css +0 -1
package/assets/input.Cj4tF_F7.css +0 -1
package/assets/radio.CqaNn1Gz.css +0 -1
package/chipgroup.Bp_v9IQu.js +0 -186
package/chunks/Accordion.eVOD7J_8.js +0 -154
package/chunks/ActionButton.Ck1rGqgm.js +0 -165
package/chunks/ActionLink.DnUNjoAT.js +0 -138
package/chunks/Fieldset.BX46NuLh.js +0 -74
package/chunks/Header.CsrzyVil.js +0 -356
package/chunks/InputFile.vkkg5Pab.js +0 -220
package/chunks/InputPassword.BQU09DJh.js +0 -136
package/chunks/InputSearch.CXL9ThpX.js +0 -174
package/chunks/InputStepper.BhLQVAlo.js +0 -263
package/chunks/Select.D3IUIdPJ.js +0 -162
package/chunks/Slider.CPG4Btbq.js +0 -292
package/chunks/Textarea.D4vXRg_U.js +0 -163
package/combobox.DIB07SNA.js +0 -58
package/input.D4OiEI8g.js +0 -203
package/radio.Dm9bDBzM.js +0 -134
package/tablist.CcCURua8.js +0 -266
package/utils/isAnimationDisabled.d.ts +0 -1
/package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0

package/partials/lib/partials.d.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export declare function getResetStyles(options?: GetResetStylesOptions): string
 type GetSSRStylesOptions = {
     format?: Exclude<Format, 'cra'>;
 };
-declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
+declare const COMPONENT_NAME: readonly ["DSAccordion", "DSActionButton", "DSActionLink", "DSAriaLiveRegions", "DSBanner", "DSBreadcrumb", "DSButton", "DSButtonRound", "DSCheckbox", "DSCheckboxGroup", "DSChipGroup", "DSCombobox", "DSDialog", "DSDrawer", "DSFieldset", "DSFlag", "DSFloatingActionButton", "DSHeader", "DSHeading", "DSIcon", "DSInput", "DSInputFile", "DSInputPassword", "DSInputSearch", "DSInputStepper", "DSLink", "DSLinkButton", "DSLogo", "DSNavigationTabs", "DSNotification", "DSPopover", "DSRadioGroup", "DSScroller", "DSSelect", "DSSkipToContent", "DSSlider", "DSSpinner", "DSSwitch", "DSTabs", "DSText", "DSTextarea", "DSTitle", "DSToastManager", "DSTopBar"];
 export type ComponentName = (typeof COMPONENT_NAME)[number];
 /**
  * Retrieves server-side rendered (SSR) styles for the specified components to be injected into the <head> at build time.

package/radio.z-Mi3J6t.js ADDED Viewed

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as B, jsxs as ce } from "react/jsx-runtime";
+import { d as pe } from "./chunks/index.CgTHIF3K.js";
+import { c as E } from "./chunks/index.CEyLAtio.js";
+import { forwardRef as Ce, useRef as he, useState as we, useEffect as ye } from "react";
+import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
+import './assets/radio.ipbv7OMF.css';const ue = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_12vrw_1", ge = "ds-radio_root--disabled_12vrw_24", Ne = "ds-radio_root--with-custom-area_12vrw_27", We = "ds-radio_root--with-custom-area--above_12vrw_30", Be = "ds-radio_radio_12vrw_36", De = "ds-radio_dot_12vrw_54", xe = "ds-radio_radio--invalid_12vrw_78", Se = "ds-radio_label_12vrw_83", Ue = "ds-radio_label--bold_12vrw_100", Ie = "ds-radio_label--hidden_12vrw_111", Ve = "ds-radio_label--with-custom-area_12vrw_123", $e = "ds-radio_custom-area_12vrw_127", je = "ds-radio_custom-area--above_12vrw_135", Le = "ds-radio_hint_12vrw_141", Ee = "ds-radio_hint--visible_12vrw_165", Oe = "ds-radio_hint--unchecked-hidden_12vrw_169", Pe = "ds-radio_hint--hidden_12vrw_173", Re = "ds-radio_input_12vrw_186", t = {
+  root: He,
+  rootDisabled: ge,
+  rootWithCustomArea: Ne,
+  rootWithCustomAreaAbove: We,
+  radio: Be,
+  dot: De,
+  radioInvalid: xe,
+  label: Se,
+  labelBold: Ue,
+  labelHidden: Ie,
+  labelWithCustomArea: Ve,
+  customArea: $e,
+  customAreaAbove: je,
+  hint: Le,
+  hintVisible: Ee,
+  hintUncheckedHidden: Oe,
+  hintHidden: Pe,
+  input: Re
+}, qe = Ce((D, m) => {
+  const e = pe.c(87);
+  let x, b, o, n, i, d, c, h, v, S, U, I, V, $, j, L, u;
+  e[0] !== D ? ({
+    label: d,
+    name: c,
+    value: u,
+    checked: x,
+    className: b,
+    customArea: o,
+    isCustomAreaAbove: S,
+    defaultChecked: U,
+    disabled: I,
+    fieldsetId: n,
+    hideLabel: V,
+    hint: i,
+    invalid: $,
+    isBold: j,
+    hideUncheckedHint: L,
+    onChange: h,
+    ...v
+  } = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = j, e[16] = L, e[17] = u) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], j = e[15], L = e[16], u = e[17]);
+  const _ = S === void 0 ? !1 : S, _e = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, fe = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = j === void 0 ? !1 : j, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = we(_e), O = x !== void 0, s = O ? x : be;
+  let P;
+  e[18] !== s || e[19] !== l ? (P = () => {
+    a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
+  }, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
+  let R;
+  e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
+  const p = ke(fe), Z = !!o, ee = !!o && _;
+  let q;
+  e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
+    [t.rootDisabled]: r,
+    [t.rootWithCustomArea]: Z,
+    [t.rootWithCustomAreaAbove]: ee
+  }, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
+  const te = q, oe = !!o;
+  let z;
+  e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
+    [t.labelBold]: Y,
+    [t.labelHidden]: p,
+    [t.labelWithCustomArea]: oe
+  }), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
+  const se = z;
+  let F;
+  e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
+  const ie = F;
+  let G;
+  e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
+    [t.hintHidden]: p,
+    [t.hintUncheckedHidden]: l,
+    [t.hintVisible]: ie()
+  }), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
+  const le = G;
+  let J;
+  e[40] !== A ? (J = E(t.radio, {
+    [t.radioInvalid]: A
+  }), e[40] = A, e[41] = J) : J = e[41];
+  const ae = J;
+  let K;
+  e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
+  const Ae = K;
+  let M;
+  e[43] !== r || e[44] !== O || e[45] !== h ? (M = (f) => {
+    if (r) {
+      f.preventDefault();
+      return;
+    }
+    O || ve(f.target.checked), h && h(f);
+  }, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
+  const re = M, C = i ? `${ue(c)}-${ue(u)}-description` : void 0;
+  let Q;
+  e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
+  const de = Q;
+  let w;
+  e[51] !== m ? (w = (f) => {
+    typeof m == "function" ? m(f) : m !== null && (m.current = f), me.current = f;
+  }, e[51] = m, e[52] = w) : w = e[52];
+  const ne = typeof d == "string" ? d : void 0;
+  let y;
+  e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== w || e[60] !== ne || e[61] !== u ? (y = /* @__PURE__ */ B("input", { type: "radio", value: u, name: c, className: t.input, ref: w, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = w, e[60] = ne, e[61] = u, e[62] = y) : y = e[62];
+  let T;
+  e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
+  let k;
+  e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
+  let H;
+  e[66] !== o || e[67] !== _ ? (H = o && _ && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = _, e[68] = H) : H = e[68];
+  let g;
+  e[69] !== o || e[70] !== _ ? (g = o && !_ && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = _, e[71] = g) : g = e[71];
+  let N;
+  e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
+  let W;
+  e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
+    d,
+    g,
+    N
+  ] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
+  let X;
+  return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
+    y,
+    k,
+    H,
+    W
+  ] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
+});
+qe.displayName = "DSRadio";
+export {
+  qe as DSRadio
+};

package/{radiogroup.C2PkTHnF.js → radiogroup.Bk36A24U.js} RENAMED Viewed

@@ -3,9 +3,9 @@ import "react/jsx-runtime";
 import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
-import "./chunks/Fieldset.BX46NuLh.js";
-import "./radio.Dm9bDBzM.js";
-import { D as s } from "./chunks/RadioGroup.okEm_-NA.js";
+import "./chunks/Fieldset.BgZMYAH-.js";
+import "./radio.z-Mi3J6t.js";
+import { D as s } from "./chunks/RadioGroup.CRP8_vsg.js";
 export {
   s as DSRadioGroup
 };

package/scroller.CCA6kFR6.js ADDED Viewed

@@ -0,0 +1,123 @@
+"use client";
+import { jsxs as J, jsx as w } from "react/jsx-runtime";
+import { d as K } from "./chunks/index.CgTHIF3K.js";
+import { c as y } from "./chunks/index.CEyLAtio.js";
+import { useState as M, useRef as T } from "react";
+import { i as j, g as A } from "./chunks/is-animation-disabled.CUl4N3LI.js";
+import { g as Q } from "./chunks/helpers.BbWkXTr3.js";
+import { u as O } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
+import { D as $ } from "./chunks/Button.CC0qEsuR.js";
+import './assets/scroller.Hszs1Yq4.css';const U = "ds-scroller_root_3ktti_1", Y = "ds-scroller_scroll-wrapper_3ktti_6", Z = "ds-scroller_scroller_3ktti_45", tt = "ds-scroller_scroll-button_3ktti_60", et = "ds-scroller_scroll-button--hidden_3ktti_65", rt = "ds-scroller_scroll-button--right_3ktti_69", n = {
+  root: U,
+  scrollWrapper: Y,
+  scroller: Z,
+  scrollButton: tt,
+  scrollButtonHidden: et,
+  scrollButtonRight: rt
+}, dt = (c) => {
+  const t = K.c(37);
+  let a, f, u, r;
+  t[0] !== c ? ({
+    children: a,
+    className: f,
+    scrollToPosition: r,
+    ...u
+  } = c, t[0] = c, t[1] = a, t[2] = f, t[3] = u, t[4] = r) : (a = t[1], f = t[2], u = t[3], r = t[4]);
+  const [z, q] = M(!1), [H, V] = M(!1), S = T(null), e = T(null), X = T(!1), D = () => {
+    I();
+  };
+  let R;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (R = [], t[5] = R) : R = t[5], O(() => {
+    const l = new ResizeObserver(D);
+    return e.current && l.observe(e.current), () => {
+      l.disconnect();
+    };
+  }, R);
+  let x;
+  t[6] !== r ? (x = [r], t[6] = r, t[7] = x) : x = t[7], O(() => {
+    var s;
+    const l = ["18px 'STIHL Contraface Digital Text Bold'"];
+    return Promise.all(l.map(ot)).then(() => {
+      X.current = !0, I(), F();
+    }).catch(lt), (s = e.current) == null || s.addEventListener("scroll", D), () => {
+      var i;
+      (i = e.current) == null || i.removeEventListener("scroll", D);
+    };
+  }, x);
+  const F = () => {
+    e.current && (r != null && r.scrollPosition) && e.current.scrollTo({
+      left: r.scrollPosition,
+      behavior: j() || !r.isSmooth ? "instant" : "smooth"
+    });
+  }, I = () => {
+    if (e.current && S.current) {
+      const l = A(e.current), s = A(S.current);
+      q(s.left < l.left), V(s.right > l.right + 4);
+    }
+  };
+  let o;
+  if (t[8] === Symbol.for("react.memo_cache_sentinel")) {
+    o = (s) => {
+      var N;
+      const i = l(s);
+      (N = e.current) == null || N.scrollTo({
+        left: i,
+        behavior: j() ? "instant" : "smooth"
+      });
+    };
+    const l = (s) => {
+      if (!S.current || !e.current)
+        return 0;
+      const {
+        scrollLeft: i,
+        offsetWidth: N
+      } = e.current, W = Math.round(N * 0.2);
+      return s === "next" ? i + W : i - W;
+    };
+    t[8] = o;
+  } else
+    o = t[8];
+  let L;
+  t[9] === Symbol.for("react.memo_cache_sentinel") ? (L = y(n.scroller), t[9] = L) : L = t[9];
+  const G = L;
+  let m;
+  t[10] !== f ? (m = y(n.root, f), t[10] = f, t[11] = m) : m = t[11];
+  const C = z || H ? 0 : -1;
+  let d;
+  t[12] !== a ? (d = /* @__PURE__ */ w("div", { className: G, ref: S, children: a }), t[12] = a, t[13] = d) : d = t[13];
+  let h;
+  t[14] !== C || t[15] !== d ? (h = /* @__PURE__ */ w("div", { className: n.scrollWrapper, ref: e, tabIndex: C, children: d }), t[14] = C, t[15] = d, t[16] = h) : h = t[16];
+  const E = !z;
+  let p;
+  t[17] !== E ? (p = y(n.scrollButton, {
+    [n.scrollButtonHidden]: E
+  }), t[17] = E, t[18] = p) : p = t[18];
+  let _;
+  t[19] !== o ? (_ = () => o("prev"), t[19] = o, t[20] = _) : _ = t[20];
+  let b;
+  t[21] !== _ || t[22] !== p ? (b = /* @__PURE__ */ w($, { variant: "filled", className: p, hideLabel: !0, iconName: "chevron-left", tabIndex: -1, size: "small", onClick: _, children: "Left" }), t[21] = _, t[22] = p, t[23] = b) : b = t[23];
+  const P = !H;
+  let B;
+  t[24] !== P ? (B = y(n.scrollButton, n.scrollButtonRight, {
+    [n.scrollButtonHidden]: P
+  }), t[24] = P, t[25] = B) : B = t[25];
+  let g;
+  t[26] !== o ? (g = () => o("next"), t[26] = o, t[27] = g) : g = t[27];
+  let v;
+  t[28] !== B || t[29] !== g ? (v = /* @__PURE__ */ w($, { variant: "filled", className: B, hideLabel: !0, iconName: "chevron-right", tabIndex: -1, size: "small", onClick: g, children: "Right" }), t[28] = B, t[29] = g, t[30] = v) : v = t[30];
+  let k;
+  return t[31] !== u || t[32] !== b || t[33] !== v || t[34] !== m || t[35] !== h ? (k = /* @__PURE__ */ J("div", { className: m, ...u, children: [
+    h,
+    b,
+    v
+  ] }), t[31] = u, t[32] = b, t[33] = v, t[34] = m, t[35] = h, t[36] = k) : k = t[36], k;
+};
+function ot(c) {
+  return document.fonts.load(c);
+}
+function lt(c) {
+  throw new Error(Q("DSScroller", `The component requires the fonts to be loaded: ${c}`));
+}
+export {
+  dt as DSScroller
+};

package/scroller.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './components/Scroller/Scroller'
2	+ export {}

package/{select.CmGQdpsV.js → select.4wUa3vMT.js} RENAMED Viewed

@@ -4,10 +4,9 @@ import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
-import "./asterisk.CR60hx8S.js";
 import "./chunks/Icon.C0161Glk.js";
 import "./systemfeedback.CLQCbTF6.js";
-import { D } from "./chunks/Select.D3IUIdPJ.js";
+import { D as s } from "./chunks/Select.lveq1iBY.js";
 export {
-  D as DSSelect
+  s as DSSelect
 };

package/{slider.DGmVtnxs.js → slider.BicJfJzc.js} RENAMED Viewed

@@ -4,8 +4,8 @@ import "./chunks/index.CgTHIF3K.js";
 import "./chunks/index.CEyLAtio.js";
 import "react";
 import "./chunks/useBreakpoint.CMOR9ZOB.js";
-import "./input.D4OiEI8g.js";
-import { D as s } from "./chunks/Slider.CPG4Btbq.js";
+import "./input.DAneVu7p.js";
+import { D as s } from "./chunks/Slider.D9MHH4cZ.js";
 export {
   s as DSSlider
 };

package/styles/scss/ds/index.scss CHANGED Viewed

@@ -9,6 +9,7 @@
 @forward 'lib/grid-sidebar';
 @forward 'lib/grid-sidebar-sidebar';
 @forward 'lib/heading';
+@forward 'lib/input';
 @forward 'lib/link';
 @forward 'lib/link-button';
 @forward 'lib/media-query';

package/styles/scss/ds/lib/ds-internal/_index.scss CHANGED Viewed

@@ -4,6 +4,7 @@
 @forward '_heading';
 @forward '_helpers';
 @forward '_high-contrast';
+@forward '_input';
 @forward '_link';
 @forward '_link-button';
 @forward '_spacing-dynamic';

package/styles/scss/ds/lib/ds-internal/_input.scss ADDED Viewed

@@ -0,0 +1,187 @@
+@use '_focus' as *;
+@use '_helpers' as *;
+@use '_high-contrast' as *;
+@use '_hover' as *;
+@use '../spacing' as *;
+@use '../text' as *;
+@use '../theme' as *;
+@use '../transition' as *;
+@mixin input-label-base($hasHint: false) {
+  @include utility-medium;
+  display: block;
+  max-width: fit-content;
+  &:has(input) {
+    & input {
+      margin-block-start: $spacing-8;
+    }
+    & :first-child:not(input) {
+      margin-block-start: $spacing-4;
+      margin-block-end: 0;
+    }
+  }
+  &:not(:has(input)) {
+    @if $hasHint {
+      margin-block-end: $spacing-4;
+    } @else {
+      margin-block-end: $spacing-8;
+    }
+  }
+}
+@mixin input-label-disabled() {
+  @include high-contrast-media-query {
+    color: GrayText;
+  }
+}
+@mixin input-label-required() {
+  &:after {
+    content: '*';
+    margin-inline-start: $spacing-2;
+    font-family:
+      'STIHL Contraface Digital Text Regular',
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      'Helvetica Neue',
+      Arial,
+      sans-serif;
+  }
+}
+@mixin input-hint-base() {
+  @include utility-small;
+  display: block;
+  max-width: 25.5rem;
+  margin-block-end: $spacing-8;
+}
+@mixin input-base($size) {
+  @if ($size == 'medium') {
+    @include utility-medium;
+    padding-inline-start: adjust-spacing-for-border-1($spacing-16);
+    padding-inline-end: adjust-spacing-for-border-1($spacing-16);
+    min-height: px-to-rem($spacing-48);
+    height: px-to-rem($spacing-48);
+  } @else if($size == 'small') {
+    @include utility-small;
+    padding-inline-start: adjust-spacing-for-border-1($spacing-8);
+    padding-inline-end: adjust-spacing-for-border-1($spacing-8);
+    min-height: px-to-rem($spacing-32);
+    height: px-to-rem($spacing-32);
+  }
+  @include focus($offset: 0, $thickness: $spacing-1);
+  @include transition((background-color, color));
+  @include hover-media-query {
+    &:hover {
+      background: $theme-light-background-color-transparent-hover;
+      @include high-contrast-media-query {
+        border-color: Highlight;
+      }
+    }
+  }
+  & {
+    background: transparent;
+    border: $spacing-1 solid $theme-light-border-color-primary;
+    border-radius: 0;
+    color: $theme-light-content-color-primary;
+    width: 100%;
+  }
+  &[readonly] {
+    background-color: $theme-light-background-color-tertiary;
+    border-color: transparent;
+    color: $theme-light-content-color-primary;
+    @include focus($offset: 0, $thickness: $spacing-2);
+  }
+  &:disabled {
+    background-color: transparent;
+    border-color: $theme-light-border-color-primary-disabled;
+    color: $theme-light-content-color-primary-disabled;
+    cursor: not-allowed;
+  }
+  &::-webkit-placeholder,
+  &::placeholder {
+    color: $theme-light-content-color-secondary;
+    opacity: 1;
+  }
+  &[type='search'] {
+    appearance: none;
+    -webkit-appearance: none;
+  }
+  &[type='range'] {
+    accent-color: $color-core-orange-dark;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+}
+@mixin input-invalid() {
+  border-color: $theme-light-border-color-feedback-error;
+  outline-color: $theme-light-border-color-feedback-error;
+  &:active,
+  &:focus,
+  &:focus-visible {
+    border-color: $theme-light-border-color-primary;
+  }
+}

package/styles/scss/ds/lib/input.scss ADDED Viewed

@@ -0,0 +1,26 @@
+@use './ds-internal/_input' as *;
+@mixin input-label($hasHint: false, $isDisabled: false, $isRequired: false) {
+  @if (not $isDisabled and not $isRequired) {
+    @include input-label-base($hasHint);
+  }
+  @if $isDisabled {
+    @include input-label-disabled();
+  }
+  @if $isRequired {
+    @include input-label-required();
+  }
+}
+@mixin input-hint() {
+  @include input-hint-base();
+}
+@mixin input($size: 'medium', $isInvalid: false) {
+  @if (not $isInvalid) {
+    @include input-base($size);
+  } @else {
+    @include input-invalid();
+  }
+}