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

@rmwc/fab

Package Overview
Dependencies
Maintainers
1
Versions
175
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rmwc/fab - npm Package Compare versions

Comparing version 5.0.2-alpha.0 to 5.0.3-alpha.0

flow-typed/index.js

8

dist/index.d.ts

@@ -18,6 +18,6 @@ import * as RMWC from '@rmwc/types';

}
export declare const FabRoot: React.ComponentType<FabProps & RMWC.ComponentProps<any> & RMWC.WithRippleProps>;
export declare const FabIcon: React.ComponentType<IconProps & RMWC.ComponentProps<any>>;
export declare const FabLabel: React.ComponentType<RMWC.ComponentProps<any>>;
export declare const FabRoot: React.ComponentType<FabProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
export declare const FabIcon: React.ComponentType<IconProps & RMWC.ComponentProps>;
export declare const FabLabel: React.ComponentType<RMWC.ComponentProps>;
/** A floating action button component */
export declare const Fab: ({ children, label, icon, trailingIcon, ...rest }: FabProps & RMWC.ComponentProps<any>) => JSX.Element;
export declare const Fab: ({ children, label, icon, trailingIcon, ...rest }: FabProps & RMWC.ComponentProps) => JSX.Element;

@@ -0,1 +1,2 @@

"use strict";
var __assign = (this && this.__assign) || function () {

@@ -28,44 +29,44 @@ __assign = Object.assign || function(t) {

};
define(["require", "exports", "react", "@rmwc/base", "@rmwc/ripple", "@rmwc/icon"], function (require, exports, React, base_1, ripple_1, icon_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
React = __importStar(React);
exports.FabRoot = ripple_1.withRipple({ surface: false })(base_1.componentFactory({
displayName: 'FabRoot',
tag: 'button',
classNames: function (props) { return [
'mdc-fab',
{
'mdc-fab--mini': props.mini,
'mdc-fab--exited': props.exited,
'mdc-fab--extended': props.label
}
]; },
defaultProps: {
cssOnly: false,
mini: false
},
consumeProps: ['mini', 'cssOnly', 'exited', 'label', 'icon']
}));
exports.FabIcon = base_1.componentFactory({
displayName: 'FabIcon',
tag: icon_1.Icon,
classNames: ['mdc-fab__icon']
});
exports.FabLabel = base_1.componentFactory({
displayName: 'FabLabel',
classNames: ['mdc-fab__label']
});
/** A floating action button component */
exports.Fab = function (_a) {
var children = _a.children, label = _a.label, icon = _a.icon, trailingIcon = _a.trailingIcon, rest = __rest(_a, ["children", "label", "icon", "trailingIcon"]);
if (trailingIcon && !label) {
console.warn("FAB 'trailingIcon' prop should only be used in conjunction with 'label'");
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var base_1 = require("@rmwc/base");
var ripple_1 = require("@rmwc/ripple");
var icon_1 = require("@rmwc/icon");
exports.FabRoot = ripple_1.withRipple({ surface: false })(base_1.componentFactory({
displayName: 'FabRoot',
tag: 'button',
classNames: function (props) { return [
'mdc-fab',
{
'mdc-fab--mini': props.mini,
'mdc-fab--exited': props.exited,
'mdc-fab--extended': props.label
}
return (React.createElement(exports.FabRoot, __assign({ label: label }, rest),
!!icon && React.createElement(exports.FabIcon, { icon: icon }),
!!label && React.createElement(exports.FabLabel, null, label),
children,
!!trailingIcon && React.createElement(exports.FabIcon, { icon: trailingIcon })));
};
]; },
defaultProps: {
cssOnly: false,
mini: false
},
consumeProps: ['mini', 'cssOnly', 'exited', 'label', 'icon']
}));
exports.FabIcon = base_1.componentFactory({
displayName: 'FabIcon',
tag: icon_1.Icon,
classNames: ['mdc-fab__icon']
});
exports.FabLabel = base_1.componentFactory({
displayName: 'FabLabel',
classNames: ['mdc-fab__label']
});
/** A floating action button component */
exports.Fab = function (_a) {
var children = _a.children, label = _a.label, icon = _a.icon, trailingIcon = _a.trailingIcon, rest = __rest(_a, ["children", "label", "icon", "trailingIcon"]);
if (trailingIcon && !label) {
console.warn("FAB 'trailingIcon' prop should only be used in conjunction with 'label'");
}
return (React.createElement(exports.FabRoot, __assign({ label: label }, rest),
!!icon && React.createElement(exports.FabIcon, { icon: icon }),
!!label && React.createElement(exports.FabLabel, null, label),
children,
!!trailingIcon && React.createElement(exports.FabIcon, { icon: trailingIcon })));
};

@@ -18,6 +18,6 @@ import * as RMWC from '@rmwc/types';

}
export declare const FabRoot: React.ComponentType<FabProps & RMWC.ComponentProps<any> & RMWC.WithRippleProps>;
export declare const FabIcon: React.ComponentType<IconProps & RMWC.ComponentProps<any>>;
export declare const FabLabel: React.ComponentType<RMWC.ComponentProps<any>>;
export declare const FabRoot: React.ComponentType<FabProps & RMWC.ComponentProps & RMWC.WithRippleProps>;
export declare const FabIcon: React.ComponentType<IconProps & RMWC.ComponentProps>;
export declare const FabLabel: React.ComponentType<RMWC.ComponentProps>;
/** A floating action button component */
export declare const Fab: ({ children, label, icon, trailingIcon, ...rest }: FabProps & RMWC.ComponentProps<any>) => JSX.Element;
export declare const Fab: ({ children, label, icon, trailingIcon, ...rest }: FabProps & RMWC.ComponentProps) => JSX.Element;
{
"name": "@rmwc/fab",
"version": "5.0.2-alpha.0",
"version": "5.0.3-alpha.0",
"description": "RMWC Floating Action Button component",

@@ -35,8 +35,8 @@ "main": "dist/index.js",

"@material/fab": "^0.43.0",
"@rmwc/base": "^5.0.2-alpha.0",
"@rmwc/icon": "^5.0.2-alpha.0",
"@rmwc/provider": "^5.0.2-alpha.0",
"@rmwc/ripple": "^5.0.2-alpha.0"
"@rmwc/base": "^5.0.3-alpha.0",
"@rmwc/icon": "^5.0.3-alpha.0",
"@rmwc/provider": "^5.0.3-alpha.0",
"@rmwc/ripple": "^5.0.3-alpha.0"
},
"gitHead": "69fbf9ddbdad8cf2b014443c386e1c125a9cee79"
"gitHead": "32b316530fb6c1c78e2335bc56d9be85e3cb3752"
}
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc