@highlight-ui/icon - npm Package Compare versions

Comparing version 5.2.11 to 5.3.0-r18.0

dist/cjs/index.js

@@ -52,6 +52,6 @@ 'use strict';
 var styles$1 = {
-  "iconColor": "Icon-module__CLA8sueg__v5-2-11",
-  "spin": "Icon-module__zqGixWV1__v5-2-11",
-  "rotate": "Icon-module__nc9ZsMZi__v5-2-11",
-  "block": "Icon-module__TDwEUoXL__v5-2-11"
+  "iconColor": "Icon-module__CLA8sueg__v5-3-0-r18-0",
+  "spin": "Icon-module__zqGixWV1__v5-3-0-r18-0",
+  "rotate": "Icon-module__nc9ZsMZi__v5-3-0-r18-0",
+  "block": "Icon-module__TDwEUoXL__v5-3-0-r18-0"
 };
@@ -79,5 +79,5 @@ var familyPrefixMap = {
     ariaHidden = _a["aria-hidden"];
-  var classNames = classnames__default["default"](familyPrefixMap[type], "fa-" + name, (_b = {}, _b[styles$1.iconColor] = color, _b[styles$1.block] = block, _b[styles$1.spin] = spin, _b), className);
+  var classNames = classnames__default["default"](familyPrefixMap[type], "fa-".concat(name), (_b = {}, _b[styles$1.iconColor] = color, _b[styles$1.block] = block, _b[styles$1.spin] = spin, _b), className);
   var appliedStyles = color ? {
-    '--icon-color': "" + tokens.iconColorTokens[color],
+    '--icon-color': "".concat(tokens.iconColorTokens[color]),
     fontSize: size
@@ -97,7 +97,7 @@ } : {
 var styles = {
-  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-2-11",
-  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-2-11",
-  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-2-11",
-  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-2-11",
-  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-2-11"
+  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-3-0-r18-0",
+  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-3-0-r18-0",
+  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-3-0-r18-0",
+  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-3-0-r18-0",
+  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-3-0-r18-0"
 };
@@ -143,3 +143,3 @@ var InteractiveIcon = React__default["default"].forwardRef(function (_a, ref) {
     ref: ref,
-    className: classnames__default["default"](styles.interactiveIcon, (_b = {}, _b[styles.clickableIcon] = isClickable, _b), styles["interactive-" + iconColor], className)
+    className: classnames__default["default"](styles.interactiveIcon, (_b = {}, _b[styles.clickableIcon] = isClickable, _b), styles["interactive-".concat(iconColor)], className)
   }, restProps, interactiveAttributes, utilsCommons.parseMetadata(metadata), {
@@ -146,0 +146,0 @@ "aria-hidden": ariaHidden

dist/cjs/src/InteractiveIcon.d.ts

@@ -60,3 +60,3 @@ import React from 'react';
     metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>>, "color" | "itemType" | "itemRef" | "aria-disabled" | "onKeyDown" | "onClick"> & React.RefAttributes<HTMLSpanElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "itemType" | "itemRef" | "aria-disabled" | "onKeyDown" | "onClick"> & React.RefAttributes<HTMLSpanElement>>;
 export default InteractiveIcon;

dist/esm/index.js

@@ -40,6 +40,6 @@ import React from 'react';
 var styles$1 = {
-  "iconColor": "Icon-module__CLA8sueg__v5-2-11",
-  "spin": "Icon-module__zqGixWV1__v5-2-11",
-  "rotate": "Icon-module__nc9ZsMZi__v5-2-11",
-  "block": "Icon-module__TDwEUoXL__v5-2-11"
+  "iconColor": "Icon-module__CLA8sueg__v5-3-0-r18-0",
+  "spin": "Icon-module__zqGixWV1__v5-3-0-r18-0",
+  "rotate": "Icon-module__nc9ZsMZi__v5-3-0-r18-0",
+  "block": "Icon-module__TDwEUoXL__v5-3-0-r18-0"
 };
@@ -67,5 +67,5 @@ var familyPrefixMap = {
     ariaHidden = _a["aria-hidden"];
-  var classNames = classnames(familyPrefixMap[type], "fa-" + name, (_b = {}, _b[styles$1.iconColor] = color, _b[styles$1.block] = block, _b[styles$1.spin] = spin, _b), className);
+  var classNames = classnames(familyPrefixMap[type], "fa-".concat(name), (_b = {}, _b[styles$1.iconColor] = color, _b[styles$1.block] = block, _b[styles$1.spin] = spin, _b), className);
   var appliedStyles = color ? {
-    '--icon-color': "" + iconColorTokens[color],
+    '--icon-color': "".concat(iconColorTokens[color]),
     fontSize: size
@@ -85,7 +85,7 @@ } : {
 var styles = {
-  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-2-11",
-  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-2-11",
-  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-2-11",
-  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-2-11",
-  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-2-11"
+  "interactiveIcon": "InteractiveIcon-module__CcfhyHJ-__v5-3-0-r18-0",
+  "clickableIcon": "InteractiveIcon-module__-2I2f7uu__v5-3-0-r18-0",
+  "interactive-inherit": "InteractiveIcon-module__l2xeeiv9__v5-3-0-r18-0",
+  "interactive-icon-default": "InteractiveIcon-module__UEt7NSD1__v5-3-0-r18-0",
+  "interactive-icon-subdued": "InteractiveIcon-module__fVvxiaw4__v5-3-0-r18-0"
 };
@@ -131,3 +131,3 @@ var InteractiveIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     ref: ref,
-    className: classnames(styles.interactiveIcon, (_b = {}, _b[styles.clickableIcon] = isClickable, _b), styles["interactive-" + iconColor], className)
+    className: classnames(styles.interactiveIcon, (_b = {}, _b[styles.clickableIcon] = isClickable, _b), styles["interactive-".concat(iconColor)], className)
   }, restProps, interactiveAttributes, parseMetadata(metadata), {
@@ -134,0 +134,0 @@ "aria-hidden": ariaHidden

dist/esm/src/InteractiveIcon.d.ts

@@ -60,3 +60,3 @@ import React from 'react';
     metadata?: import("@highlight-ui/utils-commons").ComponentMetadata | undefined;
-} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof React.HTMLAttributes<HTMLSpanElement>>, "color" | "itemType" | "itemRef" | "aria-disabled" | "onKeyDown" | "onClick"> & React.RefAttributes<HTMLSpanElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "itemType" | "itemRef" | "aria-disabled" | "onKeyDown" | "onClick"> & React.RefAttributes<HTMLSpanElement>>;
 export default InteractiveIcon;

package.json

 {
   "name": "@highlight-ui/icon",
-  "version": "5.2.11",
+  "version": "5.3.0-r18.0",
   "author": "Personio GmbH & Co. KG",
@@ -29,12 +29,9 @@ "main": "dist/cjs/index.js",
   "devDependencies": {
-    "@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",
-    "@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",
     "classnames": "~2.3.1",
-    "jest": "~27.2.3",
-    "react": "17.0.2",
+    "jest": "29.7.0",
+    "react": "18.2.0",
     "rimraf": "~3.0.2"
@@ -44,9 +41,9 @@ },
     "classnames": "~2.3.1",
-    "react": "17.0.2"
+    "react": "18.2.0"
   },
   "dependencies": {
-    "@highlight-ui/tokens": "^4.3.2",
-    "@highlight-ui/utils-commons": "^2.5.3"
+    "@highlight-ui/tokens": "^4.3.0-r18.0",
+    "@highlight-ui/utils-commons": "^2.6.0-r18.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

79356

increased by0.36%

Dev dependency count

8

decreased by-27.27%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Addedreact@18.2.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedreact@17.0.2(transitive)

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

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