Socket
Socket
Sign inDemoInstall

@hi-ui/badge

Package Overview
Dependencies
18
Maintainers
2
Versions
44
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

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: 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";
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-md, 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"];

2

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: 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";
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-md, 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"];

8

package.json
{
"name": "@hi-ui/badge",
"version": "4.0.0-beta.5",
"version": "4.0.0-beta.6",
"description": "A sub-package for @hi-ui/hiui.",

@@ -47,4 +47,4 @@ "keywords": [],

"@hi-ui/classname": "^4.0.0-beta.0",
"@hi-ui/core": "^4.0.0-beta.5",
"@hi-ui/core-css": "^4.0.0-beta.3",
"@hi-ui/core": "^4.0.0-beta.6",
"@hi-ui/core-css": "^4.0.0-beta.4",
"@hi-ui/env": "^4.0.0-beta.0",

@@ -62,3 +62,3 @@ "@hi-ui/type-assertion": "^4.0.0-beta.3"

},
"gitHead": "81afa0b917a45440e9afd759b24e4c9a7fa9fec0"
"gitHead": "f77bb788e7a7f78f93a5d011bca9d2ad90819fa3"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc