@stihl-design-system/components 1.0.0-RC.0

package/floatingactionbutton.281b5465.js

@@ -0,0 +1,87 @@
+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/floatingactionbutton.d.ts

@@ -0,0 +1 @@
+export * from './components/FloatingActionButton/FloatingActionButton'

package/heading.cb7698f4.js

@@ -0,0 +1,44 @@
+import "./assets/Heading.32278621.css";
+import { j as p } from "./chunks/jsx-runtime.5c071667.js";
+import { c } from "./chunks/index.8021d3e0.js";
+const u = "_root_17wr7_25", d = "_root--x-large_17wr7_28", g = "_root--large_17wr7_42", i = "_root--medium_17wr7_56", n = "_root--medium-uppercase_17wr7_64", w = "_root--small_17wr7_72", h = "_root--small-uppercase_17wr7_80", x = "_root--theme-dark_17wr7_88", o = {
+  root: u,
+  "root--x-large": "_root--x-large_17wr7_28",
+  rootXLarge: d,
+  "root--large": "_root--large_17wr7_42",
+  rootLarge: g,
+  "root--medium": "_root--medium_17wr7_56",
+  rootMedium: i,
+  "root--medium-uppercase": "_root--medium-uppercase_17wr7_64",
+  rootMediumUppercase: n,
+  "root--small": "_root--small_17wr7_72",
+  rootSmall: w,
+  "root--small-uppercase": "_root--small-uppercase_17wr7_80",
+  rootSmallUppercase: h,
+  "root--theme-dark": "_root--theme-dark_17wr7_88",
+  rootThemeDark: x
+}, M = ({
+  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: m = "light",
+  ..._
+}) => {
+  const s = a, l = c(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]: m === "dark"
+  });
+  return /* @__PURE__ */ p.jsx(s, { className: l, ..._, children: e });
+};
+export {
+  M as DSHeading
+};

package/heading.d.ts

@@ -0,0 +1 @@
+export * from './components/Heading/Heading'

package/icon.b4211784.js

@@ -0,0 +1,215 @@
+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/icon.d.ts

@@ -0,0 +1 @@
+export * from './components/Icon/Icon'

package/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 500 500"><g clip-path="url(#a)"><path fill="#F37A1F" d="M512 0H0v512h512V0Z"/><path fill="#fff" d="m154.502 145.006-25.035 81.859c-11.126 36.45 9.14 63.364 45.048 63.364h117.226a7.613 7.613 0 0 1 6.007 3.271 7.625 7.625 0 0 1 .965 6.771l-6.322 20.592a15.536 15.536 0 0 1-13.077 10.042H95.076l-23.084 75.502H309.55c26.191 0 48.589-12.138 60.04-49.636l23.77-77.741c11.235-36.992-9.681-63.255-42.446-63.255H233.182c-6.502 0-9.103-4.769-7.225-10.549l6.286-20.591a15.53 15.53 0 0 1 15.353-12.174h169.462l23.084-75.501H215.12c-32.116 0-52.237 20.591-60.618 48.046Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h500v500H0z"/></clipPath></defs></svg>

package/index.d.ts

@@ -0,0 +1,23 @@
+export * from './components/Button/Button';
+export * from './components/ButtonRound/ButtonRound';
+export * from './components/Checkbox/Checkbox';
+export * from './components/CheckboxGroup/CheckboxGroup';
+export * from './components/Combobox/Combobox';
+export * from './components/Fieldset/Fieldset';
+export * from './components/FloatingActionButton/FloatingActionButton';
+export * from './components/Heading/Heading';
+export * from './components/Icon/Icon';
+export * from './components/Input/Input';
+export * from './components/InputPassword/InputPassword';
+export * from './components/InputSearch/InputSearch';
+export * from './components/InputStepper/InputStepper';
+export * from './components/Link/Link';
+export * from './components/LinkStandalone/LinkStandalone';
+export * from './components/Logo/Logo';
+export * from './components/RadioGroup/RadioGroup';
+export * from './components/Select/Select';
+export * from './components/Spinner/Spinner';
+export * from './components/Switch/Switch';
+export * from './components/Text/Text';
+export * from './components/Textarea/Textarea';
+export * from './components/Title/Title';

package/index.es.js

@@ -0,0 +1,49 @@
+"use client";
+import { DSButton as t } from "./button.89b2675b.js";
+import { DSButtonRound as p } from "./buttonround.c60c8034.js";
+import { DSCheckbox as x } from "./checkbox.7d414047.js";
+import { DSCheckboxGroup as f } from "./checkboxgroup.e9e25471.js";
+import { DSCombobox as n } from "./combobox.f98a4472.js";
+import { DSFieldset as u } from "./fieldset.fb7b7e49.js";
+import { DSFloatingActionButton as c } from "./floatingactionbutton.281b5465.js";
+import { DSHeading as l } from "./heading.cb7698f4.js";
+import { DSIcon as b } from "./icon.b4211784.js";
+import { DSInput as k } from "./input.abb902e3.js";
+import { DSInputPassword as g } from "./inputpassword.11c12c66.js";
+import { DSInputSearch as C } from "./inputsearch.0c88e71a.js";
+import { DSInputStepper as T } from "./inputstepper.b74dac4d.js";
+import { DSLink as F } from "./link.cd3720d1.js";
+import { DSLinkStandalone as R } from "./linkstandalone.26b52de0.js";
+import { DSLogo as H } from "./logo.e6576fe3.js";
+import { DSRadioGroup as j } from "./radiogroup.6a22fe96.js";
+import { DSSelect as v } from "./select.2ff31eab.js";
+import { DSSpinner as z } from "./spinner.ee015469.js";
+import { DSSwitch as J } from "./switch.2f011fcc.js";
+import { DSText as M } from "./text.8d80704f.js";
+import { DSTextarea as O } from "./textarea.e156b0ce.js";
+import { DSTitle as U } from "./title.d855a8e4.js";
+export {
+  t as DSButton,
+  p as DSButtonRound,
+  x as DSCheckbox,
+  f as DSCheckboxGroup,
+  n as DSCombobox,
+  u as DSFieldset,
+  c as DSFloatingActionButton,
+  l as DSHeading,
+  b as DSIcon,
+  k as DSInput,
+  g as DSInputPassword,
+  C as DSInputSearch,
+  T as DSInputStepper,
+  F as DSLink,
+  R as DSLinkStandalone,
+  H as DSLogo,
+  j as DSRadioGroup,
+  v as DSSelect,
+  z as DSSpinner,
+  J as DSSwitch,
+  M as DSText,
+  O as DSTextarea,
+  U as DSTitle
+};