@stihl-design-system/components 1.0.0-RC.44 → 1.0.0-RC.45

package/chunks/LinkButton.D20xLcuG.js

@@ -1,140 +0,0 @@
-"use client";
-import { jsxs as N, jsx as g } from "react/jsx-runtime";
-import { c as p } from "./index.DQOqod3i.js";
-import { forwardRef as H } from "react";
-import { u as i } from "./useBreakpoint.1txsny17.js";
-import "./index.cKLI89Eg.js";
-import { D as A } from "./Icon.BoywkLCM.js";
-import { Tooltip as b } from "../tooltip.C6HKano9.js";
-import { g as r } from "./helpers.CexwVao7.js";
-import '../assets/LinkButton.BEbmxP7h.css';const E = "ds-link-button_root_250ek_1", P = "ds-link-button_root--highlight_250ek_75", C = "ds-link-button_root--dark-highlight_250ek_75", x = "ds-link-button_root--filled_250ek_151", V = "ds-link-button_root--outline_250ek_179", j = "ds-link-button_root--ghost_250ek_206", K = "ds-link-button_root--ghost-flush_250ek_231", R = "ds-link-button_root--small_250ek_237", U = "ds-link-button_root--navigation_250ek_317", M = "ds-link-button_root--navigation--stretched_250ek_393", Z = "ds-link-button_root--navigation--stretched--icon-left_250ek_396", q = "ds-link-button_root--dark-filled_250ek_399", J = "ds-link-button_root--dark-outline_250ek_456", Q = "ds-link-button_root--dark-ghost_250ek_512", W = "ds-link-button_root--dark-ghost-flush_250ek_566", X = "ds-link-button_root--stretched_250ek_641", Y = "ds-link-button_root--icon-left_250ek_644", $ = "ds-link-button_root--icon-only_250ek_647", z = "ds-link-button_root--icon-only-small_250ek_656", oo = "ds-link-button_icon--navigation_250ek_668", to = "ds-link-button_label--hidden_250ek_676", t = {
-  root: E,
-  rootHighlight: P,
-  rootDarkHighlight: C,
-  rootFilled: x,
-  rootOutline: V,
-  rootGhost: j,
-  rootGhostFlush: K,
-  rootSmall: R,
-  rootNavigation: U,
-  rootNavigationStretched: M,
-  rootNavigationStretchedIconLeft: Z,
-  rootDarkFilled: q,
-  rootDarkOutline: J,
-  rootDarkGhost: Q,
-  rootDarkGhostFlush: W,
-  rootStretched: X,
-  rootIconLeft: Y,
-  rootIconOnly: $,
-  rootIconOnlySmall: z,
-  iconNavigation: oo,
-  labelHidden: to
-}, go = ["medium", "small"], uo = ["filled", "highlight", "outline", "ghost", "navigation"], no = ({
-  hideLabel: u,
-  iconName: _,
-  iconSource: f,
-  isFlush: d,
-  size: l,
-  stretched: s,
-  theme: a,
-  variant: e
-}) => {
-  if (e === "navigation" && (l === "small" && console.warn(r("DSLinkButton", 'A "size" prop should not be used in combination with variant="navigation". Please remove the "size" prop.')), a === "dark"))
-    throw new Error(r("DSLinkButton", 'A DSLinkButton with variant="navigation" does not support theme="dark". Please remove the "theme" prop.'));
-  e !== "ghost" && d ? console.warn(r("DSLinkButton", 'The "isFlush" prop only has an effect when used with variant="ghost". Please remove the "isFlush" prop or set variant="ghost".')) : e === "ghost" && d && s && console.warn(r("DSLinkButton", 'The "stretched" and "isFlush" props do not have an effect when used together. Please remove one of them.')), u && (!_ && !f && console.warn(r("DSLinkButton", 'The "hideLabel" prop is set to true but no icon is provided via "iconName" or "iconSource". Please provide an icon to ensure the link is not empty when the label is hidden.')), s && console.warn(r("DSLinkButton", 'The "stretched" and "hideLabel" props do not have an effect when used together. Please remove one of them.')));
-}, eo = H(({
-  children: u,
-  aria: _,
-  className: f,
-  download: d,
-  hideLabel: l = !1,
-  href: s,
-  iconName: a,
-  iconPosition: e = "left",
-  iconSource: m,
-  isFlush: h = !1,
-  referrerPolicy: L,
-  rel: I,
-  size: c = "medium",
-  stretched: k = !1,
-  target: O = "_self",
-  theme: n = "light",
-  variant: o = "filled",
-  tooltip: D,
-  ...w
-}, B) => {
-  process.env.NODE_ENV !== "production" && no({
-    hideLabel: i(l),
-    iconName: a,
-    iconSource: m,
-    isFlush: h,
-    size: c,
-    stretched: k,
-    theme: n,
-    variant: o
-  });
-  const y = p(t.root, f, {
-    // variant
-    [t.rootFilled]: o === "filled",
-    [t.rootHighlight]: o === "highlight",
-    [t.rootOutline]: o === "outline",
-    [t.rootGhost]: o === "ghost" && h !== !0,
-    [t.rootNavigation]: o === "navigation",
-    [t.rootNavigationStretched]: o === "navigation" && i(k) && e === "right",
-    [t.rootNavigationStretchedIconLeft]: o === "navigation" && i(k) && e === "left",
-    // isFlush
-    [t.rootGhostFlush]: o === "ghost" && h === !0,
-    // dark theme
-    [t.rootDarkFilled]: n === "dark" && o === "filled",
-    [t.rootDarkHighlight]: n === "dark" && o === "highlight",
-    [t.rootDarkOutline]: n === "dark" && o === "outline",
-    [t.rootDarkGhost]: n === "dark" && o === "ghost" && h !== !0,
-    // dark isFlush
-    [t.rootDarkGhostFlush]: n === "dark" && o === "ghost" && h === !0,
-    // size
-    [t.rootSmall]: c === "small" || o === "navigation",
-    // stretched
-    [t.rootStretched]: i(k),
-    // icon position
-    [t.rootIconLeft]: e === "left",
-    // icon only
-    [t.rootIconOnly]: i(l) && c === "medium" && o !== "navigation",
-    [t.rootIconOnlySmall]: i(l) && c === "small" && o !== "navigation"
-  }), G = p({
-    // hide label only visually to keep them available for assistive technologies
-    [t.labelHidden]: i(l) && o !== "navigation"
-    // if no label classes are set via classNames, return undefined to avoid empty class attribute
-  }) || void 0, T = p({
-    [t.iconNavigation]: o === "navigation"
-  }), F = n === "light" && o === "filled" || n === "dark" && o === "outline" || n === "dark" && o === "ghost" ? "dark" : "light", S = s === void 0 ? "span" : "a", v = /* @__PURE__ */ N(
-    S,
-    {
-      className: y,
-      ...S === "a" && {
-        href: s,
-        target: O,
-        rel: I,
-        referrerPolicy: L,
-        download: d
-      },
-      ..._,
-      ...w,
-      ref: B,
-      children: [
-        /* @__PURE__ */ g("span", { className: G, children: u }),
-        (a || m) && /* @__PURE__ */ g(A, { name: a, theme: F, source: m, className: T, "aria-hidden": "true" })
-      ]
-    }
-  );
-  return D ? /* @__PURE__ */ N(b, { placement: "top", tooltipOffset: 6, children: [
-    /* @__PURE__ */ g(b.Anchor, { children: v }),
-    /* @__PURE__ */ g(b.Content, { children: D })
-  ] }) : v;
-});
-eo.displayName = "DSLinkButton";
-export {
-  eo as D,
-  go as L,
-  uo as a,
-  no as v
-};

package/chunks/LinkCard.CXJLlBi2.js

@@ -1,193 +0,0 @@
-"use client";
-import { jsxs as C, jsx as s, Fragment as Ie } from "react/jsx-runtime";
-import { d as Pe } from "./index.cKLI89Eg.js";
-import { c as r } from "./index.DQOqod3i.js";
-import { isValidElement as ye, cloneElement as ze } from "react";
-import { DSFlag as G } from "../flag.B0fg5_Ly.js";
-import { DSHeading as He } from "../heading.BHSklXho.js";
-import { D as Te } from "./Icon.BoywkLCM.js";
-import { D as Ae } from "./LinkButton.D20xLcuG.js";
-import { g as D } from "./helpers.CexwVao7.js";
-import '../assets/LinkCard.z1Yjue7-.css';const Ee = "ds-link-card_root_1g8sq_1", je = "ds-link-card_root--horizontal_1g8sq_53", xe = "ds-link-card_image-wrapper_1g8sq_58", Ve = "ds-link-card_content_1g8sq_68", Be = "ds-link-card_content--padding-small_1g8sq_73", Oe = "ds-link-card_header_1g8sq_104", Me = "ds-link-card_footer_1g8sq_105", Re = "ds-link-card_heading_1g8sq_120", $e = "ds-link-card_heading--with-icon_1g8sq_123", Ge = "ds-link-card_link_1g8sq_133", Je = "ds-link-card_description_1g8sq_138", Ke = "ds-link-card_meta-data_1g8sq_155", Qe = "ds-link-card_decorative-link_1g8sq_172", Ue = "ds-link-card_flags_1g8sq_176", Xe = "ds-link-card_brand-flag_1g8sq_185", Ye = "ds-link-card_graphic-area_1g8sq_191", i = {
-  root: Ee,
-  rootHorizontal: je,
-  imageWrapper: xe,
-  content: Ve,
-  contentPaddingSmall: Be,
-  header: Oe,
-  footer: Me,
-  heading: Re,
-  headingWithIcon: $e,
-  link: Ge,
-  description: Je,
-  metaData: Ke,
-  decorativeLink: Qe,
-  flags: Ue,
-  brandFlag: Xe,
-  graphicArea: Ye
-}, Ze = ({
-  href: p,
-  linkComponent: e,
-  flags: a,
-  flagListAriaLabel: d,
-  heading: t,
-  img: l,
-  brandFlag: f,
-  decorativeLinkButtonProps: c
-}) => {
-  if (!p && !e)
-    throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
-  if (p && e)
-    throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
-  if (!t)
-    throw new Error(D("DSLinkCard", "The 'heading' prop is required and must be provided."));
-  a && a.length > 6 && console.warn(D("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), a && a.length > 0 && !d && console.warn(D("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), f && l === void 0 && console.warn(D("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image.")), typeof t == "object" && t !== null && t.headingIconName && c?.label && console.warn(D("DSLinkCard", "The 'heading.headingIconName' option should not be used when a decorative link label is provided."));
-}, ea = (p) => {
-  const e = Pe.c(81);
-  let a, d, t, l, f, c, _, o, g, m, n, v, L, u, N, b;
-  e[0] !== p ? ({
-    heading: o,
-    brandFlag: a,
-    className: t,
-    cardClassNames: d,
-    decorativeLinkButtonProps: l,
-    description: f,
-    flagListAriaLabel: c,
-    flags: u,
-    href: g,
-    img: m,
-    linkComponent: n,
-    metaData: v,
-    orientation: N,
-    padding: b,
-    graphicArea: _,
-    ...L
-  } = p, e[0] = p, e[1] = a, e[2] = d, e[3] = t, e[4] = l, e[5] = f, e[6] = c, e[7] = _, e[8] = o, e[9] = g, e[10] = m, e[11] = n, e[12] = v, e[13] = L, e[14] = u, e[15] = N, e[16] = b) : (a = e[1], d = e[2], t = e[3], l = e[4], f = e[5], c = e[6], _ = e[7], o = e[8], g = e[9], m = e[10], n = e[11], v = e[12], L = e[13], u = e[14], N = e[15], b = e[16]);
-  let k, S, q;
-  e[17] !== a || e[18] !== l || e[19] !== c || e[20] !== o || e[21] !== g || e[22] !== m || e[23] !== n || e[24] !== u || e[25] !== N || e[26] !== b ? (k = u === void 0 ? [] : u, S = N === void 0 ? "vertical" : N, q = b === void 0 ? "medium" : b, process.env.NODE_ENV !== "production" && Ze({
-    href: g,
-    linkComponent: n,
-    heading: o,
-    flags: k,
-    flagListAriaLabel: c,
-    img: m,
-    brandFlag: a,
-    decorativeLinkButtonProps: l
-  }), e[17] = a, e[18] = l, e[19] = c, e[20] = o, e[21] = g, e[22] = m, e[23] = n, e[24] = u, e[25] = N, e[26] = b, e[27] = k, e[28] = S, e[29] = q) : (k = e[27], S = e[28], q = e[29]);
-  let T;
-  e[30] !== l ? (T = l || {}, e[30] = l, e[31] = T) : T = e[31];
-  const {
-    label: H,
-    iconName: J,
-    iconPosition: ie,
-    variant: oe,
-    hideLabel: K,
-    size: ne
-  } = T, Q = ie === void 0 ? "right" : ie, U = ne === void 0 ? "small" : ne, A = oe === "ghost" ? "ghost" : "filled", X = v || k.length > 0 || H, Y = typeof o == "object" && o !== null && !!o.headingIconName;
-  let E;
-  if (e[32] !== A || e[33] !== a || e[34] !== d || e[35] !== t || e[36] !== K || e[37] !== J || e[38] !== Q || e[39] !== H || e[40] !== U || e[41] !== f || e[42] !== c || e[43] !== k || e[44] !== _ || e[45] !== X || e[46] !== o || e[47] !== Y || e[48] !== g || e[49] !== m || e[50] !== n || e[51] !== v || e[52] !== S || e[53] !== q || e[54] !== L) {
-    const {
-      brandFlag: re,
-      contentWrapper: se,
-      descriptionWrapper: le,
-      decorativeLink: de,
-      flagsWrapper: ce,
-      footerWrapper: ge,
-      headerWrapper: he,
-      heading: pe,
-      imageWrapper: me,
-      metaDataWrapper: fe,
-      graphicAreaWrapper: ke
-    } = d || {}, Z = S === "horizontal";
-    let j;
-    e[56] !== t || e[57] !== Z ? (j = r(i.root, t, {
-      [i.rootHorizontal]: Z
-    }), e[56] = t, e[57] = Z, e[58] = j) : j = e[58];
-    const _e = j, te = r(i.brandFlag, re), ve = r(i.content, se, {
-      [i.contentPaddingSmall]: q === "small"
-    }), Le = r(i.description, le), ue = r(i.decorativeLink, de), Ne = r(i.flags, ce), be = r(i.footer, ge), Ce = r(i.header, he), De = r(i.heading, pe, {
-      [i.headingWithIcon]: Y
-    }), Se = r(i.imageWrapper, me), qe = r(i.metaData, fe), we = r(i.graphicArea, ke);
-    let x, w, W, F, I, P, y, z;
-    e[59] !== L ? ({
-      download: w,
-      hrefLang: W,
-      ping: F,
-      referrerPolicy: I,
-      rel: P,
-      target: y,
-      type: z,
-      ...x
-    } = L, e[59] = L, e[60] = x, e[61] = w, e[62] = W, e[63] = F, e[64] = I, e[65] = P, e[66] = y, e[67] = z) : (x = e[60], w = e[61], W = e[62], F = e[63], I = e[64], P = e[65], y = e[66], z = e[67]);
-    let V;
-    e[68] !== w || e[69] !== g || e[70] !== W || e[71] !== n || e[72] !== F || e[73] !== I || e[74] !== P || e[75] !== y || e[76] !== z ? (V = (h) => n && ye(n) ? ze(n, {
-      ...n.props,
-      className: r(i.link, n.props.className),
-      children: /* @__PURE__ */ C(Ie, { children: [
-        h,
-        " ",
-        n.props.children
-      ] })
-    }) : /* @__PURE__ */ s("a", { href: g, className: i.link, download: w, hrefLang: W, ping: F, referrerPolicy: I, rel: P, target: y, type: z, children: h }), e[68] = w, e[69] = g, e[70] = W, e[71] = n, e[72] = F, e[73] = I, e[74] = P, e[75] = y, e[76] = z, e[77] = V) : V = e[77];
-    const We = V, ee = (h) => {
-      const O = typeof h == "object" && h !== void 0, {
-        headingText: M,
-        headingIconName: R,
-        headingSize: $,
-        headingTag: ae
-      } = O ? h : {
-        headingText: h
-      };
-      return /* @__PURE__ */ C(He, { tag: ae === void 0 ? "h3" : ae, size: $ === void 0 ? "medium" : $, className: De, children: [
-        We(M),
-        R && /* @__PURE__ */ s(Te, { name: R, "aria-hidden": "true" })
-      ] });
-    }, Fe = (h) => {
-      if (typeof h == "string")
-        return /* @__PURE__ */ s(G, { color: "orange-base", className: te, children: h });
-      const {
-        children: O,
-        color: M,
-        className: R,
-        ...$
-      } = h;
-      return /* @__PURE__ */ s(G, { color: M === void 0 ? "orange-base" : M, className: r(te, R), ...$, children: O });
-    };
-    let B;
-    e[78] !== ee || e[79] !== o ? (B = ee(o), e[78] = ee, e[79] = o, e[80] = B) : B = e[80], E = /* @__PURE__ */ C("div", { ...x, className: _e, children: [
-      /* @__PURE__ */ C("div", { className: ve, children: [
-        /* @__PURE__ */ C("div", { className: Ce, children: [
-          _ && /* @__PURE__ */ s("div", { className: we, children: _ }),
-          B,
-          f && /* @__PURE__ */ s("div", { className: Le, children: f })
-        ] }),
-        X && /* @__PURE__ */ C("div", { className: be, children: [
-          v && /* @__PURE__ */ s("div", { className: qe, children: v }),
-          k.length > 0 && /* @__PURE__ */ s("ul", { className: Ne, "aria-label": c, children: k.map(aa) }),
-          H && /* @__PURE__ */ s(Ae, { iconName: J, iconPosition: Q, variant: A, hideLabel: K, size: U, isFlush: A === "ghost", "aria-hidden": !0, className: ue, children: H })
-        ] })
-      ] }),
-      m && /* @__PURE__ */ C("div", { className: Se, children: [
-        a && Fe(a),
-        m
-      ] })
-    ] }), e[32] = A, e[33] = a, e[34] = d, e[35] = t, e[36] = K, e[37] = J, e[38] = Q, e[39] = H, e[40] = U, e[41] = f, e[42] = c, e[43] = k, e[44] = _, e[45] = X, e[46] = o, e[47] = Y, e[48] = g, e[49] = m, e[50] = n, e[51] = v, e[52] = S, e[53] = q, e[54] = L, e[55] = E;
-  } else
-    E = e[55];
-  return E;
-};
-ea.displayName = "DSLinkCard";
-function aa(p, e) {
-  if (typeof p == "string")
-    return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(G, { color: "grey-light", children: p }) }, e);
-  const {
-    children: a,
-    color: d,
-    ...t
-  } = p;
-  return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(G, { color: d === void 0 ? "grey-light" : d, ...t, children: a }) }, e);
-}
-export {
-  ea as D,
-  Ze as v
-};

package/chunks/NavigationTabList.CUFceGFf.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsxs as I, Fragment as k, jsx as d } from "react/jsx-runtime";
-import { d as w } from "./index.cKLI89Eg.js";
-import { isValidElement as R, cloneElement as W } from "react";
-import { D as v } from "./Icon.BoywkLCM.js";
-import { NumberIndicator as y } from "../numberindicator.ZGVRSmqf.js";
-import '../assets/NavigationTabList.CzAiHz7G.css';const D = "ds-tabs_tabs-wrapper_ccgp4_1", E = "ds-tabs_scroll-wrapper_ccgp4_6", L = "ds-tabs_scroller_ccgp4_17", T = "ds-tabs_scroller--centered_ccgp4_28", j = "ds-tabs_tab_ccgp4_1", x = "ds-tabs_scroll-button_ccgp4_105", H = "ds-tabs_scroll-button--hidden_ccgp4_110", K = "ds-tabs_scroll-button--right_ccgp4_114", S = "ds-tabs_indicator_ccgp4_126", V = {
-  tabsWrapper: D,
-  scrollWrapper: E,
-  scroller: L,
-  scrollerCentered: T,
-  tab: j,
-  scrollButton: x,
-  scrollButtonHidden: H,
-  scrollButtonRight: K,
-  indicator: S
-}, G = (h) => {
-  const t = w.c(15), {
-    tabs: p,
-    tabRefs: e,
-    scrollerClass: b,
-    scrollerRef: _,
-    selectedTabIndex: r,
-    handleNavigationKeydown: o,
-    setSelectedTab: c
-  } = h;
-  let s;
-  if (t[0] !== o || t[1] !== r || t[2] !== c || t[3] !== e || t[4] !== p) {
-    let i;
-    t[6] !== o || t[7] !== r || t[8] !== c || t[9] !== e ? (i = (C, l) => {
-      const {
-        id: u,
-        linkComponent: n,
-        iconName: g,
-        numberIndicatorValue: f,
-        numberIndicatorAriaLabel: N
-      } = C;
-      if (!R(n))
-        return null;
-      const B = W(n, {
-        "aria-current": r === l ? "page" : void 0,
-        children: /* @__PURE__ */ I(k, { children: [
-          g && /* @__PURE__ */ d(v, { name: g, "aria-hidden": "true" }),
-          n.props.children,
-          f && /* @__PURE__ */ d(y, { "aria-label": N, label: f })
-        ] }),
-        className: V.tab,
-        id: u,
-        tabIndex: r === l ? 0 : -1,
-        onKeyDown: (m) => o(m, l),
-        onClick: () => {
-          n.props.onClick && n.props.onClick(), c(l);
-        },
-        ref: (m) => {
-          e.current[l] = m;
-        }
-      });
-      return /* @__PURE__ */ d("li", { children: B }, u);
-    }, t[6] = o, t[7] = r, t[8] = c, t[9] = e, t[10] = i) : i = t[10], s = p.map(i), t[0] = o, t[1] = r, t[2] = c, t[3] = e, t[4] = p, t[5] = s;
-  } else
-    s = t[5];
-  let a;
-  return t[11] !== b || t[12] !== _ || t[13] !== s ? (a = /* @__PURE__ */ d("ul", { className: b, ref: _, children: s }), t[11] = b, t[12] = _, t[13] = s, t[14] = a) : a = t[14], a;
-};
-export {
-  G as N,
-  V as s
-};