@bwp-web/components 1.1.0 → 1.1.1

package/dist/index.js

@@ -2779,11 +2779,15 @@ var svgCache = /* @__PURE__ */ new Map();
 function clearDynamicSvgIconCache() {
   svgCache.clear();
 }
+function applyCurrentColor(svg) {
+  return svg.replace(/fill="(?!none|currentColor)[^"]*"/g, 'fill="currentColor"').replace(/stroke="(?!none|currentColor)[^"]*"/g, 'stroke="currentColor"');
+}
 function useDynamicSvgIcon(url, options = {}) {
-  const { onLoad, onError } = options;
+  const { replaceColors = false, onLoad, onError } = options;
+  const transform = replaceColors ? applyCurrentColor : (s) => s;
   const [svgContent, setSvgContent] = useState6(() => {
     const cached = svgCache.get(url);
-    return cached ? cached.innerContent : null;
+    return cached ? transform(cached.innerContent) : null;
   });
   const [svgViewBox, setSvgViewBox] = useState6(() => {
     const cached = svgCache.get(url);
@@ -2802,7 +2806,7 @@ function useDynamicSvgIcon(url, options = {}) {
     let cancelled = false;
     const cached = svgCache.get(url);
     if (cached) {
-      setSvgContent(cached.innerContent);
+      setSvgContent(transform(cached.innerContent));
       setSvgViewBox(cached.viewBox);
       setLoading(false);
       setError(null);
@@ -2832,7 +2836,7 @@ function useDynamicSvgIcon(url, options = {}) {
         const innerContent = svgMatch ? svgMatch[1] : text;
         svgCache.set(url, { innerContent, viewBox });
         if (!cancelled) {
-          setSvgContent(innerContent);
+          setSvgContent(transform(innerContent));
           setSvgViewBox(viewBox);
           setLoading(false);
           onLoad?.();
@@ -2858,6 +2862,7 @@ function DynamicSvgIcon({
   fallback,
   width = DEFAULT_SIZE2,
   height = DEFAULT_SIZE2,
+  replaceColors,
   skeletonVariant = "circular",
   skeletonAnimation = "pulse",
   onLoad,
@@ -2866,6 +2871,7 @@ function DynamicSvgIcon({
   ...svgIconProps
 }) {
   const { loading, error, svgContent, svgViewBox } = useDynamicSvgIcon(url, {
+    replaceColors,
     onLoad,
     onError
   });