Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@rmwc/card

Package Overview
Dependencies
Maintainers
1
Versions
177
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/card - npm Package Compare versions

Comparing version 8.0.8 to 14.0.0-alpha.0

21

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;
};

10

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 }));

6

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;

21

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;
};

10

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 }));

6

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;

14

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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc