@hi-ui/badge - npm Package Compare versions

Comparing version 4.0.0-beta.1 to 4.0.0-beta.2

lib/cjs/styles/index.scss.js

@@ -15,3 +15,3 @@ /** @LICENSE
 });
-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@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@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@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-badge {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  vertical-align: middle;\n  display: inline-block;\n  position: relative;\n  line-height: 1; }\n.hi-v4-badge__value {\n    -webkit-transform: translateX(50%);\n            transform: translateX(50%);\n    position: absolute;\n    z-index: 1;\n    right: 0;\n    top: calc(-12px);\n    min-width: 8px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0 6px;\n    padding: 0 var(--hi-v4-spacing-3, 6px);\n    color: #fff;\n    color: var(--hi-v4-color-static-white, #fff);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    letter-spacing: 0;\n    text-align: center;\n    border: 2px solid #fff;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    background-color: #ff5959;\n    background-color: var(--hi-v4-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border-radius: 9999px;\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__dot {\n    position: absolute;\n    z-index: 1;\n    top: calc(-7px);\n    right: calc(-7px);\n    width: 10px;\n    height: 10px;\n    background-color: #ff5959;\n    background-color: var(--hi-v4-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border: 2px solid #fff;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    border-radius: 9999px;\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__custom {\n    -webkit-transform: translate(50%, -50%);\n            transform: translate(50%, -50%);\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1; }\n.hi-v4-badge--independent .hi-v4-badge__dot,\n  .hi-v4-badge--independent .hi-v4-badge__value,\n  .hi-v4-badge--independent .hi-v4-badge__custom {\n    position: relative;\n    top: auto;\n    right: auto;\n    -webkit-transform: none;\n            transform: none;\n    display: block; }\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@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@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@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-badge {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  vertical-align: middle;\n  display: inline-block;\n  position: relative;\n  line-height: 1; }\n.hi-v4-badge__value {\n    -webkit-transform: translateX(50%);\n            transform: translateX(50%);\n    position: absolute;\n    z-index: 1;\n    right: 0;\n    top: calc(-12px);\n    min-width: 8px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0 var(--hi-v4-spacing-3, 6px);\n    color: var(--hi-v4-color-static-white, #fff);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    letter-spacing: 0;\n    text-align: center;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    background-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__dot {\n    position: absolute;\n    z-index: 1;\n    top: calc(-7px);\n    right: calc(-7px);\n    width: 10px;\n    height: 10px;\n    background-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__custom {\n    -webkit-transform: translate(50%, -50%);\n            transform: translate(50%, -50%);\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1; }\n.hi-v4-badge--independent .hi-v4-badge__dot,\n  .hi-v4-badge--independent .hi-v4-badge__value,\n  .hi-v4-badge--independent .hi-v4-badge__custom {\n    position: relative;\n    top: auto;\n    right: auto;\n    -webkit-transform: none;\n            transform: none;\n    display: block; }\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 = "@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@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@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@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-badge {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  vertical-align: middle;\n  display: inline-block;\n  position: relative;\n  line-height: 1; }\n.hi-v4-badge__value {\n    -webkit-transform: translateX(50%);\n            transform: translateX(50%);\n    position: absolute;\n    z-index: 1;\n    right: 0;\n    top: calc(-12px);\n    min-width: 8px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0 6px;\n    padding: 0 var(--hi-v4-spacing-3, 6px);\n    color: #fff;\n    color: var(--hi-v4-color-static-white, #fff);\n    font-size: 0.75rem;\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    letter-spacing: 0;\n    text-align: center;\n    border: 2px solid #fff;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    background-color: #ff5959;\n    background-color: var(--hi-v4-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border-radius: 9999px;\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__dot {\n    position: absolute;\n    z-index: 1;\n    top: calc(-7px);\n    right: calc(-7px);\n    width: 10px;\n    height: 10px;\n    background-color: #ff5959;\n    background-color: var(--hi-v4-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border: 2px solid #fff;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    border-radius: 9999px;\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__custom {\n    -webkit-transform: translate(50%, -50%);\n            transform: translate(50%, -50%);\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1; }\n.hi-v4-badge--independent .hi-v4-badge__dot,\n  .hi-v4-badge--independent .hi-v4-badge__value,\n  .hi-v4-badge--independent .hi-v4-badge__custom {\n    position: relative;\n    top: auto;\n    right: auto;\n    -webkit-transform: none;\n            transform: none;\n    display: block; }\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@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@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@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-badge {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  vertical-align: middle;\n  display: inline-block;\n  position: relative;\n  line-height: 1; }\n.hi-v4-badge__value {\n    -webkit-transform: translateX(50%);\n            transform: translateX(50%);\n    position: absolute;\n    z-index: 1;\n    right: 0;\n    top: calc(-12px);\n    min-width: 8px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0 var(--hi-v4-spacing-3, 6px);\n    color: var(--hi-v4-color-static-white, #fff);\n    font-size: var(--hi-v4-text-size-sm, 0.75rem);\n    letter-spacing: 0;\n    text-align: center;\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    background-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__dot {\n    position: absolute;\n    z-index: 1;\n    top: calc(-7px);\n    right: calc(-7px);\n    width: 10px;\n    height: 10px;\n    background-color: var(--hi-v4-color-danger-500, var(--hi-v4-color-red-500, #ff5959));\n    border: var(--hi-v4-border-size-semibold, 2px solid) var(--hi-v4-color-static-white, #fff);\n    border-radius: var(--hi-v4-border-radius-full, 9999px); }\n.hi-v4-badge__custom {\n    -webkit-transform: translate(50%, -50%);\n            transform: translate(50%, -50%);\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1; }\n.hi-v4-badge--independent .hi-v4-badge__dot,\n  .hi-v4-badge--independent .hi-v4-badge__value,\n  .hi-v4-badge--independent .hi-v4-badge__custom {\n    position: relative;\n    top: auto;\n    right: auto;\n    -webkit-transform: none;\n            transform: none;\n    display: block; }\n";
 
@@ -13,0 +13,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

package.json

 {
   "name": "@hi-ui/badge",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.2",
   "description": "A sub-package for @hi-ui/hiui.",
@@ -47,6 +47,6 @@ "keywords": [],
     "@hi-ui/classname": "^4.0.0-beta.0",
-    "@hi-ui/core": "^4.0.0-beta.1",
-    "@hi-ui/core-css": "^4.0.0-beta.1",
+    "@hi-ui/core": "^4.0.0-beta.2",
+    "@hi-ui/core-css": "^4.0.0-beta.2",
     "@hi-ui/env": "^4.0.0-beta.0",
-    "@hi-ui/type-assertion": "^4.0.0-beta.0"
+    "@hi-ui/type-assertion": "^4.0.0-beta.1"
   },
@@ -58,7 +58,7 @@ "peerDependencies": {
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-beta.0",
+    "@hi-ui/hi-build": "^4.0.0-beta.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "e44279db28297930b5608023f96343780d1f4e1c"
+  "gitHead": "34009f66090d5e0003a9453c9f0f743e74438815"
 }

New alerts

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

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

Worsened metrics

Total package byte prevSize

27154

decreased by-1.84%

Lines of code

369

decreased by-0.54%

Dependency changes

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

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

• Updated@hi-ui/type-assertion@^4.0.0-beta.1