@stihl-design-system/components 1.0.0-RC.1 → 1.0.0-RC.10

package/floatingactionbutton.281b5465.js

@@ -1,87 +0,0 @@
-import "./assets/FloatingActionButton.de295f5d.css";
-import { j as e } from "./chunks/jsx-runtime.5c071667.js";
-import { c as t } from "./chunks/index.8021d3e0.js";
-import { DSIcon as k } from "./icon.b4211784.js";
-import { DSSpinner as x } from "./spinner.ee015469.js";
-const D = "_root_o4ew1_25", S = "_root--dark_o4ew1_82", j = "_root--small_o4ew1_122", H = "_loader_o4ew1_141", y = "_icon--hidden_o4ew1_153", N = "_label--hidden_o4ew1_157", o = {
-  root: D,
-  "root--dark": "_root--dark_o4ew1_82",
-  rootDark: S,
-  "root--small": "_root--small_o4ew1_122",
-  rootSmall: j,
-  loader: H,
-  "icon--hidden": "_icon--hidden_o4ew1_153",
-  iconHidden: y,
-  "label--hidden": "_label--hidden_o4ew1_157",
-  labelHidden: N
-}, E = ({
-  aria: c,
-  children: _,
-  className: m,
-  dataTrackingid: p,
-  disabled: r = !1,
-  iconName: l = "placeholder",
-  iconSource: s,
-  loading: a = !1,
-  size: b = "medium",
-  theme: n = "light",
-  onClick: i,
-  ...u
-}) => {
-  const h = t(
-    o.root,
-    o.rootIconOnlySmall,
-    m,
-    {
-      // dark theme
-      [o.rootDark]: n === "dark",
-      // size
-      [o.rootSmall]: b === "small"
-    }
-  ), w = t(o.icon, {
-    // set icon opacity to 0 when loading to prevent button size from changing
-    [o.iconHidden]: a
-  }), f = (d) => {
-    if (r || a) {
-      d.preventDefault();
-      return;
-    }
-    i && i(d);
-  };
-  return /* @__PURE__ */ e.jsxs(
-    "button",
-    {
-      className: h,
-      "data-trackingid": p,
-      type: "button",
-      onClick: f,
-      ...c,
-      ...u,
-      "aria-disabled": r || a,
-      "aria-busy": a,
-      children: [
-        a && /* @__PURE__ */ e.jsx(
-          x,
-          {
-            className: o.loader,
-            aria: { "aria-label": "Loading state" }
-          }
-        ),
-        /* @__PURE__ */ e.jsx("span", { className: t(o.label, o.labelHidden), children: _ }),
-        (l || s) && /* @__PURE__ */ e.jsx(
-          k,
-          {
-            name: l,
-            theme: n,
-            source: s,
-            className: w,
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  E as DSFloatingActionButton
-};

package/heading.c02dcb70.js

@@ -1,44 +0,0 @@
-import "./assets/Heading.50f5e903.css";
-import { j as p } from "./chunks/jsx-runtime.5c071667.js";
-import { c as n } from "./chunks/index.8021d3e0.js";
-const c = "_root_zvknl_25", u = "_root--x-large_zvknl_28", k = "_root--large_zvknl_42", d = "_root--medium_zvknl_56", g = "_root--medium-uppercase_zvknl_64", i = "_root--small_zvknl_72", v = "_root--small-uppercase_zvknl_80", z = "_root--theme-dark_zvknl_88", o = {
-  root: c,
-  "root--x-large": "_root--x-large_zvknl_28",
-  rootXLarge: u,
-  "root--large": "_root--large_zvknl_42",
-  rootLarge: k,
-  "root--medium": "_root--medium_zvknl_56",
-  rootMedium: d,
-  "root--medium-uppercase": "_root--medium-uppercase_zvknl_64",
-  rootMediumUppercase: g,
-  "root--small": "_root--small_zvknl_72",
-  rootSmall: i,
-  "root--small-uppercase": "_root--small-uppercase_zvknl_80",
-  rootSmallUppercase: v,
-  "root--theme-dark": "_root--theme-dark_zvknl_88",
-  rootThemeDark: z
-}, L = ({
-  children: e,
-  className: t,
-  size: r = "medium",
-  tag: a = "h2",
-  // default tag because of SEO reasons (h1 should be used only once per page)
-  theme: l = "light",
-  ...m
-}) => {
-  const _ = a, s = n(o.root, t, {
-    // sizes
-    [o.rootXLarge]: r === "x-large",
-    [o.rootLarge]: r === "large",
-    [o.rootMedium]: r == "medium",
-    [o.rootMediumUppercase]: r == "medium-uppercase",
-    [o.rootSmall]: r == "small",
-    [o.rootSmallUppercase]: r == "small-uppercase",
-    // dark theme
-    [o.rootThemeDark]: l === "dark"
-  });
-  return /* @__PURE__ */ p.jsx(_, { className: s, ...m, children: e });
-};
-export {
-  L as DSHeading
-};

package/icon.b4211784.js

@@ -1,215 +0,0 @@
-import "./assets/Icon.8890ee9a.css";
-import { j as x } from "./chunks/jsx-runtime.5c071667.js";
-import { c as E } from "./chunks/index.8021d3e0.js";
-import * as b from "react";
-import { useRef as T, useState as y, useEffect as j } from "react";
-var z = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new WeakMap(), M = 0, V = void 0;
-function D(s) {
-  return s ? (_.has(s) || (M += 1, _.set(s, M.toString())), _.get(s)) : "0";
-}
-function L(s) {
-  return Object.keys(s).sort().filter(
-    (i) => s[i] !== void 0
-  ).map((i) => `${i}_${i === "root" ? D(s.root) : s[i]}`).toString();
-}
-function q(s) {
-  const i = L(s);
-  let t = z.get(i);
-  if (!t) {
-    const o = /* @__PURE__ */ new Map();
-    let r;
-    const a = new IntersectionObserver((n) => {
-      n.forEach((e) => {
-        var c;
-        const v = e.isIntersecting && r.some((m) => e.intersectionRatio >= m);
-        s.trackVisibility && typeof e.isVisible > "u" && (e.isVisible = v), (c = o.get(e.target)) == null || c.forEach((m) => {
-          m(v, e);
-        });
-      });
-    }, s);
-    r = a.thresholds || (Array.isArray(s.threshold) ? s.threshold : [s.threshold || 0]), t = {
-      id: i,
-      observer: a,
-      elements: o
-    }, z.set(i, t);
-  }
-  return t;
-}
-function C(s, i, t = {}, o = V) {
-  if (typeof window.IntersectionObserver > "u" && o !== void 0) {
-    const c = s.getBoundingClientRect();
-    return i(o, {
-      isIntersecting: o,
-      target: s,
-      intersectionRatio: typeof t.threshold == "number" ? t.threshold : 0,
-      time: 0,
-      boundingClientRect: c,
-      intersectionRect: c,
-      rootBounds: c
-    }), () => {
-    };
-  }
-  const { id: r, observer: a, elements: n } = q(t), e = n.get(s) || [];
-  return n.has(s) || n.set(s, e), e.push(i), a.observe(s), function() {
-    e.splice(e.indexOf(i), 1), e.length === 0 && (n.delete(s), a.unobserve(s)), n.size === 0 && (a.disconnect(), z.delete(r));
-  };
-}
-function O({
-  threshold: s,
-  delay: i,
-  trackVisibility: t,
-  rootMargin: o,
-  root: r,
-  triggerOnce: a,
-  skip: n,
-  initialInView: e,
-  fallbackInView: c,
-  onChange: v
-} = {}) {
-  var m;
-  const [d, k] = b.useState(null), h = b.useRef(), [g, l] = b.useState({
-    inView: !!e,
-    entry: void 0
-  });
-  h.current = v, b.useEffect(
-    () => {
-      if (n || !d)
-        return;
-      let f;
-      return f = C(
-        d,
-        (R, S) => {
-          l({
-            inView: R,
-            entry: S
-          }), h.current && h.current(R, S), S.isIntersecting && a && f && (f(), f = void 0);
-        },
-        {
-          root: r,
-          rootMargin: o,
-          threshold: s,
-          // @ts-ignore
-          trackVisibility: t,
-          // @ts-ignore
-          delay: i
-        },
-        c
-      ), () => {
-        f && f();
-      };
-    },
-    // We break the rule here, because we aren't including the actual `threshold` variable
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      // If the threshold is an array, convert it to a string, so it won't change between renders.
-      Array.isArray(s) ? s.toString() : s,
-      d,
-      r,
-      o,
-      a,
-      n,
-      t,
-      c,
-      i
-    ]
-  );
-  const u = (m = g.entry) == null ? void 0 : m.target, I = b.useRef();
-  !d && u && !a && !n && I.current !== u && (I.current = u, l({
-    inView: !!e,
-    entry: void 0
-  }));
-  const p = [k, g.inView, g.entry];
-  return p.ref = p[0], p.inView = p[1], p.entry = p[2], p;
-}
-const A = "_image_18l0e_25", N = "_image--theme-dark_18l0e_34", X = "_image--size-medium_18l0e_37", $ = "_image--size-small_18l0e_43", B = "_image--size-x-small_18l0e_49", w = {
-  image: A,
-  "image--theme-dark": "_image--theme-dark_18l0e_34",
-  imageThemeDark: N,
-  "image--size-medium": "_image--size-medium_18l0e_37",
-  imageSizeMedium: X,
-  "image--size-small": "_image--size-small_18l0e_43",
-  imageSizeSmall: $,
-  "image--size-x-small": "_image--size-x-small_18l0e_49",
-  imageSizeXSmall: B
-}, G = (s, i) => {
-  const t = s[i];
-  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((o, r) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + i)));
-  });
-}, P = (s) => {
-  var n;
-  const i = T(), [t, o] = y(!1), [r, a] = y(!0);
-  return j(() => {
-    t && (a(!0), (async () => {
-      try {
-        i.current = await G(/* @__PURE__ */ Object.assign({ "../../../../icons/dist/assets/360.svg": () => import("./chunks/360.3f3132d9.js"), "../../../../icons/dist/assets/academic-cap.svg": () => import("./chunks/academic-cap.a6849ffc.js"), "../../../../icons/dist/assets/alarm-clock.svg": () => import("./chunks/alarm-clock.542230f3.js"), "../../../../icons/dist/assets/arrow-clockwise.svg": () => import("./chunks/arrow-clockwise.0496f663.js"), "../../../../icons/dist/assets/arrow-counterclockwise.svg": () => import("./chunks/arrow-counterclockwise.635a0130.js"), "../../../../icons/dist/assets/arrow-down-line.svg": () => import("./chunks/arrow-down-line.0976611e.js"), "../../../../icons/dist/assets/arrow-down.svg": () => import("./chunks/arrow-down.9780d975.js"), "../../../../icons/dist/assets/arrow-edge.svg": () => import("./chunks/arrow-edge.3288acdd.js"), "../../../../icons/dist/assets/arrow-left.svg": () => import("./chunks/arrow-left.ace9c808.js"), "../../../../icons/dist/assets/arrow-out.svg": () => import("./chunks/arrow-out.0499f39e.js"), "../../../../icons/dist/assets/arrow-outline-left.svg": () => import("./chunks/arrow-outline-left.efc33275.js"), "../../../../icons/dist/assets/arrow-right.svg": () => import("./chunks/arrow-right.133feef2.js"), "../../../../icons/dist/assets/arrow-up-arrow-down.svg": () => import("./chunks/arrow-up-arrow-down.b612e9b1.js"), "../../../../icons/dist/assets/arrow-up.svg": () => import("./chunks/arrow-up.3be6430a.js"), "../../../../icons/dist/assets/at.svg": () => import("./chunks/at.6279d12b.js"), "../../../../icons/dist/assets/barcode-scanner.svg": () => import("./chunks/barcode-scanner.0a4a314d.js"), "../../../../icons/dist/assets/battery.svg": () => import("./chunks/battery.e1249ee1.js"), "../../../../icons/dist/assets/bell.svg": () => import("./chunks/bell.87fe4f0b.js"), "../../../../icons/dist/assets/bin-open.svg": () => import("./chunks/bin-open.be4290d8.js"), "../../../../icons/dist/assets/bin.svg": () => import("./chunks/bin.b36466f3.js"), "../../../../icons/dist/assets/bluetooth.svg": () => import("./chunks/bluetooth.54b89b90.js"), "../../../../icons/dist/assets/bookmark.svg": () => import("./chunks/bookmark.4d5ce4c3.js"), "../../../../icons/dist/assets/burger.svg": () => import("./chunks/burger.1301d91e.js"), "../../../../icons/dist/assets/calendar.svg": () => import("./chunks/calendar.ba39a664.js"), "../../../../icons/dist/assets/camera.svg": () => import("./chunks/camera.3bed4f3b.js"), "../../../../icons/dist/assets/cart-check.svg": () => import("./chunks/cart-check.9fb6abdb.js"), "../../../../icons/dist/assets/cart-plus.svg": () => import("./chunks/cart-plus.fd5c4674.js"), "../../../../icons/dist/assets/cart.svg": () => import("./chunks/cart.7516d35c.js"), "../../../../icons/dist/assets/catalog.svg": () => import("./chunks/catalog.bd0c7830.js"), "../../../../icons/dist/assets/certificate.svg": () => import("./chunks/certificate.1639c28e.js"), "../../../../icons/dist/assets/chain-link.svg": () => import("./chunks/chain-link.45025ed0.js"), "../../../../icons/dist/assets/chainsaw.svg": () => import("./chunks/chainsaw.56d43a9f.js"), "../../../../icons/dist/assets/check.svg": () => import("./chunks/check.a08beeae.js"), "../../../../icons/dist/assets/chevron-down.svg": () => import("./chunks/chevron-down.80b0dc85.js"), "../../../../icons/dist/assets/chevron-left.svg": () => import("./chunks/chevron-left.f5feade0.js"), "../../../../icons/dist/assets/chevron-line-left.svg": () => import("./chunks/chevron-line-left.17b172d1.js"), "../../../../icons/dist/assets/chevron-line-right.svg": () => import("./chunks/chevron-line-right.7cd234b7.js"), "../../../../icons/dist/assets/chevron-right.svg": () => import("./chunks/chevron-right.259bc1a3.js"), "../../../../icons/dist/assets/chevron-up.svg": () => import("./chunks/chevron-up.d1335850.js"), "../../../../icons/dist/assets/circle-check-colored.svg": () => import("./chunks/circle-check-colored.98e13ab9.js"), "../../../../icons/dist/assets/circle-check-inverted.svg": () => import("./chunks/circle-check-inverted.db29ab06.js"), "../../../../icons/dist/assets/circle-info-colored.svg": () => import("./chunks/circle-info-colored.8da47e36.js"), "../../../../icons/dist/assets/circle-info-inverted.svg": () => import("./chunks/circle-info-inverted.0ed118fb.js"), "../../../../icons/dist/assets/circle-pause.svg": () => import("./chunks/circle-pause.55300d1b.js"), "../../../../icons/dist/assets/circle-stroke.svg": () => import("./chunks/circle-stroke.203dd7aa.js"), "../../../../icons/dist/assets/circle.svg": () => import("./chunks/circle.33ec82eb.js"), "../../../../icons/dist/assets/clock.svg": () => import("./chunks/clock.3014a102.js"), "../../../../icons/dist/assets/coffee-cup.svg": () => import("./chunks/coffee-cup.98d6531f.js"), "../../../../icons/dist/assets/compare.svg": () => import("./chunks/compare.c76b221b.js"), "../../../../icons/dist/assets/connected-box-mobile.svg": () => import("./chunks/connected-box-mobile.9cd742dd.js"), "../../../../icons/dist/assets/connected-box-stationary.svg": () => import("./chunks/connected-box-stationary.191a3ed0.js"), "../../../../icons/dist/assets/connected-box.svg": () => import("./chunks/connected-box.fe21c39b.js"), "../../../../icons/dist/assets/cross.svg": () => import("./chunks/cross.fe709ee7.js"), "../../../../icons/dist/assets/diamond-exclamationmark-colored.svg": () => import("./chunks/diamond-exclamationmark-colored.bf3ffccf.js"), "../../../../icons/dist/assets/diamond-exclamationmark-inverted.svg": () => import("./chunks/diamond-exclamationmark-inverted.b5648587.js"), "../../../../icons/dist/assets/diamond.svg": () => import("./chunks/diamond.e962c289.js"), "../../../../icons/dist/assets/diskette.svg": () => import("./chunks/diskette.04733444.js"), "../../../../icons/dist/assets/distance.svg": () => import("./chunks/distance.9e6b56ff.js"), "../../../../icons/dist/assets/dots-connected.svg": () => import("./chunks/dots-connected.9869fae1.js"), "../../../../icons/dist/assets/download-complete.svg": () => import("./chunks/download-complete.0b84a7cc.js"), "../../../../icons/dist/assets/envelope-open.svg": () => import("./chunks/envelope-open.3c3fd714.js"), "../../../../icons/dist/assets/envelope.svg": () => import("./chunks/envelope.5c9ff834.js"), "../../../../icons/dist/assets/exclamationmark.svg": () => import("./chunks/exclamationmark.92afe58f.js"), "../../../../icons/dist/assets/exit.svg": () => import("./chunks/exit.bde46887.js"), "../../../../icons/dist/assets/eye-closed.svg": () => import("./chunks/eye-closed.0b517bb7.js"), "../../../../icons/dist/assets/eye.svg": () => import("./chunks/eye.8f4b311b.js"), "../../../../icons/dist/assets/facebook.svg": () => import("./chunks/facebook.4a040606.js"), "../../../../icons/dist/assets/filter.svg": () => import("./chunks/filter.dee66683.js"), "../../../../icons/dist/assets/finger-double-arrow.svg": () => import("./chunks/finger-double-arrow.9cd4c623.js"), "../../../../icons/dist/assets/flash.svg": () => import("./chunks/flash.15646b5e.js"), "../../../../icons/dist/assets/fullscreen.svg": () => import("./chunks/fullscreen.fdd976fe.js"), "../../../../icons/dist/assets/gear.svg": () => import("./chunks/gear.1f5f6fe9.js"), "../../../../icons/dist/assets/globe.svg": () => import("./chunks/globe.7f419498.js"), "../../../../icons/dist/assets/grid.svg": () => import("./chunks/grid.2c1cdc21.js"), "../../../../icons/dist/assets/guidance.svg": () => import("./chunks/guidance.63bebf3e.js"), "../../../../icons/dist/assets/haircross.svg": () => import("./chunks/haircross.0ac15319.js"), "../../../../icons/dist/assets/hanger.svg": () => import("./chunks/hanger.edc848f4.js"), "../../../../icons/dist/assets/headphones.svg": () => import("./chunks/headphones.a023699e.js"), "../../../../icons/dist/assets/heart.svg": () => import("./chunks/heart.d4440641.js"), "../../../../icons/dist/assets/hexagon-arrow-clockwise.svg": () => import("./chunks/hexagon-arrow-clockwise.98e9b555.js"), "../../../../icons/dist/assets/horizontal-ellipsis.svg": () => import("./chunks/horizontal-ellipsis.84419429.js"), "../../../../icons/dist/assets/house.svg": () => import("./chunks/house.70059642.js"), "../../../../icons/dist/assets/imow.svg": () => import("./chunks/imow.3374e620.js"), "../../../../icons/dist/assets/info.svg": () => import("./chunks/info.1787448e.js"), "../../../../icons/dist/assets/instagram.svg": () => import("./chunks/instagram.e12dd682.js"), "../../../../icons/dist/assets/leave-fullscreen.svg": () => import("./chunks/leave-fullscreen.def46043.js"), "../../../../icons/dist/assets/lightbulb.svg": () => import("./chunks/lightbulb.b73d3ebf.js"), "../../../../icons/dist/assets/linkedin.svg": () => import("./chunks/linkedin.ce0c68cb.js"), "../../../../icons/dist/assets/list-three-rows.svg": () => import("./chunks/list-three-rows.ef44c7ef.js"), "../../../../icons/dist/assets/list-two-rows.svg": () => import("./chunks/list-two-rows.5ed8f1af.js"), "../../../../icons/dist/assets/loading-spinner.svg": () => import("./chunks/loading-spinner.8293421e.js"), "../../../../icons/dist/assets/lock.svg": () => import("./chunks/lock.3cbc8ced.js"), "../../../../icons/dist/assets/magnifying-glass-minus.svg": () => import("./chunks/magnifying-glass-minus.b0f906e5.js"), "../../../../icons/dist/assets/magnifying-glass-plus.svg": () => import("./chunks/magnifying-glass-plus.6ffc69c5.js"), "../../../../icons/dist/assets/magnifying-glass.svg": () => import("./chunks/magnifying-glass.c297e41f.js"), "../../../../icons/dist/assets/map.svg": () => import("./chunks/map.c96b1dcd.js"), "../../../../icons/dist/assets/minus.svg": () => import("./chunks/minus.7f6676e8.js"), "../../../../icons/dist/assets/mobile.svg": () => import("./chunks/mobile.416ee5b0.js"), "../../../../icons/dist/assets/nine-squares.svg": () => import("./chunks/nine-squares.34eeb0d4.js"), "../../../../icons/dist/assets/note-check.svg": () => import("./chunks/note-check.aaf92ef9.js"), "../../../../icons/dist/assets/note-plus.svg": () => import("./chunks/note-plus.e7ab1b93.js"), "../../../../icons/dist/assets/note.svg": () => import("./chunks/note.cc96375c.js"), "../../../../icons/dist/assets/number-input.svg": () => import("./chunks/number-input.076fcf63.js"), "../../../../icons/dist/assets/paperclip.svg": () => import("./chunks/paperclip.e8831256.js"), "../../../../icons/dist/assets/parcel.svg": () => import("./chunks/parcel.75534dbd.js"), "../../../../icons/dist/assets/pause.svg": () => import("./chunks/pause.901567cf.js"), "../../../../icons/dist/assets/pdf.svg": () => import("./chunks/pdf.92c1781a.js"), "../../../../icons/dist/assets/pen.svg": () => import("./chunks/pen.ecbcb50d.js"), "../../../../icons/dist/assets/percent.svg": () => import("./chunks/percent.4b7fa587.js"), "../../../../icons/dist/assets/petrol.svg": () => import("./chunks/petrol.41999bec.js"), "../../../../icons/dist/assets/phone.svg": () => import("./chunks/phone.3c23c041.js"), "../../../../icons/dist/assets/pin-s.svg": () => import("./chunks/pin-s.a5519070.js"), "../../../../icons/dist/assets/pin.svg": () => import("./chunks/pin.1137362d.js"), "../../../../icons/dist/assets/pinterest.svg": () => import("./chunks/pinterest.88763b51.js"), "../../../../icons/dist/assets/placeholder.svg": () => import("./chunks/placeholder.d6fdaf8f.js"), "../../../../icons/dist/assets/play.svg": () => import("./chunks/play.dd0f1d8c.js"), "../../../../icons/dist/assets/plug.svg": () => import("./chunks/plug.00f114c4.js"), "../../../../icons/dist/assets/plus.svg": () => import("./chunks/plus.42721ebf.js"), "../../../../icons/dist/assets/printer.svg": () => import("./chunks/printer.5bb7ee0d.js"), "../../../../icons/dist/assets/prohibition-sign.svg": () => import("./chunks/prohibition-sign.af5616b3.js"), "../../../../icons/dist/assets/questionmark.svg": () => import("./chunks/questionmark.db94a06d.js"), "../../../../icons/dist/assets/security.svg": () => import("./chunks/security.2be491e3.js"), "../../../../icons/dist/assets/share.svg": () => import("./chunks/share.ddae7aef.js"), "../../../../icons/dist/assets/shirt.svg": () => import("./chunks/shirt.135d58c1.js"), "../../../../icons/dist/assets/shop.svg": () => import("./chunks/shop.f120426b.js"), "../../../../icons/dist/assets/sound-off.svg": () => import("./chunks/sound-off.c6f5ed43.js"), "../../../../icons/dist/assets/sound-on.svg": () => import("./chunks/sound-on.212c36bc.js"), "../../../../icons/dist/assets/speechbubble.svg": () => import("./chunks/speechbubble.9428546e.js"), "../../../../icons/dist/assets/speechbubbles.svg": () => import("./chunks/speechbubbles.65cb946e.js"), "../../../../icons/dist/assets/square.svg": () => import("./chunks/square.452f505f.js"), "../../../../icons/dist/assets/star-half.svg": () => import("./chunks/star-half.1458bc5b.js"), "../../../../icons/dist/assets/star.svg": () => import("./chunks/star.fab17456.js"), "../../../../icons/dist/assets/tag.svg": () => import("./chunks/tag.4d730d72.js"), "../../../../icons/dist/assets/thumbs-down.svg": () => import("./chunks/thumbs-down.cbf6e4ec.js"), "../../../../icons/dist/assets/thumbs-up.svg": () => import("./chunks/thumbs-up.435754e1.js"), "../../../../icons/dist/assets/triangle-exclamationmark-colored.svg": () => import("./chunks/triangle-exclamationmark-colored.94025893.js"), "../../../../icons/dist/assets/triangle-exclamationmark-inverted.svg": () => import("./chunks/triangle-exclamationmark-inverted.bc4eed15.js"), "../../../../icons/dist/assets/triangle.svg": () => import("./chunks/triangle.bff84ddf.js"), "../../../../icons/dist/assets/truck.svg": () => import("./chunks/truck.a904d6d3.js"), "../../../../icons/dist/assets/two-people-screen.svg": () => import("./chunks/two-people-screen.3e509922.js"), "../../../../icons/dist/assets/two-sheets.svg": () => import("./chunks/two-sheets.d1cfef0f.js"), "../../../../icons/dist/assets/upload.svg": () => import("./chunks/upload.7f1850a3.js"), "../../../../icons/dist/assets/user.svg": () => import("./chunks/user.bf5b30a5.js"), "../../../../icons/dist/assets/vertical-ellipsis.svg": () => import("./chunks/vertical-ellipsis.1cac00e5.js"), "../../../../icons/dist/assets/wc.svg": () => import("./chunks/wc.9d108bd0.js"), "../../../../icons/dist/assets/wifi-1bar.svg": () => import("./chunks/wifi-1bar.b6fc33aa.js"), "../../../../icons/dist/assets/wifi-2bars.svg": () => import("./chunks/wifi-2bars.27e9da59.js"), "../../../../icons/dist/assets/wifi-off.svg": () => import("./chunks/wifi-off.e5daf3a9.js"), "../../../../icons/dist/assets/wifi.svg": () => import("./chunks/wifi.40bb915d.js"), "../../../../icons/dist/assets/wind-rose.svg": () => import("./chunks/wind-rose.27fa658a.js"), "../../../../icons/dist/assets/wrench.svg": () => import("./chunks/wrench.69493ef3.js"), "../../../../icons/dist/assets/x.svg": () => import("./chunks/x.d9da4202.js"), "../../../../icons/dist/assets/xing.svg": () => import("./chunks/xing.e17c1a24.js"), "../../../../icons/dist/assets/youtube.svg": () => import("./chunks/youtube.dbf50787.js") }), `../../../../icons/dist/assets/${s}.svg`);
-      } catch (c) {
-        console.error(c);
-      } finally {
-        a(!1);
-      }
-    })());
-  }, [s, t]), {
-    isLoading: r,
-    SVGIcon: (n = i.current) == null ? void 0 : n.ReactComponent,
-    setShouldLoad: o
-  };
-}, J = ({
-  aria: s,
-  className: i,
-  name: t = "arrow-left",
-  size: o = "large",
-  source: r,
-  theme: a = "light",
-  ...n
-}) => {
-  const { SVGIcon: e, isLoading: c, setShouldLoad: v } = P(t), [, m] = y(t), d = {
-    large: 16,
-    medium: 12,
-    small: 10,
-    "x-small": 8
-  };
-  j(() => {
-    m(t);
-  }, [t]);
-  const { ref: k } = O({
-    rootMargin: "200px 0px",
-    triggerOnce: !0,
-    fallbackInView: !0,
-    skip: !!r,
-    onChange: (l) => {
-      v(l);
-    }
-  }), h = (l) => (u) => {
-    r && u && (u.src = l);
-  }, g = E(w.image, i, {
-    // custom icons and colored icons do not have a dark theme
-    [w.imageThemeDark]: a === "dark" && !r && !t.includes("-colored"),
-    [w.imageSizeMedium]: o === "medium",
-    [w.imageSizeSmall]: o === "small",
-    [w.imageSizeXSmall]: o === "x-small"
-  });
-  return r ? /* @__PURE__ */ x.jsx(
-    "img",
-    {
-      className: g,
-      ref: h(r),
-      width: d[o],
-      height: d[o],
-      loading: "lazy",
-      alt: (s == null ? void 0 : s["aria-label"]) || "",
-      ...n
-    }
-  ) : !c && e ? /* @__PURE__ */ x.jsx(
-    e,
-    {
-      className: g,
-      title: (s == null ? void 0 : s["aria-label"]) || "",
-      role: s != null && s["aria-label"] ? "img" : void 0,
-      ...n
-    }
-  ) : /* @__PURE__ */ x.jsx("div", { className: g, ref: k });
-};
-export {
-  J as DSIcon
-};

package/input.064e0bbf.js

@@ -1,230 +0,0 @@
-import "./assets/Input.92913cfe.css";
-import { j as i } from "./chunks/jsx-runtime.5c071667.js";
-import { c as e } from "./chunks/index.8021d3e0.js";
-import { useState as m, useRef as v, useLayoutEffect as D, useEffect as nt } from "react";
-import { u as st } from "./chunks/useBreakpoint.6c1b06c2.js";
-import { Asterisk as et } from "./asterisk.cb74ea72.js";
-import { DSButton as T } from "./button.87ad387c.js";
-import { DSIcon as lt } from "./icon.b4211784.js";
-import { DSSystemFeedback as ot } from "./systemfeedback.8515a4e0.js";
-import { v as ut, a as ct, M as dt, b as _t, s as rt, i as C, c as pt } from "./chunks/Input.utils.f8f3286f.js";
-const ft = "_input_11iuy_73", mt = "_input--invalid_11iuy_183", yt = "_input--small_11iuy_190", ht = "_input--has-leading-icon_11iuy_236", bt = "_input--has-action-button_11iuy_239", xt = "_input--has-second-action-button_11iuy_242", gt = "_input--has-affix_11iuy_254", St = "_input--is-ready_11iuy_266", It = "_root_11iuy_273", Ht = "_hint_11iuy_281", kt = "_label_11iuy_281", vt = "_wrapper_11iuy_285", Ct = "_affix_11iuy_291", Lt = "_affix--small_11iuy_309", jt = "_affix--disabled_11iuy_321", At = "_prefix_11iuy_325", Rt = "_suffix_11iuy_331", Nt = "_leading-icon_11iuy_336", Bt = "_leading-icon--small_11iuy_341", wt = "_action-button_11iuy_345", Dt = "_label--hidden_11iuy_362", Tt = "_feedback_11iuy_389", t = {
-  input: ft,
-  "input--invalid": "_input--invalid_11iuy_183",
-  inputInvalid: mt,
-  "input--small": "_input--small_11iuy_190",
-  inputSmall: yt,
-  "input--has-leading-icon": "_input--has-leading-icon_11iuy_236",
-  inputHasLeadingIcon: ht,
-  "input--has-action-button": "_input--has-action-button_11iuy_239",
-  inputHasActionButton: bt,
-  "input--has-second-action-button": "_input--has-second-action-button_11iuy_242",
-  inputHasSecondActionButton: xt,
-  "input--has-affix": "_input--has-affix_11iuy_254",
-  inputHasAffix: gt,
-  "input--is-ready": "_input--is-ready_11iuy_266",
-  inputIsReady: St,
-  root: It,
-  hint: Ht,
-  label: kt,
-  wrapper: vt,
-  affix: Ct,
-  "affix--small": "_affix--small_11iuy_309",
-  affixSmall: Lt,
-  "affix--disabled": "_affix--disabled_11iuy_321",
-  affixDisabled: jt,
-  prefix: At,
-  suffix: Rt,
-  "leading-icon": "_leading-icon_11iuy_336",
-  leadingIcon: Nt,
-  "leading-icon--small": "_leading-icon--small_11iuy_341",
-  leadingIconSmall: Bt,
-  "action-button": "_action-button_11iuy_345",
-  actionButton: wt,
-  "label--hidden": "_label--hidden_11iuy_362",
-  labelHidden: Dt,
-  feedback: Tt
-}, Ut = ({
-  id: c,
-  label: L,
-  actionButtonLabel: E,
-  actionButtonIconName: _,
-  actionButtonIconSource: y,
-  actionButtonOnClick: F,
-  className: P,
-  disabled: l = !1,
-  hint: h,
-  hideLabel: O = !1,
-  invalid: r = !1,
-  leadingIconName: p,
-  leadingIconSource: f,
-  prefix: n,
-  readonly: d = !1,
-  required: j = !1,
-  size: s = "medium",
-  suffix: a,
-  systemFeedback: b,
-  type: o = "text",
-  ...$
-}) => {
-  process.env.NODE_ENV !== "production" && (ut({
-    id: c,
-    label: L,
-    prefix: n,
-    suffix: a,
-    leadingIconName: p,
-    leadingIconSource: f,
-    actionButtonIconName: _,
-    actionButtonIconSource: y
-  }), ct(o));
-  const [W, X] = m(!1), [M, V] = m(!1), [x, G] = m(!1), [U, J] = m({}), g = v(null), K = n == null ? void 0 : n.substring(0, dt), S = v(null), Q = a == null ? void 0 : a.substring(0, _t), I = v(null), Y = st(O);
-  D(() => {
-    const u = s === "medium" ? 16 : 8, H = {};
-    if (S.current) {
-      const k = S.current.offsetWidth;
-      H.paddingLeft = u + k + "px";
-    }
-    if (I.current) {
-      const k = I.current.offsetWidth;
-      H.paddingRight = u + k + "px";
-    }
-    J(H), X(!0);
-  }, [n, a, s, M]), D(() => {
-    (async () => {
-      "fonts" in document && (await document.fonts.load(
-        '1em "STIHL Contraface Digital Text Regular"'
-      ), V(!0));
-    })();
-  }, []), nt(() => {
-    const u = rt(
-      C(o),
-      pt(o)
-    );
-    G(u);
-  }, [o]);
-  const A = e(t.affix, {
-    [t.affixSmall]: s === "small",
-    [t.affixDisabled]: l
-  }), R = `${c}-label`, N = `${c}-feedback`, B = `${c}-hint`, Z = h ? ` ${B}` : "", q = e(t.root, P), z = e(t.input, {
-    // small input
-    [t.inputSmall]: s === "small",
-    // invalid state
-    [t.inputInvalid]: r,
-    // leading icon
-    [t.inputHasLeadingIcon]: p || f,
-    // prefix/suffix
-    [t.inputHasAffix]: n || a,
-    // action button
-    [t.inputHasActionButton]: _ || y || x,
-    [t.inputIsReady]: W
-  }), tt = e(t.label, {
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: Y
-  }), it = e(t.leadingIcon, {
-    [t.leadingIconSmall]: s === "small"
-  }), w = e(t.actionButton, {
-    [t.actionButtonSmall]: s === "small"
-  }), at = (u) => {
-    g.current && !l && !d && g.current.showPicker(), u.preventDefault();
-  };
-  return /* @__PURE__ */ i.jsxs("div", { className: q, children: [
-    /* @__PURE__ */ i.jsxs("label", { className: tt, id: R, htmlFor: c, children: [
-      L,
-      j && /* @__PURE__ */ i.jsx(et, {})
-    ] }),
-    h && /* @__PURE__ */ i.jsx("div", { className: t.hint, id: B, children: h }),
-    r && b && /* @__PURE__ */ i.jsx(
-      ot,
-      {
-        className: t.feedback,
-        message: b,
-        type: "invalid",
-        id: N
-      }
-    ),
-    /* @__PURE__ */ i.jsxs("div", { className: t.wrapper, children: [
-      n && /* @__PURE__ */ i.jsx(
-        "span",
-        {
-          className: e(A, t.prefix),
-          ref: S,
-          "aria-disabled": l,
-          children: K
-        }
-      ),
-      !n && (p || f) && /* @__PURE__ */ i.jsx(
-        lt,
-        {
-          name: p,
-          theme: "light",
-          source: f,
-          className: it,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        "input",
-        {
-          type: o,
-          className: z,
-          id: c,
-          ref: g,
-          ...$,
-          style: U,
-          "aria-labelledby": `${R}${Z}`,
-          "aria-describedby": r && b ? N : void 0,
-          "aria-invalid": r,
-          "aria-disabled": d,
-          readOnly: d,
-          required: j,
-          disabled: l
-        }
-      ),
-      a && /* @__PURE__ */ i.jsx(
-        "span",
-        {
-          className: e(A, t.suffix),
-          ref: I,
-          "aria-disabled": l,
-          children: Q
-        }
-      ),
-      !a && !x && (_ || y) && /* @__PURE__ */ i.jsx(
-        T,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: _,
-          variant: "ghost",
-          className: w,
-          size: s,
-          onClick: F,
-          type: "button",
-          disabled: l || d,
-          children: E
-        }
-      ),
-      !a && x && !d && !l && /* @__PURE__ */ i.jsxs(
-        T,
-        {
-          hideLabel: !0,
-          theme: "light",
-          iconName: C(o) ? "calendar" : "clock",
-          variant: "ghost",
-          className: w,
-          size: s,
-          onClick: at,
-          type: "button",
-          children: [
-            "Open ",
-            C(o) ? "date" : "time",
-            " picker"
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  Ut as DSInput
-};