Socket
Socket
Sign inDemoInstall

@arch-ui/badge

Package Overview
Dependencies
86
Maintainers
8
Versions
20
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.16 to 0.0.17

13

CHANGELOG.md
# @arch-ui/badge
## 0.0.17
### Patch Changes
- [`5935b89f8`](https://github.com/keystonejs/keystone/commit/5935b89f8862b36f14d09da68f056f759a860f3e) [#3477](https://github.com/keystonejs/keystone/pull/3477) Thanks [@Noviny](https://github.com/Noviny)! - Updating dependencies:
These changes bring the keystone dev experience inline with installing keystone from npm :D
* [`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b) [#3439](https://github.com/keystonejs/keystone/pull/3439) Thanks [@renovate](https://github.com/apps/renovate)! - Updated babel dependencies.
* Updated dependencies [[`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b)]:
- @arch-ui/theme@0.0.11
## 0.0.16

@@ -4,0 +17,0 @@

26

dist/badge.cjs.dev.js

@@ -5,11 +5,15 @@ 'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
var _extends = require('@babel/runtime/helpers/extends');
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
var React = require('react');
var React__default = _interopDefault(React);
var styled = _interopDefault(require('@emotion/styled'));
var styled = require('@emotion/styled');
var theme = require('@arch-ui/theme');
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
var _extends__default = /*#__PURE__*/_interopDefault(_extends);
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
var React__default = /*#__PURE__*/_interopDefault(React);
var styled__default = /*#__PURE__*/_interopDefault(styled);
const boldBackgroundColor = {

@@ -47,3 +51,3 @@ default: theme.colors.N60,

};
const BadgeElement = styled.div(({
const BadgeElement = styled__default['default'].div(({
appearance,

@@ -64,3 +68,3 @@ variant

}));
const Badge = React.memo((_ref) => {
const Badge = /*#__PURE__*/React.memo((_ref) => {
let {

@@ -72,3 +76,3 @@ appearance = 'default',

} = _ref,
props = _objectWithoutProperties(_ref, ["appearance", "max", "value", "variant"]);
props = _objectWithoutProperties__default['default'](_ref, ["appearance", "max", "value", "variant"]);

@@ -80,7 +84,7 @@ const getValue = ({

if (value < 0) return '0';
if (max > 0 && value > max) return "".concat(max, "+");
if (max > 0 && value > max) return `${max}+`;
return value;
};
return React__default.createElement(BadgeElement, _extends({
return /*#__PURE__*/React__default['default'].createElement(BadgeElement, _extends__default['default']({
appearance: appearance,

@@ -87,0 +91,0 @@ variant: variant

"use strict";
function _interopDefault(ex) {
return ex && "object" == typeof ex && "default" in ex ? ex.default : ex;
}
Object.defineProperty(exports, "__esModule", {

@@ -11,4 +7,12 @@ value: !0

var _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), React = require("react"), React__default = _interopDefault(React), styled = _interopDefault(require("@emotion/styled")), theme = require("@arch-ui/theme");
var _extends = require("@babel/runtime/helpers/extends"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), React = require("react"), styled = require("@emotion/styled"), theme = require("@arch-ui/theme");
function _interopDefault(e) {
return e && e.__esModule ? e : {
default: e
};
}
var _extends__default = _interopDefault(_extends), _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties), React__default = _interopDefault(React), styled__default = _interopDefault(styled);
const boldBackgroundColor = {

@@ -42,3 +46,3 @@ default: theme.colors.N60,

danger: theme.colors.R.D20
}, BadgeElement = styled.div(({appearance: appearance, variant: variant}) => ({
}, BadgeElement = styled__default.default.div(({appearance: appearance, variant: variant}) => ({
backgroundColor: "bold" === variant ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance],

@@ -56,7 +60,7 @@ borderRadius: "2em",

})), Badge = React.memo(_ref => {
let {appearance: appearance = "default", max: max = 99, value: value = 0, variant: variant = "subtle"} = _ref, props = _objectWithoutProperties(_ref, [ "appearance", "max", "value", "variant" ]);
return React__default.createElement(BadgeElement, _extends({
let {appearance: appearance = "default", max: max = 99, value: value = 0, variant: variant = "subtle"} = _ref, props = _objectWithoutProperties__default.default(_ref, [ "appearance", "max", "value", "variant" ]);
return React__default.default.createElement(BadgeElement, _extends__default.default({
appearance: appearance,
variant: variant
}, props), (({value: value, max: max}) => value < 0 ? "0" : max > 0 && value > max ? "".concat(max, "+") : value)({
}, props), (({value: value, max: max}) => value < 0 ? "0" : max > 0 && value > max ? max + "+" : value)({
value: value,

@@ -63,0 +67,0 @@ max: max

@@ -55,3 +55,3 @@ import _extends from '@babel/runtime/helpers/esm/extends';

}));
const Badge = memo((_ref) => {
const Badge = /*#__PURE__*/memo((_ref) => {
let {

@@ -70,7 +70,7 @@ appearance = 'default',

if (value < 0) return '0';
if (max > 0 && value > max) return "".concat(max, "+");
if (max > 0 && value > max) return `${max}+`;
return value;
};
return React.createElement(BadgeElement, _extends({
return /*#__PURE__*/React.createElement(BadgeElement, _extends({
appearance: appearance,

@@ -77,0 +77,0 @@ variant: variant

{
"name": "@arch-ui/badge",
"description": "Badge Component used in @keystonejs Admin UI.",
"version": "0.0.16",
"version": "0.0.17",
"author": "Jed Watson",

@@ -15,5 +15,5 @@ "license": "MIT",

"dependencies": {
"@arch-ui/theme": "0.0.10",
"@babel/runtime": "^7.8.4",
"@emotion/core": "^10.0.28",
"@arch-ui/theme": "0.0.11",
"@babel/runtime": "^7.11.2",
"@emotion/core": "^10.0.35",
"@emotion/styled": "^10.0.27"

@@ -20,0 +20,0 @@ },

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc