@orfium/ictinus 5.43.3 → 5.43.4

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
 
-> @orfium/ictinus@5.43.3 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> @orfium/ictinus@5.43.4 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
 > pnpm build:main && pnpm build:codemods && pnpm build:vanilla
 
 
-> @orfium/ictinus@5.43.3 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> @orfium/ictinus@5.43.4 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
 > vite build --mode production
 
 production /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
@@ -105,8 +105,8 @@ computing gzip size...
 dist/components/ExpandCollapse/utils.js                                                                        0.47 kB │ gzip:  0.27 kB
 dist/components/TopAppBar/components/SidebarMenuIcon/SidebarMenuIcon.js                                        0.48 kB │ gzip:  0.32 kB
 dist/components/Table/components/TR/TR.style.js                                                                0.48 kB │ gzip:  0.29 kB
-dist/components/Select/Select.style.js                                                                         0.49 kB │ gzip:  0.33 kB
 dist/components/Icon/assets/navigation/triangleRight.svg.js                                                    0.49 kB │ gzip:  0.33 kB
+dist/components/Select/Select.style.js                                                                         0.49 kB │ gzip:  0.33 kB
 dist/components/Card/Card.style.js                                                                             0.49 kB │ gzip:  0.33 kB
 dist/components/Icon/assets/navigation/triangleDown.svg.js                                                     0.49 kB │ gzip:  0.34 kB
 dist/components/Icon/assets/navigation/triangleLeft.svg.js                                                     0.49 kB │ gzip:  0.34 kB
@@ -148,8 +148,8 @@ computing gzip size...
 dist/components/Controls/Radio/components/RadioGroup/RadioGroup.js                                             0.67 kB │ gzip:  0.39 kB
 dist/components/Table/components/TTitle/TTitle.style.js                                                        0.67 kB │ gzip:  0.38 kB
 dist/vanilla/Box/Box.js                                                                                        0.68 kB │ gzip:  0.39 kB
-dist/components/IconButton/IconButton.js                                                                       0.69 kB │ gzip:  0.40 kB
 dist/components/TabStepper/components/TabStep/TabStep.style.js                                                 0.69 kB │ gzip:  0.37 kB
+dist/components/IconButton/IconButton.js                                                                       0.69 kB │ gzip:  0.41 kB
 dist/utils/helpers.js                                                                                          0.70 kB │ gzip:  0.42 kB
 dist/icons/PlayIcon.js                                                                                         0.70 kB │ gzip:  0.45 kB
 dist/components/utils/PositionInScreen/PositionInScreen.js                                                     0.71 kB │ gzip:  0.39 kB
@@ -171,8 +171,8 @@ computing gzip size...
 dist/components/NumberField/components/Stepper/Stepper.style.js                                                0.76 kB │ gzip:  0.47 kB
 dist/components/Chart/BarChart/components/CustomTooltipContent/CustomTooltipContent.style.js                   0.78 kB │ gzip:  0.41 kB
 dist/components/Table/components/TH/components/SortingButton/SortingButton.js                                  0.79 kB │ gzip:  0.46 kB
-dist/components/Icon/assets/musicBusiness/license.svg.js                                                       0.79 kB │ gzip:  0.47 kB
 dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.js                                      0.79 kB │ gzip:  0.39 kB
+dist/components/Icon/assets/musicBusiness/license.svg.js                                                       0.79 kB │ gzip:  0.47 kB
 dist/components/Chart/LineChart/components/CustomTooltip/CustomTooltip.style.js                                0.79 kB │ gzip:  0.42 kB
 dist/components/Icon/assets/musicBusiness/album.svg.js                                                         0.80 kB │ gzip:  0.42 kB
 dist/components/Icon/assets/generic/moreOptions.svg.js                                                         0.80 kB │ gzip:  0.36 kB
@@ -207,8 +207,8 @@ computing gzip size...
 dist/components/Search/StatefulSearch.js                                                                       0.89 kB │ gzip:  0.48 kB
 dist/components/Slider/components/SliderMark/SliderMark.js                                                     0.89 kB │ gzip:  0.50 kB
 dist/components/Icon/assets/musicBusiness/recording.svg.js                                                     0.90 kB │ gzip:  0.53 kB
-dist/components/Icon/assets/generic/search filled.svg.js                                                       0.91 kB │ gzip:  0.48 kB
 dist/components/TopAppBar/TopAppBar.style.js                                                                   0.91 kB │ gzip:  0.46 kB
+dist/components/Icon/assets/generic/search filled.svg.js                                                       0.91 kB │ gzip:  0.48 kB
 dist/icons/LicenseIcon.js                                                                                      0.91 kB │ gzip:  0.54 kB
 dist/components/Icon/assets/audioControls/rewind.svg.js                                                        0.91 kB │ gzip:  0.48 kB
 dist/components/Icon/Icon.style.js                                                                             0.91 kB │ gzip:  0.48 kB
@@ -414,8 +414,8 @@ computing gzip size...
 dist/icons/LegalIcon.js                                                                                        1.66 kB │ gzip:  0.87 kB
 dist/icons/ArtistIcon.js                                                                                       1.66 kB │ gzip:  0.89 kB
 dist/components/Icon/assets/musicBusiness/usage.svg.js                                                         1.67 kB │ gzip:  0.88 kB
+dist/components/Modal/Modal.js                                                                                 1.67 kB │ gzip:  0.77 kB
 dist/components/Icon/assets/basicActions/review.svg.js                                                         1.70 kB │ gzip:  0.91 kB
-dist/components/Modal/Modal.js                                                                                 1.71 kB │ gzip:  0.78 kB
 dist/components/TextArea/TextArea.js                                                                           1.71 kB │ gzip:  0.81 kB
 dist/components/Controls/Radio/Radio.style.js                                                                  1.71 kB │ gzip:  0.76 kB
 dist/components/Broadcast/Broadcast.js                                                                         1.72 kB │ gzip:  0.83 kB
@@ -524,6 +524,7 @@ computing gzip size...
 dist/icons/DeliveryIcon.js                                                                                     2.32 kB │ gzip:  1.19 kB
 dist/components/TableV4/components/ExtendedColumnItem/ExtendedColumnItem.js                                    2.36 kB │ gzip:  0.87 kB
 dist/icons/AnalyticsIcon.js                                                                                    2.36 kB │ gzip:  0.97 kB
+dist/components/Table/components/TPagination/TPagination.js                                                    2.41 kB │ gzip:  0.78 kB
 dist/icons/WorkIcon.js                                                                                         2.42 kB │ gzip:  1.09 kB
 dist/icons/SortAscendingIcon.js                                                                                2.42 kB │ gzip:  1.14 kB
 dist/icons/AudioOffIcon.js                                                                                     2.42 kB │ gzip:  1.17 kB
@@ -541,7 +542,6 @@ computing gzip size...
 dist/icons/UpdateIcon.js                                                                                       2.60 kB │ gzip:  1.28 kB
 dist/components/Icon/assets/dataAndFinance/earnings.svg.js                                                     2.60 kB │ gzip:  1.25 kB
 dist/icons/RestoreIcon.js                                                                                      2.60 kB │ gzip:  1.29 kB
-dist/components/Table/components/TPagination/TPagination.js                                                    2.61 kB │ gzip:  0.82 kB
 dist/icons/InvoiceIcon.js                                                                                      2.61 kB │ gzip:  1.19 kB
 dist/icons/RefreshIcon.js                                                                                      2.61 kB │ gzip:  1.31 kB
 dist/components/Select/components/SelectMenu/SelectMenu.js                                                     2.61 kB │ gzip:  1.08 kB
@@ -603,13 +603,13 @@ computing gzip size...
 dist/components/Select/Select.js                                                                               6.48 kB │ gzip:  2.42 kB
 dist/components/Icon/assets/iconSelector.js                                                                    9.28 kB │ gzip:  2.18 kB
 dist/icon/Icon.js                                                                                             11.30 kB │ gzip:  2.63 kB
-dist/index.js                                                                                                 13.17 kB │ gzip:  3.18 kB
+dist/index.js                                                                                                 13.19 kB │ gzip:  3.19 kB
 dist/sprinkles/properties.css.js                                                                             115.20 kB │ gzip: 14.54 kB
-[vite:dts] Declaration files built in 10065ms.
+[vite:dts] Declaration files built in 10807ms.
 
-✓ built in 14.38s
+✓ built in 15.36s
 
-> @orfium/ictinus@5.43.3 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> @orfium/ictinus@5.43.4 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
 > vite build --config vite.codemods.config.ts
 
 vite v7.3.1 building client environment for production...
@@ -642,16 +642,16 @@ computing gzip size...
 dist/codemods/drawerCodemod.cjs          1.07 kB │ gzip: 0.42 kB
 dist/codemods/unchangedIconsCodemod.cjs  1.12 kB │ gzip: 0.56 kB
 dist/codemods/globalsCodemod.cjs         6.99 kB │ gzip: 1.11 kB
-[vite:dts] Declaration files built in 778ms.
+[vite:dts] Declaration files built in 848ms.
 
-✓ built in 953ms
+✓ built in 1.01s
 
-> @orfium/ictinus@5.43.3 build:vanilla /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> @orfium/ictinus@5.43.4 build:vanilla /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
 > rm -rf dist/vanilla && NODE_ENV=production rollup -c
 
 
 ./src/vanilla/index.ts → dist/vanilla...
-created dist/vanilla in 1.9s
+created dist/vanilla in 2s
 
 ./src/vanilla/index.ts → dist/vanilla...
 (!) Unresolved dependencies

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orfium/ictinus
 
+## 5.43.4
+
+### Patch Changes
+
+- 6faf00e: icon button color
+
 ## 5.43.3
 
 ### Patch Changes

package/dist/components/IconButton/IconButton.js

@@ -1,19 +1,18 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import c from "react";
-import s from "../ButtonBase/ButtonBase.js";
-import { BUTTON_ICON_COLOR as f } from "../ButtonBase/constants.js";
-import { Icon as d } from "../../icon/Icon.js";
-const p = c.forwardRef((o, e) => {
-  const {
-    iconName: a,
-    size: m = "normal",
-    type: i = "primary",
-    shape: n = "circle",
-    dataTestPrefixId: t
-  } = o;
-  return /* @__PURE__ */ r(s, { ...o, ref: e, isIconButton: !0, shape: n, dataTestPrefixId: t ? `${t}-icon-` : "icon-", children: /* @__PURE__ */ r(d, { size: m === "compact" ? "sm" : "md", name: a, color: f[i] }) });
-});
-p.displayName = "IconButton";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import f from "react";
+import p from "../ButtonBase/ButtonBase.js";
+import { BUTTON_ICON_COLOR as l } from "../ButtonBase/constants.js";
+import { Icon as s } from "../../icon/Icon.js";
+const u = f.forwardRef(({
+  size: o = "normal",
+  type: r = "primary",
+  shape: c = "circle",
+  iconName: n,
+  iconColor: a,
+  dataTestPrefixId: t,
+  ...i
+}, e) => /* @__PURE__ */ m(p, { ...i, ref: e, isIconButton: !0, shape: c, size: o, type: r, dataTestPrefixId: t ? `${t}-icon-` : "icon-", children: /* @__PURE__ */ m(s, { size: o === "compact" ? "sm" : "md", name: n, color: a ?? l[r] }) }));
+u.displayName = "IconButton";
 export {
-  p as default
+  u as default
 };

package/dist/components/Modal/Modal.js

@@ -1,44 +1,44 @@
-import { jsx as r, jsxs as f } from "@emotion/react/jsx-runtime";
-import { vars as u } from "@orfium/tokens";
-import p from "../../hooks/useEscape.js";
-import { useOverlayStack as v } from "../../hooks/useOverlayStack.js";
-import { rem as i } from "polished";
-import { generateTestDataId as y } from "../../utils/helpers.js";
+import { jsx as o, jsxs as f } from "@emotion/react/jsx-runtime";
+import u from "../../hooks/useEscape.js";
+import { useOverlayStack as p } from "../../hooks/useOverlayStack.js";
+import { rem as a } from "polished";
+import "@orfium/tokens";
+import { generateTestDataId as v } from "../../utils/helpers.js";
 import "@emotion/react";
-import { useRef as h, useEffect as b } from "react";
-import { backgroundContainer as x, cardSizing as C, closeContainer as g, modalContainer as k } from "./Modal.style.js";
-import I from "./ModalContent/ModalContent.js";
-import M from "../Card/Card.js";
-import j from "../IconButton/IconButton.js";
-const A = ({
-  isOpen: o = !1,
+import { useRef as y, useEffect as h } from "react";
+import { backgroundContainer as C, cardSizing as b, closeContainer as g, modalContainer as k } from "./Modal.style.js";
+import x from "./ModalContent/ModalContent.js";
+import I from "../Card/Card.js";
+import M from "../IconButton/IconButton.js";
+const q = ({
+  isOpen: r = !1,
   onClose: e,
   dataTestId: d,
   children: l,
   contentProps: t,
   isContentPadded: s = !0,
-  maxWidth: m = `${i(500)}`,
-  maxHeight: c = `${i(684)}`
+  maxWidth: m = `${a(500)}`,
+  maxHeight: n = `${a(684)}`
 }) => {
-  const a = h(null), {
-    overlayProps: n
-  } = v({
-    isVisible: o,
+  const i = y(null), {
+    overlayProps: c
+  } = p({
+    isVisible: r,
     isNonModal: !1,
-    overlayRef: a,
+    overlayRef: i,
     onClose: e
   });
-  return p(() => {
+  return u(() => {
     e();
-  }), b(() => (o && (document.body.style.overflow = "hidden"), () => {
+  }), h(() => (r && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "";
-  }), [o]), o ? /* @__PURE__ */ r("div", { css: x, "data-testid": y("modal-container", d), children: /* @__PURE__ */ r("div", { ...n, ref: a, css: C(m, c), children: /* @__PURE__ */ f(M, { elevated: "02", radius: "3", children: [
-    /* @__PURE__ */ r("div", { css: g, children: /* @__PURE__ */ r(j, { type: "tertiary", iconName: "close", onClick: e, color: u.color.text.default.secondary, dataTestId: "modal-close" }) }),
-    /* @__PURE__ */ r("div", { css: k({
+  }), [r]), r ? /* @__PURE__ */ o("div", { css: C, "data-testid": v("modal-container", d), children: /* @__PURE__ */ o("div", { ...c, ref: i, css: b(m, n), children: /* @__PURE__ */ f(I, { elevated: "02", radius: "3", children: [
+    /* @__PURE__ */ o("div", { css: g, children: /* @__PURE__ */ o(M, { type: "tertiary", iconName: "close", onClick: e, iconColor: "secondary", dataTestId: "modal-close" }) }),
+    /* @__PURE__ */ o("div", { css: k({
       isContentPadded: s
-    }), children: t ? /* @__PURE__ */ r(I, { ...t }) : l })
+    }), children: t ? /* @__PURE__ */ o(x, { ...t }) : l })
   ] }) }) }) : null;
 };
 export {
-  A as default
+  q as default
 };

package/dist/components/Table/components/TPagination/TPagination.js

@@ -1,45 +1,44 @@
-import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
-import { vars as n } from "@orfium/tokens";
-import { paginationContainer as y, itemsPerPageContainer as v, counterContainer as f, counterWrapper as u, buttonsContainer as C } from "./TPagination.style.js";
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { paginationContainer as h, itemsPerPageContainer as y, counterContainer as v, counterWrapper as C, buttonsContainer as f } from "./TPagination.style.js";
 import $ from "../../../Select/Select.js";
 import s from "../../../Typography/Typography.js";
-import c from "../../../IconButton/IconButton.js";
-const w = ({
-  pagination: m,
-  isSticky: b,
+import r from "../../../IconButton/IconButton.js";
+const k = ({
+  pagination: g,
+  isSticky: m,
   dataTestPrefixId: t
 }) => {
   const {
     page: a,
-    totalPages: o,
-    onChange: i,
-    showItems: l,
-    showItemsOptions: p,
-    onShowItemsChange: h,
-    isEnhancedPaginationVisible: d,
+    totalPages: i,
+    onChange: o,
+    showItems: c,
+    showItemsOptions: l,
+    onShowItemsChange: b,
+    isEnhancedPaginationVisible: p,
     isNextPageDisabled: _,
-    isPrevPageDisabled: g
-  } = m;
-  return /* @__PURE__ */ r("div", { css: y({
-    isSticky: b
+    isPrevPageDisabled: d
+  } = g;
+  return /* @__PURE__ */ n("div", { css: h({
+    isSticky: m
   }), children: [
-    /* @__PURE__ */ e("div", { css: v(), children: l && p && /* @__PURE__ */ e($, { label: "", size: "compact", options: p, selectedOption: l, isSearchable: !1, onChange: h, dataTestId: `${t}_table_show_items` }) }),
-    /* @__PURE__ */ r("div", { css: f(), children: [
-      /* @__PURE__ */ r("div", { css: u(), "data-testid": `${t}_table_pages_info`, children: [
+    /* @__PURE__ */ e("div", { css: y(), children: c && l && /* @__PURE__ */ e($, { label: "", size: "compact", options: l, selectedOption: c, isSearchable: !1, onChange: b, dataTestId: `${t}_table_show_items` }) }),
+    /* @__PURE__ */ n("div", { css: v(), children: [
+      /* @__PURE__ */ n("div", { css: C(), "data-testid": `${t}_table_pages_info`, children: [
         /* @__PURE__ */ e(s, { type: "secondary", variant: "body03", children: "page" }),
         /* @__PURE__ */ e(s, { variant: "label03", "data-testid": `${t}_table_current_page`, children: a }),
         /* @__PURE__ */ e(s, { type: "secondary", variant: "body03", children: "of" }),
-        /* @__PURE__ */ e(s, { variant: "label03", "data-testid": `${t}_table_total_pages`, children: o })
+        /* @__PURE__ */ e(s, { variant: "label03", "data-testid": `${t}_table_total_pages`, children: i })
       ] }),
-      /* @__PURE__ */ r("div", { css: C(), children: [
-        d && /* @__PURE__ */ e(c, { color: n.color.text.default.secondary, iconName: "pageFirst", size: "compact", type: "tertiary", onClick: () => i(1), isDisabled: a === 1 || g, dataTestPrefixId: `${t}_table_go_to_first_page` }),
-        /* @__PURE__ */ e(c, { color: n.color.text.default.secondary, iconName: "chevronLeft", size: "compact", type: "tertiary", onClick: () => i(a - 1), isDisabled: a === 1 || g, dataTestPrefixId: `${t}_table_go_to_prev_page` }),
-        /* @__PURE__ */ e(c, { color: n.color.text.default.secondary, iconName: "chevronRight", size: "compact", type: "tertiary", onClick: () => i(a + 1), isDisabled: a === o || _, dataTestPrefixId: `${t}_table_go_to_next_page` }),
-        d && /* @__PURE__ */ e(c, { color: n.color.text.default.secondary, iconName: "pageLast", size: "compact", type: "tertiary", onClick: () => i(o), isDisabled: a === o || _, dataTestPrefixId: `${t}_table_go_to_last_page` })
+      /* @__PURE__ */ n("div", { css: f(), children: [
+        p && /* @__PURE__ */ e(r, { iconName: "pageFirst", size: "compact", type: "tertiary", onClick: () => o(1), isDisabled: a === 1 || d, dataTestPrefixId: `${t}_table_go_to_first_page` }),
+        /* @__PURE__ */ e(r, { iconName: "chevronLeft", size: "compact", type: "tertiary", onClick: () => o(a - 1), isDisabled: a === 1 || d, dataTestPrefixId: `${t}_table_go_to_prev_page` }),
+        /* @__PURE__ */ e(r, { iconName: "chevronRight", size: "compact", type: "tertiary", onClick: () => o(a + 1), isDisabled: a === i || _, dataTestPrefixId: `${t}_table_go_to_next_page` }),
+        p && /* @__PURE__ */ e(r, { iconName: "pageLast", size: "compact", type: "tertiary", onClick: () => o(i), isDisabled: a === i || _, dataTestPrefixId: `${t}_table_go_to_last_page` })
       ] })
     ] })
   ] });
 };
 export {
-  w as default
+  k as default
 };

package/dist/index.js

@@ -1,288 +1,289 @@
 import { rem as s } from "polished";
 import { queriesKeys as p, queriesSizes as m, useBreakpoints as u } from "./hooks/useBreakpoints.js";
 import * as e from "@orfium/tokens";
-import { backgroundPickerBasedOnType as d, calculateActualColorFromComponentProp as i, colorPickerBasedOnType as n, convertRemToPixels as T, dimensionVariables as c, fillPickerBasedOnType as C, getColorFromType as y, globalColors as S, parseCompositionToken as g, semanticVariablesBoxShadow as b, semanticVariablesColors as h, semanticVariablesTypography as B } from "@orfium/tokens";
+import { backgroundPickerBasedOnType as d, calculateActualColorFromComponentProp as i, colorPickerBasedOnType as n, convertRemToPixels as T, dimensionVariables as c, fillPickerBasedOnType as C, getColorFromType as y, globalColors as S, parseCompositionToken as g, semanticVariablesBoxShadow as b, semanticVariablesColors as h, semanticVariablesTypography as B, vars as I } from "@orfium/tokens";
 import { default as E } from "./components/utils/ClickAwayListener/ClickAwayListener.js";
 import * as o from "./theme/overrides.js";
 import { useCheck as P } from "./hooks/useCheck.js";
-import { default as v } from "./hooks/useCombinedRefs.js";
-import { default as F } from "./hooks/useElementSize.js";
-import { default as w } from "./hooks/useEscape.js";
-import { default as N } from "./hooks/useEventListener.js";
-import { default as M } from "./hooks/useFieldUtils.js";
-import { default as _ } from "./hooks/useIsoMorphicLayoutEffect.js";
-import { KEYBOARD_EVENT_KEYS as U, default as K } from "./hooks/useKeyboardEvents.js";
-import { useLoading as z } from "./hooks/useLoading.js";
-import { useOverlayStack as Y } from "./hooks/useOverlayStack.js";
-import { default as W } from "./hooks/usePagination.js";
-import { default as J } from "./hooks/useTheme.js";
-import { ThemeSwitchProvider as Z, useThemeSwitch as $ } from "./hooks/useThemeSwitch.js";
-import { default as oe } from "./hooks/useToggle.js";
-import { TypeColorToColorMatchProvider as re, useTypeColorToColorMatch as ae } from "./hooks/useTypeColorToColorMatch.js";
-import { default as se } from "./utils/date.js";
-import { PropsValidationError as pe, ValidationError as me } from "./utils/errors.js";
-import { errorHandler as xe, generateTestDataId as de, generateUniqueID as ie, generateUniqueKey as ne, getLocaleFormat as Te, isComponentFunctionType as ce } from "./utils/helpers.js";
-import { centerAbsoluteVertical as ye, flex as Se, flexCenter as ge, flexCenterVertical as be, grid as he, lineEllipsis as Be, plainTextButton as Ie, transition as Ee, well as Le } from "./theme/functions.js";
+import { default as D } from "./hooks/useCombinedRefs.js";
+import { default as V } from "./hooks/useElementSize.js";
+import { default as A } from "./hooks/useEscape.js";
+import { default as R } from "./hooks/useEventListener.js";
+import { default as O } from "./hooks/useFieldUtils.js";
+import { default as H } from "./hooks/useIsoMorphicLayoutEffect.js";
+import { KEYBOARD_EVENT_KEYS as K, default as q } from "./hooks/useKeyboardEvents.js";
+import { useLoading as G } from "./hooks/useLoading.js";
+import { useOverlayStack as j } from "./hooks/useOverlayStack.js";
+import { default as X } from "./hooks/usePagination.js";
+import { default as Q } from "./hooks/useTheme.js";
+import { ThemeSwitchProvider as $, useThemeSwitch as ee } from "./hooks/useThemeSwitch.js";
+import { default as te } from "./hooks/useToggle.js";
+import { TypeColorToColorMatchProvider as ae, useTypeColorToColorMatch as fe } from "./hooks/useTypeColorToColorMatch.js";
+import { default as le } from "./utils/date.js";
+import { PropsValidationError as me, ValidationError as ue } from "./utils/errors.js";
+import { errorHandler as de, generateTestDataId as ie, generateUniqueID as ne, generateUniqueKey as Te, getLocaleFormat as ce, isComponentFunctionType as Ce } from "./utils/helpers.js";
+import { centerAbsoluteVertical as Se, flex as ge, flexCenter as be, flexCenterVertical as he, grid as Be, lineEllipsis as Ie, plainTextButton as ve, transition as Ee, well as Le } from "./theme/functions.js";
 import { default as ke } from "./theme/index.js";
-import { default as De } from "./components/Avatar/Avatar.js";
-import { default as Ve } from "./components/Avatar/AvatarStack/AvatarStack.js";
-import { default as Ae } from "./components/Box/Box.js";
-import { default as Re } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as Oe } from "./components/Button/Button.js";
-import { default as He } from "./components/ButtonBase/ButtonBase.js";
-import { default as Ke } from "./components/Card/Card.js";
-import { default as ze } from "./components/DropdownButton/DropdownButton.js";
-import { default as Ye } from "./components/Chart/BarChart/BarChart.js";
-import { default as We } from "./components/Chart/DonutChart/DonutChart.js";
-import { default as Je } from "./components/Chart/LineChart/LineChart.js";
-import { default as Ze } from "./components/Controls/CheckBox/CheckBox.js";
-import { default as eo } from "./components/ExpandCollapse/ExpandCollapse.js";
-import { default as to } from "./components/Icon/Icon.js";
-import { default as ao } from "./components/IconButton/IconButton.js";
-import { default as so } from "./components/Label/Label.js";
-import { default as po } from "./components/Link/Link.js";
-import { default as uo } from "./components/List/List.js";
-import { default as io } from "./components/Menu/Menu.js";
-import { default as To } from "./components/Modal/Modal.js";
-import { default as Co } from "./components/Modal/ModalContent/ModalContent.js";
-import { default as So } from "./components/MultiTextFieldBase/MultiTextFieldBase.js";
-import { default as bo } from "./components/Notification/Banner/Banner.js";
-import { default as Bo } from "./components/Notification/InlineNotification/InlineNotification.js";
+import { default as Fe } from "./components/Avatar/Avatar.js";
+import { default as we } from "./components/Avatar/AvatarStack/AvatarStack.js";
+import { default as Ne } from "./components/Box/Box.js";
+import { default as Me } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as _e } from "./components/Button/Button.js";
+import { default as Ue } from "./components/ButtonBase/ButtonBase.js";
+import { default as qe } from "./components/Card/Card.js";
+import { default as Ge } from "./components/DropdownButton/DropdownButton.js";
+import { default as je } from "./components/Chart/BarChart/BarChart.js";
+import { default as Xe } from "./components/Chart/DonutChart/DonutChart.js";
+import { default as Qe } from "./components/Chart/LineChart/LineChart.js";
+import { default as $e } from "./components/Controls/CheckBox/CheckBox.js";
+import { default as oo } from "./components/ExpandCollapse/ExpandCollapse.js";
+import { default as ro } from "./components/Icon/Icon.js";
+import { default as fo } from "./components/IconButton/IconButton.js";
+import { default as lo } from "./components/Label/Label.js";
+import { default as mo } from "./components/Link/Link.js";
+import { default as xo } from "./components/List/List.js";
+import { default as no } from "./components/Menu/Menu.js";
+import { default as co } from "./components/Modal/Modal.js";
+import { default as yo } from "./components/Modal/ModalContent/ModalContent.js";
+import { default as go } from "./components/MultiTextFieldBase/MultiTextFieldBase.js";
+import { default as ho } from "./components/Notification/Banner/Banner.js";
+import { default as Io } from "./components/Notification/InlineNotification/InlineNotification.js";
 import { default as Eo } from "./components/Notification/NotificationsContainer/NotificationsContainer.js";
 import { default as Po } from "./components/Notification/NotificationVisual/NotificationVisual.js";
-import { default as vo } from "./components/Notification/Snackbar/Snackbar.js";
-import { default as Fo } from "./components/Controls/Radio/Radio.js";
-import { default as wo } from "./components/Controls/Radio/components/RadioGroup/RadioGroup.js";
-import { default as No } from "./components/Controls/Switch/Switch.js";
-import { default as Mo } from "./components/Drawer/Drawer.js";
-import { default as _o } from "./components/Filter/Filter.js";
-import { default as Uo } from "./components/NumberField/NumberField.js";
-import { default as qo } from "./components/Pagination/Pagination.js";
-import { default as Go } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { MAX as jo, MIN as Wo, STEP_WITH_INCREMENTS as Xo, default as Jo } from "./components/Slider/Slider.js";
-import { default as Zo } from "./components/Tabs/Tabs.js";
-import { default as et } from "./components/TabStepper/TabStepper.js";
-import { default as tt } from "./components/Tag/Tag.js";
-import { default as at } from "./components/ThemeProvider/ThemeProvider.js";
-import { default as st, isNotificationTypes as lt } from "./components/ToastV4/ToastV4.js";
-import { default as mt } from "./components/Tooltip/Tooltip.js";
-import { default as xt } from "./components/TopAppBar/TopAppBar.js";
-import { default as it } from "./components/TruncatedContent/TruncatedContent.js";
-import { default as Tt, detectComponentBasedOnType as ct } from "./components/Typography/Typography.js";
-import { default as yt } from "./components/Icon/assets/iconSelector.js";
-import { default as gt } from "./components/List/components/ListItemText/ListItemText.js";
-import { default as ht } from "./components/List/components/ListItemAction/ListItemAction.js";
-import { default as It } from "./components/List/ListItem.js";
+import { default as Do } from "./components/Notification/Snackbar/Snackbar.js";
+import { default as Vo } from "./components/Controls/Radio/Radio.js";
+import { default as Ao } from "./components/Controls/Radio/components/RadioGroup/RadioGroup.js";
+import { default as Ro } from "./components/Controls/Switch/Switch.js";
+import { default as Oo } from "./components/Drawer/Drawer.js";
+import { default as Ho } from "./components/Filter/Filter.js";
+import { default as Ko } from "./components/NumberField/NumberField.js";
+import { default as zo } from "./components/Pagination/Pagination.js";
+import { default as Yo } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { MAX as Wo, MIN as Xo, STEP_WITH_INCREMENTS as Jo, default as Qo } from "./components/Slider/Slider.js";
+import { default as $o } from "./components/Tabs/Tabs.js";
+import { default as ot } from "./components/TabStepper/TabStepper.js";
+import { default as rt } from "./components/Tag/Tag.js";
+import { default as ft } from "./components/ThemeProvider/ThemeProvider.js";
+import { default as lt, isNotificationTypes as pt } from "./components/ToastV4/ToastV4.js";
+import { default as ut } from "./components/Tooltip/Tooltip.js";
+import { default as dt } from "./components/TopAppBar/TopAppBar.js";
+import { default as nt } from "./components/TruncatedContent/TruncatedContent.js";
+import { default as ct, detectComponentBasedOnType as Ct } from "./components/Typography/Typography.js";
+import { default as St } from "./components/Icon/assets/iconSelector.js";
+import { default as bt } from "./components/List/components/ListItemText/ListItemText.js";
+import { default as Bt } from "./components/List/components/ListItemAction/ListItemAction.js";
+import { default as vt } from "./components/List/ListItem.js";
 import { default as Lt } from "./components/List/ListSection.js";
 import { default as kt } from "./components/Menu/MenuItemDivider.js";
-import { default as Dt } from "./components/Drawer/components/DrawerHeader/DrawerHeader.js";
-import { default as Vt } from "./components/Drawer/components/DrawerContent/DrawerContent.js";
-import { default as At } from "./components/Drawer/components/DrawerFooter/DrawerFooter.js";
-import { default as Rt } from "./components/Table/components/TBody/TBody.js";
-import { default as Ot } from "./components/Table/components/THead/THead.js";
-import { default as Ht } from "./components/Table/components/TH/TH.js";
-import { default as Kt } from "./components/Table/components/TR/TR.js";
-import { default as zt } from "./components/Table/components/TD/TD.js";
-import { default as Yt } from "./components/Table/components/TPagination/TPagination.js";
-import { default as Wt } from "./components/Table/hooks/useTable.js";
-import { default as Jt } from "./components/Tabs/components/Tab/Tab.js";
-import { default as Zt } from "./components/Tabs/components/TabList/TabList.js";
-import { default as er } from "./components/Tabs/components/TabsContainer/TabsContainer.js";
-import { default as tr } from "./components/Tabs/components/TabPanel/TabPanel.js";
-import { default as ar } from "./components/TabStepper/components/TabStep/TabStep.js";
-import { default as sr } from "./components/TabStepper/components/TabStepList/TabStepList.js";
-import { default as pr } from "./components/DatePicker/DatePicker.js";
-import { Broadcast as ur } from "./components/Broadcast/Broadcast.js";
-import { InlineAlert as dr } from "./components/InlineAlert/InlineAlert.js";
-import { ToastContainer as nr, toast as Tr } from "./components/Toast/Toast.js";
-import { default as Cr } from "./components/Search/Search.js";
-import { default as Sr, emptyValue as gr } from "./components/Select/Select.js";
-import { default as hr } from "./components/Select/StatefulSelect.js";
-import { default as Ir } from "./components/Table/Table.js";
+import { default as Ft } from "./components/Drawer/components/DrawerHeader/DrawerHeader.js";
+import { default as wt } from "./components/Drawer/components/DrawerContent/DrawerContent.js";
+import { default as Nt } from "./components/Drawer/components/DrawerFooter/DrawerFooter.js";
+import { default as Mt } from "./components/Table/components/TBody/TBody.js";
+import { default as _t } from "./components/Table/components/THead/THead.js";
+import { default as Ut } from "./components/Table/components/TH/TH.js";
+import { default as qt } from "./components/Table/components/TR/TR.js";
+import { default as Gt } from "./components/Table/components/TD/TD.js";
+import { default as jt } from "./components/Table/components/TPagination/TPagination.js";
+import { default as Xt } from "./components/Table/hooks/useTable.js";
+import { default as Qt } from "./components/Tabs/components/Tab/Tab.js";
+import { default as $t } from "./components/Tabs/components/TabList/TabList.js";
+import { default as or } from "./components/Tabs/components/TabsContainer/TabsContainer.js";
+import { default as rr } from "./components/Tabs/components/TabPanel/TabPanel.js";
+import { default as fr } from "./components/TabStepper/components/TabStep/TabStep.js";
+import { default as lr } from "./components/TabStepper/components/TabStepList/TabStepList.js";
+import { default as mr } from "./components/DatePicker/DatePicker.js";
+import { Broadcast as xr } from "./components/Broadcast/Broadcast.js";
+import { InlineAlert as ir } from "./components/InlineAlert/InlineAlert.js";
+import { ToastContainer as Tr, toast as cr } from "./components/Toast/Toast.js";
+import { default as yr } from "./components/Search/Search.js";
+import { default as gr, emptyValue as br } from "./components/Select/Select.js";
+import { default as Br } from "./components/Select/StatefulSelect.js";
+import { default as vr } from "./components/Table/Table.js";
 import { default as Lr } from "./components/TableV4/TableV4.js";
 import { default as kr } from "./components/TextArea/TextArea.js";
-import { default as Dr } from "./components/TextField/TextField.js";
-import { default as Vr } from "./components/TextInputBase/TextInputBase.js";
-import { version as Ar } from "./package.json.js";
-import { CALENDAR_DEFAULT_OPTIONS as Rr } from "./components/DatePicker/constants.js";
-import { iconsSet as Or } from "./components/Icon/constants.js";
-import { RadioContext as Hr, useRadioGroupContent as Ur } from "./components/Controls/Radio/components/RadioGroup/RadioGroupContext.js";
-import { DrawerContext as qr, DrawerContextProvider as zr, setHasFixedLayout as Gr, setOnClose as Yr, toggleIsScrollbarOnBottom as jr, toggleIsScrollbarOnTop as Wr, useDrawerContext as Xr } from "./components/Drawer/DrawerContext.js";
-import { default as Qr } from "./components/Filter/StatefulFilter.js";
-import { default as $r } from "./components/Search/StatefulSearch.js";
-import { functionalUpdate as oa } from "@tanstack/react-table";
-import { default as ra } from "./components/Table/components/TTitle/TTitle.js";
+import { default as Fr } from "./components/TextField/TextField.js";
+import { default as wr } from "./components/TextInputBase/TextInputBase.js";
+import { version as Nr } from "./package.json.js";
+import { CALENDAR_DEFAULT_OPTIONS as Mr } from "./components/DatePicker/constants.js";
+import { iconsSet as _r } from "./components/Icon/constants.js";
+import { RadioContext as Ur, useRadioGroupContent as Kr } from "./components/Controls/Radio/components/RadioGroup/RadioGroupContext.js";
+import { DrawerContext as zr, DrawerContextProvider as Gr, setHasFixedLayout as Yr, setOnClose as jr, toggleIsScrollbarOnBottom as Wr, toggleIsScrollbarOnTop as Xr, useDrawerContext as Jr } from "./components/Drawer/DrawerContext.js";
+import { default as Zr } from "./components/Filter/StatefulFilter.js";
+import { default as ea } from "./components/Search/StatefulSearch.js";
+import { functionalUpdate as ta } from "@tanstack/react-table";
+import { default as aa } from "./components/Table/components/TTitle/TTitle.js";
 import * as t from "./components/Typography/Typography.config.styles.js";
-import { generateStylesFromTokens as fa } from "./components/Typography/utils.js";
+import { generateStylesFromTokens as sa } from "./components/Typography/utils.js";
 import * as r from "./layers/layers.css.js";
-import { mapResponsiveValue as la, normalizeResponsiveValue as pa, sprinkles as ma } from "./sprinkles/sprinkles.js";
+import { mapResponsiveValue as pa, normalizeResponsiveValue as ma, sprinkles as ua } from "./sprinkles/sprinkles.js";
 export {
-  De as Avatar,
-  Ve as AvatarStack,
-  bo as Banner,
-  Ye as BarChart,
-  Ae as Box,
-  Re as Breadcrumb,
-  ur as Broadcast,
-  Oe as Button,
-  He as ButtonBase,
-  Rr as CALENDAR_DEFAULT_OPTIONS,
-  Ke as Card,
-  Ze as CheckBox,
+  Fe as Avatar,
+  we as AvatarStack,
+  ho as Banner,
+  je as BarChart,
+  Ne as Box,
+  Me as Breadcrumb,
+  xr as Broadcast,
+  _e as Button,
+  Ue as ButtonBase,
+  Mr as CALENDAR_DEFAULT_OPTIONS,
+  qe as Card,
+  $e as CheckBox,
   E as ClickAwayListener,
-  pr as DatePicker,
-  We as DonutChart,
-  Mo as Drawer,
-  Vt as DrawerContent,
-  qr as DrawerContext,
-  zr as DrawerContextProvider,
-  At as DrawerFooter,
-  Dt as DrawerHeader,
-  ze as DropdownButton,
-  eo as ExpandCollapse,
-  _o as Filter,
-  to as Icon,
-  ao as IconButton,
-  dr as InlineAlert,
-  Bo as InlineNotification,
-  U as KEYBOARD_EVENT_KEYS,
-  so as Label,
-  Je as LineChart,
-  po as Link,
-  uo as List,
-  It as ListItem,
-  ht as ListItemAction,
-  gt as ListItemText,
+  mr as DatePicker,
+  Xe as DonutChart,
+  Oo as Drawer,
+  wt as DrawerContent,
+  zr as DrawerContext,
+  Gr as DrawerContextProvider,
+  Nt as DrawerFooter,
+  Ft as DrawerHeader,
+  Ge as DropdownButton,
+  oo as ExpandCollapse,
+  Ho as Filter,
+  ro as Icon,
+  fo as IconButton,
+  ir as InlineAlert,
+  Io as InlineNotification,
+  K as KEYBOARD_EVENT_KEYS,
+  lo as Label,
+  Qe as LineChart,
+  mo as Link,
+  xo as List,
+  vt as ListItem,
+  Bt as ListItemAction,
+  bt as ListItemText,
   Lt as ListSection,
-  jo as MAX,
-  Wo as MIN,
-  io as Menu,
+  Wo as MAX,
+  Xo as MIN,
+  no as Menu,
   kt as MenuItemDivider,
-  To as Modal,
-  Co as ModalContent,
-  So as MultiTextFieldBase,
+  co as Modal,
+  yo as ModalContent,
+  go as MultiTextFieldBase,
   Po as NotificationVisual,
   Eo as NotificationsContainer,
-  Uo as NumberField,
-  qo as Pagination,
-  Go as ProgressIndicator,
-  pe as PropsValidationError,
-  Fo as Radio,
-  Hr as RadioContext,
-  wo as RadioGroup,
-  Xo as STEP_WITH_INCREMENTS,
-  Cr as Search,
-  Sr as Select,
-  Jo as Slider,
-  vo as Snackbar,
-  Qr as StatefulFilter,
-  $r as StatefulSearch,
-  hr as StatefulSelect,
-  No as Switch,
-  Rt as TBody,
-  zt as TD,
-  Ht as TH,
-  Ot as THead,
-  Yt as TPagination,
-  Kt as TR,
-  ra as TTitle,
-  Jt as Tab,
-  Zt as TabList,
-  tr as TabPanel,
-  ar as TabStep,
-  sr as TabStepList,
-  et as TabStepper,
-  Ir as Table,
+  Ko as NumberField,
+  zo as Pagination,
+  Yo as ProgressIndicator,
+  me as PropsValidationError,
+  Vo as Radio,
+  Ur as RadioContext,
+  Ao as RadioGroup,
+  Jo as STEP_WITH_INCREMENTS,
+  yr as Search,
+  gr as Select,
+  Qo as Slider,
+  Do as Snackbar,
+  Zr as StatefulFilter,
+  ea as StatefulSearch,
+  Br as StatefulSelect,
+  Ro as Switch,
+  Mt as TBody,
+  Gt as TD,
+  Ut as TH,
+  _t as THead,
+  jt as TPagination,
+  qt as TR,
+  aa as TTitle,
+  Qt as Tab,
+  $t as TabList,
+  rr as TabPanel,
+  fr as TabStep,
+  lr as TabStepList,
+  ot as TabStepper,
+  vr as Table,
   Lr as TableV4,
-  Zo as Tabs,
-  er as TabsContainer,
-  tt as Tag,
+  $o as Tabs,
+  or as TabsContainer,
+  rt as Tag,
   kr as TextArea,
-  Dr as TextField,
-  Vr as TextInputBase,
-  at as ThemeProvider,
-  Z as ThemeSwitchProvider,
-  nr as ToastContainer,
-  st as ToastV4,
-  mt as Tooltip,
-  xt as TopNavBar,
-  it as TruncatedContent,
-  re as TypeColorToColorMatchProvider,
-  Tt as Typography,
+  Fr as TextField,
+  wr as TextInputBase,
+  ft as ThemeProvider,
+  $ as ThemeSwitchProvider,
+  Tr as ToastContainer,
+  lt as ToastV4,
+  ut as Tooltip,
+  dt as TopNavBar,
+  nt as TruncatedContent,
+  ae as TypeColorToColorMatchProvider,
+  ct as Typography,
   t as TypographyConfigStyles,
-  me as ValidationError,
+  ue as ValidationError,
   d as backgroundPickerBasedOnType,
   i as calculateActualColorFromComponentProp,
-  ye as centerAbsoluteVertical,
+  Se as centerAbsoluteVertical,
   n as colorPickerBasedOnType,
   T as convertRemToPixels,
-  se as dayjs,
-  ct as detectComponentBasedOnType,
+  le as dayjs,
+  Ct as detectComponentBasedOnType,
   e as dimension,
   c as dimensionVariables,
   e as elevation,
-  gr as emptyValue,
-  xe as errorHandler,
+  br as emptyValue,
+  de as errorHandler,
   C as fillPickerBasedOnType,
-  Se as flex,
-  ge as flexCenter,
-  be as flexCenterVertical,
-  fa as generateStylesFromTokens,
-  de as generateTestDataId,
-  ie as generateUniqueID,
-  ne as generateUniqueKey,
+  ge as flex,
+  be as flexCenter,
+  he as flexCenterVertical,
+  sa as generateStylesFromTokens,
+  ie as generateTestDataId,
+  ne as generateUniqueID,
+  Te as generateUniqueKey,
   y as getColorFromType,
-  Te as getLocaleFormat,
+  ce as getLocaleFormat,
   S as globalColors,
-  he as grid,
-  yt as iconSelector,
-  Or as iconsSet,
-  ce as isComponentFunctionType,
-  lt as isNotificationTypes,
+  Be as grid,
+  St as iconSelector,
+  _r as iconsSet,
+  Ce as isComponentFunctionType,
+  pt as isNotificationTypes,
   r as layers,
-  Be as lineEllipsis,
-  la as mapResponsiveValue,
-  pa as normalizeResponsiveValue,
+  Ie as lineEllipsis,
+  pa as mapResponsiveValue,
+  ma as normalizeResponsiveValue,
   o as overrides,
   e as palette,
   g as parseCompositionToken,
-  Ie as plainTextButton,
+  ve as plainTextButton,
   p as queriesKeys,
   m as queriesSizes,
   s as rem,
   b as semanticVariablesBoxShadow,
   h as semanticVariablesColors,
   B as semanticVariablesTypography,
-  Gr as setHasFixedLayout,
-  Yr as setOnClose,
+  Yr as setHasFixedLayout,
+  jr as setOnClose,
   e as spacing,
-  ma as sprinkles,
-  oa as tableFunctionalUpdate,
+  ua as sprinkles,
+  ta as tableFunctionalUpdate,
   ke as themeConfig,
-  Tr as toast,
-  jr as toggleIsScrollbarOnBottom,
-  Wr as toggleIsScrollbarOnTop,
+  cr as toast,
+  Wr as toggleIsScrollbarOnBottom,
+  Xr as toggleIsScrollbarOnTop,
   Ee as transition,
   e as typography,
   u as useBreakpoints,
   P as useCheck,
-  v as useCombinedRefs,
-  Xr as useDrawerContext,
-  F as useElementSize,
-  w as useEscape,
-  N as useEventListener,
-  M as useFieldUtils,
-  _ as useIsoMorphicLayoutEffect,
-  K as useKeyboardEvents,
-  z as useLoading,
-  Y as useOverlayStack,
-  W as usePagination,
-  Ur as useRadioGroupContent,
-  Wt as useTable,
-  J as useTheme,
-  $ as useThemeSwitch,
-  oe as useToggle,
-  ae as useTypeColorToColorMatch,
-  Ar as version,
+  D as useCombinedRefs,
+  Jr as useDrawerContext,
+  V as useElementSize,
+  A as useEscape,
+  R as useEventListener,
+  O as useFieldUtils,
+  H as useIsoMorphicLayoutEffect,
+  q as useKeyboardEvents,
+  G as useLoading,
+  j as useOverlayStack,
+  X as usePagination,
+  Kr as useRadioGroupContent,
+  Xt as useTable,
+  Q as useTheme,
+  ee as useThemeSwitch,
+  te as useToggle,
+  fe as useTypeColorToColorMatch,
+  I as vars,
+  Nr as version,
   Le as well
 };

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@orfium/ictinus",
-  "version": "5.43.3",
+  "version": "5.43.4",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "5.43.3";
+const o = "5.43.4";
 export {
   o as version
 };

package/dist/src/components/Icon/Icon.d.ts

@@ -15,5 +15,10 @@ export type IconProps = {
     /** Whether the icon has a onHover style. Defaults to true if onClick is provided */
     hasHover?: boolean;
 } & DivProps & TestProps;
+/**
+ *
+ * @deprecated {@link Icon} has been deprecated; use vanilla Icon instead.
+ *
+ */
 declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Icon;

package/dist/src/components/IconButton/IconButton.d.ts

@@ -2,21 +2,26 @@ import { default as React } from 'react';
 import { PrimitiveButtonTypes } from '../Button/Button.types';
 import { ButtonBaseProps } from '../ButtonBase/ButtonBase';
 import { IconProps } from '../../icon';
+import { BoxProps } from '../../vanilla/Box';
 export type IconButtonShape = 'circle' | 'square';
 export type IconButtonProps = Omit<ButtonBaseProps, 'type' | 'isBlock' | 'isLoading' | 'isIconButton'> & {
     /** This property defines the type of the IconButton */
     type?: PrimitiveButtonTypes;
-    /** This property defines witch icon to use */
-    iconName: IconProps['name'];
     /** This property defines the shape of the IconButton */
     shape?: IconButtonShape;
+    /** This property defines witch icon to use */
+    iconName: IconProps['name'];
+    /** Custom icon color */
+    iconColor?: BoxProps['color'];
 };
 declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "type" | "isLoading" | "isBlock" | "isIconButton"> & {
     /** This property defines the type of the IconButton */
     type?: PrimitiveButtonTypes;
-    /** This property defines witch icon to use */
-    iconName: IconProps["name"];
     /** This property defines the shape of the IconButton */
     shape?: IconButtonShape;
+    /** This property defines witch icon to use */
+    iconName: IconProps["name"];
+    /** Custom icon color */
+    iconColor?: BoxProps["color"];
 } & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/src/components/Menu/Menu.d.ts

@@ -28,5 +28,10 @@ export type MenuProps = {
         };
     };
 } & TestProps;
+/**
+ *
+ * @deprecated {@link Menu} has been deprecated; use vanilla Menu instead.
+ *
+ */
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

package/dist/src/index.d.ts

@@ -19,6 +19,7 @@ export type { BorderRadiusKey, BorderWidthKey, Colors, ColorsKey, FontFamilyKey,
 export { semanticVariablesBoxShadow, semanticVariablesColors, semanticVariablesTypography, } from '@orfium/tokens';
 export type { SemanticBoxShadow, SemanticBoxShadowKey, SemanticColors, SemanticColorsKey, SemanticDisabledState, SemanticState, SemanticTypography, SemanticTypographyKey, TypographyKeys, TypographyObject, } from '@orfium/tokens';
 export type { DotKeys, Token, TokensObject } from '@orfium/tokens';
+export { vars } from '@orfium/tokens';
 export type { OnCheckHandler } from './hooks/useCheck';
 export type { ClickEvent, ClickHandler } from './hooks/useLoading';
 export type { ModalContentProps } from './components/Modal/ModalContent/ModalContent';

package/dist/vanilla/package.json.js

@@ -1,3 +1,3 @@
-var version = "5.43.3";
+var version = "5.43.4";
 
 export { version };

package/dist/vanilla/src/components/IconButton/IconButton.js

@@ -4,27 +4,36 @@ import ButtonBase from '../ButtonBase/ButtonBase.js';
 import { BUTTON_ICON_COLOR } from '../ButtonBase/constants.js';
 import { Icon } from '../../icon/Icon.js';
 
-const IconButton = React__default.forwardRef((props, ref) => {
-  const { iconName, size = "normal", type = "primary", shape = "circle", dataTestPrefixId } = props;
-  return /* @__PURE__ */ jsx(
+const IconButton = React__default.forwardRef(
+  ({
+    size = "normal",
+    type = "primary",
+    shape = "circle",
+    iconName,
+    iconColor,
+    dataTestPrefixId,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(
     ButtonBase,
     {
       ...props,
       ref,
       isIconButton: true,
       shape,
+      size,
+      type,
       dataTestPrefixId: dataTestPrefixId ? `${dataTestPrefixId}-icon-` : "icon-",
       children: /* @__PURE__ */ jsx(
         Icon,
         {
           size: size === "compact" ? "sm" : "md",
           name: iconName,
-          color: BUTTON_ICON_COLOR[type]
+          color: iconColor ?? BUTTON_ICON_COLOR[type]
         }
       )
     }
-  );
-});
+  )
+);
 IconButton.displayName = "IconButton";
 
 export { IconButton as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "5.43.3",
+  "version": "5.43.4",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",

package/src/components/Icon/Icon.tsx

@@ -24,6 +24,11 @@ export type IconProps = {
 } & DivProps &
   TestProps;
 
+/**
+ *
+ * @deprecated {@link Icon} has been deprecated; use vanilla Icon instead.
+ *
+ */
 const Icon = React.forwardRef<HTMLDivElement, IconProps>((props, ref) => {
   props = useSlotProps(props, 'icon');
   const {

package/src/components/IconButton/IconButton.tsx

@@ -5,6 +5,7 @@ import type { ButtonBaseProps } from 'components/ButtonBase/ButtonBase';
 import ButtonBase from 'components/ButtonBase/ButtonBase';
 import { BUTTON_ICON_COLOR } from 'components/ButtonBase/constants';
 import { Icon, type IconProps } from '../../icon';
+import { type BoxProps } from '../../vanilla/Box';
 
 export type IconButtonShape = 'circle' | 'square';
 
@@ -14,31 +15,44 @@ export type IconButtonProps = Omit<
 > & {
   /** This property defines the type of the IconButton */
   type?: PrimitiveButtonTypes;
-  /** This property defines witch icon to use */
-  iconName: IconProps['name'];
   /** This property defines the shape of the IconButton */
   shape?: IconButtonShape;
+  /** This property defines witch icon to use */
+  iconName: IconProps['name'];
+  /** Custom icon color */
+  iconColor?: BoxProps['color'];
 };
 
-const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {
-  const { iconName, size = 'normal', type = 'primary', shape = 'circle', dataTestPrefixId } = props;
-
-  return (
+const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
+  (
+    {
+      size = 'normal',
+      type = 'primary',
+      shape = 'circle',
+      iconName,
+      iconColor,
+      dataTestPrefixId,
+      ...props
+    },
+    ref
+  ) => (
     <ButtonBase
       {...props}
       ref={ref}
       isIconButton
       shape={shape}
+      size={size}
+      type={type}
       dataTestPrefixId={dataTestPrefixId ? `${dataTestPrefixId}-icon-` : 'icon-'}
     >
       <Icon
         size={size === 'compact' ? 'sm' : 'md'}
         name={iconName}
-        color={BUTTON_ICON_COLOR[type]}
+        color={iconColor ?? BUTTON_ICON_COLOR[type]}
       />
     </ButtonBase>
-  );
-});
+  )
+);
 
 IconButton.displayName = 'IconButton';
 

package/src/components/Menu/Menu.tsx

@@ -30,6 +30,11 @@ export type MenuProps = {
   sx?: { listProps?: { maxHeight?: number; width?: number } };
 } & TestProps;
 
+/**
+ *
+ * @deprecated {@link Menu} has been deprecated; use vanilla Menu instead.
+ *
+ */
 const Menu: React.FC<MenuProps> = ({
   selectionMode = 'single',
   rowSize = 'normal',

package/src/components/Modal/Modal.tsx

@@ -1,4 +1,3 @@
-import { vars } from '@orfium/tokens';
 import Card from 'components/Card';
 import IconButton from 'components/IconButton';
 import useEscape from 'hooks/useEscape';
@@ -72,7 +71,7 @@ const Modal: React.FCC<ModalProps> = ({
               type="tertiary"
               iconName="close"
               onClick={onClose}
-              color={vars.color.text.default.secondary}
+              iconColor="secondary"
               dataTestId="modal-close"
             />
           </div>

package/src/components/Table/components/TPagination/TPagination.tsx

@@ -1,4 +1,3 @@
-import { vars } from '@orfium/tokens';
 import IconButton from 'components/IconButton';
 import Select from 'components/Select';
 import type { TableProps } from 'components/Table/types';
@@ -64,7 +63,6 @@ const TPagination: React.FC<TPaginationProps> = ({ pagination, isSticky, dataTes
         <div css={buttonsContainer()}>
           {isEnhancedPaginationVisible && (
             <IconButton
-              color={vars.color.text.default.secondary}
               iconName="pageFirst"
               size="compact"
               type="tertiary"
@@ -74,7 +72,6 @@ const TPagination: React.FC<TPaginationProps> = ({ pagination, isSticky, dataTes
             />
           )}
           <IconButton
-            color={vars.color.text.default.secondary}
             iconName="chevronLeft"
             size="compact"
             type="tertiary"
@@ -83,7 +80,6 @@ const TPagination: React.FC<TPaginationProps> = ({ pagination, isSticky, dataTes
             dataTestPrefixId={`${dataTestPrefixId}_table_go_to_prev_page`}
           />
           <IconButton
-            color={vars.color.text.default.secondary}
             iconName="chevronRight"
             size="compact"
             type="tertiary"
@@ -93,7 +89,6 @@ const TPagination: React.FC<TPaginationProps> = ({ pagination, isSticky, dataTes
           />
           {isEnhancedPaginationVisible && (
             <IconButton
-              color={vars.color.text.default.secondary}
               iconName="pageLast"
               size="compact"
               type="tertiary"

package/src/index.ts

@@ -93,6 +93,8 @@ export type {
 // Token utility types
 export type { DotKeys, Token, TokensObject } from '@orfium/tokens';
 
+export { vars } from '@orfium/tokens';
+
 // Hook types
 export type { OnCheckHandler } from './hooks/useCheck';