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

package/flag.BKpsdB_-.js

@@ -0,0 +1,43 @@
+"use client";
+import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c } from "./chunks/index.CvOaL64Y.js";
+import { D as i } from "./chunks/Icon.BCmt_XBG.js";
+import './assets/flag.B-RLcMcf.css';const n = "ds-flag_root_14d3h_1", f = "ds-flag_root--color-grey-light_14d3h_28", C = "ds-flag_root--color-yellow-light_14d3h_31", y = "ds-flag_root--color-red-light_14d3h_34", m = "ds-flag_root--color-green-light_14d3h_37", L = "ds-flag_root--color-orange-base_14d3h_40", r = {
+  root: n,
+  "root--color-grey-light": "ds-flag_root--color-grey-light_14d3h_28",
+  rootColorGreyLight: f,
+  "root--color-yellow-light": "ds-flag_root--color-yellow-light_14d3h_31",
+  rootColorYellowLight: C,
+  "root--color-red-light": "ds-flag_root--color-red-light_14d3h_34",
+  rootColorRedLight: y,
+  "root--color-green-light": "ds-flag_root--color-green-light_14d3h_37",
+  rootColorGreenLight: m,
+  "root--color-orange-base": "ds-flag_root--color-orange-base_14d3h_40",
+  rootColorOrangeBase: L
+}, x = ({
+  children: g,
+  className: h,
+  color: o,
+  iconName: t,
+  iconSource: l,
+  ...a
+}) => {
+  const e = typeof o == "string" && r[`root--color-${o}`], d = e ? {} : { backgroundColor: o }, _ = c(r.root, h, {
+    [r[`root--color-${o}`]]: e
+  });
+  return /* @__PURE__ */ s.jsxs("span", { className: _, style: d, ...a, children: [
+    (t || l) && /* @__PURE__ */ s.jsx(
+      i,
+      {
+        name: t,
+        theme: "light",
+        source: l,
+        "aria-hidden": "true"
+      }
+    ),
+    g
+  ] });
+};
+export {
+  x as DSFlag
+};

package/flag.d.ts

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

package/floatingactionbutton.D5L0B7zI.js

@@ -0,0 +1,87 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as n } from "./chunks/index.CvOaL64Y.js";
+import { D as h } from "./chunks/Icon.BCmt_XBG.js";
+import { DSSpinner as k } from "./spinner.Bq97Og-6.js";
+import './assets/floatingactionbutton.E9HekT6S.css';const D = "ds-floating-action-button_root_1any0_1", x = "ds-floating-action-button_root--dark_1any0_70", S = "ds-floating-action-button_root--small_1any0_108", j = "ds-floating-action-button_loader_1any0_129", H = "ds-floating-action-button_icon--hidden_1any0_141", N = "ds-floating-action-button_label--hidden_1any0_145", o = {
+  root: D,
+  "root--dark": "ds-floating-action-button_root--dark_1any0_70",
+  rootDark: x,
+  "root--small": "ds-floating-action-button_root--small_1any0_108",
+  rootSmall: S,
+  loader: j,
+  "icon--hidden": "ds-floating-action-button_icon--hidden_1any0_141",
+  iconHidden: H,
+  "label--hidden": "ds-floating-action-button_label--hidden_1any0_145",
+  labelHidden: N
+}, B = ({
+  aria: c,
+  children: _,
+  className: m,
+  dataTrackingid: b,
+  disabled: l = !1,
+  iconName: s = "placeholder",
+  iconSource: i,
+  loading: t = !1,
+  size: u = "medium",
+  theme: r = "light",
+  onClick: d,
+  ...f
+}) => {
+  const y = n(
+    o.root,
+    o.rootIconOnlySmall,
+    m,
+    {
+      // dark theme
+      [o.rootDark]: r === "dark",
+      // size
+      [o.rootSmall]: u === "small"
+    }
+  ), p = n(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: t
+  }), g = (e) => {
+    if (l || t) {
+      e.preventDefault();
+      return;
+    }
+    d && d(e);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "button",
+    {
+      className: y,
+      "data-trackingid": b,
+      type: "button",
+      onClick: g,
+      ...c,
+      ...f,
+      "aria-disabled": l || t,
+      "aria-busy": t,
+      children: [
+        t && /* @__PURE__ */ a.jsx(
+          k,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: n(o.label, o.labelHidden), children: _ }),
+        (s || i) && /* @__PURE__ */ a.jsx(
+          h,
+          {
+            name: s,
+            theme: r,
+            source: i,
+            className: p,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as DSFloatingActionButton
+};

package/floatingactionbutton.d.ts

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

package/heading.IPIYc5vW.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as u } from "./chunks/index.CvOaL64Y.js";
+import './assets/heading.u4f8Mz94.css';const m = "ds-heading_root_6kuzl_1", g = "ds-heading_root--x-large_6kuzl_4", c = "ds-heading_root--x-large-uppercase_6kuzl_19", n = "ds-heading_root--large_6kuzl_35", i = "ds-heading_root--large-uppercase_6kuzl_50", h = "ds-heading_root--medium_6kuzl_66", k = "ds-heading_root--medium-uppercase_6kuzl_75", x = "ds-heading_root--small_6kuzl_85", z = "ds-heading_root--small-uppercase_6kuzl_94", L = "ds-heading_root--theme-dark_6kuzl_104", o = {
+  root: m,
+  "root--x-large": "ds-heading_root--x-large_6kuzl_4",
+  rootXLarge: g,
+  "root--x-large-uppercase": "ds-heading_root--x-large-uppercase_6kuzl_19",
+  rootXLargeUppercase: c,
+  "root--large": "ds-heading_root--large_6kuzl_35",
+  rootLarge: n,
+  "root--large-uppercase": "ds-heading_root--large-uppercase_6kuzl_50",
+  rootLargeUppercase: i,
+  "root--medium": "ds-heading_root--medium_6kuzl_66",
+  rootMedium: h,
+  "root--medium-uppercase": "ds-heading_root--medium-uppercase_6kuzl_75",
+  rootMediumUppercase: k,
+  "root--small": "ds-heading_root--small_6kuzl_85",
+  rootSmall: x,
+  "root--small-uppercase": "ds-heading_root--small-uppercase_6kuzl_94",
+  rootSmallUppercase: z,
+  "root--theme-dark": "ds-heading_root--theme-dark_6kuzl_104",
+  rootThemeDark: L
+}, M = ({
+  children: r,
+  className: a,
+  size: e = "medium",
+  tag: t = "h2",
+  // default tag because of SEO reasons (h1 should be used only once per page)
+  theme: s = "light",
+  ...l
+}) => {
+  const p = t, d = u(o.root, a, {
+    // sizes
+    [o.rootXLarge]: e === "x-large",
+    [o.rootXLargeUppercase]: e === "x-large-uppercase",
+    [o.rootLarge]: e === "large",
+    [o.rootLargeUppercase]: e === "large-uppercase",
+    [o.rootMedium]: e == "medium",
+    [o.rootMediumUppercase]: e == "medium-uppercase",
+    [o.rootSmall]: e == "small",
+    [o.rootSmallUppercase]: e == "small-uppercase",
+    // dark theme
+    [o.rootThemeDark]: s === "dark"
+  });
+  return /* @__PURE__ */ _.jsx(p, { className: d, ...l, children: r });
+};
+export {
+  M as DSHeading
+};

package/heading.d.ts

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

package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js}

@@ -2,7 +2,7 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { D as p } from "./chunks/Icon.C2o2seDb.js";
+import { D as p } from "./chunks/Icon.BCmt_XBG.js";
 export {
   p as DSIcon
 };

package/icon.d.ts

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

package/index.d.ts

@@ -16,6 +16,8 @@ export * from './components/Drawer/Drawer';
 export * from './components/Drawer/Drawer.utils';
 export * from './components/Fieldset/Fieldset';
 export * from './components/Fieldset/Fieldset.utils';
+export * from './components/Flag/Flag';
+export * from './components/Flag/Flag.utils';
 export * from './components/FloatingActionButton/FloatingActionButton';
 export * from './components/Heading/Heading';
 export * from './components/Heading/Heading.utils';
@@ -46,6 +48,8 @@ export * from './components/Spinner/Spinner';
 export * from './components/Spinner/Spinner.utils';
 export * from './components/Switch/Switch';
 export * from './components/Switch/Switch.utils';
+export * from './components/ChipGroup/ChipGroup';
+export * from './components/ChipGroup/ChipGroup.utils';
 export * from './components/Text/Text';
 export * from './components/Text/Text.utils';
 export * from './components/Textarea/Textarea';

package/index.es.js

@@ -1,42 +1,51 @@
 "use client";
-import { A as x, C as d, D as N, v as c } from "./chunks/Accordion.pI3JyHJL.js";
-import { DSAriaLiveRegions as u } from "./arialiveregions.BK4T7Vhk.js";
-import { DSButton as A } from "./button.DH0h6uPs.js";
-import { DSButtonRound as O } from "./buttonround.0mw4zzlU.js";
-import { DSCheckbox as v } from "./checkbox.DETR3e3X.js";
-import { D as g, v as C } from "./chunks/CheckboxGroup.4J_gZ_XJ.js";
-import { DSCombobox as L } from "./combobox.JL1Dsn3E.js";
-import { C as U, b as X, a as Z, D as b, v as G } from "./chunks/CustomReactSelect.ChAtL6fu.js";
-import { D as F, v as k } from "./chunks/Dialog.Z5ESJQMi.js";
-import { a as M, D as V, v as K } from "./chunks/Drawer.BdowMqE0.js";
-import { D as y, v as Y } from "./chunks/Fieldset.COGbZwry.js";
-import { DSFloatingActionButton as j } from "./floatingactionbutton.CCIj9Fjr.js";
-import { DSHeading as J } from "./heading.CAkraI2D.js";
-import { D as $, I as oo, u as ao } from "./chunks/Icon.C2o2seDb.js";
-import { DSInput as ro } from "./input.CTgeAYdu.js";
-import { I as so, M as po, a as io, S as So, U as lo, h as mo, i as Do, c as Io, s as no, v as To, b as xo } from "./chunks/Input.utils.ChV6RJsh.js";
-import { D as co, v as _o } from "./chunks/InputPassword.Dgo95-PU.js";
-import { D as fo, i as Ao, v as Eo } from "./chunks/InputSearch.BFof0pBn.js";
-import { D as ho, v as vo } from "./chunks/InputStepper.4IqLa5tX.js";
-import { DSLink as go } from "./link.DAZNwQ0a.js";
-import { DSLinkStandalone as Ro } from "./linkstandalone.C9X3er7g.js";
-import { DSLogo as Bo } from "./logo.CEO6OV7u.js";
-import { D as Xo, a as Zo, N as bo } from "./chunks/Notification.BhwbaXqk.js";
-import { D as Ho, a as Fo, o as ko, v as wo } from "./chunks/RadioGroup.C5jbCJM4.js";
-import { D as Vo, S as Ko, g as Wo, v as yo } from "./chunks/Select.fXeQJXtz.js";
-import { DSSkipToContent as qo } from "./skiptocontent.C4yQfWr2.js";
-import { DSSpinner as zo } from "./spinner.D-xrotcu.js";
-import { DSSwitch as Qo } from "./switch.CmpNUC7s.js";
-import { DSText as oa } from "./text.rgDKQBrU.js";
-import { D as ea, T as ra, v as ta } from "./chunks/Textarea.Bewrp0Za.js";
-import { DSTitle as pa } from "./title.LY1ylQsb.js";
-import { DSToastProvider as Sa, useDSToast as la } from "./toastmanager.Dh0gzFkM.js";
+import { A as x, C as N, D as d, v as O } from "./chunks/Accordion.CB6jB3s_.js";
+import { DSAriaLiveRegions as A } from "./arialiveregions.Cyycgs8g.js";
+import { DSButton as h } from "./button.M4nXjcUn.js";
+import { DSButtonRound as P } from "./buttonround.E56F_805.js";
+import { DSCheckbox as E } from "./checkbox.Cb2_ey6U.js";
+import { D as C, v as R } from "./chunks/CheckboxGroup.S6i5EOc4.js";
+import { DSCombobox as G } from "./combobox.DUzv8jzM.js";
+import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.Cg_XW3YK.js";
+import { D as k, v as w } from "./chunks/Dialog.CudsqNag.js";
+import { a as V, D as y, v as K } from "./chunks/Drawer.ueG2Bzr9.js";
+import { D as Y, v as q } from "./chunks/Fieldset.Cjmkgxxk.js";
+import { DSFlag as z } from "./flag.BKpsdB_-.js";
+import { DSFloatingActionButton as Q } from "./floatingactionbutton.D5L0B7zI.js";
+import { DSHeading as oo } from "./heading.IPIYc5vW.js";
+import { D as eo, I as ro, u as to } from "./chunks/Icon.BCmt_XBG.js";
+import { DSInput as io } from "./input.BEnCFNM-.js";
+import { I as So, M as lo, a as Io, S as Do, U as mo, h as no, i as To, c as _o, s as xo, v as No, b as Oo } from "./chunks/Input.utils.ChV6RJsh.js";
+import { D as Ao, v as go } from "./chunks/InputPassword.CNLbBFjx.js";
+import { D as uo, i as Po, v as fo } from "./chunks/InputSearch.CHA6mkX_.js";
+import { D as vo, v as Co } from "./chunks/InputStepper.xmWGU9pU.js";
+import { DSLink as Lo } from "./link.DREJAoPG.js";
+import { DSLinkStandalone as Uo } from "./linkstandalone.BBoEniZ_.js";
+import { DSLogo as Bo } from "./logo.Hul8qCFo.js";
+import { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.o6pagKQy.js";
+import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.Crj7NoOs.js";
+import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.E6gLFYLk.js";
+import { DSSkipToContent as Jo } from "./skiptocontent.BxvpIB7H.js";
+import { DSSpinner as $o } from "./spinner.Bq97Og-6.js";
+import { DSSwitch as aa } from "./switch.DI8YYa5G.js";
+import { DSChipGroup as ra } from "./chipgroup.BvTj1ziW.js";
+import { C as sa, c as ia, b as pa, D as Sa, g as la, d as Ia, v as Da, a as ma } from "./chunks/Chip.CMlPUyOJ.js";
+import { DSText as Ta } from "./text.DThvTwm8.js";
+import { D as xa, T as Na, v as da } from "./chunks/Textarea.DUBSOpNL.js";
+import { DSTitle as ca } from "./title.DqzdB2Gq.js";
+import { DSToastProvider as ga, useDSToast as ha } from "./toastmanager.B7EZ4JSI.js";
 const o = ["medium", "small"], a = [
   "filled",
   "highlight",
   "outline",
   "ghost"
 ], e = ["filled", "highlight"], r = [
+  "grey-light",
+  "yellow-light",
+  "red-light",
+  "green-light",
+  "orange-base"
+], t = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -45,18 +54,18 @@ const o = ["medium", "small"], a = [
   "medium-uppercase",
   "small",
   "small-uppercase"
-], t = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
+], s = ["h1", "h2", "h3", "h4", "h5", "h6"], i = ["medium", "small"], p = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], i = ["neutral", "highlight"], S = [
+], S = ["neutral", "highlight"], l = [
   "small",
   "medium",
   "large",
   "x-large",
   "inherit"
-], l = [
+], I = [
   "address",
   "blockquote",
   "cite",
@@ -66,96 +75,107 @@ const o = ["medium", "small"], a = [
   "p",
   "span",
   "time"
-], m = [
+], D = [
   "large",
   "medium",
   "small",
   "x-small",
   "xx-small"
-], D = ["bold", "normal"], I = ["x-large", "large"];
+], m = ["bold", "normal"], n = ["x-large", "large"];
 export {
   x as ACCORDION_SIZE,
   e as BUTTON_ROUND_VARIANT,
   o as BUTTON_SIZE,
   a as BUTTON_VARIANT,
-  d as CHEVRON_POSITION,
-  U as COMBOBOX_SIZE,
-  M as DRAWER_POSITION,
-  N as DSAccordion,
-  u as DSAriaLiveRegions,
-  A as DSButton,
-  O as DSButtonRound,
-  v as DSCheckbox,
-  g as DSCheckboxGroup,
-  L as DSCombobox,
-  F as DSDialog,
-  V as DSDrawer,
-  y as DSFieldset,
-  j as DSFloatingActionButton,
-  J as DSHeading,
-  $ as DSIcon,
-  ro as DSInput,
-  co as DSInputPassword,
-  fo as DSInputSearch,
-  ho as DSInputStepper,
-  go as DSLink,
-  Ro as DSLinkStandalone,
+  N as CHEVRON_POSITION,
+  sa as CHIP_GROUP_SIZE,
+  b as COMBOBOX_SIZE,
+  V as DRAWER_POSITION,
+  d as DSAccordion,
+  A as DSAriaLiveRegions,
+  h as DSButton,
+  P as DSButtonRound,
+  E as DSCheckbox,
+  C as DSCheckboxGroup,
+  ra as DSChipGroup,
+  G as DSCombobox,
+  k as DSDialog,
+  y as DSDrawer,
+  Y as DSFieldset,
+  z as DSFlag,
+  Q as DSFloatingActionButton,
+  oo as DSHeading,
+  eo as DSIcon,
+  io as DSInput,
+  Ao as DSInputPassword,
+  uo as DSInputSearch,
+  vo as DSInputStepper,
+  Lo as DSLink,
+  Uo as DSLinkStandalone,
   Bo as DSLogo,
-  Xo as DSNotification,
-  Ho as DSRadioGroup,
-  Vo as DSSelect,
-  qo as DSSkipToContent,
-  zo as DSSpinner,
-  Qo as DSSwitch,
-  oa as DSText,
-  ea as DSTextarea,
-  pa as DSTitle,
-  Sa as DSToastProvider,
-  X as DS_COMBOBOX_TRANSLATIONS,
-  Z as DS_COMBOBOX_TRANSLATIONS_DE,
-  b as DS_COMBOBOX_TRANSLATIONS_EN,
-  r as HEADING_SIZE,
-  t as HEADING_TAG,
-  oo as ICON_SIZE,
-  so as INPUT_SIZE,
-  s as LINK_SIZE,
-  i as LINK_STANDALONE_VARIANT,
+  Zo as DSNotification,
+  wo as DSRadioGroup,
+  Wo as DSSelect,
+  Jo as DSSkipToContent,
+  $o as DSSpinner,
+  aa as DSSwitch,
+  Ta as DSText,
+  xa as DSTextarea,
+  ca as DSTitle,
+  ga as DSToastProvider,
+  ia as DS_CHIP_GROUP_TRANSLATIONS,
+  pa as DS_CHIP_GROUP_TRANSLATIONS_DE,
+  Sa as DS_CHIP_GROUP_TRANSLATIONS_EN,
+  B as DS_COMBOBOX_TRANSLATIONS,
+  H as DS_COMBOBOX_TRANSLATIONS_DE,
+  Z as DS_COMBOBOX_TRANSLATIONS_EN,
+  r as FLAG_COLOR,
+  t as HEADING_SIZE,
+  s as HEADING_TAG,
+  ro as ICON_SIZE,
+  So as INPUT_SIZE,
+  i as LINK_SIZE,
+  S as LINK_STANDALONE_VARIANT,
   p as LINK_VARIANT,
-  po as MAX_PREFIX_LENGTH,
-  io as MAX_SUFFIX_LENGTH,
-  Zo as NOTIFICATION_ICONS,
-  bo as NOTIFICATION_VARIANT,
-  Ko as SELECT_SIZE,
-  S as SPINNER_SIZE,
-  So as SUPPORTED_INPUT_TYPES,
-  ra as TEXTAREA_SIZE,
-  m as TEXT_SIZE,
-  l as TEXT_TAG,
-  D as TEXT_WEIGHT,
-  I as TITLE_SIZE,
-  lo as UNSUPPORTED_INPUT_TYPES,
-  Wo as getIsPlaceholderSelected,
-  mo as hasShowPickerSupport,
-  Do as isCalendarInput,
-  Io as isTimeInput,
-  Ao as isWithinForm,
-  Fo as optionsHaveCustomArea,
-  ko as optionsHaveHint,
-  no as showCustomCalendarOrTimeIndicator,
-  la as useDSToast,
-  ao as useDynamicSvgImport,
-  c as validateAccordionProps,
-  C as validateCheckboxGroupProps,
-  G as validateComboboxProps,
-  k as validateDialogProps,
+  lo as MAX_PREFIX_LENGTH,
+  Io as MAX_SUFFIX_LENGTH,
+  Xo as NOTIFICATION_ICONS,
+  Fo as NOTIFICATION_VARIANT,
+  Yo as SELECT_SIZE,
+  l as SPINNER_SIZE,
+  Do as SUPPORTED_INPUT_TYPES,
+  Na as TEXTAREA_SIZE,
+  D as TEXT_SIZE,
+  I as TEXT_TAG,
+  m as TEXT_WEIGHT,
+  n as TITLE_SIZE,
+  mo as UNSUPPORTED_INPUT_TYPES,
+  la as getChipAriaLabel,
+  Ia as getChipTitle,
+  qo as getIsPlaceholderSelected,
+  no as hasShowPickerSupport,
+  To as isCalendarInput,
+  _o as isTimeInput,
+  Po as isWithinForm,
+  Mo as optionsHaveCustomArea,
+  Vo as optionsHaveHint,
+  xo as showCustomCalendarOrTimeIndicator,
+  ha as useDSToast,
+  to as useDynamicSvgImport,
+  O as validateAccordionProps,
+  R as validateCheckboxGroupProps,
+  Da as validateChipGroupProps,
+  X as validateComboboxProps,
+  w as validateDialogProps,
   K as validateDrawerProps,
-  Y as validateFieldsetProps,
-  _o as validateInputPasswordProps,
-  To as validateInputProps,
-  Eo as validateInputSearchProps,
-  vo as validateInputStepperProps,
-  wo as validateRadioGroupProps,
-  yo as validateSelectProps,
-  ta as validateTextareaProps,
-  xo as validateType
+  q as validateFieldsetProps,
+  go as validateInputPasswordProps,
+  No as validateInputProps,
+  fo as validateInputSearchProps,
+  Co as validateInputStepperProps,
+  ma as validateIsLiveRegionPresent,
+  yo as validateRadioGroupProps,
+  jo as validateSelectProps,
+  da as validateTextareaProps,
+  Oo as validateType
 };