@rmwc/fab
Advanced tools
Comparing version 5.0.2-alpha.0 to 5.0.3-alpha.0
@@ -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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
36238
13
1300
Updated@rmwc/base@^5.0.3-alpha.0
Updated@rmwc/icon@^5.0.3-alpha.0
Updated@rmwc/ripple@^5.0.3-alpha.0