@highlight-ui/alert - npm Package Compare versions

Comparing version 7.0.23 to 7.1.0-r18.0

dist/cjs/index.js

@@ -65,12 +65,12 @@ 'use strict';
 var styles$2 = {
-  "alert": "Alert-module__rScsAaPN__v7-0-23",
-  "alert-highlight": "Alert-module__2QTjEVq8__v7-0-23",
-  "alert-success": "Alert-module__xP1LHYht__v7-0-23",
-  "alert-warning": "Alert-module__IKBj6MlH__v7-0-23",
-  "alert-critical": "Alert-module__3i0wkJlm__v7-0-23",
-  "alertFullWidth": "Alert-module__JjRJnmRM__v7-0-23",
-  "alertContent": "Alert-module__ts5gfJw1__v7-0-23",
-  "topPadding": "Alert-module__D1eHtukU__v7-0-23",
-  "icon": "Alert-module__-xWWD5Pd__v7-0-23",
-  "alertBodyContainer": "Alert-module__C82f1g--__v7-0-23"
+  "alert": "Alert-module__rScsAaPN__v7-1-0-r18-0",
+  "alert-highlight": "Alert-module__2QTjEVq8__v7-1-0-r18-0",
+  "alert-success": "Alert-module__xP1LHYht__v7-1-0-r18-0",
+  "alert-warning": "Alert-module__IKBj6MlH__v7-1-0-r18-0",
+  "alert-critical": "Alert-module__3i0wkJlm__v7-1-0-r18-0",
+  "alertFullWidth": "Alert-module__JjRJnmRM__v7-1-0-r18-0",
+  "alertContent": "Alert-module__ts5gfJw1__v7-1-0-r18-0",
+  "topPadding": "Alert-module__D1eHtukU__v7-1-0-r18-0",
+  "icon": "Alert-module__-xWWD5Pd__v7-1-0-r18-0",
+  "alertBodyContainer": "Alert-module__C82f1g--__v7-1-0-r18-0"
 };
@@ -97,7 +97,7 @@ function AlertWithRef(_a, ref) {
     remainingProps = __rest(_a, ["actions", "children", "className", "enableCloseButton", "fullWidth", "iconColor", "iconFamily", "iconName", "iconSize", "iconClassName", "metadata", "onClickCloseButton", "status"]);
-  var statusIconColor = "icon-" + status;
+  var statusIconColor = "icon-".concat(status);
   var statusIconName = statusToIconName(status);
   return React__default["default"].createElement("div", __assign({
     ref: ref,
-    className: classnames__default["default"](styles$2.alert, styles$2["alert-" + status], (_b = {}, _b[styles$2.alertFullWidth] = fullWidth, _b), className)
+    className: classnames__default["default"](styles$2.alert, styles$2["alert-".concat(status)], (_b = {}, _b[styles$2.alertFullWidth] = fullWidth, _b), className)
   }, remainingProps, utilsCommons.parseMetadata(metadata)), React__default["default"].createElement(layout.Stack, {
@@ -128,23 +128,23 @@ space: "spacing-4"
 var styles$1 = {
-  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-0-23",
-  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-0-23",
-  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-0-23",
-  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-0-23",
-  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-0-23",
-  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-0-23",
-  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-0-23",
-  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-0-23",
-  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-0-23",
-  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-0-23",
-  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-0-23",
-  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-0-23",
-  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-0-23",
-  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-0-23",
-  "popover": "InlineAlertPopover-module__mIMd-myB__v7-0-23",
-  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-0-23",
-  "caption": "InlineAlertPopover-module__RrqjvBon__v7-0-23",
-  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-0-23",
-  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-0-23",
-  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-0-23",
-  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-0-23"
+  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-1-0-r18-0",
+  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-1-0-r18-0",
+  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-1-0-r18-0",
+  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-1-0-r18-0",
+  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-1-0-r18-0",
+  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-1-0-r18-0",
+  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-1-0-r18-0",
+  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-1-0-r18-0",
+  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-1-0-r18-0",
+  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-1-0-r18-0",
+  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-1-0-r18-0",
+  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-1-0-r18-0",
+  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-1-0-r18-0",
+  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-1-0-r18-0",
+  "popover": "InlineAlertPopover-module__mIMd-myB__v7-1-0-r18-0",
+  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-1-0-r18-0",
+  "caption": "InlineAlertPopover-module__RrqjvBon__v7-1-0-r18-0",
+  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-1-0-r18-0",
+  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-1-0-r18-0",
+  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-1-0-r18-0",
+  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-1-0-r18-0"
 };
@@ -166,6 +166,6 @@ function InlineAlertPopover(_a, ref) {
 var styles = {
-  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-0-23",
-  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-0-23",
-  "icon": "InlineAlert-module__-3i3ylsB__v7-0-23",
-  "supportText": "InlineAlert-module__McquLxFj__v7-0-23"
+  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-1-0-r18-0",
+  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-1-0-r18-0",
+  "icon": "InlineAlert-module__-3i3ylsB__v7-1-0-r18-0",
+  "supportText": "InlineAlert-module__McquLxFj__v7-1-0-r18-0"
 };
@@ -196,3 +196,3 @@ var normalizeStatus = function (status) {
   var normalizedStatus = normalizeStatus(status);
-  var statusIconColor = "icon-" + normalizedStatus;
+  var statusIconColor = "icon-".concat(normalizedStatus);
   var statusIconName = statusToIconName(normalizedStatus);
@@ -199,0 +199,0 @@ var _d = React.useState(false),

dist/esm/index.js

@@ -53,12 +53,12 @@ import React, { useState } from 'react';
 var styles$2 = {
-  "alert": "Alert-module__rScsAaPN__v7-0-23",
-  "alert-highlight": "Alert-module__2QTjEVq8__v7-0-23",
-  "alert-success": "Alert-module__xP1LHYht__v7-0-23",
-  "alert-warning": "Alert-module__IKBj6MlH__v7-0-23",
-  "alert-critical": "Alert-module__3i0wkJlm__v7-0-23",
-  "alertFullWidth": "Alert-module__JjRJnmRM__v7-0-23",
-  "alertContent": "Alert-module__ts5gfJw1__v7-0-23",
-  "topPadding": "Alert-module__D1eHtukU__v7-0-23",
-  "icon": "Alert-module__-xWWD5Pd__v7-0-23",
-  "alertBodyContainer": "Alert-module__C82f1g--__v7-0-23"
+  "alert": "Alert-module__rScsAaPN__v7-1-0-r18-0",
+  "alert-highlight": "Alert-module__2QTjEVq8__v7-1-0-r18-0",
+  "alert-success": "Alert-module__xP1LHYht__v7-1-0-r18-0",
+  "alert-warning": "Alert-module__IKBj6MlH__v7-1-0-r18-0",
+  "alert-critical": "Alert-module__3i0wkJlm__v7-1-0-r18-0",
+  "alertFullWidth": "Alert-module__JjRJnmRM__v7-1-0-r18-0",
+  "alertContent": "Alert-module__ts5gfJw1__v7-1-0-r18-0",
+  "topPadding": "Alert-module__D1eHtukU__v7-1-0-r18-0",
+  "icon": "Alert-module__-xWWD5Pd__v7-1-0-r18-0",
+  "alertBodyContainer": "Alert-module__C82f1g--__v7-1-0-r18-0"
 };
@@ -85,7 +85,7 @@ function AlertWithRef(_a, ref) {
     remainingProps = __rest(_a, ["actions", "children", "className", "enableCloseButton", "fullWidth", "iconColor", "iconFamily", "iconName", "iconSize", "iconClassName", "metadata", "onClickCloseButton", "status"]);
-  var statusIconColor = "icon-" + status;
+  var statusIconColor = "icon-".concat(status);
   var statusIconName = statusToIconName(status);
   return /*#__PURE__*/React.createElement("div", __assign({
     ref: ref,
-    className: classnames(styles$2.alert, styles$2["alert-" + status], (_b = {}, _b[styles$2.alertFullWidth] = fullWidth, _b), className)
+    className: classnames(styles$2.alert, styles$2["alert-".concat(status)], (_b = {}, _b[styles$2.alertFullWidth] = fullWidth, _b), className)
   }, remainingProps, parseMetadata(metadata)), /*#__PURE__*/React.createElement(Stack, {
@@ -116,23 +116,23 @@ space: "spacing-4"
 var styles$1 = {
-  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-0-23",
-  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-0-23",
-  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-0-23",
-  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-0-23",
-  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-0-23",
-  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-0-23",
-  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-0-23",
-  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-0-23",
-  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-0-23",
-  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-0-23",
-  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-0-23",
-  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-0-23",
-  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-0-23",
-  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-0-23",
-  "popover": "InlineAlertPopover-module__mIMd-myB__v7-0-23",
-  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-0-23",
-  "caption": "InlineAlertPopover-module__RrqjvBon__v7-0-23",
-  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-0-23",
-  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-0-23",
-  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-0-23",
-  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-0-23"
+  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-1-0-r18-0",
+  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-1-0-r18-0",
+  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-1-0-r18-0",
+  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-1-0-r18-0",
+  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-1-0-r18-0",
+  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-1-0-r18-0",
+  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-1-0-r18-0",
+  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-1-0-r18-0",
+  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-1-0-r18-0",
+  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-1-0-r18-0",
+  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-1-0-r18-0",
+  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-1-0-r18-0",
+  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-1-0-r18-0",
+  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-1-0-r18-0",
+  "popover": "InlineAlertPopover-module__mIMd-myB__v7-1-0-r18-0",
+  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-1-0-r18-0",
+  "caption": "InlineAlertPopover-module__RrqjvBon__v7-1-0-r18-0",
+  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-1-0-r18-0",
+  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-1-0-r18-0",
+  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-1-0-r18-0",
+  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-1-0-r18-0"
 };
@@ -154,6 +154,6 @@ function InlineAlertPopover(_a, ref) {
 var styles = {
-  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-0-23",
-  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-0-23",
-  "icon": "InlineAlert-module__-3i3ylsB__v7-0-23",
-  "supportText": "InlineAlert-module__McquLxFj__v7-0-23"
+  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-1-0-r18-0",
+  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-1-0-r18-0",
+  "icon": "InlineAlert-module__-3i3ylsB__v7-1-0-r18-0",
+  "supportText": "InlineAlert-module__McquLxFj__v7-1-0-r18-0"
 };
@@ -184,3 +184,3 @@ var normalizeStatus = function (status) {
   var normalizedStatus = normalizeStatus(status);
-  var statusIconColor = "icon-" + normalizedStatus;
+  var statusIconColor = "icon-".concat(normalizedStatus);
   var statusIconName = statusToIconName(normalizedStatus);
@@ -187,0 +187,0 @@ var _d = useState(false),

package.json

 {
   "name": "@highlight-ui/alert",
-  "version": "7.0.23",
+  "version": "7.1.0-r18.0",
   "author": "Personio GmbH & Co. KG",
@@ -29,29 +29,27 @@ "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",
-    "@highlight-ui/typography": "^6.2.13",
-    "@highlight-ui/utils-dev": "^1.1.20",
-    "@testing-library/dom": "8.19.0",
-    "@testing-library/react": "12.1.5",
+    "@highlight-ui/theme": "^9.4.0-r18.0",
+    "@highlight-ui/typography": "^6.3.0-r18.0",
+    "@highlight-ui/utils-dev": "^1.2.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"
   },
   "dependencies": {
-    "@highlight-ui/button": "^12.1.16",
-    "@highlight-ui/icon": "^5.2.11",
-    "@highlight-ui/layout": "^0.5.6",
-    "@highlight-ui/tokens": "^4.3.2",
-    "@highlight-ui/utils-commons": "^2.5.3",
-    "@highlight-ui/utils-hooks": "^3.3.3",
-    "@highlight-ui/utils-portal-manager": "^3.1.10"
+    "@highlight-ui/button": "^12.2.0-r18.0",
+    "@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/utils-commons": "^2.6.0-r18.0",
+    "@highlight-ui/utils-hooks": "^3.4.0-r18.0",
+    "@highlight-ui/utils-portal-manager": "^3.2.0-r18.0"
   },
   "peerDependencies": {
     "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

127085

increased by0.8%

Dev dependency count

10

decreased by-16.67%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• + Addedreact@18.2.0(transitive)

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

• - Removedreact@17.0.2(transitive)

• Updated@highlight-ui/button@^12.2.0-r18.0

• 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/utils-commons@^2.6.0-r18.0

• Updated@highlight-ui/utils-hooks@^3.4.0-r18.0

• Updated@highlight-ui/utils-portal-manager@^3.2.0-r18.0