Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@react-md/button
Advanced tools
@react-md/button - npm Package Compare versions
Comparing version 2.2.0 to 2.3.0-alpha.0
@@ -6,38 +6,35 @@ # Change Log | ||
| # [2.2.0](https://github.com/mlaursen/react-md/compare/v2.1.2...v2.2.0) (2020-08-11) | ||
| # [2.3.0-alpha.0](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.3.0-alpha.0) (2020-09-01) | ||
| **Note:** Version bump only for package @react-md/button | ||
| ### Bug Fixes | ||
| # Change Log | ||
| - [@react-md/states](../states): fixed usedPressStates to pass onClick like | ||
| other state hooks | ||
| ([82cd676](https://github.com/mlaursen/react-md/commit/82cd67695c2ecd6e9a710d5fbfce97ae4dfeda80)) | ||
| All notable changes to this project will be documented in this file. See | ||
| [Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
| ### Features | ||
| ## [2.1.2](https://github.com/mlaursen/react-md/compare/v2.1.1...v2.1.2) (2020-08-01) | ||
| - [@react-md/button](../button): added built-in support for rendering | ||
| `CircularProgress` | ||
| ([c6c616b](https://github.com/mlaursen/react-md/commit/c6c616b72866cc1533b7f83c4d9f031354319dfc)) | ||
| - [@react-md/button](../button): added support for disabled theme without | ||
| disabling button | ||
| ([6a647e2](https://github.com/mlaursen/react-md/commit/6a647e23831c7b3c97eb12baa47dfd5dd074271a)) | ||
| **Note:** Version bump only for package @react-md/button | ||
| # [2.2.0](https://github.com/mlaursen/react-md/compare/v2.1.2...v2.2.0) (2020-08-11) | ||
| # Change Log | ||
| **Note:** Version bump only for package [@react-md/button](../button) | ||
| All notable changes to this project will be documented in this file. See | ||
| [Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
| ## [2.1.2](https://github.com/mlaursen/react-md/compare/v2.1.1...v2.1.2) (2020-08-01) | ||
| **Note:** Version bump only for package [@react-md/button](../button) | ||
| ## [2.1.1](https://github.com/mlaursen/react-md/compare/v2.1.0...v2.1.1) (2020-07-21) | ||
| **Note:** Version bump only for package @react-md/button | ||
| **Note:** Version bump only for package [@react-md/button](../button) | ||
| # Change Log | ||
| All notable changes to this project will be documented in this file. See | ||
| [Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
| # [2.1.0](https://github.com/mlaursen/react-md/compare/v2.0.4...v2.1.0) (2020-07-12) | ||
| **Note:** Version bump only for package @react-md/button | ||
| **Note:** Version bump only for package [@react-md/button](../button) | ||
| # Change Log | ||
| All notable changes to this project will be documented in this file. See | ||
| [Conventional Commits](https://conventionalcommits.org) for commit guidelines. | ||
| ## [2.0.2](https://github.com/mlaursen/react-md/compare/v2.0.1...v2.0.2) (2020-06-30) | ||
@@ -49,5 +46,5 @@ | ||
| ([50c9021](https://github.com/mlaursen/react-md/commit/50c9021cedc0d642758b9fd541bb6c93d2fe1786)) | ||
| - Added sideEffects field to package.json | ||
| - Added `sideEffects` field to `package.json` | ||
| ([31820b9](https://github.com/mlaursen/react-md/commit/31820b9b43705e5849664500a17b6849eb6dc2a9)) | ||
| - sideEffects formatting | ||
| - `sideEffects` formatting | ||
| ([78a7b6b](https://github.com/mlaursen/react-md/commit/78a7b6b0e40c7daefb749835670705f21bd21720)) | ||
@@ -54,0 +51,0 @@ |
@@ -21,2 +21,3 @@ declare const _default: { | ||
| "rmd-button-floating-margin": string; | ||
| "rmd-button-circular-progress-size": string; | ||
| "rmd-button-floating-positions": { | ||
@@ -23,0 +24,0 @@ tl: { |
@@ -24,2 +24,3 @@ "use strict"; | ||
| "rmd-button-floating-margin": "1.5rem", | ||
| "rmd-button-circular-progress-size": "var(--rmd-icon-size, 1.5rem)", | ||
| "rmd-button-floating-positions": { | ||
@@ -26,0 +27,0 @@ tl: { left: "1.5rem", top: "1.5rem" }, |
@@ -38,8 +38,20 @@ var __assign = (this && this.__assign) || function () { | ||
| var Button = forwardRef(function Button(_a, ref) { | ||
| var _b = _a.type, type = _b === void 0 ? "button" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.floating, floating = _d === void 0 ? null : _d, floatingProps = _a.floatingProps, _e = _a.theme, theme = _e === void 0 ? floating ? "secondary" : "clear" : _e, _f = _a.themeType, themeType = _f === void 0 ? floating ? "contained" : "flat" : _f, _g = _a.buttonType, buttonType = _g === void 0 ? floating ? "icon" : "text" : _g, propClassName = _a.className, children = _a.children, disableRipple = _a.disableRipple, disableProgrammaticRipple = _a.disableProgrammaticRipple, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, propEnablePressedAndRipple = _a.enablePressedAndRipple, props = __rest(_a, ["type", "disabled", "floating", "floatingProps", "theme", "themeType", "buttonType", "className", "children", "disableRipple", "disableProgrammaticRipple", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName", "enablePressedAndRipple"]); | ||
| var _b = _a.type, type = _b === void 0 ? "button" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.floating, floating = _d === void 0 ? null : _d, floatingProps = _a.floatingProps, _e = _a.theme, theme = _e === void 0 ? floating ? "secondary" : "clear" : _e, _f = _a.themeType, themeType = _f === void 0 ? floating ? "contained" : "flat" : _f, _g = _a.buttonType, buttonType = _g === void 0 ? floating ? "icon" : "text" : _g, propClassName = _a.className, children = _a.children, disableRipple = _a.disableRipple, disableProgrammaticRipple = _a.disableProgrammaticRipple, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, propEnablePressedAndRipple = _a.enablePressedAndRipple, disablePressedFallback = _a.disablePressedFallback, onClick = _a.onClick, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onMouseUp = _a.onMouseUp, onMouseDown = _a.onMouseDown, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onTouchMove = _a.onTouchMove, onTouchEnd = _a.onTouchEnd, props = __rest(_a, ["type", "disabled", "floating", "floatingProps", "theme", "themeType", "buttonType", "className", "children", "disableRipple", "disableProgrammaticRipple", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName", "enablePressedAndRipple", "disablePressedFallback", "onClick", "onKeyUp", "onKeyDown", "onMouseUp", "onMouseDown", "onMouseLeave", "onTouchStart", "onTouchMove", "onTouchEnd"]); | ||
| var enablePressedAndRipple = typeof propEnablePressedAndRipple === "boolean" | ||
| ? propEnablePressedAndRipple | ||
| : themeType === "contained"; | ||
| var propHandlers = { | ||
| onClick: onClick, | ||
| onKeyUp: onKeyUp, | ||
| onKeyDown: onKeyDown, | ||
| onMouseUp: onMouseUp, | ||
| onMouseDown: onMouseDown, | ||
| onMouseLeave: onMouseLeave, | ||
| onTouchStart: onTouchStart, | ||
| onTouchMove: onTouchMove, | ||
| onTouchEnd: onTouchEnd, | ||
| }; | ||
| var isDisabledTheme = theme === "disabled"; | ||
| var _h = useInteractionStates({ | ||
| handlers: props, | ||
| handlers: propHandlers, | ||
| className: buttonThemeClassNames({ | ||
@@ -52,5 +64,6 @@ theme: theme, | ||
| }), | ||
| disabled: disabled, | ||
| disabled: disabled || isDisabledTheme, | ||
| disableRipple: disableRipple, | ||
| disableProgrammaticRipple: disableProgrammaticRipple, | ||
| disablePressedFallback: disablePressedFallback, | ||
| rippleTimeout: rippleTimeout, | ||
@@ -63,3 +76,3 @@ rippleClassNames: rippleClassNames, | ||
| return (React.createElement(FAB, __assign({ position: floating }, floatingProps), | ||
| React.createElement("button", __assign({}, props, handlers, { ref: ref, type: type, className: className, disabled: disabled }), | ||
| React.createElement("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }), | ||
| children, | ||
@@ -80,2 +93,3 @@ ripples))); | ||
| "error", | ||
| "disabled", | ||
| ]), | ||
@@ -88,2 +102,3 @@ themeType: PropTypes.oneOf(["flat", "outline", "contained"]), | ||
| disableProgrammaticRipple: PropTypes.bool, | ||
| disablePressedFallback: PropTypes.bool, | ||
| rippleTimeout: PropTypes.oneOfType([ | ||
@@ -120,2 +135,11 @@ PropTypes.number, | ||
| floatingProps: PropTypes.object, | ||
| onClick: PropTypes.func, | ||
| onKeyUp: PropTypes.func, | ||
| onKeyDown: PropTypes.func, | ||
| onMouseUp: PropTypes.func, | ||
| onMouseDown: PropTypes.func, | ||
| onMouseLeave: PropTypes.func, | ||
| onTouchStart: PropTypes.func, | ||
| onTouchMove: PropTypes.func, | ||
| onTouchEnd: PropTypes.func, | ||
| }; | ||
@@ -122,0 +146,0 @@ } |
@@ -13,5 +13,7 @@ import cn from "classnames"; | ||
| */ | ||
| export default function buttonThemeClassNames(props) { | ||
| var _a; | ||
| var _b = props.theme, theme = _b === void 0 ? "clear" : _b, _c = props.themeType, themeType = _c === void 0 ? "flat" : _c, _d = props.buttonType, buttonType = _d === void 0 ? "text" : _d, disabled = props.disabled, className = props.className; | ||
| export default function buttonThemeClassNames(_a) { | ||
| var _b; | ||
| var _c = _a.theme, propTheme = _c === void 0 ? "clear" : _c, _d = _a.themeType, themeType = _d === void 0 ? "flat" : _d, _e = _a.buttonType, buttonType = _e === void 0 ? "text" : _e, _f = _a.disabled, propDisabled = _f === void 0 ? false : _f, className = _a.className; | ||
| var theme = propTheme === "disabled" ? "clear" : propTheme; | ||
| var disabled = propDisabled || propTheme === "disabled"; | ||
| var text = buttonType === "text"; | ||
@@ -22,3 +24,3 @@ var icon = buttonType === "icon"; | ||
| var clear = theme === "clear"; | ||
| return cn(block((_a = { | ||
| return cn(block((_b = { | ||
| text: text, | ||
@@ -30,7 +32,7 @@ icon: icon, | ||
| }, | ||
| _a[theme] = !disabled && !clear && contained, | ||
| _a["text-" + theme] = !disabled && !clear && !contained, | ||
| _a["outline-" + theme] = !disabled && !clear && outline, | ||
| _a)), className); | ||
| _b[theme] = !disabled && !clear && contained, | ||
| _b["text-" + theme] = !disabled && !clear && !contained, | ||
| _b["outline-" + theme] = !disabled && !clear && outline, | ||
| _b)), className); | ||
| } | ||
| //# sourceMappingURL=buttonThemeClassNames.js.map |
@@ -62,8 +62,20 @@ "use strict"; | ||
| var Button = react_1.forwardRef(function Button(_a, ref) { | ||
| var _b = _a.type, type = _b === void 0 ? "button" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.floating, floating = _d === void 0 ? null : _d, floatingProps = _a.floatingProps, _e = _a.theme, theme = _e === void 0 ? floating ? "secondary" : "clear" : _e, _f = _a.themeType, themeType = _f === void 0 ? floating ? "contained" : "flat" : _f, _g = _a.buttonType, buttonType = _g === void 0 ? floating ? "icon" : "text" : _g, propClassName = _a.className, children = _a.children, disableRipple = _a.disableRipple, disableProgrammaticRipple = _a.disableProgrammaticRipple, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, propEnablePressedAndRipple = _a.enablePressedAndRipple, props = __rest(_a, ["type", "disabled", "floating", "floatingProps", "theme", "themeType", "buttonType", "className", "children", "disableRipple", "disableProgrammaticRipple", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName", "enablePressedAndRipple"]); | ||
| var _b = _a.type, type = _b === void 0 ? "button" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.floating, floating = _d === void 0 ? null : _d, floatingProps = _a.floatingProps, _e = _a.theme, theme = _e === void 0 ? floating ? "secondary" : "clear" : _e, _f = _a.themeType, themeType = _f === void 0 ? floating ? "contained" : "flat" : _f, _g = _a.buttonType, buttonType = _g === void 0 ? floating ? "icon" : "text" : _g, propClassName = _a.className, children = _a.children, disableRipple = _a.disableRipple, disableProgrammaticRipple = _a.disableProgrammaticRipple, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, propEnablePressedAndRipple = _a.enablePressedAndRipple, disablePressedFallback = _a.disablePressedFallback, onClick = _a.onClick, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onMouseUp = _a.onMouseUp, onMouseDown = _a.onMouseDown, onMouseLeave = _a.onMouseLeave, onTouchStart = _a.onTouchStart, onTouchMove = _a.onTouchMove, onTouchEnd = _a.onTouchEnd, props = __rest(_a, ["type", "disabled", "floating", "floatingProps", "theme", "themeType", "buttonType", "className", "children", "disableRipple", "disableProgrammaticRipple", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName", "enablePressedAndRipple", "disablePressedFallback", "onClick", "onKeyUp", "onKeyDown", "onMouseUp", "onMouseDown", "onMouseLeave", "onTouchStart", "onTouchMove", "onTouchEnd"]); | ||
| var enablePressedAndRipple = typeof propEnablePressedAndRipple === "boolean" | ||
| ? propEnablePressedAndRipple | ||
| : themeType === "contained"; | ||
| var propHandlers = { | ||
| onClick: onClick, | ||
| onKeyUp: onKeyUp, | ||
| onKeyDown: onKeyDown, | ||
| onMouseUp: onMouseUp, | ||
| onMouseDown: onMouseDown, | ||
| onMouseLeave: onMouseLeave, | ||
| onTouchStart: onTouchStart, | ||
| onTouchMove: onTouchMove, | ||
| onTouchEnd: onTouchEnd, | ||
| }; | ||
| var isDisabledTheme = theme === "disabled"; | ||
| var _h = states_1.useInteractionStates({ | ||
| handlers: props, | ||
| handlers: propHandlers, | ||
| className: buttonThemeClassNames_1.default({ | ||
@@ -76,5 +88,6 @@ theme: theme, | ||
| }), | ||
| disabled: disabled, | ||
| disabled: disabled || isDisabledTheme, | ||
| disableRipple: disableRipple, | ||
| disableProgrammaticRipple: disableProgrammaticRipple, | ||
| disablePressedFallback: disablePressedFallback, | ||
| rippleTimeout: rippleTimeout, | ||
@@ -87,3 +100,3 @@ rippleClassNames: rippleClassNames, | ||
| return (react_1.default.createElement(FAB_1.default, __assign({ position: floating }, floatingProps), | ||
| react_1.default.createElement("button", __assign({}, props, handlers, { ref: ref, type: type, className: className, disabled: disabled }), | ||
| react_1.default.createElement("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }), | ||
| children, | ||
@@ -104,2 +117,3 @@ ripples))); | ||
| "error", | ||
| "disabled", | ||
| ]), | ||
@@ -112,2 +126,3 @@ themeType: PropTypes.oneOf(["flat", "outline", "contained"]), | ||
| disableProgrammaticRipple: PropTypes.bool, | ||
| disablePressedFallback: PropTypes.bool, | ||
| rippleTimeout: PropTypes.oneOfType([ | ||
@@ -144,2 +159,11 @@ PropTypes.number, | ||
| floatingProps: PropTypes.object, | ||
| onClick: PropTypes.func, | ||
| onKeyUp: PropTypes.func, | ||
| onKeyDown: PropTypes.func, | ||
| onMouseUp: PropTypes.func, | ||
| onMouseDown: PropTypes.func, | ||
| onMouseLeave: PropTypes.func, | ||
| onTouchStart: PropTypes.func, | ||
| onTouchMove: PropTypes.func, | ||
| onTouchEnd: PropTypes.func, | ||
| }; | ||
@@ -146,0 +170,0 @@ } |
@@ -10,3 +10,3 @@ /** | ||
| */ | ||
| export declare type ButtonTheme = "clear" | "primary" | "secondary" | "warning" | "error"; | ||
| export declare type ButtonTheme = "clear" | "primary" | "secondary" | "warning" | "error" | "disabled"; | ||
| /** | ||
@@ -64,2 +64,2 @@ * One of the valid material design "themed" button types that can be used. This | ||
| */ | ||
| export default function buttonThemeClassNames(props: ButtonThemeProps): string; | ||
| export default function buttonThemeClassNames({ theme: propTheme, themeType, buttonType, disabled: propDisabled, className, }: ButtonThemeProps): string; |
@@ -18,5 +18,7 @@ "use strict"; | ||
| */ | ||
| function buttonThemeClassNames(props) { | ||
| var _a; | ||
| var _b = props.theme, theme = _b === void 0 ? "clear" : _b, _c = props.themeType, themeType = _c === void 0 ? "flat" : _c, _d = props.buttonType, buttonType = _d === void 0 ? "text" : _d, disabled = props.disabled, className = props.className; | ||
| function buttonThemeClassNames(_a) { | ||
| var _b; | ||
| var _c = _a.theme, propTheme = _c === void 0 ? "clear" : _c, _d = _a.themeType, themeType = _d === void 0 ? "flat" : _d, _e = _a.buttonType, buttonType = _e === void 0 ? "text" : _e, _f = _a.disabled, propDisabled = _f === void 0 ? false : _f, className = _a.className; | ||
| var theme = propTheme === "disabled" ? "clear" : propTheme; | ||
| var disabled = propDisabled || propTheme === "disabled"; | ||
| var text = buttonType === "text"; | ||
@@ -27,3 +29,3 @@ var icon = buttonType === "icon"; | ||
| var clear = theme === "clear"; | ||
| return classnames_1.default(block((_a = { | ||
| return classnames_1.default(block((_b = { | ||
| text: text, | ||
@@ -35,8 +37,8 @@ icon: icon, | ||
| }, | ||
| _a[theme] = !disabled && !clear && contained, | ||
| _a["text-" + theme] = !disabled && !clear && !contained, | ||
| _a["outline-" + theme] = !disabled && !clear && outline, | ||
| _a)), className); | ||
| _b[theme] = !disabled && !clear && contained, | ||
| _b["text-" + theme] = !disabled && !clear && !contained, | ||
| _b["outline-" + theme] = !disabled && !clear && outline, | ||
| _b)), className); | ||
| } | ||
| exports.default = buttonThemeClassNames; | ||
| //# sourceMappingURL=buttonThemeClassNames.js.map |
| { | ||
| "name": "@react-md/button", | ||
| "version": "2.2.0", | ||
| "version": "2.3.0-alpha.0", | ||
| "description": "This package is used to create buttons with the material design spec. There is built-in support to be able to render accessible clickable divs that look like buttons, or even apply button styles to any element.", | ||
@@ -44,9 +44,9 @@ "scripts": { | ||
| "dependencies": { | ||
| "@react-md/elevation": "^2.1.2", | ||
| "@react-md/icon": "^2.1.2", | ||
| "@react-md/states": "^2.1.2", | ||
| "@react-md/theme": "^2.1.2", | ||
| "@react-md/transition": "^2.1.2", | ||
| "@react-md/typography": "^2.1.2", | ||
| "@react-md/utils": "^2.1.0", | ||
| "@react-md/elevation": "^2.3.0-alpha.0", | ||
| "@react-md/icon": "^2.3.0-alpha.0", | ||
| "@react-md/states": "^2.3.0-alpha.0", | ||
| "@react-md/theme": "^2.3.0-alpha.0", | ||
| "@react-md/transition": "^2.3.0-alpha.0", | ||
| "@react-md/typography": "^2.3.0-alpha.0", | ||
| "@react-md/utils": "^2.3.0-alpha.0", | ||
| "classnames": "^2.2.6" | ||
@@ -67,3 +67,3 @@ }, | ||
| }, | ||
| "gitHead": "0a4024848493b6ef1ed37c591ac68781360b8f45" | ||
| "gitHead": "1026b00201cb5ab60735372acd9b8abd26cc3c05" | ||
| } |
@@ -16,3 +16,3 @@ # @react-md/button | ||
| ```sh | ||
| $ npm install --save @react-md/button | ||
| npm install --save @react-md/button | ||
| ``` | ||
@@ -24,5 +24,5 @@ | ||
| ```sh | ||
| $ npm install --save @react-md/theme \ | ||
| @react-md/typography \ | ||
| @react-md/icon | ||
| npm install --save @react-md/theme \ | ||
| @react-md/typography \ | ||
| @react-md/icon | ||
| ``` | ||
@@ -29,0 +29,0 @@ |
@@ -19,3 +19,4 @@ import cn from "classnames"; | ||
| | "warning" | ||
| | "error"; | ||
| | "error" | ||
| | "disabled"; | ||
@@ -82,10 +83,11 @@ /** | ||
| */ | ||
| export default function buttonThemeClassNames(props: ButtonThemeProps): string { | ||
| const { | ||
| theme = "clear", | ||
| themeType = "flat", | ||
| buttonType = "text", | ||
| disabled, | ||
| className, | ||
| } = props; | ||
| export default function buttonThemeClassNames({ | ||
| theme: propTheme = "clear", | ||
| themeType = "flat", | ||
| buttonType = "text", | ||
| disabled: propDisabled = false, | ||
| className, | ||
| }: ButtonThemeProps): string { | ||
| const theme = propTheme === "disabled" ? "clear" : propTheme; | ||
| const disabled = propDisabled || propTheme === "disabled"; | ||
| const text = buttonType === "text"; | ||
@@ -92,0 +94,0 @@ const icon = buttonType === "icon"; |
@@ -22,2 +22,3 @@ /** this is an auto-generated file from @react-md/dev-utils */ | ||
| "rmd-button-floating-margin": "1.5rem", | ||
| "rmd-button-circular-progress-size": "var(--rmd-icon-size, 1.5rem)", | ||
| "rmd-button-floating-positions": { | ||
@@ -24,0 +25,0 @@ tl: { left: "1.5rem", top: "1.5rem" }, |
@@ -10,3 +10,3 @@ /** | ||
| */ | ||
| export declare type ButtonTheme = "clear" | "primary" | "secondary" | "warning" | "error"; | ||
| export declare type ButtonTheme = "clear" | "primary" | "secondary" | "warning" | "error" | "disabled"; | ||
| /** | ||
@@ -64,2 +64,2 @@ * One of the valid material design "themed" button types that can be used. This | ||
| */ | ||
| export default function buttonThemeClassNames(props: ButtonThemeProps): string; | ||
| export default function buttonThemeClassNames({ theme: propTheme, themeType, buttonType, disabled: propDisabled, className, }: ButtonThemeProps): string; |
@@ -12,3 +12,3 @@ import React, { ButtonHTMLAttributes } from "react"; | ||
| */ | ||
| declare const UnstyledButton: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "hidden" | "color" | "style" | "disabled" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "className" | "onScroll" | "onChange" | "onKeyDown" | "aria-label" | "aria-labelledby" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name"> & React.RefAttributes<HTMLButtonElement>>; | ||
| declare const UnstyledButton: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "hidden" | "color" | "style" | "disabled" | "translate" | "prefix" | "form" | "slot" | "title" | "children" | "className" | "onScroll" | "aria-label" | "aria-labelledby" | "onChange" | "onKeyDown" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name"> & React.RefAttributes<HTMLButtonElement>>; | ||
| export default UnstyledButton; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by14.52%
276629
- Lines of code
- increased by11.77%
1852
Worsened metrics
- Number of low quality alerts
- increased byInfinity%
1