@highlight-ui/button - npm Package Compare versions

Comparing version 11.0.1 to 11.1.0

dist/cjs/index.js

@@ -53,8 +53,9 @@ 'use strict';
 
-var styles$1 = {"disabled":"Button-module__yB64MUUF__v11-0-1","defaultButton":"Button-module__3iXT1NQi__v11-0-1","hover":"Button-module__YUN3Kf-p__v11-0-1","focus":"Button-module__39s3axLP__v11-0-1","active":"Button-module__3WXlxxv-__v11-0-1","primaryButton":"Button-module__2dSuQFdg__v11-0-1","criticalButton":"Button-module__2DMk5GC2__v11-0-1","successButton":"Button-module__g3xCMOaO__v11-0-1","tertiaryButton":"Button-module__3p2cVr8I__v11-0-1","button":"Button-module__3Rp1BYXs__v11-0-1","buttonInner":"Button-module__3ZNLhdsJ__v11-0-1","hiddenButtonLabel":"Button-module__iIVwFpEb__v11-0-1","loadingIcon":"Button-module__PkJtfsRC__v11-0-1","block":"Button-module__1xc1DTHJ__v11-0-1"};
+var styles$1 = {"disabled":"Button-module__yB64MUUF__v11-1-0","defaultButton":"Button-module__3iXT1NQi__v11-1-0","hover":"Button-module__YUN3Kf-p__v11-1-0","focus":"Button-module__39s3axLP__v11-1-0","active":"Button-module__3WXlxxv-__v11-1-0","primaryButton":"Button-module__2dSuQFdg__v11-1-0","criticalButton":"Button-module__2DMk5GC2__v11-1-0","successButton":"Button-module__g3xCMOaO__v11-1-0","tertiaryButton":"Button-module__3p2cVr8I__v11-1-0","button":"Button-module__3Rp1BYXs__v11-1-0","buttonInner":"Button-module__3ZNLhdsJ__v11-1-0","hiddenButtonLabel":"Button-module__iIVwFpEb__v11-1-0","loadingIcon":"Button-module__PkJtfsRC__v11-1-0","block":"Button-module__1xc1DTHJ__v11-1-0"};
 
 function ButtonWithRef(_a, ref) {
     var _b, _c, _d;
-    var block = _a.block, _e = _a.children, children = _e === void 0 ? null : _e, className = _a.className, _f = _a.buttonState, buttonState = _f === void 0 ? 'enabled' : _f, metadata = _a.metadata, _g = _a.onClick, onClick = _g === void 0 ? undefined : _g, _h = _a.variant, variant = _h === void 0 ? 'default' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, remainingProps = __rest(_a, ["block", "children", "className", "buttonState", "metadata", "onClick", "variant", "type"]);
-    var containerClass = classnames__default["default"](styles$1.button, styles$1[variant + "Button"], (_b = {}, _b[styles$1.block] = block, _b), (_c = {},
+    var block = _a.block, _e = _a.children, children = _e === void 0 ? null : _e, className = _a.className, _f = _a.buttonState, buttonState = _f === void 0 ? 'enabled' : _f, metadata = _a.metadata, _g = _a.onClick, onClick = _g === void 0 ? undefined : _g, theme = _a.theme, _h = _a.variant, variant = _h === void 0 ? 'default' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, remainingProps = __rest(_a, ["block", "children", "className", "buttonState", "metadata", "onClick", "theme", "variant", "type"]);
+    var variantOrDeprecatedTheme = typeof theme !== 'undefined' ? theme : variant;
+    var containerClass = classnames__default["default"](styles$1.button, styles$1[variantOrDeprecatedTheme + "Button"], (_b = {}, _b[styles$1.block] = block, _b), (_c = {},
         _c[styles$1.disabled] = buttonState === 'disabled' || buttonState === 'loading',
@@ -78,8 +79,9 @@ _c), className);
 
-var styles = {"disabled":"IconButton-module__1exwesEF__v11-0-1","defaultButton":"IconButton-module__2TSYjM94__v11-0-1","hover":"IconButton-module__1DIHn9ya__v11-0-1","focus":"IconButton-module__3MskydD-__v11-0-1","active":"IconButton-module__3lHJu0cg__v11-0-1","primaryButton":"IconButton-module__2iAxKJzQ__v11-0-1","criticalButton":"IconButton-module__26jj3STd__v11-0-1","successButton":"IconButton-module__3onntJjp__v11-0-1","tertiaryButton":"IconButton-module__WllMogbw__v11-0-1","iconButton":"IconButton-module__19b6ut_d__v11-0-1"};
+var styles = {"disabled":"IconButton-module__1exwesEF__v11-1-0","defaultButton":"IconButton-module__2TSYjM94__v11-1-0","hover":"IconButton-module__1DIHn9ya__v11-1-0","focus":"IconButton-module__3MskydD-__v11-1-0","active":"IconButton-module__3lHJu0cg__v11-1-0","primaryButton":"IconButton-module__2iAxKJzQ__v11-1-0","criticalButton":"IconButton-module__26jj3STd__v11-1-0","successButton":"IconButton-module__3onntJjp__v11-1-0","tertiaryButton":"IconButton-module__WllMogbw__v11-1-0","iconButton":"IconButton-module__19b6ut_d__v11-1-0"};
 
 function IconButtonWithRef(_a, ref) {
     var _b;
-    var className = _a.className, _c = _a.buttonState, buttonState = _c === void 0 ? 'enabled' : _c, icon$1 = _a.icon, ariaLabel = _a.ariaLabel, metadata = _a.metadata, _d = _a.onClick, onClick = _d === void 0 ? undefined : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, remainingProps = __rest(_a, ["className", "buttonState", "icon", "ariaLabel", "metadata", "onClick", "variant", "type"]);
-    var containerClass = classnames__default["default"](styles.iconButton, styles[variant + "Button"], (_b = {}, _b[styles.disabled] = buttonState === 'disabled', _b), className);
+    var className = _a.className, _c = _a.buttonState, buttonState = _c === void 0 ? 'enabled' : _c, icon$1 = _a.icon, ariaLabel = _a.ariaLabel, metadata = _a.metadata, _d = _a.onClick, onClick = _d === void 0 ? undefined : _d, theme = _a.theme, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, remainingProps = __rest(_a, ["className", "buttonState", "icon", "ariaLabel", "metadata", "onClick", "theme", "variant", "type"]);
+    var variantOrDeprecatedTheme = typeof theme !== 'undefined' ? theme : variant;
+    var containerClass = classnames__default["default"](styles.iconButton, styles[variantOrDeprecatedTheme + "Button"], (_b = {}, _b[styles.disabled] = buttonState === 'disabled', _b), className);
     var focusAwareOnClick = function (event) {
@@ -86,0 +88,0 @@ event.currentTarget.focus();

dist/cjs/src/Button.d.ts

@@ -18,2 +18,6 @@ import React from 'react';
     tabIndex?: number;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant;
     /** Allows specifying the variant of the button */
@@ -37,2 +41,6 @@ variant?: ButtonVariant;
     tabIndex?: number | undefined;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant | undefined;
     /** Allows specifying the variant of the button */
@@ -39,0 +47,0 @@ variant?: ButtonVariant | undefined;

dist/cjs/src/IconButton.d.ts

@@ -20,2 +20,6 @@ import React from 'react';
     tabIndex?: number;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant;
     /** Allows specifying the styling of the button */
@@ -41,2 +45,6 @@ variant?: ButtonVariant;
     tabIndex?: number | undefined;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant | undefined;
     /** Allows specifying the styling of the button */
@@ -43,0 +51,0 @@ variant?: ButtonVariant | undefined;

dist/esm/index.js

@@ -44,8 +44,9 @@ import React from 'react';
 
-var styles$1 = {"disabled":"Button-module__yB64MUUF__v11-0-1","defaultButton":"Button-module__3iXT1NQi__v11-0-1","hover":"Button-module__YUN3Kf-p__v11-0-1","focus":"Button-module__39s3axLP__v11-0-1","active":"Button-module__3WXlxxv-__v11-0-1","primaryButton":"Button-module__2dSuQFdg__v11-0-1","criticalButton":"Button-module__2DMk5GC2__v11-0-1","successButton":"Button-module__g3xCMOaO__v11-0-1","tertiaryButton":"Button-module__3p2cVr8I__v11-0-1","button":"Button-module__3Rp1BYXs__v11-0-1","buttonInner":"Button-module__3ZNLhdsJ__v11-0-1","hiddenButtonLabel":"Button-module__iIVwFpEb__v11-0-1","loadingIcon":"Button-module__PkJtfsRC__v11-0-1","block":"Button-module__1xc1DTHJ__v11-0-1"};
+var styles$1 = {"disabled":"Button-module__yB64MUUF__v11-1-0","defaultButton":"Button-module__3iXT1NQi__v11-1-0","hover":"Button-module__YUN3Kf-p__v11-1-0","focus":"Button-module__39s3axLP__v11-1-0","active":"Button-module__3WXlxxv-__v11-1-0","primaryButton":"Button-module__2dSuQFdg__v11-1-0","criticalButton":"Button-module__2DMk5GC2__v11-1-0","successButton":"Button-module__g3xCMOaO__v11-1-0","tertiaryButton":"Button-module__3p2cVr8I__v11-1-0","button":"Button-module__3Rp1BYXs__v11-1-0","buttonInner":"Button-module__3ZNLhdsJ__v11-1-0","hiddenButtonLabel":"Button-module__iIVwFpEb__v11-1-0","loadingIcon":"Button-module__PkJtfsRC__v11-1-0","block":"Button-module__1xc1DTHJ__v11-1-0"};
 
 function ButtonWithRef(_a, ref) {
     var _b, _c, _d;
-    var block = _a.block, _e = _a.children, children = _e === void 0 ? null : _e, className = _a.className, _f = _a.buttonState, buttonState = _f === void 0 ? 'enabled' : _f, metadata = _a.metadata, _g = _a.onClick, onClick = _g === void 0 ? undefined : _g, _h = _a.variant, variant = _h === void 0 ? 'default' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, remainingProps = __rest(_a, ["block", "children", "className", "buttonState", "metadata", "onClick", "variant", "type"]);
-    var containerClass = classnames(styles$1.button, styles$1[variant + "Button"], (_b = {}, _b[styles$1.block] = block, _b), (_c = {},
+    var block = _a.block, _e = _a.children, children = _e === void 0 ? null : _e, className = _a.className, _f = _a.buttonState, buttonState = _f === void 0 ? 'enabled' : _f, metadata = _a.metadata, _g = _a.onClick, onClick = _g === void 0 ? undefined : _g, theme = _a.theme, _h = _a.variant, variant = _h === void 0 ? 'default' : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, remainingProps = __rest(_a, ["block", "children", "className", "buttonState", "metadata", "onClick", "theme", "variant", "type"]);
+    var variantOrDeprecatedTheme = typeof theme !== 'undefined' ? theme : variant;
+    var containerClass = classnames(styles$1.button, styles$1[variantOrDeprecatedTheme + "Button"], (_b = {}, _b[styles$1.block] = block, _b), (_c = {},
         _c[styles$1.disabled] = buttonState === 'disabled' || buttonState === 'loading',
@@ -69,8 +70,9 @@ _c), className);
 
-var styles = {"disabled":"IconButton-module__1exwesEF__v11-0-1","defaultButton":"IconButton-module__2TSYjM94__v11-0-1","hover":"IconButton-module__1DIHn9ya__v11-0-1","focus":"IconButton-module__3MskydD-__v11-0-1","active":"IconButton-module__3lHJu0cg__v11-0-1","primaryButton":"IconButton-module__2iAxKJzQ__v11-0-1","criticalButton":"IconButton-module__26jj3STd__v11-0-1","successButton":"IconButton-module__3onntJjp__v11-0-1","tertiaryButton":"IconButton-module__WllMogbw__v11-0-1","iconButton":"IconButton-module__19b6ut_d__v11-0-1"};
+var styles = {"disabled":"IconButton-module__1exwesEF__v11-1-0","defaultButton":"IconButton-module__2TSYjM94__v11-1-0","hover":"IconButton-module__1DIHn9ya__v11-1-0","focus":"IconButton-module__3MskydD-__v11-1-0","active":"IconButton-module__3lHJu0cg__v11-1-0","primaryButton":"IconButton-module__2iAxKJzQ__v11-1-0","criticalButton":"IconButton-module__26jj3STd__v11-1-0","successButton":"IconButton-module__3onntJjp__v11-1-0","tertiaryButton":"IconButton-module__WllMogbw__v11-1-0","iconButton":"IconButton-module__19b6ut_d__v11-1-0"};
 
 function IconButtonWithRef(_a, ref) {
     var _b;
-    var className = _a.className, _c = _a.buttonState, buttonState = _c === void 0 ? 'enabled' : _c, icon = _a.icon, ariaLabel = _a.ariaLabel, metadata = _a.metadata, _d = _a.onClick, onClick = _d === void 0 ? undefined : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, remainingProps = __rest(_a, ["className", "buttonState", "icon", "ariaLabel", "metadata", "onClick", "variant", "type"]);
-    var containerClass = classnames(styles.iconButton, styles[variant + "Button"], (_b = {}, _b[styles.disabled] = buttonState === 'disabled', _b), className);
+    var className = _a.className, _c = _a.buttonState, buttonState = _c === void 0 ? 'enabled' : _c, icon = _a.icon, ariaLabel = _a.ariaLabel, metadata = _a.metadata, _d = _a.onClick, onClick = _d === void 0 ? undefined : _d, theme = _a.theme, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, remainingProps = __rest(_a, ["className", "buttonState", "icon", "ariaLabel", "metadata", "onClick", "theme", "variant", "type"]);
+    var variantOrDeprecatedTheme = typeof theme !== 'undefined' ? theme : variant;
+    var containerClass = classnames(styles.iconButton, styles[variantOrDeprecatedTheme + "Button"], (_b = {}, _b[styles.disabled] = buttonState === 'disabled', _b), className);
     var focusAwareOnClick = function (event) {
@@ -77,0 +79,0 @@ event.currentTarget.focus();

dist/esm/src/Button.d.ts

@@ -18,2 +18,6 @@ import React from 'react';
     tabIndex?: number;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant;
     /** Allows specifying the variant of the button */
@@ -37,2 +41,6 @@ variant?: ButtonVariant;
     tabIndex?: number | undefined;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant | undefined;
     /** Allows specifying the variant of the button */
@@ -39,0 +47,0 @@ variant?: ButtonVariant | undefined;

dist/esm/src/IconButton.d.ts

@@ -20,2 +20,6 @@ import React from 'react';
     tabIndex?: number;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant;
     /** Allows specifying the styling of the button */
@@ -41,2 +45,6 @@ variant?: ButtonVariant;
     tabIndex?: number | undefined;
+    /**
+     * @deprecated This prop has been replaced by variant and will be removed in an upcoming release.
+     */
+    theme?: ButtonVariant | undefined;
     /** Allows specifying the styling of the button */
@@ -43,0 +51,0 @@ variant?: ButtonVariant | undefined;

package.json

 {
   "name": "@highlight-ui/button",
-  "version": "11.0.1",
+  "version": "11.1.0",
   "description": "The button",
@@ -51,3 +51,3 @@ "author": "Personio GmbH",
   },
-  "gitHead": "361a91cf452ef26cb47c4f7c7297cd4f5a492cf8"
+  "gitHead": "553e73cfa43d9c8b0d8d21316707e6e305d334a1"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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

93618

increased by3.5%

Lines of code

884

increased by4.25%

No dependency changes