Socket
Socket
Sign inDemoInstall

@highlight-ui/button

Package Overview
Dependencies
Maintainers
4
Versions
161
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@highlight-ui/button - npm Package Compare versions

Comparing version 7.0.5 to 7.0.6

18

dist/cjs/index.js

@@ -53,3 +53,3 @@ 'use strict';

var styles = {"button":"Button-module__3Rp1BYXs__v7-0-5","iconButton":"Button-module__3Y8WdccY__v7-0-5","buttonInner":"Button-module__3ZNLhdsJ__v7-0-5","hiddenButtonLabel":"Button-module__iIVwFpEb__v7-0-5","loadingIcon":"Button-module__PkJtfsRC__v7-0-5","block":"Button-module__1xc1DTHJ__v7-0-5","default":"Button-module__2Kmo3l-q__v7-0-5","focus":"Button-module__39s3axLP__v7-0-5","active":"Button-module__3WXlxxv-__v7-0-5","disabled":"Button-module__yB64MUUF__v7-0-5","primary":"Button-module__2nxVbZSO__v7-0-5","success":"Button-module__2WMN2Up2__v7-0-5","info":"Button-module__3Ll-h-cW__v7-0-5","warning":"Button-module__2Ma4TaUU__v7-0-5","warning-light":"Button-module__2HCrlzv6__v7-0-5","danger":"Button-module__3Eex2siA__v7-0-5","dark":"Button-module__MqwKA-Vc__v7-0-5","light":"Button-module__iJhDdOHm__v7-0-5","defaultOutline":"Button-module__2tKStPHe__v7-0-5","hover":"Button-module__YUN3Kf-p__v7-0-5","tertiary":"Button-module__2yGbvo4L__v7-0-5"};
var styles = {"button":"Button-module__3Rp1BYXs__v7-0-6","iconButton":"Button-module__3Y8WdccY__v7-0-6","buttonInner":"Button-module__3ZNLhdsJ__v7-0-6","hiddenButtonLabel":"Button-module__iIVwFpEb__v7-0-6","loadingIcon":"Button-module__PkJtfsRC__v7-0-6","block":"Button-module__1xc1DTHJ__v7-0-6","default":"Button-module__2Kmo3l-q__v7-0-6","focus":"Button-module__39s3axLP__v7-0-6","active":"Button-module__3WXlxxv-__v7-0-6","disabled":"Button-module__yB64MUUF__v7-0-6","primary":"Button-module__2nxVbZSO__v7-0-6","success":"Button-module__2WMN2Up2__v7-0-6","info":"Button-module__3Ll-h-cW__v7-0-6","warning":"Button-module__2Ma4TaUU__v7-0-6","warning-light":"Button-module__2HCrlzv6__v7-0-6","danger":"Button-module__3Eex2siA__v7-0-6","dark":"Button-module__MqwKA-Vc__v7-0-6","light":"Button-module__iJhDdOHm__v7-0-6","defaultOutline":"Button-module__2tKStPHe__v7-0-6","hover":"Button-module__YUN3Kf-p__v7-0-6","tertiary":"Button-module__2yGbvo4L__v7-0-6"};

@@ -59,3 +59,3 @@ function ButtonWithRef(_a, ref) {

var block = _a.block, _j = _a.children, children = _j === void 0 ? null : _j, className = _a.className, _k = _a.buttonState, buttonState = _k === void 0 ? 'enabled' : _k, icon$1 = _a.icon, metadata = _a.metadata, _l = _a.onClick, onClick = _l === void 0 ? undefined : _l, outline = _a.outline, _m = _a.theme, theme = _m === void 0 ? 'default' : _m, _o = _a.type, type = _o === void 0 ? 'button' : _o, remainingProps = __rest(_a, ["block", "children", "className", "buttonState", "icon", "metadata", "onClick", "outline", "theme", "type"]);
var containerClass = classnames__default['default'](styles.button, (_b = {}, _b[styles[theme]] = !outline, _b), (_c = {}, _c[styles[theme + "Outline"]] = outline, _c), (_d = {}, _d[styles.block] = block, _d), (_e = {}, _e[styles.disabled] = buttonState === 'disabled', _e), (_f = {}, _f[styles.iconButton] = icon$1 !== undefined && children === null, _f), (_g = {}, _g[styles.tertiary] = theme === 'tertiary', _g), className);
var containerClass = classnames__default["default"](styles.button, (_b = {}, _b[styles[theme]] = !outline, _b), (_c = {}, _c[styles[theme + "Outline"]] = outline, _c), (_d = {}, _d[styles.block] = block, _d), (_e = {}, _e[styles.disabled] = buttonState === 'disabled', _e), (_f = {}, _f[styles.iconButton] = icon$1 !== undefined && children === null, _f), (_g = {}, _g[styles.tertiary] = theme === 'tertiary', _g), className);
var focusAwareOnClick = function (event) {

@@ -66,16 +66,16 @@ event.currentTarget.focus();

};
return React__default['default'].createElement('button', __assign(__assign(__assign({}, remainingProps), utilsCommons.parseMetadata(metadata)), { className: containerClass, disabled: buttonState !== 'enabled', onClick: focusAwareOnClick,
return React__default["default"].createElement('button', __assign(__assign(__assign({}, remainingProps), utilsCommons.parseMetadata(metadata)), { className: containerClass, disabled: buttonState !== 'enabled', onClick: focusAwareOnClick,
/* eslint-disable react/button-has-type */
type: type, ref: ref }), React__default['default'].createElement(React__default['default'].Fragment, null,
React__default['default'].createElement("div", { className: classnames__default['default'](styles.buttonInner, (_h = {},
type: type, ref: ref }), React__default["default"].createElement(React__default["default"].Fragment, null,
React__default["default"].createElement("div", { className: classnames__default["default"](styles.buttonInner, (_h = {},
_h[styles.hiddenButtonLabel] = buttonState === 'loading',
_h)) },
icon$1 && React__default['default'].createElement(icon.Icon, { name: icon$1, size: 14, type: "solid" }),
children && React__default['default'].createElement("div", { className: styles.buttonContent }, children)),
buttonState === 'loading' && (React__default['default'].createElement(icon.Icon, { name: "spinner-third", size: 16, spin: true, className: styles.loadingIcon, type: "solid" }))));
icon$1 && React__default["default"].createElement(icon.Icon, { name: icon$1, size: 14, type: "solid" }),
children && React__default["default"].createElement("div", { className: styles.buttonContent }, children)),
buttonState === 'loading' && (React__default["default"].createElement(icon.Icon, { name: "spinner-third", size: 16, spin: true, className: styles.loadingIcon, type: "solid" }))));
}
ButtonWithRef.displayName = 'Button';
var Button = React__default['default'].forwardRef(ButtonWithRef);
var Button = React__default["default"].forwardRef(ButtonWithRef);
exports.Button = Button;
//# sourceMappingURL=index.js.map

@@ -44,3 +44,3 @@ import React from 'react';

var styles = {"button":"Button-module__3Rp1BYXs__v7-0-5","iconButton":"Button-module__3Y8WdccY__v7-0-5","buttonInner":"Button-module__3ZNLhdsJ__v7-0-5","hiddenButtonLabel":"Button-module__iIVwFpEb__v7-0-5","loadingIcon":"Button-module__PkJtfsRC__v7-0-5","block":"Button-module__1xc1DTHJ__v7-0-5","default":"Button-module__2Kmo3l-q__v7-0-5","focus":"Button-module__39s3axLP__v7-0-5","active":"Button-module__3WXlxxv-__v7-0-5","disabled":"Button-module__yB64MUUF__v7-0-5","primary":"Button-module__2nxVbZSO__v7-0-5","success":"Button-module__2WMN2Up2__v7-0-5","info":"Button-module__3Ll-h-cW__v7-0-5","warning":"Button-module__2Ma4TaUU__v7-0-5","warning-light":"Button-module__2HCrlzv6__v7-0-5","danger":"Button-module__3Eex2siA__v7-0-5","dark":"Button-module__MqwKA-Vc__v7-0-5","light":"Button-module__iJhDdOHm__v7-0-5","defaultOutline":"Button-module__2tKStPHe__v7-0-5","hover":"Button-module__YUN3Kf-p__v7-0-5","tertiary":"Button-module__2yGbvo4L__v7-0-5"};
var styles = {"button":"Button-module__3Rp1BYXs__v7-0-6","iconButton":"Button-module__3Y8WdccY__v7-0-6","buttonInner":"Button-module__3ZNLhdsJ__v7-0-6","hiddenButtonLabel":"Button-module__iIVwFpEb__v7-0-6","loadingIcon":"Button-module__PkJtfsRC__v7-0-6","block":"Button-module__1xc1DTHJ__v7-0-6","default":"Button-module__2Kmo3l-q__v7-0-6","focus":"Button-module__39s3axLP__v7-0-6","active":"Button-module__3WXlxxv-__v7-0-6","disabled":"Button-module__yB64MUUF__v7-0-6","primary":"Button-module__2nxVbZSO__v7-0-6","success":"Button-module__2WMN2Up2__v7-0-6","info":"Button-module__3Ll-h-cW__v7-0-6","warning":"Button-module__2Ma4TaUU__v7-0-6","warning-light":"Button-module__2HCrlzv6__v7-0-6","danger":"Button-module__3Eex2siA__v7-0-6","dark":"Button-module__MqwKA-Vc__v7-0-6","light":"Button-module__iJhDdOHm__v7-0-6","defaultOutline":"Button-module__2tKStPHe__v7-0-6","hover":"Button-module__YUN3Kf-p__v7-0-6","tertiary":"Button-module__2yGbvo4L__v7-0-6"};

@@ -47,0 +47,0 @@ function ButtonWithRef(_a, ref) {

{
"name": "@highlight-ui/button",
"version": "7.0.5",
"version": "7.0.6",
"description": "The button",

@@ -29,15 +29,15 @@ "author": "Personio GmbH",

"dependencies": {
"@highlight-ui/icon": "^3.0.15",
"@highlight-ui/utils-commons": "^1.3.7"
"@highlight-ui/icon": "^3.0.16",
"@highlight-ui/utils-commons": "^1.3.8"
},
"devDependencies": {
"@highlight-ui/configs-base-jest": "^2.0.1",
"@highlight-ui/configs-base-tsconfig": "^1.1.1",
"@highlight-ui/configs-scripts": "^1.0.1",
"@highlight-ui/configs-base-jest": "^2.0.2",
"@highlight-ui/configs-base-tsconfig": "^1.1.2",
"@highlight-ui/configs-scripts": "^1.0.2",
"@highlight-ui/theme": "^5.0.0",
"@storybook/react": "^6.2.9",
"@testing-library/react": "^12.0.0",
"@storybook/react": "^6.3.8",
"@testing-library/react": "^12.1.1",
"@testing-library/user-event": "^13.2.1",
"classnames": "^2.3.1",
"jest": "^27.1.0",
"jest": "^27.2.3",
"react": "^17.0.1",

@@ -51,3 +51,3 @@ "react-is": "^17.0.2",

},
"gitHead": "7984103404adf5407783e9d34c290c0c2d73da7d"
"gitHead": "97d317b9e086586867271b45b051e38464007065"
}

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