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

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.CAkraI2D.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as l } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c } from "./chunks/index.CvOaL64Y.js";
+import './assets/heading.6bER-Eac.css';const u = "_root_11ho3_76", g = "_root--x-large_11ho3_79", h = "_root--x-large-uppercase_11ho3_95", d = "_root--large_11ho3_112", n = "_root--large-uppercase_11ho3_128", i = "_root--medium_11ho3_145", x = "_root--medium-uppercase_11ho3_155", L = "_root--small_11ho3_166", U = "_root--small-uppercase_11ho3_176", k = "_root--theme-dark_11ho3_187", o = {
+  root: u,
+  "root--x-large": "_root--x-large_11ho3_79",
+  rootXLarge: g,
+  "root--x-large-uppercase": "_root--x-large-uppercase_11ho3_95",
+  rootXLargeUppercase: h,
+  "root--large": "_root--large_11ho3_112",
+  rootLarge: d,
+  "root--large-uppercase": "_root--large-uppercase_11ho3_128",
+  rootLargeUppercase: n,
+  "root--medium": "_root--medium_11ho3_145",
+  rootMedium: i,
+  "root--medium-uppercase": "_root--medium-uppercase_11ho3_155",
+  rootMediumUppercase: x,
+  "root--small": "_root--small_11ho3_166",
+  rootSmall: L,
+  "root--small-uppercase": "_root--small-uppercase_11ho3_176",
+  rootSmallUppercase: U,
+  "root--theme-dark": "_root--theme-dark_11ho3_187",
+  rootThemeDark: k
+}, X = ({
+  children: e,
+  className: a,
+  size: r = "medium",
+  tag: t = "h2",
+  // default tag because of SEO reasons (h1 should be used only once per page)
+  theme: p = "light",
+  ...s
+}) => {
+  const _ = t, m = c(o.root, a, {
+    // sizes
+    [o.rootXLarge]: r === "x-large",
+    [o.rootXLargeUppercase]: r === "x-large-uppercase",
+    [o.rootLarge]: r === "large",
+    [o.rootLargeUppercase]: r === "large-uppercase",
+    [o.rootMedium]: r == "medium",
+    [o.rootMediumUppercase]: r == "medium-uppercase",
+    [o.rootSmall]: r == "small",
+    [o.rootSmallUppercase]: r == "small-uppercase",
+    // dark theme
+    [o.rootThemeDark]: p === "dark"
+  });
+  return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
+};
+export {
+  X as DSHeading
+};

package/heading.d.ts

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

package/icon.BoMgOmC1.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.C2o2seDb.js";
+export {
+  p as DSIcon
+};

package/icon.d.ts

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

package/index.d.ts

@@ -1,23 +1,59 @@
+export * from './components/Accordion/Accordion';
+export * from './components/Accordion/Accordion.utils';
+export * from './components/AriaLiveRegions/AriaLiveRegions';
 export * from './components/Button/Button';
+export * from './components/Button/Button.utils';
 export * from './components/ButtonRound/ButtonRound';
+export * from './components/ButtonRound/ButtonRound.utils';
 export * from './components/Checkbox/Checkbox';
 export * from './components/CheckboxGroup/CheckboxGroup';
+export * from './components/CheckboxGroup/CheckboxGroup.utils';
 export * from './components/Combobox/Combobox';
+export * from './components/Combobox/Combobox.utils';
+export * from './components/Dialog/Dialog';
+export * from './components/Dialog/Dialog.utils';
+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';
 export * from './components/Icon/Icon';
+export * from './components/Icon/Icon.utils';
 export * from './components/Input/Input';
+export * from './components/Input/Input.utils';
 export * from './components/InputPassword/InputPassword';
+export * from './components/InputPassword/InputPassword.utils';
 export * from './components/InputSearch/InputSearch';
+export * from './components/InputSearch/InputSearch.utils';
 export * from './components/InputStepper/InputStepper';
+export * from './components/InputStepper/InputStepper.utils';
 export * from './components/Link/Link';
+export * from './components/Link/Link.utils';
 export * from './components/LinkStandalone/LinkStandalone';
+export * from './components/LinkStandalone/LinkStandalone.utils';
 export * from './components/Logo/Logo';
+export * from './components/Logo/Logo.utils';
+export * from './components/Notification/Notification';
+export * from './components/Notification/Notification.utils';
 export * from './components/RadioGroup/RadioGroup';
+export * from './components/RadioGroup/RadioGroup.utils';
 export * from './components/Select/Select';
+export * from './components/Select/Select.utils';
+export * from './components/SkipToContent/SkipToContent';
 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';
+export * from './components/Textarea/Textarea.utils';
 export * from './components/Title/Title';
+export * from './components/Title/Title.utils';
+export * from './components/Toast/ToastManager';

package/index.es.js

@@ -1,49 +1,181 @@
 "use client";
-import { DSButton as t } from "./button.87ad387c.js";
-import { DSButtonRound as p } from "./buttonround.ecb24c29.js";
-import { DSCheckbox as x } from "./checkbox.42617f46.js";
-import { DSCheckboxGroup as f } from "./checkboxgroup.fa110fdf.js";
-import { DSCombobox as n } from "./combobox.d93091e0.js";
-import { DSFieldset as u } from "./fieldset.fdd84bda.js";
-import { DSFloatingActionButton as c } from "./floatingactionbutton.281b5465.js";
-import { DSHeading as l } from "./heading.c02dcb70.js";
-import { DSIcon as b } from "./icon.b4211784.js";
-import { DSInput as k } from "./input.064e0bbf.js";
-import { DSInputPassword as g } from "./inputpassword.f76c2f62.js";
-import { DSInputSearch as C } from "./inputsearch.6e913fc6.js";
-import { DSInputStepper as T } from "./inputstepper.2047ec77.js";
-import { DSLink as F } from "./link.5eb13d6e.js";
-import { DSLinkStandalone as R } from "./linkstandalone.edfd6288.js";
-import { DSLogo as H } from "./logo.e6576fe3.js";
-import { DSRadioGroup as j } from "./radiogroup.e1c8ea3d.js";
-import { DSSelect as v } from "./select.88d40c51.js";
-import { DSSpinner as z } from "./spinner.ee015469.js";
-import { DSSwitch as J } from "./switch.96fd1689.js";
-import { DSText as M } from "./text.de8facb9.js";
-import { DSTextarea as O } from "./textarea.b8c40c8b.js";
-import { DSTitle as U } from "./title.7be43d50.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 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",
+  "large-uppercase",
+  "medium",
+  "medium-uppercase",
+  "small",
+  "small-uppercase"
+], s = ["h1", "h2", "h3", "h4", "h5", "h6"], i = ["medium", "small"], p = [
+  "filled",
+  "highlight",
+  "outline",
+  "ghost"
+], S = ["neutral", "highlight"], l = [
+  "small",
+  "medium",
+  "large",
+  "x-large",
+  "inherit"
+], I = [
+  "address",
+  "blockquote",
+  "cite",
+  "div",
+  "figcaption",
+  "legend",
+  "p",
+  "span",
+  "time"
+], D = [
+  "large",
+  "medium",
+  "small",
+  "x-small",
+  "xx-small"
+], m = ["bold", "normal"], n = ["x-large", "large"];
 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
+  x as ACCORDION_SIZE,
+  e as BUTTON_ROUND_VARIANT,
+  o as BUTTON_SIZE,
+  a as BUTTON_VARIANT,
+  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,
+  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,
+  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,
+  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 {}