@imtf/icons 0.7.0-beta.0 → 0.7.0

package/lib/icons/CancelIcon.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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