Socket
Socket
Sign inDemoInstall

@hi-ui/badge

Package Overview
Dependencies
Maintainers
2
Versions
44
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hi-ui/badge - npm Package Compare versions

Comparing version 4.0.0-beta.7 to 4.0.0-beta.8

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

@@ -18,0 +18,0 @@ var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];

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

@@ -58,7 +58,7 @@ "peerDependencies": {

"devDependencies": {
"@hi-ui/hi-build": "^4.0.0-beta.3",
"@hi-ui/hi-build": "^4.0.0-beta.4",
"react": "^17.0.1",
"react-dom": "^17.0.1"
},
"gitHead": "a7ee16f069a3d2a3396d497e932f834e2701882e"
"gitHead": "316e57118249d89f6afcc3f2610c2022974f6a21"
}
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc