@imtf/icons 0.7.0-beta.0 → 0.7.0

package/lib/icons/PptIcon.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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