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.9 to 4.0.10-alpha.0

10

CHANGELOG.md
# @hi-ui/badge
## 4.0.10-alpha.0
### Patch Changes
- 1a00f9fc4: build: style-inject(node 环境下有问题) 替换为 @hi-ui/style-inject
- Updated dependencies [1a00f9fc4]
- @hi-ui/env@4.0.5-alpha.0
- @hi-ui/classname@4.0.5-alpha.0
- @hi-ui/core@4.0.9-alpha.0
## 4.0.9

@@ -4,0 +14,0 @@

4

lib/cjs/Badge.js

@@ -22,3 +22,3 @@ /** @LICENSE

var types = require('./types.js');
function _interopDefaultLegacy(e) {
function _interopDefaultCompat(e) {
return e && _typeof(e) === 'object' && 'default' in e ? e : {

@@ -28,3 +28,3 @@ 'default': e

}
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
var _prefix = classname.getPrefixCls('badge');

@@ -31,0 +31,0 @@ // 支持字符串和 number hover 显示,其他过滤

@@ -16,4 +16,4 @@ /** @LICENSE

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);-webkit-box-sizing: content-box;box-sizing: content-box;}.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);-webkit-box-sizing: content-box;box-sizing: content-box;}.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')["default"];
var __styleInject__ = require('@hi-ui/style-inject')["default"];
__styleInject__(css_248z);
exports["default"] = css_248z;

@@ -10,5 +10,5 @@ /** @LICENSE

*/
import __styleInject__ from 'style-inject';
import __styleInject__ from '@hi-ui/style-inject';
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);-webkit-box-sizing: content-box;box-sizing: content-box;}.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);-webkit-box-sizing: content-box;box-sizing: content-box;}.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;}";
__styleInject__(css_248z);
export { css_248z as default };
{
"name": "@hi-ui/badge",
"version": "4.0.9",
"version": "4.0.10-alpha.0",
"description": "A sub-package for @hi-ui/hiui.",

@@ -46,8 +46,8 @@ "keywords": [],

"dependencies": {
"@hi-ui/classname": "^4.0.4",
"@hi-ui/env": "^4.0.4",
"@hi-ui/classname": "^4.0.5-alpha.0",
"@hi-ui/env": "^4.0.5-alpha.0",
"@hi-ui/type-assertion": "^4.0.4"
},
"peerDependencies": {
"@hi-ui/core": ">=4.0.8",
"@hi-ui/core": ">=4.0.9-alpha.0",
"react": ">=16.8.6",

@@ -57,3 +57,3 @@ "react-dom": ">=16.8.6"

"devDependencies": {
"@hi-ui/core": "^4.0.8",
"@hi-ui/core": "^4.0.9-alpha.0",
"@hi-ui/core-css": "^4.1.5",

@@ -60,0 +60,0 @@ "react": "^17.0.1",

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