@arch-ui/badge
Advanced tools
Comparing version 0.0.16 to 0.0.17
# @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 @@ |
@@ -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 @@ }, |
14740
294
+ Added@arch-ui/theme@0.0.11(transitive)
- Removed@arch-ui/theme@0.0.10(transitive)
Updated@arch-ui/theme@0.0.11
Updated@babel/runtime@^7.11.2
Updated@emotion/core@^10.0.35