@rmwc/badge - npm Package Compare versions

Comparing version 8.0.8 to 14.0.0-alpha.0

dist/index.d.ts

@@ -16,3 +16,3 @@ import * as RMWC from '@rmwc/types';
 export declare const Badge: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -25,4 +25,4 @@ };
 export declare const BadgeAnchor: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeAnchorProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeAnchorProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
 };

dist/readme.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
-export default function Readme(): JSX.Element;
-export declare const galleryExample: JSX.Element;
+import React from 'react';
+export default function Readme(): React.JSX.Element;
+export declare const galleryExample: React.JSX.Element;

next/index.d.ts

@@ -16,3 +16,3 @@ import * as RMWC from '@rmwc/types';
 export declare const Badge: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -25,4 +25,4 @@ };
 export declare const BadgeAnchor: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeAnchorProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<BadgeAnchorProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
 };

next/readme.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
-export default function Readme(): JSX.Element;
-export declare const galleryExample: JSX.Element;
+import React from 'react';
+export default function Readme(): React.JSX.Element;
+export declare const galleryExample: React.JSX.Element;

package.json

 {
   "name": "@rmwc/badge",
-  "version": "8.0.8",
+  "version": "14.0.0-alpha.0",
   "description": "RMWC badge component",
@@ -39,6 +39,6 @@ "main": "dist/index.js",
   "dependencies": {
-    "@rmwc/base": "^8.0.8",
-    "@rmwc/types": "^8.0.8"
+    "@rmwc/base": "^14.0.0-alpha.0",
+    "@rmwc/types": "^14.0.0-alpha.0"
   },
   "gitHead": "bf098adc2571ee1641ef20d79f38fb64e9ff186e"
 }

README.md

@@ -114,30 +114,32 @@ # Badges `RMWC ADDON`
 ```jsx
-function Example() {
-  const [label, setLabel] = React.useState(undefined);
+<>
+  {function Example() {
+    const [label, setLabel] = React.useState(undefined);
 
-  React.useEffect(() => {
-    const timeout = setTimeout(() => {
-      switch (label) {
-        case '99+':
-          setLabel(undefined);
-          break;
-        case '':
-          setLabel('99+');
-          break;
-        case undefined:
-          setLabel('');
-          break;
-      }
-    }, 1800);
+    React.useEffect(() => {
+      const timeout = setTimeout(() => {
+        switch (label) {
+          case '99+':
+            setLabel(undefined);
+            break;
+          case '':
+            setLabel('99+');
+            break;
+          case undefined:
+            setLabel('');
+            break;
+        }
+      }, 1800);
 
-    return () => clearTimeout(timeout);
-  }, [label]);
+      return () => clearTimeout(timeout);
+    }, [label]);
 
-  return (
-    <BadgeAnchor>
-      <Button raised label="Button" />
-      <Badge label={label} exited={label === undefined} />
-    </BadgeAnchor>
-  );
-}
+    return (
+      <BadgeAnchor>
+        <Button raised label="Button" />
+        <Badge label={label} exited={label === undefined} />
+      </BadgeAnchor>
+    );
+  }}
+</>
 ```
@@ -144,0 +146,0 @@

New 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

Total package byte prevSize

32663

increased by0.46%

Lines of code

542

increased by0.18%

Number of lines in readme file

164

increased by1.23%

Worsened metrics

Number of low quality alerts

3

increased by50%

Dependency changes

• + Added@material/dom@14.0.0(transitive)

• + Added@material/feature-targeting@14.0.0(transitive)

• + Added@rmwc/base@14.3.5(transitive)

• + Added@rmwc/types@14.3.5(transitive)

• - Removed@material/dom@8.0.0(transitive)

• - Removed@material/feature-targeting@8.0.0(transitive)

• - Removed@rmwc/base@8.0.8(transitive)

• - Removed@rmwc/types@8.0.8(transitive)

• - Removed@types/classnames@2.3.4(transitive)

• - Removedtslib@1.14.1(transitive)

• Updated@rmwc/base@^14.0.0-alpha.0

• Updated@rmwc/types@^14.0.0-alpha.0