@highlight-ui/button - npm Package Compare versions

Comparing version 12.1.16 to 12.2.0-r18.0

dist/cjs/index.js

@@ -55,13 +55,13 @@ 'use strict';
 var styles = {
-  "button": "BaseButton-module__cqxEoQOz__v12-1-16",
-  "label": "BaseButton-module__368a8XpF__v12-1-16",
-  "labelIcon": "BaseButton-module__ll4hx5mI__v12-1-16",
-  "labelIconContainer": "BaseButton-module__4CF-mqal__v12-1-16",
-  "loading": "BaseButton-module__AxaPQljF__v12-1-16",
-  "withIcon": "BaseButton-module__PAb94WZR__v12-1-16",
-  "iconButton": "BaseButton-module__w2FxOhsI__v12-1-16",
-  "hiddenButtonLabel": "BaseButton-module__d-kHuHzf__v12-1-16",
-  "loadingIcon": "BaseButton-module__SpYNEHQq__v12-1-16",
-  "block": "BaseButton-module__YKg1L4V-__v12-1-16",
-  "sr-only": "BaseButton-module__uHzk6SXO__v12-1-16"
+  "button": "BaseButton-module__cqxEoQOz__v12-2-0-r18-0",
+  "label": "BaseButton-module__368a8XpF__v12-2-0-r18-0",
+  "labelIcon": "BaseButton-module__ll4hx5mI__v12-2-0-r18-0",
+  "labelIconContainer": "BaseButton-module__4CF-mqal__v12-2-0-r18-0",
+  "loading": "BaseButton-module__AxaPQljF__v12-2-0-r18-0",
+  "withIcon": "BaseButton-module__PAb94WZR__v12-2-0-r18-0",
+  "iconButton": "BaseButton-module__w2FxOhsI__v12-2-0-r18-0",
+  "hiddenButtonLabel": "BaseButton-module__d-kHuHzf__v12-2-0-r18-0",
+  "loadingIcon": "BaseButton-module__SpYNEHQq__v12-2-0-r18-0",
+  "block": "BaseButton-module__YKg1L4V-__v12-2-0-r18-0",
+  "sr-only": "BaseButton-module__uHzk6SXO__v12-2-0-r18-0"
 };
@@ -99,3 +99,3 @@ var BaseButton = React__default["default"].forwardRef(function (_a, ref) {
     if (state) {
-      return __assign(__assign({}, buttonStyles), (_b = {}, _b["--" + key + "-background-color"] = state.backgroundColor ? tokens.colorTokens[state.backgroundColor] : 'none', _b["--" + key + "-label-color"] = __assign(__assign({}, tokens.typographyColorTokens), tokens.colorTokens)[state.color], _b));
+      return __assign(__assign({}, buttonStyles), (_b = {}, _b["--".concat(key, "-background-color")] = state.backgroundColor ? tokens.colorTokens[state.backgroundColor] : 'none', _b["--".concat(key, "-label-color")] = __assign(__assign({}, tokens.typographyColorTokens), tokens.colorTokens)[state.color], _b));
     }
@@ -117,3 +117,3 @@ return buttonStyles;
     className: styles.labelIcon,
-    metadata: utilsCommons.suffixMetadata(metadata, icon$1 + "-icon")
+    metadata: utilsCommons.suffixMetadata(metadata, "".concat(icon$1, "-icon"))
   }));
@@ -120,0 +120,0 @@ return React__default["default"].createElement("button", __assign({}, remainingProps, utilsCommons.parseMetadata(metadata), {

dist/cjs/src/BaseButton.d.ts

@@ -51,3 +51,5 @@ import React from 'react';
     metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "disabled"> & React.RefAttributes<HTMLButtonElement>>;
+} & {
+    children?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled"> & React.RefAttributes<HTMLButtonElement>>;
 export default BaseButton;

dist/esm/index.js

@@ -43,13 +43,13 @@ import React, { useEffect } from 'react';
 var styles = {
-  "button": "BaseButton-module__cqxEoQOz__v12-1-16",
-  "label": "BaseButton-module__368a8XpF__v12-1-16",
-  "labelIcon": "BaseButton-module__ll4hx5mI__v12-1-16",
-  "labelIconContainer": "BaseButton-module__4CF-mqal__v12-1-16",
-  "loading": "BaseButton-module__AxaPQljF__v12-1-16",
-  "withIcon": "BaseButton-module__PAb94WZR__v12-1-16",
-  "iconButton": "BaseButton-module__w2FxOhsI__v12-1-16",
-  "hiddenButtonLabel": "BaseButton-module__d-kHuHzf__v12-1-16",
-  "loadingIcon": "BaseButton-module__SpYNEHQq__v12-1-16",
-  "block": "BaseButton-module__YKg1L4V-__v12-1-16",
-  "sr-only": "BaseButton-module__uHzk6SXO__v12-1-16"
+  "button": "BaseButton-module__cqxEoQOz__v12-2-0-r18-0",
+  "label": "BaseButton-module__368a8XpF__v12-2-0-r18-0",
+  "labelIcon": "BaseButton-module__ll4hx5mI__v12-2-0-r18-0",
+  "labelIconContainer": "BaseButton-module__4CF-mqal__v12-2-0-r18-0",
+  "loading": "BaseButton-module__AxaPQljF__v12-2-0-r18-0",
+  "withIcon": "BaseButton-module__PAb94WZR__v12-2-0-r18-0",
+  "iconButton": "BaseButton-module__w2FxOhsI__v12-2-0-r18-0",
+  "hiddenButtonLabel": "BaseButton-module__d-kHuHzf__v12-2-0-r18-0",
+  "loadingIcon": "BaseButton-module__SpYNEHQq__v12-2-0-r18-0",
+  "block": "BaseButton-module__YKg1L4V-__v12-2-0-r18-0",
+  "sr-only": "BaseButton-module__uHzk6SXO__v12-2-0-r18-0"
 };
@@ -87,3 +87,3 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     if (state) {
-      return __assign(__assign({}, buttonStyles), (_b = {}, _b["--" + key + "-background-color"] = state.backgroundColor ? colorTokens[state.backgroundColor] : 'none', _b["--" + key + "-label-color"] = __assign(__assign({}, typographyColorTokens), colorTokens)[state.color], _b));
+      return __assign(__assign({}, buttonStyles), (_b = {}, _b["--".concat(key, "-background-color")] = state.backgroundColor ? colorTokens[state.backgroundColor] : 'none', _b["--".concat(key, "-label-color")] = __assign(__assign({}, typographyColorTokens), colorTokens)[state.color], _b));
     }
@@ -105,3 +105,3 @@ return buttonStyles;
     className: styles.labelIcon,
-    metadata: suffixMetadata(metadata, icon + "-icon")
+    metadata: suffixMetadata(metadata, "".concat(icon, "-icon"))
   }));
@@ -108,0 +108,0 @@ return /*#__PURE__*/React.createElement("button", __assign({}, remainingProps, parseMetadata(metadata), {

dist/esm/src/BaseButton.d.ts

@@ -51,3 +51,5 @@ import React from 'react';
     metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "disabled"> & React.RefAttributes<HTMLButtonElement>>;
+} & {
+    children?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled"> & React.RefAttributes<HTMLButtonElement>>;
 export default BaseButton;

package.json

 {
   "name": "@highlight-ui/button",
-  "version": "12.1.16",
+  "version": "12.2.0-r18.0",
   "description": "The button",
@@ -33,23 +33,20 @@ "author": "Personio GmbH & Co. KG",
   "dependencies": {
-    "@highlight-ui/icon": "^5.2.11",
-    "@highlight-ui/layout": "^0.5.6",
-    "@highlight-ui/tokens": "^4.3.2",
-    "@highlight-ui/typography": "^6.2.13",
-    "@highlight-ui/utils-commons": "^2.5.3"
+    "@highlight-ui/icon": "^5.3.0-r18.0",
+    "@highlight-ui/layout": "^0.6.0-r18.0",
+    "@highlight-ui/tokens": "^4.3.0-r18.0",
+    "@highlight-ui/typography": "^6.3.0-r18.0",
+    "@highlight-ui/utils-commons": "^2.6.0-r18.0"
   },
   "devDependencies": {
     "@codeshift/test-utils": "~0.2.0",
-    "@highlight-ui/configs-base-jest": "^3.1.4",
-    "@highlight-ui/configs-base-tsconfig": "^3.2.3",
+    "@highlight-ui/configs-base-jest": "^3.2.0-r18.0",
+    "@highlight-ui/configs-base-tsconfig": "^3.3.0-r18.0",
     "@highlight-ui/configs-scripts": "^3.2.5",
-    "@highlight-ui/theme": "^9.3.18",
-    "@highlight-ui/utils-dev": "^1.1.20",
-    "@testing-library/dom": "8.19.0",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/user-event": "13.5.0",
+    "@highlight-ui/theme": "^9.4.0-r18.0",
+    "@highlight-ui/utils-dev": "^1.2.0-r18.0",
     "@types/jscodeshift": "~0.11.5",
     "classnames": "~2.3.1",
-    "jest": "~27.2.3",
+    "jest": "29.7.0",
     "jscodeshift": "~0.14.0",
-    "react": "17.0.2",
+    "react": "18.2.0",
     "react-is": "17.0.2",
@@ -60,5 +57,5 @@ "rimraf": "~3.0.2"
     "classnames": "~2.3.1",
-    "react": "17.0.2"
+    "react": "18.2.0"
   },
-  "gitHead": "579a2b9560f60b612de909659f38e1460f39173a"
+  "gitHead": "5082727c3ee712c068ae49714fa9fc7e5dd0d3ad"
 }

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

No v1

Quality

Package 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

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

153572

increased by0.38%

Dev dependency count

13

decreased by-18.75%

Lines of code

1664

increased by0.3%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@highlight-ui/layout@0.6.5(transitive)

• + Addedreact@18.2.0(transitive)

• - Removed@highlight-ui/layout@0.5.10(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedreact@17.0.2(transitive)

• Updated@highlight-ui/icon@^5.3.0-r18.0

• Updated@highlight-ui/layout@^0.6.0-r18.0

• Updated@highlight-ui/tokens@^4.3.0-r18.0

• Updated@highlight-ui/typography@^6.3.0-r18.0

• Updated@highlight-ui/utils-commons@^2.6.0-r18.0