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

package/components/Toast/Toast.utils.d.ts

@@ -1,5 +1,4 @@
 import { IconName } from '../../types';
-
 export declare const TOAST_VARIANT: readonly ["info", "success", "warning"];
 export type ToastVariant = (typeof TOAST_VARIANT)[number];
 export declare const TOAST_ICONS: Record<ToastVariant, IconName>;

package/components/Toast/ToastManager.d.ts

@@ -1,5 +1,4 @@
 import { ToastOptions } from './Toast.utils';
-
 type ToastContextType = {
     queueDSToastMessage: (message: string, options?: ToastOptions) => void;
 };

package/customreactselect.d.ts

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

package/{customreactselect.Dg8Kgq3e.js → customreactselect.lYJhIeyx.js}

@@ -2,12 +2,12 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import { c as l } from "./chunks/CustomReactSelect.ChAtL6fu.js";
+import { c as l } from "./chunks/CustomReactSelect.D3jv5-fa.js";
 import "./chunks/useBreakpoint.5xBNDiCf.js";
 import "./asterisk.DDn-yX4P.js";
 import "./chunks/Icon.C2o2seDb.js";
 import "./systemfeedback.ZzRUAVYX.js";
-import "./optioncheckbox.DZWwtx6f.js";
+import "./optioncheckbox.BPN3f6l_.js";
 export {
   l as CustomReactSelect
 };

package/dialog.d.ts

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

package/{dialog.D3bJ0rsW.js → dialog.lGwNQU91.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.DH0h6uPs.js";
-import { D as e } from "./chunks/Dialog.Z5ESJQMi.js";
+import "./button.C5opEJ6x.js";
+import { D as e } from "./chunks/Dialog.Fwr6vLiK.js";
 export {
   e as DSDialog
 };

package/{drawer.CNPF1-Kc.js → drawer.DNi5m8wP.js}

@@ -2,8 +2,8 @@
 import "./chunks/jsx-runtime.C115EyI4.js";
 import "./chunks/index.CvOaL64Y.js";
 import "react";
-import "./button.DH0h6uPs.js";
-import { D as e } from "./chunks/Drawer.BdowMqE0.js";
+import "./button.C5opEJ6x.js";
+import { D as e } from "./chunks/Drawer.CKoYzQHd.js";
 export {
   e as DSDrawer
 };

package/drawer.d.ts

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

package/{fieldset.CTshPWYX.js → fieldset.BqiAjeax.js}

@@ -5,7 +5,7 @@ import "react";
 import "./asterisk.DDn-yX4P.js";
 import "./heading.CAkraI2D.js";
 import "./systemfeedback.ZzRUAVYX.js";
-import { D as l } from "./chunks/Fieldset.COGbZwry.js";
+import { D as l } from "./chunks/Fieldset.C9K8BYmH.js";
 export {
   l as DSFieldset
 };

package/fieldset.d.ts

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

package/flag.XJHHSP38.js

@@ -0,0 +1,43 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as i } from "./chunks/index.CvOaL64Y.js";
+import { D as n } from "./chunks/Icon.C2o2seDb.js";
+import './assets/flag.DX_lH1v7.css';const h = "_flag_dk9bs_76", d = "_flag--color-grey-light_dk9bs_103", b = "_flag--color-yellow-light_dk9bs_106", C = "_flag--color-red-light_dk9bs_109", k = "_flag--color-green-light_dk9bs_112", y = "_flag--color-orange-base_dk9bs_115", o = {
+  flag: h,
+  "flag--color-grey-light": "_flag--color-grey-light_dk9bs_103",
+  flagColorGreyLight: d,
+  "flag--color-yellow-light": "_flag--color-yellow-light_dk9bs_106",
+  flagColorYellowLight: b,
+  "flag--color-red-light": "_flag--color-red-light_dk9bs_109",
+  flagColorRedLight: C,
+  "flag--color-green-light": "_flag--color-green-light_dk9bs_112",
+  flagColorGreenLight: k,
+  "flag--color-orange-base": "_flag--color-orange-base_dk9bs_115",
+  flagColorOrangeBase: y
+}, u = ({
+  children: s,
+  className: t,
+  color: l,
+  iconName: g,
+  iconSource: r,
+  ...f
+}) => {
+  const a = typeof l == "string" && o[`flag--color-${l}`], _ = a ? {} : { backgroundColor: l }, c = i(o.flag, t, {
+    [o[`flag--color-${l}`]]: a
+  });
+  return /* @__PURE__ */ e.jsxs("span", { className: c, style: _, ...f, children: [
+    (g || r) && /* @__PURE__ */ e.jsx(
+      n,
+      {
+        name: g,
+        theme: "light",
+        source: r,
+        "aria-hidden": "true"
+      }
+    ),
+    s
+  ] });
+};
+export {
+  u as DSFlag
+};

package/flag.d.ts

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

package/floatingactionbutton.CMpkTdhX.js

@@ -0,0 +1,87 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as r } from "./chunks/index.CvOaL64Y.js";
+import { D as k } from "./chunks/Icon.C2o2seDb.js";
+import { DSSpinner as D } from "./spinner.D-xrotcu.js";
+import './assets/floatingactionbutton.Do-yEH6c.css';const x = "_root_5j76p_76", S = "_root--dark_5j76p_147", H = "_root--small_5j76p_187", y = "_loader_5j76p_208", N = "_icon--hidden_5j76p_220", C = "_label--hidden_5j76p_224", o = {
+  root: x,
+  "root--dark": "_root--dark_5j76p_147",
+  rootDark: S,
+  "root--small": "_root--small_5j76p_187",
+  rootSmall: H,
+  loader: y,
+  "icon--hidden": "_icon--hidden_5j76p_220",
+  iconHidden: N,
+  "label--hidden": "_label--hidden_5j76p_224",
+  labelHidden: C
+}, E = ({
+  aria: c,
+  children: _,
+  className: m,
+  dataTrackingid: p,
+  disabled: l = !1,
+  iconName: s = "placeholder",
+  iconSource: e,
+  loading: a = !1,
+  size: j = "medium",
+  theme: n = "light",
+  onClick: i,
+  ...b
+}) => {
+  const u = r(
+    o.root,
+    o.rootIconOnlySmall,
+    m,
+    {
+      // dark theme
+      [o.rootDark]: n === "dark",
+      // size
+      [o.rootSmall]: j === "small"
+    }
+  ), h = r(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: a
+  }), f = (d) => {
+    if (l || a) {
+      d.preventDefault();
+      return;
+    }
+    i && i(d);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: u,
+      "data-trackingid": p,
+      type: "button",
+      onClick: f,
+      ...c,
+      ...b,
+      "aria-disabled": l || a,
+      "aria-busy": a,
+      children: [
+        a && /* @__PURE__ */ t.jsx(
+          D,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ t.jsx("span", { className: r(o.label, o.labelHidden), children: _ }),
+        (s || e) && /* @__PURE__ */ t.jsx(
+          k,
+          {
+            name: s,
+            theme: n,
+            source: e,
+            className: h,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  E as DSFloatingActionButton
+};

package/floatingactionbutton.d.ts

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

package/heading.d.ts

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

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 { A as x, C as N, D as d, v as O } from "./chunks/Accordion.DFwFN8mX.js";
+import { DSAriaLiveRegions as A } from "./arialiveregions.BKpxxK7O.js";
+import { DSButton as h } from "./button.C5opEJ6x.js";
+import { DSButtonRound as P } from "./buttonround.CUoqRyy0.js";
+import { DSCheckbox as E } from "./checkbox.DETR3e3X.js";
+import { D as C, v as R } from "./chunks/CheckboxGroup.M3jOjhNf.js";
+import { DSCombobox as G } from "./combobox.BeTnbG1m.js";
+import { C as b, b as B, a as H, D as Z, v as X } from "./chunks/CustomReactSelect.D3jv5-fa.js";
+import { D as k, v as w } from "./chunks/Dialog.Fwr6vLiK.js";
+import { a as V, D as y, v as K } from "./chunks/Drawer.CKoYzQHd.js";
+import { D as Y, v as q } from "./chunks/Fieldset.C9K8BYmH.js";
+import { DSFlag as z } from "./flag.XJHHSP38.js";
+import { DSFloatingActionButton as Q } from "./floatingactionbutton.CMpkTdhX.js";
+import { DSHeading as oo } from "./heading.CAkraI2D.js";
+import { D as eo, I as ro, u as to } from "./chunks/Icon.C2o2seDb.js";
+import { DSInput as io } from "./input.v7qB7wPJ.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.C7pNeWGx.js";
+import { D as uo, i as Po, v as fo } from "./chunks/InputSearch.B24rcIJ_.js";
+import { D as vo, v as Co } from "./chunks/InputStepper.CEW-bieQ.js";
+import { DSLink as Lo } from "./link.Clk5_BYp.js";
+import { DSLinkStandalone as Uo } from "./linkstandalone.BXERmqdN.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 { D as Zo, a as Xo, N as Fo } from "./chunks/Notification.BXVN7_Fs.js";
+import { D as wo, a as Mo, o as Vo, v as yo } from "./chunks/RadioGroup.D4UOflwr.js";
+import { D as Wo, S as Yo, g as qo, v as jo } from "./chunks/Select.Ds86q4UC.js";
+import { DSSkipToContent as Jo } from "./skiptocontent.DUQWopO4.js";
+import { DSSpinner as $o } from "./spinner.D-xrotcu.js";
+import { DSSwitch as aa } from "./switch.CoNnIhM4.js";
+import { DSChipGroup as ra } from "./chipgroup.BJrqEfvr.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.fMG8wi5K.js";
+import { DSText as Ta } from "./text.fMcHzVbH.js";
+import { D as xa, T as Na, v as da } from "./chunks/Textarea.DcB8hKnO.js";
+import { DSTitle as ca } from "./title.LY1ylQsb.js";
+import { DSToastProvider as ga, useDSToast as ha } from "./toastmanager.Dl8-Q3ED.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
 };

package/input.d.ts

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