@microsoft/arbutus.icon - npm Package Compare versions

Comparing version 0.1.1 to 1.0.0

lib/icon/icon.js

 import { mergeClasses } from '@griffel/react';
-import { nanoid } from 'nanoid';
-import { useMemo } from 'react';
+import { useId, useMemo } from 'react';
 import * as React from 'react';
@@ -10,3 +9,3 @@ import { useIconStyles } from './icon.styles';
     // A11y
-    const a11yId = useMemo(() => nanoid(), []);
+    const a11yId = useId();
     const a11yProps = {};
@@ -13,0 +12,0 @@ if (label) {

lib/icon/icons/arrow-right.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const ArrowRight: () => JSX.Element;
 //# sourceMappingURL=arrow-right.d.ts.map

lib/icon/icons/check.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Check: () => JSX.Element;
 //# sourceMappingURL=check.d.ts.map

lib/icon/icons/chevron-right.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const ChevronRight: () => JSX.Element;
 //# sourceMappingURL=chevron-right.d.ts.map

lib/icon/icons/code.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Code: () => JSX.Element;
 //# sourceMappingURL=code.d.ts.map

lib/icon/icons/copy.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Copy: () => JSX.Element;
 //# sourceMappingURL=copy.d.ts.map

lib/icon/icons/download.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Download: () => JSX.Element;
 //# sourceMappingURL=download.d.ts.map

lib/icon/icons/exclamation.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Exclamation: () => JSX.Element;
 //# sourceMappingURL=exclamation.d.ts.map

lib/icon/icons/full-screen.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const FullScreen: () => JSX.Element;
 //# sourceMappingURL=full-screen.d.ts.map

lib/icon/icons/index.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export declare const paths: {
@@ -3,0 +2,0 @@ "arrow-right": () => JSX.Element;

lib/icon/icons/link.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Link: () => JSX.Element;
 //# sourceMappingURL=link.d.ts.map

lib/icon/icons/moon.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Moon: () => JSX.Element;
 //# sourceMappingURL=moon.d.ts.map

lib/icon/icons/open.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Open: () => JSX.Element;
 //# sourceMappingURL=open.d.ts.map

lib/icon/icons/slide-in.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const SlideIn: () => JSX.Element;
 //# sourceMappingURL=slide-in.d.ts.map

lib/icon/icons/slide-out.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const SlideOut: () => JSX.Element;
 //# sourceMappingURL=slide-out.d.ts.map

lib/icon/icons/sun.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const Sun: () => JSX.Element;
 //# sourceMappingURL=sun.d.ts.map

lib/icon/icons/x.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 export declare const X: () => JSX.Element;
 //# sourceMappingURL=x.d.ts.map

package.json

 {
   "name": "@microsoft/arbutus.icon",
-  "version": "0.1.1",
+  "version": "1.0.0",
   "description": "Icon atomic component.",
@@ -20,15 +20,14 @@ "main": "lib/index.js",
   "peerDependencies": {
-    "react": ">=16.8.0 <=18.2.0",
-    "react-dom": ">=16.8.0 <=18.2.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@fluentui/react-theme": "^9.1.0",
-    "@griffel/react": "^1.5.2",
-    "@microsoft/arbutus.style-utilities": "0.0.2",
-    "nanoid": "^4.0.0"
+    "@fluentui/react-theme": "^9.1.5",
+    "@griffel/react": "^1.5.5",
+    "@microsoft/arbutus.style-utilities": "1.0.0"
   },
   "devDependencies": {
     "@microsoft/arbutus.ts": "0.0.2",
-    "typescript": "^4.9.4"
+    "typescript": "^4.9.5"
   }
 }

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

5

decreased by-16.67%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

41214

decreased by-1.64%

Lines of code

288

decreased by-5.57%

Dependency changes

• + Added@microsoft/arbutus.style-utilities@1.0.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• - Removednanoid@^4.0.0

• - Removed@microsoft/arbutus.style-utilities@0.0.2(transitive)

• - Removednanoid@4.0.2(transitive)

• - Removedreact@18.2.0(transitive)

• - Removedreact-dom@18.2.0(transitive)

• Updated@fluentui/react-theme@^9.1.5

• Updated@griffel/react@^1.5.5

• Updated@microsoft/arbutus.style-utilities@1.0.0