@highlight-ui/alert - npm Package Compare versions

Comparing version 6.0.4 to 7.0.0

dist/cjs/index.js

@@ -11,3 +11,2 @@ 'use strict';
 var button = require('@highlight-ui/button');
-var typography = require('@highlight-ui/typography');
 var utilsHooks = require('@highlight-ui/utils-hooks');
@@ -57,3 +56,3 @@ var utilsPortalManager = require('@highlight-ui/utils-portal-manager');
 var styles$3 = {
-  "actionsContainer": "Actions-module__SdRTL5PY__v6-0-4"
+  "actionsContainer": "Actions-module__SdRTL5PY__v7-0-0"
 };
@@ -79,13 +78,13 @@ function ActionsWithRef(_a, ref) {
 var styles$2 = {
-  "alert": "Alert-module__rScsAaPN__v6-0-4",
-  "alert-highlight": "Alert-module__2QTjEVq8__v6-0-4",
-  "alert-success": "Alert-module__xP1LHYht__v6-0-4",
-  "alert-warning": "Alert-module__IKBj6MlH__v6-0-4",
-  "alert-critical": "Alert-module__3i0wkJlm__v6-0-4",
-  "alertRow": "Alert-module__o1-KQl6h__v6-0-4",
-  "alertContent": "Alert-module__ts5gfJw1__v6-0-4",
-  "icon": "Alert-module__-xWWD5Pd__v6-0-4",
-  "alertBodyContainer": "Alert-module__C82f1g--__v6-0-4",
-  "alertFullWidth": "Alert-module__JjRJnmRM__v6-0-4",
-  "alertCloseButton": "Alert-module__cTL7gDvM__v6-0-4"
+  "alert": "Alert-module__rScsAaPN__v7-0-0",
+  "alert-highlight": "Alert-module__2QTjEVq8__v7-0-0",
+  "alert-success": "Alert-module__xP1LHYht__v7-0-0",
+  "alert-warning": "Alert-module__IKBj6MlH__v7-0-0",
+  "alert-critical": "Alert-module__3i0wkJlm__v7-0-0",
+  "alertRow": "Alert-module__o1-KQl6h__v7-0-0",
+  "alertContent": "Alert-module__ts5gfJw1__v7-0-0",
+  "icon": "Alert-module__-xWWD5Pd__v7-0-0",
+  "alertBodyContainer": "Alert-module__C82f1g--__v7-0-0",
+  "alertFullWidth": "Alert-module__JjRJnmRM__v7-0-0",
+  "alertCloseButton": "Alert-module__cTL7gDvM__v7-0-0"
 };
@@ -127,6 +126,4 @@ function AlertWithRef(_a, ref) {
     type: iconFamily
-  }), children && React__default["default"].createElement(typography.Typography, {
-    token: "body-base",
-    component: "div",
-    className: classnames__default["default"](styles$2.alertBodyContainer)
+  }), children && React__default["default"].createElement("div", {
+    className: styles$2.alertBodyContainer
   }, children)), enableCloseButton && React__default["default"].createElement(button.IconButton, {
@@ -143,23 +140,23 @@ onClick: onClickCloseButton,
 var styles$1 = {
-  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v6-0-4",
-  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v6-0-4",
-  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v6-0-4",
-  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v6-0-4",
-  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v6-0-4",
-  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v6-0-4",
-  "body-small": "InlineAlertPopover-module__vIqgkrGw__v6-0-4",
-  "body-base": "InlineAlertPopover-module__WrHZdaem__v6-0-4",
-  "body-large": "InlineAlertPopover-module__kaLvlwTh__v6-0-4",
-  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v6-0-4",
-  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v6-0-4",
-  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v6-0-4",
-  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v6-0-4",
-  "button": "InlineAlertPopover-module__IWWK6Uyz__v6-0-4",
-  "popover": "InlineAlertPopover-module__mIMd-myB__v6-0-4",
-  "form-label": "InlineAlertPopover-module__VtxW8ibY__v6-0-4",
-  "caption": "InlineAlertPopover-module__RrqjvBon__v6-0-4",
-  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v6-0-4",
-  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v6-0-4",
-  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v6-0-4",
-  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v6-0-4"
+  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-0-0",
+  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-0-0",
+  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-0-0",
+  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-0-0",
+  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-0-0",
+  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-0-0",
+  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-0-0",
+  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-0-0",
+  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-0-0",
+  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-0-0",
+  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-0-0",
+  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-0-0",
+  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-0-0",
+  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-0-0",
+  "popover": "InlineAlertPopover-module__mIMd-myB__v7-0-0",
+  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-0-0",
+  "caption": "InlineAlertPopover-module__RrqjvBon__v7-0-0",
+  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-0-0",
+  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-0-0",
+  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-0-0",
+  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-0-0"
 };
@@ -173,8 +170,6 @@ function InlineAlertPopover(_a, ref) {
   var listRef = utilsHooks.useForkRef([ref, onClickOutsideRef]);
-  return React__default["default"].createElement(typography.Typography, __assign({
-    ref: listRef,
-    token: "body-base",
-    component: "div",
+  return React__default["default"].createElement("div", __assign({
     style: style,
-    className: styles$1.popover
+    className: styles$1.popover,
+    ref: listRef
   }, restProps), children);
@@ -184,7 +179,7 @@ }
 var styles = {
-  "alertContainer": "InlineAlert-module__HIjXIvPW__v6-0-4",
-  "horizontalStack": "InlineAlert-module__cTi5hyBc__v6-0-4",
-  "icon": "InlineAlert-module__-3i3ylsB__v6-0-4",
-  "cursorPointer": "InlineAlert-module__xaqEN8rz__v6-0-4",
-  "supportText": "InlineAlert-module__McquLxFj__v6-0-4"
+  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-0-0",
+  "horizontalStack": "InlineAlert-module__cTi5hyBc__v7-0-0",
+  "icon": "InlineAlert-module__-3i3ylsB__v7-0-0",
+  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-0-0",
+  "supportText": "InlineAlert-module__McquLxFj__v7-0-0"
 };
@@ -244,6 +239,4 @@ var normalizeStatus = function (status) {
     type: iconFamily !== null && iconFamily !== void 0 ? iconFamily : 'solid'
-  }), children && React__default["default"].createElement(typography.Typography, {
-    token: "body-base",
-    component: "div",
-    className: classnames__default["default"](styles.supportText)
+  }), React__default["default"].createElement("div", {
+    className: styles.supportText
   }, children)), popoverContent && isPopoverVisible && React__default["default"].createElement(utilsPortalManager.GroupedPortal, null, React__default["default"].createElement(InlineAlertPopover$1, {
@@ -250,0 +243,0 @@ closeCallback: function () {

dist/esm/index.js

@@ -6,3 +6,2 @@ import React, { useState } from 'react';
 import { IconButton } from '@highlight-ui/button';
-import { Typography } from '@highlight-ui/typography';
 import { useClickOutside, useForkRef, useAutoPosition } from '@highlight-ui/utils-hooks';
@@ -45,3 +44,3 @@ import { GroupedPortal } from '@highlight-ui/utils-portal-manager';
 var styles$3 = {
-  "actionsContainer": "Actions-module__SdRTL5PY__v6-0-4"
+  "actionsContainer": "Actions-module__SdRTL5PY__v7-0-0"
 };
@@ -67,13 +66,13 @@ function ActionsWithRef(_a, ref) {
 var styles$2 = {
-  "alert": "Alert-module__rScsAaPN__v6-0-4",
-  "alert-highlight": "Alert-module__2QTjEVq8__v6-0-4",
-  "alert-success": "Alert-module__xP1LHYht__v6-0-4",
-  "alert-warning": "Alert-module__IKBj6MlH__v6-0-4",
-  "alert-critical": "Alert-module__3i0wkJlm__v6-0-4",
-  "alertRow": "Alert-module__o1-KQl6h__v6-0-4",
-  "alertContent": "Alert-module__ts5gfJw1__v6-0-4",
-  "icon": "Alert-module__-xWWD5Pd__v6-0-4",
-  "alertBodyContainer": "Alert-module__C82f1g--__v6-0-4",
-  "alertFullWidth": "Alert-module__JjRJnmRM__v6-0-4",
-  "alertCloseButton": "Alert-module__cTL7gDvM__v6-0-4"
+  "alert": "Alert-module__rScsAaPN__v7-0-0",
+  "alert-highlight": "Alert-module__2QTjEVq8__v7-0-0",
+  "alert-success": "Alert-module__xP1LHYht__v7-0-0",
+  "alert-warning": "Alert-module__IKBj6MlH__v7-0-0",
+  "alert-critical": "Alert-module__3i0wkJlm__v7-0-0",
+  "alertRow": "Alert-module__o1-KQl6h__v7-0-0",
+  "alertContent": "Alert-module__ts5gfJw1__v7-0-0",
+  "icon": "Alert-module__-xWWD5Pd__v7-0-0",
+  "alertBodyContainer": "Alert-module__C82f1g--__v7-0-0",
+  "alertFullWidth": "Alert-module__JjRJnmRM__v7-0-0",
+  "alertCloseButton": "Alert-module__cTL7gDvM__v7-0-0"
 };
@@ -115,6 +114,4 @@ function AlertWithRef(_a, ref) {
     type: iconFamily
-  }), children && /*#__PURE__*/React.createElement(Typography, {
-    token: "body-base",
-    component: "div",
-    className: classnames(styles$2.alertBodyContainer)
+  }), children && /*#__PURE__*/React.createElement("div", {
+    className: styles$2.alertBodyContainer
   }, children)), enableCloseButton && /*#__PURE__*/React.createElement(IconButton, {
@@ -131,23 +128,23 @@ onClick: onClickCloseButton,
 var styles$1 = {
-  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v6-0-4",
-  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v6-0-4",
-  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v6-0-4",
-  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v6-0-4",
-  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v6-0-4",
-  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v6-0-4",
-  "body-small": "InlineAlertPopover-module__vIqgkrGw__v6-0-4",
-  "body-base": "InlineAlertPopover-module__WrHZdaem__v6-0-4",
-  "body-large": "InlineAlertPopover-module__kaLvlwTh__v6-0-4",
-  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v6-0-4",
-  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v6-0-4",
-  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v6-0-4",
-  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v6-0-4",
-  "button": "InlineAlertPopover-module__IWWK6Uyz__v6-0-4",
-  "popover": "InlineAlertPopover-module__mIMd-myB__v6-0-4",
-  "form-label": "InlineAlertPopover-module__VtxW8ibY__v6-0-4",
-  "caption": "InlineAlertPopover-module__RrqjvBon__v6-0-4",
-  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v6-0-4",
-  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v6-0-4",
-  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v6-0-4",
-  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v6-0-4"
+  "heading-xsmall": "InlineAlertPopover-module__cpXFJDXJ__v7-0-0",
+  "heading-small": "InlineAlertPopover-module__IDbqwgsm__v7-0-0",
+  "heading-medium": "InlineAlertPopover-module__UcAjrDHn__v7-0-0",
+  "heading-large": "InlineAlertPopover-module__XcIm3Li4__v7-0-0",
+  "heading-xlarge": "InlineAlertPopover-module__XZOPhdP7__v7-0-0",
+  "heading-2xl": "InlineAlertPopover-module__Own1O-Qn__v7-0-0",
+  "body-small": "InlineAlertPopover-module__vIqgkrGw__v7-0-0",
+  "body-base": "InlineAlertPopover-module__WrHZdaem__v7-0-0",
+  "body-large": "InlineAlertPopover-module__kaLvlwTh__v7-0-0",
+  "body-strong-small": "InlineAlertPopover-module__YQ7r0Bw8__v7-0-0",
+  "body-strong-base": "InlineAlertPopover-module__dHBy-LIK__v7-0-0",
+  "body-strong-large": "InlineAlertPopover-module__cpIKlGZn__v7-0-0",
+  "page-heading": "InlineAlertPopover-module__OGG5oOA2__v7-0-0",
+  "button": "InlineAlertPopover-module__IWWK6Uyz__v7-0-0",
+  "popover": "InlineAlertPopover-module__mIMd-myB__v7-0-0",
+  "form-label": "InlineAlertPopover-module__VtxW8ibY__v7-0-0",
+  "caption": "InlineAlertPopover-module__RrqjvBon__v7-0-0",
+  "text-link-default": "InlineAlertPopover-module__HOvb2PdN__v7-0-0",
+  "text-link-hover": "InlineAlertPopover-module__PFwjMEZz__v7-0-0",
+  "table-data-regular": "InlineAlertPopover-module__Z6uejiTl__v7-0-0",
+  "table-data-bold": "InlineAlertPopover-module__EsIDKfaj__v7-0-0"
 };
@@ -161,8 +158,6 @@ function InlineAlertPopover(_a, ref) {
   var listRef = useForkRef([ref, onClickOutsideRef]);
-  return /*#__PURE__*/React.createElement(Typography, __assign({
-    ref: listRef,
-    token: "body-base",
-    component: "div",
+  return /*#__PURE__*/React.createElement("div", __assign({
     style: style,
-    className: styles$1.popover
+    className: styles$1.popover,
+    ref: listRef
   }, restProps), children);
@@ -172,7 +167,7 @@ }
 var styles = {
-  "alertContainer": "InlineAlert-module__HIjXIvPW__v6-0-4",
-  "horizontalStack": "InlineAlert-module__cTi5hyBc__v6-0-4",
-  "icon": "InlineAlert-module__-3i3ylsB__v6-0-4",
-  "cursorPointer": "InlineAlert-module__xaqEN8rz__v6-0-4",
-  "supportText": "InlineAlert-module__McquLxFj__v6-0-4"
+  "alertContainer": "InlineAlert-module__HIjXIvPW__v7-0-0",
+  "horizontalStack": "InlineAlert-module__cTi5hyBc__v7-0-0",
+  "icon": "InlineAlert-module__-3i3ylsB__v7-0-0",
+  "cursorPointer": "InlineAlert-module__xaqEN8rz__v7-0-0",
+  "supportText": "InlineAlert-module__McquLxFj__v7-0-0"
 };
@@ -232,6 +227,4 @@ var normalizeStatus = function (status) {
     type: iconFamily !== null && iconFamily !== void 0 ? iconFamily : 'solid'
-  }), children && /*#__PURE__*/React.createElement(Typography, {
-    token: "body-base",
-    component: "div",
-    className: classnames(styles.supportText)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.supportText
   }, children)), popoverContent && isPopoverVisible && /*#__PURE__*/React.createElement(GroupedPortal, null, /*#__PURE__*/React.createElement(InlineAlertPopover$1, {
@@ -238,0 +231,0 @@ closeCallback: function () {

package.json

 {
   "name": "@highlight-ui/alert",
-  "version": "6.0.4",
+  "version": "7.0.0",
   "author": "Personio GmbH & Co. KG",
@@ -34,2 +34,3 @@ "main": "dist/cjs/index.js",
     "@highlight-ui/tokens": "^3.0.0",
+    "@highlight-ui/typography": "^6.1.0",
     "@highlight-ui/utils-dev": "^1.1.8",
@@ -44,5 +45,4 @@ "@testing-library/dom": "8.19.0",
   "dependencies": {
-    "@highlight-ui/button": "^12.0.4",
+    "@highlight-ui/button": "^12.0.5",
     "@highlight-ui/icon": "^5.0.1",
-    "@highlight-ui/typography": "^6.0.1",
     "@highlight-ui/utils-commons": "^2.3.8",
@@ -56,3 +56,3 @@ "@highlight-ui/utils-hooks": "^3.2.21",
   },
-  "gitHead": "e350b6a3203165c887f553b3f2bb0b286f392dbf"
+  "gitHead": "d65a6a4c39fa3a6e8cf737ca221bdcd7688d9590"
 }

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

Dependency count

7

decreased by-12.5%

Worsened metrics

Total package byte prevSize

128061

decreased by-1.76%

Dev dependency count

13

increased by8.33%

Lines of code

1328

decreased by-0.9%

Dependency changes

• + Added@highlight-ui/button@12.2.8(transitive)

• + Added@highlight-ui/icon@5.3.6(transitive)

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

• + Added@highlight-ui/typography@6.3.7(transitive)

• - Removed@highlight-ui/typography@^6.0.1

• - Removed@highlight-ui/button@12.2.6(transitive)

• - Removed@highlight-ui/icon@5.3.4(transitive)

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

• - Removed@highlight-ui/typography@6.3.5(transitive)

• Updated@highlight-ui/button@^12.0.5