@imtf/icons 0.7.0-beta.0 → 0.7.1

package/lib/icons/FileLinkIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FileLinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FileLinkIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FileLinkIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FileLinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FileLinkIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FilePdfIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FilePdfIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FilePdfIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FilePdfIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FilePdfIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FilePdfIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FilePdfLinkIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FilePdfLinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FilePdfLinkIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FilePdfLinkIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FilePdfLinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FilePdfLinkIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FileStackIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FileStackIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FileStackIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FileStackIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FileStackIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FileStackIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FloppyFilledIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FloppyFilledIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FloppyFilledIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FloppyFilledIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FloppyFilledIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FloppyFilledIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FolderIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FolderIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FolderIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FolderIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FolderIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FolderIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FolderTemplateIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FolderTemplateIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FolderTemplateIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FolderTemplateIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FolderTemplateIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FolderTemplateIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FraudDetectionPreventionIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const FraudDetectionPreventionIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const FraudDetectionPreventionIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/FraudDetectionPreventionIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const FraudDetectionPreventionIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const FraudDetectionPreventionIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/GraphIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const GraphIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const GraphIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/GraphIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const GraphIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const GraphIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/GroupIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const GroupIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const GroupIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/GroupIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const GroupIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const GroupIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HistoryIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const HistoryIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const HistoryIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HistoryIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const HistoryIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const HistoryIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HomeIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const HomeIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const HomeIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HomeIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const HomeIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const HomeIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HorseIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const HorseIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const HorseIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HorseIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const HorseIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const HorseIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HouseholdEntityIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const HouseholdEntityIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const HouseholdEntityIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/HouseholdEntityIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const HouseholdEntityIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const HouseholdEntityIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/InboxIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const InboxIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const InboxIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/InboxIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const InboxIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const InboxIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/IncomingIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const IncomingIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const IncomingIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/IncomingIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const IncomingIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const IncomingIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/InfoIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const InfoIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const InfoIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = react.useMemo(() => get.default(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);

package/lib/icons/InfoIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const InfoIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const InfoIcon = ({
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize,
+    fontSize: size ?? defaultContextValues.size ?? "var(--panache-icon-size)",
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color) ?? defaultValues.color, [defaultValues.color, defaultValues.palette]);