@consumidor-positivo/aurora 0.11.1 → 1.0.0

package/dist/components/icons/Icon.d.ts

@@ -6,6 +6,7 @@ export type IconProps = {
     rawColor?: string;
     className?: string;
     onClick?: () => void;
+    'data-testid'?: string;
 };
 type BaseIconProps = IconProps & {
     markup?: string;

package/dist/components/icons/Icon.test/index.es.js

@@ -5,7 +5,7 @@ var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as $8WNJc$react from "react";
 import $8WNJc$react__default from "react";
 import ReactDOM from "react-dom";
@@ -2625,7 +2625,7 @@ var require_index_es = __commonJS({
           var ContextProvider = REACT_PROVIDER_TYPE;
           var Element2 = REACT_ELEMENT_TYPE;
           var ForwardRef = REACT_FORWARD_REF_TYPE;
-          var Fragment = REACT_FRAGMENT_TYPE;
+          var Fragment2 = REACT_FRAGMENT_TYPE;
           var Lazy = REACT_LAZY_TYPE;
           var Memo = REACT_MEMO_TYPE;
           var Portal = REACT_PORTAL_TYPE;
@@ -2689,7 +2689,7 @@ var require_index_es = __commonJS({
           reactIs_development$2.ContextProvider = ContextProvider;
           reactIs_development$2.Element = Element2;
           reactIs_development$2.ForwardRef = ForwardRef;
-          reactIs_development$2.Fragment = Fragment;
+          reactIs_development$2.Fragment = Fragment2;
           reactIs_development$2.Lazy = Lazy;
           reactIs_development$2.Memo = Memo;
           reactIs_development$2.Portal = Portal;
@@ -18998,7 +18998,7 @@ var require_index_es = __commonJS({
           var ContextProvider = REACT_PROVIDER_TYPE;
           var Element2 = REACT_ELEMENT_TYPE;
           var ForwardRef = REACT_FORWARD_REF_TYPE;
-          var Fragment = REACT_FRAGMENT_TYPE;
+          var Fragment2 = REACT_FRAGMENT_TYPE;
           var Lazy = REACT_LAZY_TYPE;
           var Memo = REACT_MEMO_TYPE;
           var Portal = REACT_PORTAL_TYPE;
@@ -19066,7 +19066,7 @@ var require_index_es = __commonJS({
           reactIs_development.ContextProvider = ContextProvider;
           reactIs_development.Element = Element2;
           reactIs_development.ForwardRef = ForwardRef;
-          reactIs_development.Fragment = Fragment;
+          reactIs_development.Fragment = Fragment2;
           reactIs_development.Lazy = Lazy;
           reactIs_development.Memo = Memo;
           reactIs_development.Portal = Portal;
@@ -36158,6 +36158,24 @@ To automatically clean-up native timers, use \`shouldClearNativeTimers\`.`
         el.click();
         globalExpect(onClick).toHaveBeenCalled();
       });
+      it("namespaces svg ids per instance so two icons never share defs", () => {
+        const markup2 = "<svg><defs><linearGradient id='grad'><stop stop-color='currentColor'/></linearGradient></defs><path fill='url(#grad)'/></svg>";
+        render(
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Icon, { markup: markup2, name: "A" }),
+            /* @__PURE__ */ jsx(Icon, { markup: markup2, name: "B" })
+          ] })
+        );
+        const gradients = document.querySelectorAll("linearGradient");
+        const paths = document.querySelectorAll("path");
+        globalExpect(gradients).toHaveLength(2);
+        const idA = gradients[0].getAttribute("id");
+        const idB = gradients[1].getAttribute("id");
+        globalExpect(idA).not.toBe("grad");
+        globalExpect(idA).not.toBe(idB);
+        globalExpect(paths[0].getAttribute("fill")).toBe(`url(#${idA})`);
+        globalExpect(paths[1].getAttribute("fill")).toBe(`url(#${idB})`);
+      });
     });
   }
 });