@imtf/icons 0.7.0-beta.0 → 0.7.1

package/lib/components/IconSVG.d.ts

@@ -3,13 +3,8 @@ type IconSVGProps = {
     color?: string;
     /**
      * Size of the icon.
-     * @deprecated Use `fontSize` instead.
      */
     size?: string | number;
-    /**
-     * Font size of the icon.
-     */
-    fontSize?: string | number;
     src?: string;
     children?: ReactElement;
 };

package/lib/components/IconSVG.js

@@ -4,14 +4,14 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Context = require("../providers/IconProvider/Context.js");
 const get = require("../utils/get.js");
-const IconComponent = ({ color: defaultColor, fontSize, size, src, children, ...props }, outerRef) => {
+const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
   const innerRef = react.useRef(null);
   react.useImperativeHandle(outerRef, () => innerRef.current, []);
   const defaultContextValues = react.useContext(Context.IconContext);
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize
+    fontSize: size ?? defaultContextValues.size
   };
   const color = react.useMemo(() => {
     const color2 = get.default(defaultValues.palette, defaultValues.color);
@@ -26,12 +26,10 @@ const IconComponent = ({ color: defaultColor, fontSize, size, src, children, ...
         );
         const svg = wrapper.children;
         const path = svg[0].firstElementChild;
-        if (defaultValues.fontSize !== void 0) {
-          svg[0].setAttribute(
-            "font-size",
-            typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize
-          );
-        }
+        svg[0].setAttribute(
+          "font-size",
+          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
+        );
         svg[0].setAttribute("width", "1em");
         svg[0].setAttribute("height", "1em");
         path == null ? void 0 : path.setAttribute("fill", color);

package/lib/components/IconSVG.mjs

@@ -3,14 +3,14 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useImperativeHandle, useContext, useMemo, useEffect, cloneElement } from "react";
 import { IconContext } from "../providers/IconProvider/Context.mjs";
 import get from "../utils/get.mjs";
-const IconComponent = ({ color: defaultColor, fontSize, size, src, children, ...props }, outerRef) => {
+const IconComponent = ({ color: defaultColor, size, src, children, ...props }, outerRef) => {
   const innerRef = useRef(null);
   useImperativeHandle(outerRef, () => innerRef.current, []);
   const defaultContextValues = useContext(IconContext);
   const defaultValues = {
     ...defaultContextValues,
     color: defaultColor ?? defaultContextValues.color,
-    fontSize: fontSize ?? size ?? defaultContextValues.fontSize
+    fontSize: size ?? defaultContextValues.size
   };
   const color = useMemo(() => {
     const color2 = get(defaultValues.palette, defaultValues.color);
@@ -25,12 +25,10 @@ const IconComponent = ({ color: defaultColor, fontSize, size, src, children, ...
         );
         const svg = wrapper.children;
         const path = svg[0].firstElementChild;
-        if (defaultValues.fontSize !== void 0) {
-          svg[0].setAttribute(
-            "font-size",
-            typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize
-          );
-        }
+        svg[0].setAttribute(
+          "font-size",
+          typeof defaultValues.fontSize === "number" ? `${String(defaultValues.fontSize)}px` : defaultValues.fontSize ?? "var(--panache-icon-size)"
+        );
         svg[0].setAttribute("width", "1em");
         svg[0].setAttribute("height", "1em");
         path == null ? void 0 : path.setAttribute("fill", color);

package/lib/icons/AccountEntityIcon.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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