@idds/react 1.1.86 → 1.1.88

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React, { createContext, useRef, useState, useCallback, useMemo, useContext, useEffect, forwardRef, createElement, Fragment as Fragment$1, useId, useImperativeHandle } from "react";
 import { createPortal } from "react-dom";
-const iddsColorToken = {
+const iddsColorTokens = {
   // Neutral Colors
   "neutral-25": "var(--ina-neutral-25)",
   "neutral-50": "var(--ina-neutral-50)",
@@ -198,7 +198,7 @@ const iddsColorToken = {
   white: "var(--ina-white)",
   black: "var(--ina-black)"
 };
-const inagovTokens = {
+const inagovColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -223,7 +223,7 @@ const inagovTokens = {
   "brand-hover": "var(--ina-brand-hover)",
   "neutral-hover": "var(--ina-neutral-hover)"
 };
-const inakuTokens = {
+const inakuColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -248,7 +248,7 @@ const inakuTokens = {
   "inaku-brand-hover": "var(--ina-inaku-brand-hover)",
   "inaku-neutral-hover": "var(--ina-inaku-neutral-hover)"
 };
-const inapasTokens = {
+const inapasColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -273,7 +273,7 @@ const inapasTokens = {
   "inapas-brand-hover": "var(--ina-inapas-brand-hover)",
   "inapas-neutral-hover": "var(--ina-inapas-neutral-hover)"
 };
-const bgnTokens = {
+const bgnColorTokens = {
   // Primary shades
   "primary-50": "var(--ina-primary-50)",
   "primary-100": "var(--ina-primary-100)",
@@ -286,7 +286,7 @@ const bgnTokens = {
   "primary-800": "var(--ina-primary-800)",
   "primary-900": "var(--ina-primary-900)"
 };
-const bknTokens = {
+const bknColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -315,7 +315,7 @@ const bknTokens = {
   "bkn-brand-hover": "var(--ina-bkn-brand-hover)",
   "bkn-neutral-hover": "var(--ina-bkn-neutral-hover)"
 };
-const lanTokens = {
+const lanColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -349,7 +349,7 @@ const lanTokens = {
   "lan-brand-hover": "var(--ina-lan-brand-hover)",
   "lan-neutral-hover": "var(--ina-lan-neutral-hover)"
 };
-const panrbTokens = {
+const panrbColorTokens = {
   // Primary shades
   "primary-25": "var(--ina-primary-25)",
   "primary-50": "var(--ina-primary-50)",
@@ -880,16 +880,16 @@ const IconChevronsRight = createReactComponent("outline", "chevrons-right", "Che
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 7v5l3 3", "key": "svg-1" }]];
-const IconClock = createReactComponent("outline", "clock", "Clock", __iconNode$f);
+const __iconNode$f = [["path", { "d": "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", "key": "svg-0" }], ["path", { "d": "M9 12l2 2l4 -4", "key": "svg-1" }]];
+const IconCircleCheck = createReactComponent("outline", "circle-check", "CircleCheck", __iconNode$f);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [["path", { "d": "M6 17.6l-2 -1.1v-2.5", "key": "svg-0" }], ["path", { "d": "M4 10v-2.5l2 -1.1", "key": "svg-1" }], ["path", { "d": "M10 4.1l2 -1.1l2 1.1", "key": "svg-2" }], ["path", { "d": "M18 6.4l2 1.1v2.5", "key": "svg-3" }], ["path", { "d": "M20 14v2.5l-2 1.12", "key": "svg-4" }], ["path", { "d": "M14 19.9l-2 1.1l-2 -1.1", "key": "svg-5" }], ["path", { "d": "M12 12l2 -1.1", "key": "svg-6" }], ["path", { "d": "M18 8.6l2 -1.1", "key": "svg-7" }], ["path", { "d": "M12 12l0 2.5", "key": "svg-8" }], ["path", { "d": "M12 18.5l0 2.5", "key": "svg-9" }], ["path", { "d": "M12 12l-2 -1.12", "key": "svg-10" }], ["path", { "d": "M6 8.6l-2 -1.1", "key": "svg-11" }]];
-const IconCube3dSphere = createReactComponent("outline", "cube-3d-sphere", "Cube3dSphere", __iconNode$e);
+const __iconNode$e = [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 7v5l3 3", "key": "svg-1" }]];
+const IconClock = createReactComponent("outline", "clock", "Clock", __iconNode$e);
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -5286,12 +5286,10 @@ const TimePicker = forwardRef(
   }
 );
 TimePicker.displayName = "TimePicker";
-const variantIconMap = {
-  neutral: /* @__PURE__ */ jsx(IconCube3dSphere, { size: 20 }),
-  positive: /* @__PURE__ */ jsx(IconCheck, { size: 20 }),
-  warning: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20 }),
-  info: /* @__PURE__ */ jsx(IconInfoCircle, { size: 20 }),
-  negative: /* @__PURE__ */ jsx(IconAlertCircle, { size: 20 })
+const stateIconMap = {
+  default: /* @__PURE__ */ jsx(IconInfoCircle, { size: 20 }),
+  destructive: /* @__PURE__ */ jsx(IconAlertCircle, { size: 20 }),
+  positive: /* @__PURE__ */ jsx(IconCircleCheck, { size: 20 })
 };
 function getOrCreateContainer(position) {
   const id = `ina-toast-container-${position}`;
@@ -5325,8 +5323,8 @@ function Toast({
   title,
   description = "",
   actionNode,
-  variant = "info",
-  style = "outline",
+  state = "default",
+  style = "solid",
   duration = 5e3,
   position = "top-right",
   className = ""
@@ -5336,7 +5334,7 @@ function Toast({
   const [isVisible, setIsVisible] = useState(false);
   const timerRef = useRef();
   const containerRef = useRef(null);
-  const icon = variantIconMap[variant];
+  const icon = stateIconMap[state];
   useEffect(() => {
     setMounted(true);
   }, []);
@@ -5367,7 +5365,7 @@ function Toast({
   if (!mounted || !isDisplayed || !containerRef.current) return null;
   const toastClasses = clsx(
     "ina-toast",
-    `ina-toast--variant-${variant}`,
+    `ina-toast--state-${state}`,
     `ina-toast--style-${style}`,
     `ina-toast--${isVisible ? "visible" : "hidden"}`,
     className
@@ -5652,8 +5650,9 @@ const ToastProvider = ({ children }) => {
         onClose: () => handleClose(t.id),
         title: t.title,
         description: t.description,
+        style: t.style,
         actionNode: t.actionNode,
-        variant: t.variant,
+        state: t.state,
         duration: t.duration,
         position: t.position,
         className: t.className
@@ -9648,8 +9647,8 @@ export {
   Toggle,
   Tooltip,
   YearPicker,
-  bgnTokens,
-  bknTokens,
+  bgnColorTokens,
+  bknColorTokens,
   containsDangerousPatterns,
   decodeHtmlEntities,
   encodeHtmlEntities,
@@ -9658,18 +9657,18 @@ export {
   getCookie,
   getCurrentLocation,
   getCurrentTheme,
-  iddsColorToken,
-  iddsColorToken as inaColorTokens,
-  inagovTokens,
-  inakuTokens,
-  inapasTokens,
+  iddsColorTokens,
+  iddsColorTokens as inaColorTokens,
+  inagovColorTokens,
+  inakuColorTokens,
+  inapasColorTokens,
   initializeTheme,
   isValidBrand,
-  lanTokens,
+  lanColorTokens,
   onlyAlphanumeric,
   onlyDecimalNumber,
   onlyNumericValue,
-  panrbTokens,
+  panrbColorTokens,
   resetTheme,
   sanitizeInput,
   setBrandTheme,