@iress-oss/ids-components 5.14.1 → 5.15.0

package/dist/components/Toaster/Toast/ToastIcon.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { ac as m } from "../../../LoadingSuspense-COCIFlsi.js";
+import { a5 as m } from "../../../LoadingSuspense-BdXYIsHy.js";
 import "../../Icon/Icon.types.js";
 export {
   m as ToastIcon

package/dist/components/Toaster/Toaster.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "./Toaster.types.js";
 import "../../index-2QXL0WYc.js";
-import { ae as f } from "../../LoadingSuspense-COCIFlsi.js";
+import { a7 as f } from "../../LoadingSuspense-BdXYIsHy.js";
 import "../../enums.js";
 import "../Stack/Stack.js";
-import "../../floating-ui.react-RKRjRgyj.js";
+import "../../floating-ui.react-SmaXvp4L.js";
 export {
   f as IressToaster
 };

package/dist/components/Toaster/ToasterProvider.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { O as s, N as a } from "../../LoadingSuspense-COCIFlsi.js";
+import { O as s, N as a } from "../../LoadingSuspense-BdXYIsHy.js";
 export {
   s as IressToasterProvider,
   a as ToasterContext

package/dist/components/Toaster/hooks/useToaster.js

@@ -1,5 +1,26 @@
-import "react";
-import { P as s } from "../../../LoadingSuspense-COCIFlsi.js";
+import { useContext as u, useEffect as a, useMemo as c } from "react";
+import { N as f } from "../../../LoadingSuspense-BdXYIsHy.js";
+const w = (e) => {
+  const r = u(f);
+  if (r === void 0)
+    throw new Error("useToaster must be used within a IressToasterProvider");
+  const { show: t, setOptions: i, options: o, animateOut: n } = r;
+  return a(() => {
+    e && i({
+      ...o,
+      position: e ?? o.position
+    });
+  }, [e]), c(
+    () => ({
+      success: (s) => t({ ...s, status: "success" }),
+      error: (s) => t({ ...s, status: "error" }),
+      info: (s) => t({ ...s, status: "info" }),
+      close: n,
+      options: o
+    }),
+    [n, o, t]
+  );
+};
 export {
-  s as useToaster
+  w as useToaster
 };

package/dist/components/Toaster/index.js

@@ -1,16 +1,17 @@
-import { TOAST_ANIMATION as o, TOAST_STATUS as r } from "./Toast/Toast.types.js";
-import { TOASTER_ARIA_ATTRIBUTES as I, TOASTER_POSITION as e, TOAST_POSITION_ANIMATION_MATRIX as t, ToasterPosition as O } from "./Toaster.types.js";
-import { M as S, O as _, T as N, N as P, P as R } from "../../LoadingSuspense-COCIFlsi.js";
+import { TOAST_ANIMATION as r, TOAST_STATUS as s } from "./Toast/Toast.types.js";
+import { TOASTER_ARIA_ATTRIBUTES as e, TOASTER_POSITION as t, TOAST_POSITION_ANIMATION_MATRIX as I, ToasterPosition as O } from "./Toaster.types.js";
+import { M as S, O as _, T as N, N as x } from "../../LoadingSuspense-BdXYIsHy.js";
+import { useToaster as f } from "./hooks/useToaster.js";
 export {
   S as IressToast,
   _ as IressToasterProvider,
-  I as TOASTER_ARIA_ATTRIBUTES,
-  e as TOASTER_POSITION,
-  o as TOAST_ANIMATION,
-  t as TOAST_POSITION_ANIMATION_MATRIX,
-  r as TOAST_STATUS,
+  e as TOASTER_ARIA_ATTRIBUTES,
+  t as TOASTER_POSITION,
+  r as TOAST_ANIMATION,
+  I as TOAST_POSITION_ANIMATION_MATRIX,
+  s as TOAST_STATUS,
   N as Toast,
-  P as ToasterContext,
+  x as ToasterContext,
   O as ToasterPosition,
-  R as useToaster
+  f as useToaster
 };

package/dist/components/Toggle/Toggle.js

@@ -7,7 +7,7 @@ import "../CheckboxMark/CheckboxMark.types.js";
 import { IressCheckboxMark as N } from "../CheckboxMark/CheckboxMark.js";
 import { ButtonCssClass as T } from "../Button/Button.types.js";
 import { ToggleLayout as w } from "./Toggle.types.js";
-const L = "ids-toggle--toggle-base-v5141", M = "ids-toggle--checkbox-mark-v5141", S = "ids-toggle--toggle-button-v5141", j = "ids-toggle--button-checked-v5141", R = "ids-toggle--toggle-button-container-v5141", $ = "ids-toggle--label-v5141", E = "ids-toggle--layout__inline-v5141", G = "ids-toggle--layout__stack-v5141", t = {
+const L = "ids-toggle--toggle-base-v5150", M = "ids-toggle--checkbox-mark-v5150", S = "ids-toggle--toggle-button-v5150", j = "ids-toggle--button-checked-v5150", R = "ids-toggle--toggle-button-container-v5150", $ = "ids-toggle--label-v5150", E = "ids-toggle--layout__inline-v5150", G = "ids-toggle--layout__stack-v5150", t = {
   toggleBase: L,
   checkboxMark: M,
   toggleButton: S,
@@ -15,8 +15,8 @@ const L = "ids-toggle--toggle-base-v5141", M = "ids-toggle--checkbox-mark-v5141"
   toggleButtonContainer: R,
   label: $,
   layout__inline: E,
-  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5141",
-  "layout__inline-between": "ids-toggle--layout__inline-between-v5141",
+  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5150",
+  "layout__inline-between": "ids-toggle--layout__inline-between-v5150",
   layout__stack: G
 }, O = ({
   hiddenLabel: o,

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { useState as P, useEffect as R, Fragment as S } from "react";
 import { c as j } from "../../index-2QXL0WYc.js";
-import { d as E, o as H, b as L, f as M, s as B, t as D, v as G, g as U, h as W, i as k } from "../../floating-ui.react-RKRjRgyj.js";
+import { d as E, o as H, b as L, f as M, s as B, t as D, v as G, g as U, h as W, i as k } from "../../floating-ui.react-SmaXvp4L.js";
 import { FloatingUIAlign as q } from "../../enums.js";
 import { propagateTestid as m } from "../../helpers/utility/propagateTestid.js";
 import { toArray as z } from "../../helpers/formatting/toArray.js";
 import { idsLogger as J } from "../../helpers/utility/idsLogger.js";
 import { focusableElements as K } from "../../helpers/dom/focusableElements.js";
-const Q = "ids-tooltip-v5141", V = "ids-tooltip--content-v5141", r = {
+const Q = "ids-tooltip-v5150", V = "ids-tooltip--content-v5150", r = {
   tooltip: Q,
   content: V
 }, X = ({

package/dist/components/ValidationMessage/ValidationBase/ValidationBase.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as r } from "../../../index-2QXL0WYc.js";
 import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
 import { GlobalCSSClass as m } from "../../../enums.js";
-const v = "ids-validation-message-v5141", f = "ids-validation-message--prefix-v5141", x = "ids-validation-message--message-v5141", p = "ids-validation-message--danger-v5141", u = "ids-validation-message--warning-v5141", N = "ids-validation-message--success-v5141", w = "ids-validation-message--info-v5141", e = {
+const v = "ids-validation-message-v5150", f = "ids-validation-message--prefix-v5150", x = "ids-validation-message--message-v5150", p = "ids-validation-message--danger-v5150", u = "ids-validation-message--warning-v5150", N = "ids-validation-message--success-v5150", w = "ids-validation-message--info-v5150", e = {
   validationMessage: v,
   prefix: f,
   message: x,

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -5,7 +5,7 @@ import { IressValidationMessage as p } from "../ValidationMessage.js";
 import "react";
 import { useIdIfNeeded as c } from "../../../hooks/useIdIfNeeded.js";
 import { IressValidationLink as y } from "../ValidationLink/ValidationLink.js";
-const v = "ids-validation-summary-v5141", I = {
+const v = "ids-validation-summary-v5150", I = {
   validationSummary: v
 }, S = ({
   children: a,

package/dist/constants.js

@@ -1,4 +1,4 @@
-const t = "5.14.1", e = {
+const t = "5.15.0", e = {
   /**
    * Extra small breakpoint, for mobile devices
    */
@@ -140,35 +140,35 @@ const t = "5.14.1", e = {
   "small",
   "cite",
   "caption"
-], I = ["top", "middle", "bottom", "stretch"], _ = {
+], T = ["top", "middle", "bottom", "stretch"], I = {
   /**
    * The default z-index used for most elements. Can be combined with raised and floating elevations.
    */
-  "000": 0,
+  DEFAULT: 0,
   /**
    * Used for IressNavbar. Can be combined with overflow elevation.
    */
-  100: 100,
+  NAVBAR: 100,
   /**
    * Used for IressPopover. Can be combined with floating elevation.
    */
-  200: 200,
+  POPOVER: 200,
   /**
    * Used for IressSlideout. Can be combined with floating elevation.
    */
-  300: 300,
+  SLIDEOUT: 300,
   /**
    * Used for IressModal. Can be combined with floating elevation.
    */
-  400: 400,
+  MODAL: 400,
   /**
    * Used for IressToast. Can be combined with floating elevation.
    */
-  500: 500,
+  TOAST: 500,
   /**
    * Used for IressTooltip. Can be combined with floating elevation.
    */
-  600: 600
+  TOOLTIP: 600
 };
 export {
   n as BREAKPOINTS,
@@ -188,6 +188,6 @@ export {
   E as TEXT_ALIGNS,
   W as TEXT_MODES,
   l as TEXT_VARIANTS,
-  I as VERTICAL_ALIGNS,
-  _ as Z_INDEX
+  T as VERTICAL_ALIGNS,
+  I as Z_INDEX
 };