@imtf/icons 0.7.0-beta.0 → 0.7.0

package/lib/icons/InheritableIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const InheritableIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const InheritableIcon = ({
   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/InheritableIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const InheritableIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const InheritableIcon = ({
   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/LegalEntityIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const LegalEntityIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const LegalEntityIcon = ({
   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/LegalEntityIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const LegalEntityIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const LegalEntityIcon = ({
   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/LinkIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const LinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const LinkIcon = ({
   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/LinkIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const LinkIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const LinkIcon = ({
   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/LogoIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const LogoIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const LogoIcon = ({
   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/LogoIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const LogoIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const LogoIcon = ({
   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/MenuIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const MenuIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const MenuIcon = ({
   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/MenuIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const MenuIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const MenuIcon = ({
   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/MoreIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const MoreIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const MoreIcon = ({
   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/MoreIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const MoreIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const MoreIcon = ({
   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/NameScreeningIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const NameScreeningIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const NameScreeningIcon = ({
   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/NameScreeningIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const NameScreeningIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const NameScreeningIcon = ({
   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/NaturalPersonIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const NaturalPersonIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const NaturalPersonIcon = ({
   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/NaturalPersonIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const NaturalPersonIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const NaturalPersonIcon = ({
   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/NotFoundIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const NotFoundIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const NotFoundIcon = ({
   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/NotFoundIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const NotFoundIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const NotFoundIcon = ({
   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/NotificationIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const NotificationIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const NotificationIcon = ({
   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/NotificationIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const NotificationIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const NotificationIcon = ({
   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/NotificationsOutlineIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const NotificationsOutlineIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const NotificationsOutlineIcon = ({
   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/NotificationsOutlineIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const NotificationsOutlineIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const NotificationsOutlineIcon = ({
   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/OutgoingIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const OutgoingIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const OutgoingIcon = ({
   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/OutgoingIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const OutgoingIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const OutgoingIcon = ({
   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/PassivatedIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const PassivatedIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const PassivatedIcon = ({
   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/PassivatedIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const PassivatedIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const PassivatedIcon = ({
   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/PassiveOriginArchiveIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const PassiveOriginArchiveIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const PassiveOriginArchiveIcon = ({
   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/PassiveOriginArchiveIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const PassiveOriginArchiveIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const PassiveOriginArchiveIcon = ({
   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/PersonIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const PersonIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const PersonIcon = ({
   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/PersonIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const PersonIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const PersonIcon = ({
   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/PinFilledIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const PinFilledIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const PinFilledIcon = ({
   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/PinFilledIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const PinFilledIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const PinFilledIcon = ({
   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/PinOutlinedIcon.js

@@ -6,8 +6,6 @@ const get = require("../utils/get.js");
 const Context = require("../providers/IconProvider/Context.js");
 const PinOutlinedIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -15,7 +13,7 @@ const PinOutlinedIcon = ({
   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/PinOutlinedIcon.mjs

@@ -5,8 +5,6 @@ import get from "../utils/get.mjs";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 const PinOutlinedIcon = ({
   color: defaultColor,
-  fontSize,
-  // eslint-disable-next-line @typescript-eslint/no-deprecated
   size,
   ...props
 }, ref) => {
@@ -14,7 +12,7 @@ const PinOutlinedIcon = ({
   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]);