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

@react-md/button

Package Overview
Dependencies
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-md/button - npm Package Compare versions

Comparing version 5.0.0 to 5.1.0

12

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log

# [5.1.0](https://github.com/mlaursen/react-md/compare/v5.0.0...v5.1.0) (2022-03-18)
### Other Internal Changes
* run lint-scripts --fix for consistent-type-imports ([42d839d](https://github.com/mlaursen/react-md/commit/42d839d359922e0a8ee3775a75162b9755a2c2b6))
# [5.0.0](https://github.com/mlaursen/react-md/compare/v4.0.3...v5.0.0) (2022-01-31)

@@ -8,0 +20,0 @@

7

es/Button.js

@@ -24,6 +24,5 @@ var __assign = (this && this.__assign) || function () {

import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
/* eslint-disable react/button-has-type */
import { forwardRef } from "react";
import { useInteractionStates, } from "@react-md/states";
import { buttonThemeClassNames, } from "./buttonThemeClassNames";
import { useInteractionStates } from "@react-md/states";
import { buttonThemeClassNames } from "./buttonThemeClassNames";
import { FAB } from "./FAB";

@@ -75,4 +74,4 @@ /**

}), ripples = _h.ripples, className = _h.className, handlers = _h.handlers;
return (_jsx(FAB, __assign({ position: floating }, floatingProps, { children: _jsxs("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] }), void 0) }), void 0));
return (_jsx(FAB, __assign({ position: floating }, floatingProps, { children: _jsxs("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] })) })));
});
//# sourceMappingURL=Button.js.map

@@ -41,3 +41,3 @@ var __assign = (this && this.__assign) || function () {

if (!position) {
return _jsx(_Fragment, { children: children }, void 0);
return _jsx(_Fragment, { children: children });
}

@@ -49,4 +49,4 @@ return (_jsx("span", __assign({}, props, { ref: ref, className: cn(styles({

br: position === "bottom-right",
}), className) }, { children: children }), void 0));
}), className) }, { children: children })));
});
//# sourceMappingURL=FAB.js.map

@@ -32,4 +32,4 @@ var __assign = (this && this.__assign) || function () {

var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
return (_jsx("button", __assign({}, props, { type: "button", ref: ref, className: cn("rmd-button-unstyled", className) }, { children: children }), void 0));
return (_jsx("button", __assign({}, props, { type: "button", ref: ref, className: cn("rmd-button-unstyled", className) }, { children: children })));
});
//# sourceMappingURL=UnstyledButton.js.map

@@ -1,6 +0,6 @@

import { ButtonHTMLAttributes, ReactNode } from "react";
import { InteractionStatesOptions } from "@react-md/states";
import type { ButtonHTMLAttributes, ReactNode } from "react";
import type { InteractionStatesOptions } from "@react-md/states";
import type { PropsWithRef } from "@react-md/utils";
import { ButtonThemeProps } from "./buttonThemeClassNames";
import { FABPosition, FABProps } from "./FAB";
import type { ButtonThemeProps } from "./buttonThemeClassNames";
import type { FABPosition, FABProps } from "./FAB";
/**

@@ -7,0 +7,0 @@ * This interface includes all the props that the `Button` component accepts so

@@ -27,3 +27,2 @@ "use strict";

var jsx_runtime_1 = require("react/jsx-runtime");
/* eslint-disable react/button-has-type */
var react_1 = require("react");

@@ -78,4 +77,4 @@ var states_1 = require("@react-md/states");

}), ripples = _h.ripples, className = _h.className, handlers = _h.handlers;
return ((0, jsx_runtime_1.jsx)(FAB_1.FAB, __assign({ position: floating }, floatingProps, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] }), void 0) }), void 0));
return ((0, jsx_runtime_1.jsx)(FAB_1.FAB, __assign({ position: floating }, floatingProps, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] })) })));
});
//# sourceMappingURL=Button.js.map

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

import { HTMLAttributes } from "react";
import type { HTMLAttributes } from "react";
/**

@@ -3,0 +3,0 @@ * The position within the viewport for the floating action button.

@@ -47,3 +47,3 @@ "use strict";

if (!position) {
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
}

@@ -55,4 +55,4 @@ return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(styles({

br: position === "bottom-right",
}), className) }, { children: children }), void 0));
}), className) }, { children: children })));
});
//# sourceMappingURL=FAB.js.map
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {

@@ -6,0 +10,0 @@ if (k2 === undefined) k2 = k;

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

import { ButtonHTMLAttributes } from "react";
import type { ButtonHTMLAttributes } from "react";
/**

@@ -3,0 +3,0 @@ * The props for the unstyled button are just all the normal button html

@@ -38,4 +38,4 @@ "use strict";

var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { type: "button", ref: ref, className: (0, classnames_1.default)("rmd-button-unstyled", className) }, { children: children }), void 0));
return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { type: "button", ref: ref, className: (0, classnames_1.default)("rmd-button-unstyled", className) }, { children: children })));
});
//# sourceMappingURL=UnstyledButton.js.map
{
"name": "@react-md/button",
"version": "5.0.0",
"version": "5.1.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.",

@@ -33,9 +33,9 @@ "main": "./lib/index.js",

"dependencies": {
"@react-md/elevation": "^5.0.0",
"@react-md/icon": "^5.0.0",
"@react-md/states": "^5.0.0",
"@react-md/theme": "^5.0.0",
"@react-md/transition": "^5.0.0",
"@react-md/typography": "^5.0.0",
"@react-md/utils": "^5.0.0",
"@react-md/elevation": "^5.1.0",
"@react-md/icon": "^5.1.0",
"@react-md/states": "^5.1.0",
"@react-md/theme": "^5.1.0",
"@react-md/transition": "^5.1.0",
"@react-md/typography": "^5.1.0",
"@react-md/utils": "^5.1.0",
"classnames": "^2.3.1"

@@ -62,3 +62,3 @@ },

},
"gitHead": "a67e871627db20ca8ee4b672f6e99f2f7f438c96"
"gitHead": "d2446029706ae96aada0131f93ed7c1adcc14d70"
}

@@ -1,6 +0,6 @@

import { ButtonHTMLAttributes, ReactNode } from "react";
import { InteractionStatesOptions } from "@react-md/states";
import type { ButtonHTMLAttributes, ReactNode } from "react";
import type { InteractionStatesOptions } from "@react-md/states";
import type { PropsWithRef } from "@react-md/utils";
import { ButtonThemeProps } from "./buttonThemeClassNames";
import { FABPosition, FABProps } from "./FAB";
import type { ButtonThemeProps } from "./buttonThemeClassNames";
import type { FABPosition, FABProps } from "./FAB";
/**

@@ -7,0 +7,0 @@ * This interface includes all the props that the `Button` component accepts so

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

import { HTMLAttributes } from "react";
import type { HTMLAttributes } from "react";
/**

@@ -3,0 +3,0 @@ * The position within the viewport for the floating action button.

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

import { ButtonHTMLAttributes } from "react";
import type { ButtonHTMLAttributes } from "react";
/**

@@ -3,0 +3,0 @@ * The props for the unstyled button are just all the normal button html

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

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