@hi-ui/alert - npm Package Compare versions

Comparing version 4.0.0-alpha.5 to 4.0.0-alpha.6

lib/cjs/styles/index.scss.js

@@ -15,3 +15,3 @@ /** @LICENSE
 });
-var css_248z = ".hi-v4-alert {\n  position: relative;\n  padding: 9px 11px;\n  border-radius: 2px;\n  font-size: 14px;\n  min-width: 280px;\n  display: block;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start; }\n  .hi-v4-alert__title {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-size: 14px;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    line-height: 22px; }\n  .hi-v4-alert__title .hi-icon {\n      height: 16px;\n      width: 16px;\n      margin-right: 8px; }\n  .hi-v4-alert__content {\n    margin: 2px 24px 0 24px;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: var(--color-gray-80); }\n  .hi-v4-alert__action {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    cursor: pointer;\n    color: var(--color-gray-70); }\n  .hi-v4-alert--primary {\n    background-color: var(--color-primary-20);\n    color: var(--color-primary);\n    border: 1px solid var(--color-primary-40); }\n  .hi-v4-alert--warning {\n    background-color: var(--color-warning-20);\n    color: #ffb31a;\n    border: 1px solid var(--color-warning-40); }\n  .hi-v4-alert--success {\n    background-color: var(--color-success-20);\n    color: #1da553;\n    border: 1px solid var(--color-success-40); }\n  .hi-v4-alert--danger {\n    background-color: var(--color-danger-20);\n    color: #f44343;\n    border: 1px solid var(--color-danger-40); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-alert {\n  position: relative;\n  padding: 9px 11px;\n  border-radius: 2px;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  min-width: 280px;\n  display: block;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start; }\n.hi-v4-alert__title {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    line-height: 22px;\n    line-height: var(--hi-v4-text-lineheight-normal, 22px); }\n.hi-v4-alert__title .hi-icon {\n      height: 16px;\n      width: 16px;\n      margin-right: 8px; }\n.hi-v4-alert__content {\n    margin: 2px 24px 0 24px;\n    font-weight: 400;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 22px;\n    line-height: var(--hi-v4-text-lineheight-normal, 22px);\n    color: #1f2937;\n    color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-alert__action {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    cursor: pointer;\n    color: #374151;\n    color: var(--hi-v4-color-gray-700, #374151); }\n.hi-v4-alert--primary {\n    background-color: #f0f5fe;\n    background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4);\n    border: 1px solid #b4cffb;\n    border: 1px solid var(--hi-v4-color-brandblue-300, #b4cffb); }\n.hi-v4-alert--warning {\n    background-color: #fcf2d7;\n    background-color: var(--hi-v4-color-amber-100, #fcf2d7);\n    color: #ffb40a;\n    color: var(--hi-v4-color-amber-500, #ffb40a);\n    border: 1px solid #ffd473;\n    border: 1px solid var(--hi-v4-color-amber-300, #ffd473); }\n.hi-v4-alert--success {\n    background-color: #dcfae9;\n    background-color: var(--hi-v4-color-green-100, #dcfae9);\n    color: #08bf5e;\n    color: var(--hi-v4-color-green-500, #08bf5e);\n    border: 1px solid #90f0b6;\n    border: 1px solid var(--hi-v4-color-green-300, #90f0b6); }\n.hi-v4-alert--danger {\n    background-color: #ffe0e3;\n    background-color: var(--hi-v4-color-magenta-100, #ffe0e3);\n    color: #eb2f44;\n    color: var(--hi-v4-color-magenta-500, #eb2f44);\n    border: 1px solid #ff808a;\n    border: 1px solid var(--hi-v4-color-magenta-300, #ff808a); }\n";
 
@@ -18,0 +18,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

lib/esm/styles/index.scss.js

@@ -10,3 +10,3 @@ /** @LICENSE
  */
-var css_248z = ".hi-v4-alert {\n  position: relative;\n  padding: 9px 11px;\n  border-radius: 2px;\n  font-size: 14px;\n  min-width: 280px;\n  display: block;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start; }\n  .hi-v4-alert__title {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-size: 14px;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    line-height: 22px; }\n  .hi-v4-alert__title .hi-icon {\n      height: 16px;\n      width: 16px;\n      margin-right: 8px; }\n  .hi-v4-alert__content {\n    margin: 2px 24px 0 24px;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: var(--color-gray-80); }\n  .hi-v4-alert__action {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    cursor: pointer;\n    color: var(--color-gray-70); }\n  .hi-v4-alert--primary {\n    background-color: var(--color-primary-20);\n    color: var(--color-primary);\n    border: 1px solid var(--color-primary-40); }\n  .hi-v4-alert--warning {\n    background-color: var(--color-warning-20);\n    color: #ffb31a;\n    border: 1px solid var(--color-warning-40); }\n  .hi-v4-alert--success {\n    background-color: var(--color-success-20);\n    color: #1da553;\n    border: 1px solid var(--color-success-40); }\n  .hi-v4-alert--danger {\n    background-color: var(--color-danger-20);\n    color: #f44343;\n    border: 1px solid var(--color-danger-40); }\n";
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-alert {\n  position: relative;\n  padding: 9px 11px;\n  border-radius: 2px;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  min-width: 280px;\n  display: block;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start; }\n.hi-v4-alert__title {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    font-size: 0.875rem;\n    font-size: var(--hi-v4-text-size-normal, 0.875rem);\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    line-height: 22px;\n    line-height: var(--hi-v4-text-lineheight-normal, 22px); }\n.hi-v4-alert__title .hi-icon {\n      height: 16px;\n      width: 16px;\n      margin-right: 8px; }\n.hi-v4-alert__content {\n    margin: 2px 24px 0 24px;\n    font-weight: 400;\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    line-height: 22px;\n    line-height: var(--hi-v4-text-lineheight-normal, 22px);\n    color: #1f2937;\n    color: var(--hi-v4-color-gray-800, #1f2937); }\n.hi-v4-alert__action {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    cursor: pointer;\n    color: #374151;\n    color: var(--hi-v4-color-gray-700, #374151); }\n.hi-v4-alert--primary {\n    background-color: #f0f5fe;\n    background-color: var(--hi-v4-color-brandblue-100, #f0f5fe);\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4);\n    border: 1px solid #b4cffb;\n    border: 1px solid var(--hi-v4-color-brandblue-300, #b4cffb); }\n.hi-v4-alert--warning {\n    background-color: #fcf2d7;\n    background-color: var(--hi-v4-color-amber-100, #fcf2d7);\n    color: #ffb40a;\n    color: var(--hi-v4-color-amber-500, #ffb40a);\n    border: 1px solid #ffd473;\n    border: 1px solid var(--hi-v4-color-amber-300, #ffd473); }\n.hi-v4-alert--success {\n    background-color: #dcfae9;\n    background-color: var(--hi-v4-color-green-100, #dcfae9);\n    color: #08bf5e;\n    color: var(--hi-v4-color-green-500, #08bf5e);\n    border: 1px solid #90f0b6;\n    border: 1px solid var(--hi-v4-color-green-300, #90f0b6); }\n.hi-v4-alert--danger {\n    background-color: #ffe0e3;\n    background-color: var(--hi-v4-color-magenta-100, #ffe0e3);\n    color: #eb2f44;\n    color: var(--hi-v4-color-magenta-500, #eb2f44);\n    border: 1px solid #ff808a;\n    border: 1px solid var(--hi-v4-color-magenta-300, #ff808a); }\n";
 
@@ -13,0 +13,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

package.json

 {
   "name": "@hi-ui/alert",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.6",
   "description": "A sub-package for @hi-ui/hiui.",
@@ -46,4 +46,4 @@ "keywords": [],
   "dependencies": {
-    "@hi-ui/classname": "^4.0.0-alpha.1",
-    "@hi-ui/core-css": "^4.0.0-alpha.1",
+    "@hi-ui/classname": "^4.0.0-alpha.2",
+    "@hi-ui/core-css": "^4.0.0-alpha.2",
     "@hi-ui/env": "^4.0.0-alpha.3"
@@ -60,3 +60,3 @@ },
   },
-  "gitHead": "bfced541d76d7d69a7068c744a1023a7bc0d189f"
+  "gitHead": "7db70603cd22ccff99d07bda763038d5e668f523"
 }

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22326

increased by14.15%

Lines of code

283

increased by3.66%

Dependency changes

• Updated@hi-ui/classname@^4.0.0-alpha.2

• Updated@hi-ui/core-css@^4.0.0-alpha.2