@m4l/base 1.7.0 → 1.7.2-beta-m4lcom-785-data-grids-implementar-la-funcionalidad-de-scroll-infinito.0

package/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,SAAS,EAA0C,MAAM,SAAS,CAAC;AAgC5F;;GAEG;AACH,QAAA,MAAM,IAAI;YAAW,SAAS;;CAqH7B,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,SAAS,EAA0C,MAAM,SAAS,CAAC;AAgC5F;;GAEG;AACH,QAAA,MAAM,IAAI;YAAW,SAAS;;CAuH7B,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/Icon/Icon.js

@@ -1,23 +1,23 @@
-import { jsxs as P, Fragment as j, jsx as n } from "@emotion/react/jsx-runtime";
+import { jsxs as j, Fragment as A, jsx as n } from "@emotion/react/jsx-runtime";
 import u from "clsx";
-import { isValidElement as S, cloneElement as A } from "react";
-import { useModuleSkeleton as L } from "@m4l/core";
+import { isValidElement as S, cloneElement as L } from "react";
+import { useModuleSkeleton as M } from "@m4l/core";
 import { getPropDataTestId as s } from "../../utils/getNameDataTestId.js";
-import { ICON_CLASSES as o, normalizeIconSize as M, ICON_PREFIX as a } from "./constants.js";
-import { TooltipStyled as F, RootStyled as k, IconSkeletonStyled as O, IconStyled as _ } from "./slots/IconSlots.js";
-function B(t) {
+import { ICON_CLASSES as o, normalizeIconSize as F, ICON_PREFIX as a } from "./constants.js";
+import { TooltipStyled as O, RootStyled as b, IconSkeletonStyled as _, IconStyled as B } from "./slots/IconSlots.js";
+function V(t) {
   return "src" in t && typeof t.src == "string" || "icon" in t && typeof t.icon == "string";
 }
-function V(t) {
+function X(t) {
   return "src" in t && t.src !== void 0 && S(t.src) || "icon" in t && t.icon !== void 0 && S(t.icon);
 }
-function X(t) {
-  if (B(t) || V(t))
+function $(t) {
+  if (V(t) || X(t))
     return "src" in t ? t.src : t.icon;
 }
-const $ = (t) => {
+const q = (t) => {
   const {
-    size: C = "medium",
+    size: k = "medium",
     rotationAngle: l,
     tooltipContent: f,
     color: x = "text.primary",
@@ -29,8 +29,9 @@ const $ = (t) => {
     selected: T,
     enabledSelected: D,
     onClick: g,
-    ariaLabel: i
-  } = t, y = L(), c = R ?? w, e = X(t), m = M(C), E = e !== void 0 ? typeof e == "string" : void 0, h = i ? {
+    ariaLabel: i,
+    originalColor: E
+  } = t, y = M(), c = R ?? w, e = $(t), m = F(k), P = e !== void 0 ? typeof e == "string" : void 0, h = i ? {
     role: "img",
     "aria-label": i
   } : {
@@ -43,8 +44,9 @@ const $ = (t) => {
     rotationAngle: l,
     selected: T,
     enabledSelected: D,
+    originalColor: E,
     isSkeleton: y,
-    isMaskStrategy: E
+    isMaskStrategy: P
   }, v = typeof g == "function" && !d, z = {
     className: u(I, o.root),
     ownerState: { ...r },
@@ -52,15 +54,15 @@ const $ = (t) => {
     tabIndex: v ? 0 : -1,
     "aria-disabled": d,
     ...s(a, "root", c)
-  }, b = () => e && typeof e == "string" ? /* @__PURE__ */ n(
-    _,
+  }, C = () => e && typeof e == "string" ? /* @__PURE__ */ n(
+    B,
     {
       className: u(o.icon, o.root),
       ownerState: { ...r },
       ...s(a, "icon", c),
       ...h
     }
-  ) : e && S(e) ? A(e, {
+  ) : e && S(e) ? L(e, {
     sx: {
       fontSize: m === "small" ? "small" : "medium",
       ...l && {
@@ -72,9 +74,9 @@ const $ = (t) => {
     ...h,
     ...i ? { titleAccess: i } : {}
   }) : null;
-  return /* @__PURE__ */ P(j, { children: [
+  return /* @__PURE__ */ j(A, { children: [
     f ? /* @__PURE__ */ n(
-      F,
+      O,
       {
         className: I || o.tooltip,
         title: f,
@@ -82,11 +84,11 @@ const $ = (t) => {
         placement: N,
         size: m,
         ...s(a, "tooltip", c),
-        children: /* @__PURE__ */ n(k, { ...z, children: b() })
+        children: /* @__PURE__ */ n(b, { ...z, children: C() })
       }
-    ) : /* @__PURE__ */ n(k, { ...z, children: b() }),
+    ) : /* @__PURE__ */ n(b, { ...z, children: C() }),
     y && /* @__PURE__ */ n(
-      O,
+      _,
       {
         className: u(o.iconSkeleton, o.root),
         variant: "rectangular",
@@ -97,7 +99,7 @@ const $ = (t) => {
     )
   ] });
 };
-$.isM4LIconComponent = !0;
+q.isM4LIconComponent = !0;
 export {
-  $ as Icon
+  q as Icon
 };

package/components/Icon/Icon.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAkD1D,eAAO,MAAM,UAAU,EAAE,UAgExB,CAAC"}
+{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.styles.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAkD1D,eAAO,MAAM,UAAU,EAAE,UAiExB,CAAC"}

package/components/Icon/Icon.styles.js

@@ -1,69 +1,70 @@
-import { getSizeStyles as o } from "../../utils/getSizeStyles/getSizeStyles.js";
+import { getSizeStyles as a } from "../../utils/getSizeStyles/getSizeStyles.js";
 import { ICON_CLASSES as l } from "./constants.js";
-import { ICON_SVG_SHAPE_SELECTOR as d } from "../../utils/getIconPaintStyles/getIconPaintStyles.js";
-const c = {
+import { getOriginalSvgIconRootPaintStyles as d, ICON_SVG_SHAPE_SELECTOR as c } from "../../utils/getIconPaintStyles/getIconPaintStyles.js";
+const p = {
   small: 16,
   medium: 24
 };
-function p(t, e) {
-  const i = t.vars?.palette ?? t.palette;
-  return e.split(".").reduce((s, n) => {
+function u(t, i) {
+  const e = t.vars?.palette ?? t.palette;
+  return i.split(".").reduce((s, n) => {
     if (s && typeof s == "object" && n in s)
       return s[n];
-  }, i) ?? (e.includes(".") ? i.text.primary : e);
+  }, e) ?? (i.includes(".") ? e.text.primary : i);
 }
-function a(t, e = "medium") {
+function o(t, i = "medium") {
   if (t.vars?.size && t.generalSettings)
-    return o(t, e, "base", (r) => ({
+    return a(t, i, "base", (r) => ({
       width: r,
       height: r
     }));
-  const i = c[e];
+  const e = p[i];
   return {
-    width: i,
-    height: i
+    width: e,
+    height: e
   };
 }
-const m = {
+const k = {
   /**
    * Root styles for the Icon component, handling both mask and non-mask strategies, as well as disabled and selected states.
    */
-  root: ({ theme: t, ownerState: e }) => {
-    const i = e?.disabled ? (t.vars?.palette ?? t.palette).text.disabled : e?.selected && e?.enabledSelected ? (t.vars?.palette ?? t.palette).primary.enabled : p(t, String(e?.color));
+  root: ({ theme: t, ownerState: i }) => {
+    const e = i?.disabled ? (t.vars?.palette ?? t.palette).text.disabled : i?.selected && i?.enabledSelected ? (t.vars?.palette ?? t.palette).primary.enabled : u(t, String(i?.color));
     return {
-      display: e?.isSkeleton ? "none" : "flex",
+      display: i?.isSkeleton ? "none" : "flex",
       justifyContent: "center",
       alignItems: "center",
       width: "fit-content",
       transition: "transform 0.5s ease-in-out",
-      ...a(t, e?.size ?? "medium"),
-      ...e?.isMaskStrategy === !1 && {
+      ...o(t, i?.size ?? "medium"),
+      ...i?.isMaskStrategy === !1 && {
         "& .MuiSvgIcon-root": {
           width: "inherit",
           height: "inherit",
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          [d]: {
-            fill: i
+          [c]: {
+            fill: e
           }
         }
       },
-      ...e?.isMaskStrategy === !0 && {
+      ...i?.isMaskStrategy === !0 && {
         [`& .${l.icon}`]: {
           maskPosition: "center",
           maskRepeat: "no-repeat",
           maskSize: "cover",
           WebkitMaskRepeat: "no-repeat",
-          mask: `url(${e?.src})`,
-          WebkitMask: `url(${e?.src})`,
+          mask: `url(${i?.src})`,
+          WebkitMask: `url(${i?.src})`,
           WebkitMaskSize: "cover",
-          ...e?.rotationAngle && {
-            transform: `rotate(${e.rotationAngle}deg)`
+          ...i?.rotationAngle && {
+            transform: `rotate(${i.rotationAngle}deg)`
           },
-          backgroundColor: i
+          backgroundColor: e
         }
-      }
+      },
+      ...i?.originalColor && d()
     };
   },
   /**
@@ -76,14 +77,14 @@ const m = {
   /**
    * Skeleton styles for the icon element when in loading state.
    */
-  iconSkeleton: ({ theme: t, ownerState: e }) => ({
+  iconSkeleton: ({ theme: t, ownerState: i }) => ({
     "&": {
       borderRadius: t.size?.borderRadius?.r1 ?? t.shape.borderRadius,
-      ...a(t, e?.size ?? "medium")
+      ...o(t, i?.size ?? "medium")
     }
   }),
   tooltip: {}
 };
 export {
-  m as iconStyles
+  k as iconStyles
 };

package/components/Icon/types.d.ts

@@ -38,6 +38,8 @@ export interface IconBaseProps extends Pick<TooltipProps, 'placement'> {
     onClick?: (event: React.MouseEvent<any, MouseEvent>) => void;
     /** Optional aria-label override. */
     ariaLabel?: string;
+    /** Restores authored fills for multicolor SVG component sources. */
+    originalColor?: boolean;
 }
 export type IconResourceSrc = IconBaseProps & ({
     /** SVG source URL rendered with CSS mask. */
@@ -61,7 +63,7 @@ export type IconProps = IconResourceSrc | IconResourceComponent;
 /**
  * Owner state consumed by the styled Icon slots.
  */
-export interface IconOwnerState extends Pick<IconBaseProps, 'selected' | 'enabledSelected' | 'size' | 'rotationAngle' | 'color' | 'disabled'> {
+export interface IconOwnerState extends Pick<IconBaseProps, 'selected' | 'enabledSelected' | 'size' | 'rotationAngle' | 'color' | 'disabled' | 'originalColor'> {
     src?: string | ReactNode;
     isSkeleton?: boolean;
     isMaskStrategy?: boolean;

package/components/Icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IACpE,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,CAC1C;IACE,6CAA6C;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;CACd,CACJ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,CAChD;IACE,uCAAuC;IACvC,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,YAAY,CAAC;CACpB,CACJ,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,aAAa,EACb,UAAU,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,CACjF;IACC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,SAAS,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAC7C,aAAa,EACb,OAAO,kBAAkB,EACzB,KAAK,CACN,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/types.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -1,35 +1,39 @@
-import { Icon as O } from "./components/Icon/Icon.js";
-import { ICON_CLASSES as S, ICON_KEY_COMPONENT as e, ICON_PREFIX as T } from "./components/Icon/constants.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { ICON_CLASSES as _, ICON_KEY_COMPONENT as r, ICON_PREFIX as T } from "./components/Icon/constants.js";
 import { ButtonBase as E } from "./extended/mui/ButtonBase/ButtonBase.js";
-import { buttonBaseStyles as p } from "./extended/mui/ButtonBase/ButtonBase.styles.js";
+import { buttonBaseStyles as I } from "./extended/mui/ButtonBase/ButtonBase.styles.js";
 import { BUTTON_BASE_KEY_COMPONENT as C } from "./extended/mui/ButtonBase/constants.js";
-import { ButtonBaseSlots as f } from "./extended/mui/ButtonBase/slots/ButtonBaseEnum.js";
-import { RootStyled as x, SkeletonStyled as A } from "./extended/mui/ButtonBase/slots/ButtonBaseSlots.js";
-import { Tooltip as L } from "./extended/mui/Tooltip/Tooltip.js";
-import { DEFAULT_TOOLTIP_OFFSET as n, TOOLTIP_CLASSES as B, TOOLTIP_KEY_COMPONENT as R } from "./extended/mui/Tooltip/constants.js";
-import { Typography as y } from "./extended/mui/Typography/Typography.js";
-import { TYPOGRAPHY_CLASSES as a, TYPOGRAPHY_CLASS_NAME_SPECIFY as G, TYPOGRAPHY_FONTS as H, TYPOGRAPHY_KEY_COMPONENT as M } from "./extended/mui/Typography/constants.js";
-import { ICON_SVG_SHAPE_SELECTOR as u, getIconPaintStyles as c } from "./utils/getIconPaintStyles/getIconPaintStyles.js";
+import { ButtonBaseSlots as p } from "./extended/mui/ButtonBase/slots/ButtonBaseEnum.js";
+import { RootStyled as L, SkeletonStyled as R } from "./extended/mui/ButtonBase/slots/ButtonBaseSlots.js";
+import { Tooltip as f } from "./extended/mui/Tooltip/Tooltip.js";
+import { DEFAULT_TOOLTIP_OFFSET as x, TOOLTIP_CLASSES as l, TOOLTIP_KEY_COMPONENT as a } from "./extended/mui/Tooltip/constants.js";
+import { Typography as g } from "./extended/mui/Typography/Typography.js";
+import { TYPOGRAPHY_CLASSES as s, TYPOGRAPHY_CLASS_NAME_SPECIFY as y, TYPOGRAPHY_FONTS as B, TYPOGRAPHY_KEY_COMPONENT as F } from "./extended/mui/Typography/constants.js";
+import { ICON_SVG_SHAPE_SELECTOR as M, ORIGINAL_SVG_ICON_PAINT_SELECTOR as c, ORIGINAL_SVG_ICON_ROOT_PAINT_SELECTOR as K, getIconPaintStyles as u, getOriginalSvgIconPaintStyles as V, getOriginalSvgIconRootPaintStyles as d } from "./utils/getIconPaintStyles/getIconPaintStyles.js";
 export {
   C as BUTTON_BASE_KEY_COMPONENT,
   E as ButtonBase,
-  f as ButtonBaseSlots,
-  n as DEFAULT_TOOLTIP_OFFSET,
-  S as ICON_CLASSES,
-  e as ICON_KEY_COMPONENT,
+  p as ButtonBaseSlots,
+  x as DEFAULT_TOOLTIP_OFFSET,
+  _ as ICON_CLASSES,
+  r as ICON_KEY_COMPONENT,
   T as ICON_PREFIX,
-  u as ICON_SVG_SHAPE_SELECTOR,
-  O as Icon,
-  x as RootStyled,
-  A as SkeletonStyled,
-  B as TOOLTIP_CLASSES,
-  R as TOOLTIP_KEY_COMPONENT,
-  a as TYPOGRAPHY_CLASSES,
-  G as TYPOGRAPHY_CLASS_NAME_SPECIFY,
-  H as TYPOGRAPHY_FONTS,
-  M as TYPOGRAPHY_KEY_COMPONENT,
-  L as Tooltip,
-  y as Typography,
-  p as buttonBaseStyles,
-  c as getIconPaintStyles
+  M as ICON_SVG_SHAPE_SELECTOR,
+  t as Icon,
+  c as ORIGINAL_SVG_ICON_PAINT_SELECTOR,
+  K as ORIGINAL_SVG_ICON_ROOT_PAINT_SELECTOR,
+  L as RootStyled,
+  R as SkeletonStyled,
+  l as TOOLTIP_CLASSES,
+  a as TOOLTIP_KEY_COMPONENT,
+  s as TYPOGRAPHY_CLASSES,
+  y as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  B as TYPOGRAPHY_FONTS,
+  F as TYPOGRAPHY_KEY_COMPONENT,
+  f as Tooltip,
+  g as Typography,
+  I as buttonBaseStyles,
+  u as getIconPaintStyles,
+  V as getOriginalSvgIconPaintStyles,
+  d as getOriginalSvgIconRootPaintStyles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/base",
-  "version": "1.7.0",
+  "version": "1.7.2-beta-m4lcom-785-data-grids-implementar-la-funcionalidad-de-scroll-infinito.0",
   "publishConfig": {
     "access": "public"
   },
@@ -31,7 +31,7 @@
   "dependencies": {
     "@m4l/core": "^2.0.33",
     "@m4l/icons": "^1.0.0",
-    "@m4l/styles": "^7.1.48",
+    "@m4l/styles": "^7.2.0",
     "@emotion/react": "11.14.0",
     "clsx": "2.1.1",
     "react": "19.1.0",

package/utils/getIconPaintStyles/getIconPaintStyles.d.ts

@@ -8,6 +8,13 @@
  * silently misses every SVG icon, so both branches must always be declared.
  */
 export declare const ICON_SVG_SHAPE_SELECTOR = "& svg, & path, & rect, & circle, & ellipse, & polygon, & polyline, & line, & g, & text, & tspan, & use";
+/**
+ * Nodes whose fill multicolor sources restore. Besides shapes with an authored `fill`,
+ * stroke-only shapes (e.g. an illustration card border) and the `g` groups they inherit
+ * from must be reverted too, or they keep the icon color and cover the artwork.
+ */
+export declare const ORIGINAL_SVG_ICON_PAINT_SELECTOR = "&&&:not(.Mui-disabled) .M4LIcon-root .MuiSvgIcon-root :is([fill], [stroke], g)";
+export declare const ORIGINAL_SVG_ICON_ROOT_PAINT_SELECTOR = "&&&:not([aria-disabled=\"true\"]) .MuiSvgIcon-root :is([fill], [stroke], g)";
 export interface IconPaintOptions {
     /**
      * Selector inserted between the rule root and the icon nodes, for call sites
@@ -40,4 +47,20 @@ export declare function getIconPaintStyles(color: string, options?: IconPaintOpt
         backgroundColor?: undefined;
     };
 };
+/**
+ * Restore presentation fills for enabled multicolor SVG actions.
+ */
+export declare function getOriginalSvgIconPaintStyles(): {
+    "&&&:not(.Mui-disabled) .M4LIcon-root .MuiSvgIcon-root :is([fill], [stroke], g)": {
+        fill: string;
+    };
+};
+/**
+ * Restore presentation fills for enabled multicolor SVG resources rendered directly by Icon.
+ */
+export declare function getOriginalSvgIconRootPaintStyles(): {
+    "&&&:not([aria-disabled=\"true\"]) .MuiSvgIcon-root :is([fill], [stroke], g)": {
+        fill: string;
+    };
+};
 //# sourceMappingURL=getIconPaintStyles.d.ts.map

package/utils/getIconPaintStyles/getIconPaintStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getIconPaintStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/utils/getIconPaintStyles/getIconPaintStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,2GACsE,CAAC;AAE3G,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB;;;;;;;;;;;EAgB3E"}
+{"version":3,"file":"getIconPaintStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/utils/getIconPaintStyles/getIconPaintStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,2GACsE,CAAC;AAC3G;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,mFACqC,CAAC;AACnF,eAAO,MAAM,qCAAqC,gFAC2B,CAAC;AAE9E,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,gBAAgB;;;;;;;;;;;EAgB3E;AAED;;GAEG;AACH,wBAAgB,6BAA6B;;;;EAM5C;AAED;;GAEG;AACH,wBAAgB,iCAAiC;;;;EAMhD"}

package/utils/getIconPaintStyles/getIconPaintStyles.js

@@ -1,19 +1,37 @@
-const r = "& svg, & path, & rect, & circle, & ellipse, & polygon, & polyline, & line, & g, & text, & tspan, & use";
-function l(t, c) {
-  const { scope: n, important: i = !0 } = c ?? {}, o = n ? `& ${n} ` : "& ", e = i ? `${t} !important` : t;
+const l = "& svg, & path, & rect, & circle, & ellipse, & polygon, & polyline, & line, & g, & text, & tspan, & use", c = "&&&:not(.Mui-disabled) .M4LIcon-root .MuiSvgIcon-root :is([fill], [stroke], g)", s = '&&&:not([aria-disabled="true"]) .MuiSvgIcon-root :is([fill], [stroke], g)';
+function a(t, i) {
+  const { scope: o, important: r = !0 } = i ?? {}, n = o ? `& ${o} ` : "& ", e = r ? `${t} !important` : t;
   return {
-    [`${o}.M4LIcon-icon`]: {
+    [`${n}.M4LIcon-icon`]: {
       backgroundColor: e
     },
-    [`${o}.MuiSvgIcon-root`]: {
-      [r]: {
+    [`${n}.MuiSvgIcon-root`]: {
+      [l]: {
         fill: e,
         stroke: "none"
       }
     }
   };
 }
+function I() {
+  return {
+    [c]: {
+      fill: "revert-layer"
+    }
+  };
+}
+function g() {
+  return {
+    [s]: {
+      fill: "revert-layer"
+    }
+  };
+}
 export {
-  r as ICON_SVG_SHAPE_SELECTOR,
-  l as getIconPaintStyles
+  l as ICON_SVG_SHAPE_SELECTOR,
+  c as ORIGINAL_SVG_ICON_PAINT_SELECTOR,
+  s as ORIGINAL_SVG_ICON_ROOT_PAINT_SELECTOR,
+  a as getIconPaintStyles,
+  I as getOriginalSvgIconPaintStyles,
+  g as getOriginalSvgIconRootPaintStyles
 };