@chakra-ui/icons - npm Package Compare versions

Comparing version 2.0.18 to 2.0.19

dist/index.js

@@ -485,6 +485,8 @@ "use strict";
 var import_icon44 = require("@chakra-ui/icon");
+var import_system = require("@chakra-ui/system");
+var import_react = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var SpinnerIcon = (0, import_icon44.createIcon)({
-  displayName: "SpinnerIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+var SpinnerIcon = (0, import_system.forwardRef)((props, ref) => {
+  const id = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_icon44.Icon, { ref, viewBox: "0 0 24 24", ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
@@ -497,3 +499,3 @@ "linearGradient",
         y2: "17.783%",
-        id: "a",
+        id,
         children: [
@@ -506,3 +508,3 @@ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { stopColor: "currentColor", offset: "0%" }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { transform: "translate(2)", fill: "none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { stroke: "url(#a)", strokeWidth: "4", cx: "10", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { stroke: `url(#${id})`, strokeWidth: "4", cx: "10", cy: "12", r: "10" }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -518,3 +520,3 @@ "path",
     ] })
-  ] })
+  ] });
 });
@@ -521,0 +523,0 @@

dist/Spinner.d.ts

 import * as _chakra_ui_system from '@chakra-ui/system';
-import * as _chakra_ui_icon from '@chakra-ui/icon';
+import { IconProps } from '@chakra-ui/icon';
 
-declare const SpinnerIcon: _chakra_ui_system.ComponentWithAs<"svg", _chakra_ui_icon.IconProps>;
+declare const SpinnerIcon: _chakra_ui_system.ComponentWithAs<"svg", IconProps>;
 
 export { SpinnerIcon };

dist/Spinner.js

@@ -27,6 +27,8 @@ "use strict";
 var import_icon = require("@chakra-ui/icon");
+var import_system = require("@chakra-ui/system");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SpinnerIcon = (0, import_icon.createIcon)({
-  displayName: "SpinnerIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+var SpinnerIcon = (0, import_system.forwardRef)((props, ref) => {
+  const id = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_icon.Icon, { ref, viewBox: "0 0 24 24", ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -39,3 +41,3 @@ "linearGradient",
         y2: "17.783%",
-        id: "a",
+        id,
         children: [
@@ -48,3 +50,3 @@ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: "currentColor", offset: "0%" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(2)", fill: "none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { stroke: "url(#a)", strokeWidth: "4", cx: "10", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { stroke: `url(#${id})`, strokeWidth: "4", cx: "10", cy: "12", r: "10" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -60,3 +62,3 @@ "path",
     ] })
-  ] })
+  ] });
 });
@@ -63,0 +65,0 @@ // Annotate the CommonJS export names for ESM import in node:

package.json

 {
   "name": "@chakra-ui/icons",
-  "version": "2.0.18",
+  "version": "2.0.19",
   "description": "Chakra UI icons",
@@ -32,4 +32,4 @@ "author": "Segun Adebayo <[e-mail]>",
     "clean-package": "2.2.0",
-    "@chakra-ui/system": "2.5.5",
-    "@chakra-ui/layout": "2.1.18"
+    "@chakra-ui/system": "2.5.6",
+    "@chakra-ui/layout": "2.1.19"
   },
@@ -36,0 +36,0 @@ "dependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

207794

increased by0.18%

Lines of code

4520

increased by0.13%

No dependency changes