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

@highlight-ui/button

Package Overview
Dependencies
Maintainers
4
Versions
162
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 3.1.10 to 4.0.0

2

dist/cjs/index.d.ts

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

export { default } from './src/Button';
export { default as Button } from './src/Button';
export type { ButtonProps, ButtonRef } from './src/Button';
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var classnames = require('classnames');
var utilsCommons = require('@highlight-ui/utils-commons');
var Icon = require('@highlight-ui/icon');
var icon = require('@highlight-ui/icon');

@@ -12,3 +14,2 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);

@@ -53,7 +54,7 @@ /*! *****************************************************************************

var styles = {"button":"Button-module__3Rp1BYXs__v3-1-10","buttonInner":"Button-module__3ZNLhdsJ__v3-1-10","iconOnly":"Button-module__3-vgpZJs__v3-1-10","block":"Button-module__1xc1DTHJ__v3-1-10","default":"Button-module__2Kmo3l-q__v3-1-10","focus":"Button-module__39s3axLP__v3-1-10","active":"Button-module__3WXlxxv-__v3-1-10","disabled":"Button-module__yB64MUUF__v3-1-10","primary":"Button-module__2nxVbZSO__v3-1-10","success":"Button-module__2WMN2Up2__v3-1-10","info":"Button-module__3Ll-h-cW__v3-1-10","warning":"Button-module__2Ma4TaUU__v3-1-10","warning-light":"Button-module__2HCrlzv6__v3-1-10","danger":"Button-module__3Eex2siA__v3-1-10","dark":"Button-module__MqwKA-Vc__v3-1-10","light":"Button-module__iJhDdOHm__v3-1-10","defaultOutline":"Button-module__2tKStPHe__v3-1-10","hover":"Button-module__YUN3Kf-p__v3-1-10","link":"Button-module__2KZcoTpE__v3-1-10"};
var styles = {"button":"Button-module__3Rp1BYXs__v4-0-0","buttonInner":"Button-module__3ZNLhdsJ__v4-0-0","iconOnly":"Button-module__3-vgpZJs__v4-0-0","block":"Button-module__1xc1DTHJ__v4-0-0","default":"Button-module__2Kmo3l-q__v4-0-0","focus":"Button-module__39s3axLP__v4-0-0","active":"Button-module__3WXlxxv-__v4-0-0","disabled":"Button-module__yB64MUUF__v4-0-0","primary":"Button-module__2nxVbZSO__v4-0-0","success":"Button-module__2WMN2Up2__v4-0-0","info":"Button-module__3Ll-h-cW__v4-0-0","warning":"Button-module__2Ma4TaUU__v4-0-0","warning-light":"Button-module__2HCrlzv6__v4-0-0","danger":"Button-module__3Eex2siA__v4-0-0","dark":"Button-module__MqwKA-Vc__v4-0-0","light":"Button-module__iJhDdOHm__v4-0-0","defaultOutline":"Button-module__2tKStPHe__v4-0-0","hover":"Button-module__YUN3Kf-p__v4-0-0","link":"Button-module__2KZcoTpE__v4-0-0"};
function ButtonWithRef(_a, ref) {
var _b, _c, _d, _e, _f;
var _g = _a.actAsAnchor, actAsAnchor = _g === void 0 ? false : _g, _h = _a.active, active = _h === void 0 ? false : _h, block = _a.block, _j = _a.children, children = _j === void 0 ? null : _j, className = _a.className, _k = _a.disabled, disabled = _k === void 0 ? false : _k, icon = _a.icon, loading = _a.loading, 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, ["actAsAnchor", "active", "block", "children", "className", "disabled", "icon", "loading", "metadata", "onClick", "outline", "theme", "type"]);
var _g = _a.actAsAnchor, actAsAnchor = _g === void 0 ? false : _g, _h = _a.active, active = _h === void 0 ? false : _h, block = _a.block, _j = _a.children, children = _j === void 0 ? null : _j, className = _a.className, _k = _a.disabled, disabled = _k === void 0 ? false : _k, icon$1 = _a.icon, loading = _a.loading, 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, ["actAsAnchor", "active", "block", "children", "className", "disabled", "icon", "loading", "metadata", "onClick", "outline", "theme", "type"]);
var tag = actAsAnchor ? 'a' : 'button';

@@ -67,4 +68,4 @@ 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.active] = active || loading, _e), (_f = {}, _f[styles.disabled] = disabled, _f), className);

};
return React__default['default'].createElement(tag, __assign(__assign(__assign({}, remainingProps), utilsCommons.parseMetadata(metadata)), { className: containerClass, disabled: disabled, onClick: disabled ? undefined : focusAwareOnClick, type: tag === 'button' ? type : undefined, ref: ref }), loading ? (React__default['default'].createElement(Icon__default['default'], { name: "spinner-third", size: 15, spin: true, type: "solid" })) : (React__default['default'].createElement("div", { className: styles.buttonInner },
icon && React__default['default'].createElement(Icon__default['default'], { name: icon, size: 14, type: "solid" }),
return React__default['default'].createElement(tag, __assign(__assign(__assign({}, remainingProps), utilsCommons.parseMetadata(metadata)), { className: containerClass, disabled: disabled, onClick: disabled ? undefined : focusAwareOnClick, type: tag === 'button' ? type : undefined, ref: ref }), loading ? (React__default['default'].createElement(icon.Icon, { name: "spinner-third", size: 15, spin: true, type: "solid" })) : (React__default['default'].createElement("div", { className: styles.buttonInner },
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))));

@@ -75,3 +76,3 @@ }

module.exports = Button;
exports.Button = Button;
//# sourceMappingURL=index.js.map

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

export { default } from './src/Button';
export { default as Button } from './src/Button';
export type { ButtonProps, ButtonRef } from './src/Button';
import React from 'react';
import classnames from 'classnames';
import { parseMetadata } from '@highlight-ui/utils-commons';
import Icon from '@highlight-ui/icon';
import { Icon } from '@highlight-ui/icon';

@@ -44,3 +44,3 @@ /*! *****************************************************************************

var styles = {"button":"Button-module__3Rp1BYXs__v3-1-10","buttonInner":"Button-module__3ZNLhdsJ__v3-1-10","iconOnly":"Button-module__3-vgpZJs__v3-1-10","block":"Button-module__1xc1DTHJ__v3-1-10","default":"Button-module__2Kmo3l-q__v3-1-10","focus":"Button-module__39s3axLP__v3-1-10","active":"Button-module__3WXlxxv-__v3-1-10","disabled":"Button-module__yB64MUUF__v3-1-10","primary":"Button-module__2nxVbZSO__v3-1-10","success":"Button-module__2WMN2Up2__v3-1-10","info":"Button-module__3Ll-h-cW__v3-1-10","warning":"Button-module__2Ma4TaUU__v3-1-10","warning-light":"Button-module__2HCrlzv6__v3-1-10","danger":"Button-module__3Eex2siA__v3-1-10","dark":"Button-module__MqwKA-Vc__v3-1-10","light":"Button-module__iJhDdOHm__v3-1-10","defaultOutline":"Button-module__2tKStPHe__v3-1-10","hover":"Button-module__YUN3Kf-p__v3-1-10","link":"Button-module__2KZcoTpE__v3-1-10"};
var styles = {"button":"Button-module__3Rp1BYXs__v4-0-0","buttonInner":"Button-module__3ZNLhdsJ__v4-0-0","iconOnly":"Button-module__3-vgpZJs__v4-0-0","block":"Button-module__1xc1DTHJ__v4-0-0","default":"Button-module__2Kmo3l-q__v4-0-0","focus":"Button-module__39s3axLP__v4-0-0","active":"Button-module__3WXlxxv-__v4-0-0","disabled":"Button-module__yB64MUUF__v4-0-0","primary":"Button-module__2nxVbZSO__v4-0-0","success":"Button-module__2WMN2Up2__v4-0-0","info":"Button-module__3Ll-h-cW__v4-0-0","warning":"Button-module__2Ma4TaUU__v4-0-0","warning-light":"Button-module__2HCrlzv6__v4-0-0","danger":"Button-module__3Eex2siA__v4-0-0","dark":"Button-module__MqwKA-Vc__v4-0-0","light":"Button-module__iJhDdOHm__v4-0-0","defaultOutline":"Button-module__2tKStPHe__v4-0-0","hover":"Button-module__YUN3Kf-p__v4-0-0","link":"Button-module__2KZcoTpE__v4-0-0"};

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

export default Button;
export { Button };
//# sourceMappingURL=index.js.map
{
"name": "@highlight-ui/button",
"version": "3.1.10",
"version": "4.0.0",
"description": "The button",

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

"dependencies": {
"@highlight-ui/icon": "^2.1.9",
"@highlight-ui/icon": "^3.0.0",
"@highlight-ui/utils-commons": "^1.2.2"

@@ -60,3 +60,3 @@ },

},
"gitHead": "b23625e1ee38082febededafbfdadea9ff4ebb6d"
"gitHead": "5fceeca8c701b19aacbed68f0b22f63738bd3113"
}

@@ -14,3 +14,3 @@ # `@highlight-ui/button`

```ts
import Button from '@highlight-ui/button';
import { Button } from '@highlight-ui/button';
```

@@ -17,0 +17,0 @@

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