@rmwc/card - npm Package Compare versions

Comparing version 8.0.8 to 14.0.0-alpha.0

dist/index.d.ts

@@ -12,3 +12,3 @@ import * as RMWC from '@rmwc/types';
 export declare const Card: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -25,3 +25,3 @@ };
 export declare const CardMedia: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -34,3 +34,3 @@ };
 export declare const CardMediaContent: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -42,6 +42,3 @@ };
 /** The main clickable area for the primary content of the card */
-export declare const CardPrimaryAction: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
-    displayName: string;
-};
+export declare const CardPrimaryAction: React.ComponentType<any>;
 /** Row containing action buttons and/or icons */
@@ -54,3 +51,3 @@ export interface CardActionsProps {
 export declare const CardActions: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -63,3 +60,3 @@ };
 export declare const CardActionButtons: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -72,3 +69,3 @@ };
 export declare const CardActionIcons: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -81,3 +78,3 @@ };
 export declare const CardActionIcon: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -90,4 +87,4 @@ };
 export declare const CardActionButton: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
 };

dist/index.js

@@ -43,3 +43,6 @@ "use strict";
     var className = base_1.useClassNames(props, ['mdc-card__primary-action']);
-    return react_1.default.createElement(base_1.Tag, tslib_1.__assign({}, props, { ref: ref, className: className }));
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return (react_1.default.createElement(base_1.Tag, tslib_1.__assign({}, rest, { ref: ref, className: className }),
+        children,
+        react_1.default.createElement("div", { className: "mdc-card__ripple" })));
 }));
@@ -53,3 +56,3 @@ /** Row containing action buttons and/or icons */
     ]);
-    return react_1.default.createElement(base_1.Tag, tslib_1.__assign({ tag: "section" }, rest, { ref: ref, className: className }));
+    return react_1.default.createElement(base_1.Tag, tslib_1.__assign({ tag: "div" }, rest, { ref: ref, className: className }));
 });
@@ -70,3 +73,4 @@ /** A group of action buttons, displayed on the left side of the card (in LTR), adjacent to CardActionIcons */
         'mdc-card__action',
-        'mdc-card__action--icon'
+        'mdc-card__action--icon',
+        'mdc-icon-button--display-flex'
     ]);
@@ -73,0 +77,0 @@ return react_1.default.createElement(icon_button_1.IconButton, tslib_1.__assign({}, props, { ref: ref, className: className }));

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

@@ -12,3 +12,3 @@ import * as RMWC from '@rmwc/types';
 export declare const Card: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -25,3 +25,3 @@ };
 export declare const CardMedia: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -34,3 +34,3 @@ };
 export declare const CardMediaContent: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -42,6 +42,3 @@ };
 /** The main clickable area for the primary content of the card */
-export declare const CardPrimaryAction: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardMediaContentProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
-    displayName: string;
-};
+export declare const CardPrimaryAction: React.ComponentType<any>;
 /** Row containing action buttons and/or icons */
@@ -54,3 +51,3 @@ export interface CardActionsProps {
 export declare const CardActions: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -63,3 +60,3 @@ };
 export declare const CardActionButtons: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -72,3 +69,3 @@ };
 export declare const CardActionIcons: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconsProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -81,3 +78,3 @@ };
 export declare const CardActionIcon: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionIconProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
@@ -90,4 +87,4 @@ };
 export declare const CardActionButton: {
-    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): JSX.Element;
+    <Tag extends React.ElementType<any> = "div">(props: RMWC.ComponentProps<CardActionButtonProps, React.HTMLProps<HTMLElement>, Tag>, ref: any): React.JSX.Element;
     displayName: string;
 };

next/index.js

@@ -40,3 +40,6 @@ import { __assign, __rest } from "tslib";
     var className = useClassNames(props, ['mdc-card__primary-action']);
-    return React.createElement(Tag, __assign({}, props, { ref: ref, className: className }));
+    var children = props.children, rest = __rest(props, ["children"]);
+    return (React.createElement(Tag, __assign({}, rest, { ref: ref, className: className }),
+        children,
+        React.createElement("div", { className: "mdc-card__ripple" })));
 }));
@@ -50,3 +53,3 @@ /** Row containing action buttons and/or icons */
     ]);
-    return React.createElement(Tag, __assign({ tag: "section" }, rest, { ref: ref, className: className }));
+    return React.createElement(Tag, __assign({ tag: "div" }, rest, { ref: ref, className: className }));
 });
@@ -67,3 +70,4 @@ /** A group of action buttons, displayed on the left side of the card (in LTR), adjacent to CardActionIcons */
         'mdc-card__action',
-        'mdc-card__action--icon'
+        'mdc-card__action--icon',
+        'mdc-icon-button--display-flex'
     ]);
@@ -70,0 +74,0 @@ return React.createElement(IconButton, __assign({}, props, { ref: ref, className: className }));

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/card",
-  "version": "8.0.8",
+  "version": "14.0.0-alpha.0",
   "description": "RMWC Card component",
@@ -39,10 +39,10 @@ "main": "dist/index.js",
   "dependencies": {
-    "@material/card": "^8.0.0",
-    "@rmwc/base": "^8.0.8",
-    "@rmwc/button": "^8.0.8",
-    "@rmwc/icon-button": "^8.0.8",
-    "@rmwc/ripple": "^8.0.8",
-    "@rmwc/types": "^8.0.8"
+    "@material/card": "^14.0.0",
+    "@rmwc/base": "^14.0.0-alpha.0",
+    "@rmwc/button": "^14.0.0-alpha.0",
+    "@rmwc/icon-button": "^14.0.0-alpha.0",
+    "@rmwc/ripple": "^14.0.0-alpha.0",
+    "@rmwc/types": "^14.0.0-alpha.0"
   },
   "gitHead": "d9befec0e3b258864b71686eecd16c16feb43cf1"
 }

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

50903

0.5%

Lines of code

796

0.25%

Worsened metrics

Number of low quality alerts

3

50%

Dependency changes

• + Added

  @material/animation@14.0.0
  (transitive)

• + Added

  @material/base@14.0.0
  (transitive)

• + Added

  @material/button@14.0.0
  (transitive)

• + Added

  @material/card@14.0.0
  (transitive)

• + Added

  @material/density@14.0.0
  (transitive)

• + Added

  @material/dom@14.0.0
  (transitive)

• + Added

  @material/elevation@14.0.0
  (transitive)

• + Added

  @material/feature-targeting@14.0.0
  (transitive)

• + Added

  @material/focus-ring@14.0.0
  (transitive)

• + Added

  @material/icon-button@14.0.0
  (transitive)

• + Added

  @material/ripple@14.0.0
  (transitive)

• + Added

  @material/rtl@14.0.0
  (transitive)

• + Added

  @material/shape@14.0.0
  (transitive)

• + Added

  @material/theme@14.0.0
  (transitive)

• + Added

  @material/tokens@14.0.0
  (transitive)

• + Added

  @material/touch-target@14.0.0
  (transitive)

• + Added

  @material/typography@14.0.0
  (transitive)

• + Added

  @rmwc/base@14.3.5
  (transitive)

• + Added

  @rmwc/button@14.3.5
  (transitive)

• + Added

  @rmwc/icon@14.3.5
  (transitive)

• + Added

  @rmwc/icon-button@14.3.5
  (transitive)

• + Added

  @rmwc/provider@14.3.5
  (transitive)

• + Added

  @rmwc/ripple@14.3.5
  (transitive)

• + Added

  @rmwc/types@14.3.5
  (transitive)

• - Removed

  @material/animation@8.0.0
  (transitive)

• - Removed

  @material/base@8.0.0
  (transitive)

• - Removed

  @material/button@8.0.0
  (transitive)

• - Removed

  @material/card@8.0.0
  (transitive)

• - Removed

  @material/density@8.0.0
  (transitive)

• - Removed

  @material/dom@8.0.0
  (transitive)

• - Removed

  @material/elevation@8.0.0
  (transitive)

• - Removed

  @material/feature-targeting@8.0.0
  (transitive)

• - Removed

  @material/icon-button@8.0.0
  (transitive)

• - Removed

  @material/ripple@8.0.0
  (transitive)

• - Removed

  @material/rtl@8.0.0
  (transitive)

• - Removed

  @material/shape@8.0.0
  (transitive)

• - Removed

  @material/theme@8.0.0
  (transitive)

• - Removed

  @material/touch-target@8.0.0
  (transitive)

• - Removed

  @material/typography@8.0.0
  (transitive)

• - Removed

  @rmwc/base@8.0.8
  (transitive)

• - Removed

  @rmwc/button@8.0.8
  (transitive)

• - Removed

  @rmwc/icon@8.0.8
  (transitive)

• - Removed

  @rmwc/icon-button@8.0.8
  (transitive)

• - Removed

  @rmwc/provider@8.0.8
  (transitive)

• - Removed

  @rmwc/ripple@8.0.8
  (transitive)

• - Removed

  @rmwc/types@8.0.8
  (transitive)

• - Removed

  @types/classnames@2.3.4
  (transitive)

• - Removed

  tslib@1.14.1
  (transitive)

• Updated

  @material/card@^14.0.0

• Updated

  @rmwc/base@^14.0.0-alpha.0

• Updated

  @rmwc/button@^14.0.0-alpha.0

• Updated

  @rmwc/icon-button@^14.0.0-alpha.0

• Updated

  @rmwc/ripple@^14.0.0-alpha.0

• Updated

  @rmwc/types@^14.0.0-alpha.0