@arch-ui/button
Advanced tools
Comparing version
# @arch-ui/button | ||
## 0.0.14 | ||
### Patch Changes | ||
- [`d8a7b8a2`](https://github.com/keystonejs/keystone/commit/d8a7b8a23b4c3e1545d101a92323be165ad362e2) [#2395](https://github.com/keystonejs/keystone/pull/2395) Thanks [@timleslie](https://github.com/timleslie)! - Upgraded all `@emotion.*` dependencies. | ||
* [`dcdd8ed9`](https://github.com/keystonejs/keystone/commit/dcdd8ed9142cf3328a7af80bc167ef93c7669b09) [#2381](https://github.com/keystonejs/keystone/pull/2381) Thanks [@timleslie](https://github.com/timleslie)! - Updated `@babel/*` dependency packages to latest versions. | ||
* Updated dependencies [[`d8a7b8a2`](https://github.com/keystonejs/keystone/commit/d8a7b8a23b4c3e1545d101a92323be165ad362e2), [`dcdd8ed9`](https://github.com/keystonejs/keystone/commit/dcdd8ed9142cf3328a7af80bc167ef93c7669b09)]: | ||
- @arch-ui/loading@0.0.13 | ||
- @arch-ui/theme@0.0.8 | ||
- @arch-ui/common@0.0.9 | ||
## 0.0.13 | ||
@@ -4,0 +17,0 @@ |
@@ -116,6 +116,5 @@ 'use strict'; | ||
}; | ||
function makeSubtleVariant(_ref) { | ||
let { | ||
appearance | ||
} = _ref; | ||
function makeSubtleVariant({ | ||
appearance | ||
}) { | ||
const { | ||
@@ -134,7 +133,6 @@ text, | ||
} | ||
function makeNuanceVariant(_ref2) { | ||
let { | ||
appearance, | ||
isDisabled | ||
} = _ref2; | ||
function makeNuanceVariant({ | ||
appearance, | ||
isDisabled | ||
}) { | ||
const { | ||
@@ -154,7 +152,6 @@ text | ||
function makeGhostVariant(_ref3) { | ||
let { | ||
appearance, | ||
isDisabled | ||
} = _ref3; | ||
function makeGhostVariant({ | ||
appearance, | ||
isDisabled | ||
}) { | ||
const { | ||
@@ -183,11 +180,10 @@ border, | ||
function makeBoldVariant(_ref4) { | ||
let { | ||
appearance, | ||
isDisabled, | ||
isActive, | ||
isHover, | ||
isFocus, | ||
isSelected | ||
} = _ref4; | ||
function makeBoldVariant({ | ||
appearance, | ||
isDisabled, | ||
isActive, | ||
isHover, | ||
isFocus, | ||
isSelected | ||
}) { | ||
const { | ||
@@ -233,14 +229,13 @@ bg, | ||
function makeVariant(_ref) { | ||
let { | ||
appearance = 'default', | ||
isActive, | ||
isBlock, | ||
isHover, | ||
isFocus, | ||
isDisabled, | ||
isSelected, | ||
variant = 'bold', | ||
spacing = 'comfortable' | ||
} = _ref; | ||
function makeVariant({ | ||
appearance = 'default', | ||
isActive, | ||
isBlock, | ||
isHover, | ||
isFocus, | ||
isDisabled, | ||
isSelected, | ||
variant = 'bold', | ||
spacing = 'comfortable' | ||
}) { | ||
let variantStyles; | ||
@@ -247,0 +242,0 @@ const config = { |
@@ -127,4 +127,3 @@ "use strict"; | ||
function makeSubtleVariant(_ref) { | ||
let {appearance: appearance} = _ref; | ||
function makeSubtleVariant({appearance: appearance}) { | ||
const {text: text, textHover: textHover} = subtleAppearance[appearance]; | ||
@@ -141,4 +140,3 @@ return { | ||
function makeNuanceVariant(_ref2) { | ||
let {appearance: appearance, isDisabled: isDisabled} = _ref2; | ||
function makeNuanceVariant({appearance: appearance, isDisabled: isDisabled}) { | ||
const {text: text} = nuanceAppearance[appearance]; | ||
@@ -155,4 +153,3 @@ return { | ||
function makeGhostVariant(_ref3) { | ||
let {appearance: appearance, isDisabled: isDisabled} = _ref3; | ||
function makeGhostVariant({appearance: appearance, isDisabled: isDisabled}) { | ||
const {border: border, text: text} = ghostAppearance[appearance]; | ||
@@ -177,4 +174,3 @@ return { | ||
function makeBoldVariant(_ref4) { | ||
let {appearance: appearance, isDisabled: isDisabled, isActive: isActive, isHover: isHover, isFocus: isFocus, isSelected: isSelected} = _ref4; | ||
function makeBoldVariant({appearance: appearance, isDisabled: isDisabled, isActive: isActive, isHover: isHover, isFocus: isFocus, isSelected: isSelected}) { | ||
const {bg: bg, border: border, focusRing: focusRing, text: text} = boldAppearance[appearance], activeBg = "default" === appearance ? theme.colors.N10 : colorUtils.darken(bg, 12), hoverAndFocus = isHover || isFocus ? { | ||
@@ -230,4 +226,4 @@ borderColor: border, | ||
function makeVariant(_ref) { | ||
let variantStyles, {appearance: appearance = "default", isActive: isActive, isBlock: isBlock, isHover: isHover, isFocus: isFocus, isDisabled: isDisabled, isSelected: isSelected, variant: variant = "bold", spacing: spacing = "comfortable"} = _ref; | ||
function makeVariant({appearance: appearance = "default", isActive: isActive, isBlock: isBlock, isHover: isHover, isFocus: isFocus, isDisabled: isDisabled, isSelected: isSelected, variant: variant = "bold", spacing: spacing = "comfortable"}) { | ||
let variantStyles; | ||
const config = { | ||
@@ -234,0 +230,0 @@ appearance: appearance, |
@@ -110,6 +110,5 @@ import _extends from '@babel/runtime/helpers/esm/extends'; | ||
}; | ||
function makeSubtleVariant(_ref) { | ||
let { | ||
appearance | ||
} = _ref; | ||
function makeSubtleVariant({ | ||
appearance | ||
}) { | ||
const { | ||
@@ -128,7 +127,6 @@ text, | ||
} | ||
function makeNuanceVariant(_ref2) { | ||
let { | ||
appearance, | ||
isDisabled | ||
} = _ref2; | ||
function makeNuanceVariant({ | ||
appearance, | ||
isDisabled | ||
}) { | ||
const { | ||
@@ -148,7 +146,6 @@ text | ||
function makeGhostVariant(_ref3) { | ||
let { | ||
appearance, | ||
isDisabled | ||
} = _ref3; | ||
function makeGhostVariant({ | ||
appearance, | ||
isDisabled | ||
}) { | ||
const { | ||
@@ -177,11 +174,10 @@ border, | ||
function makeBoldVariant(_ref4) { | ||
let { | ||
appearance, | ||
isDisabled, | ||
isActive, | ||
isHover, | ||
isFocus, | ||
isSelected | ||
} = _ref4; | ||
function makeBoldVariant({ | ||
appearance, | ||
isDisabled, | ||
isActive, | ||
isHover, | ||
isFocus, | ||
isSelected | ||
}) { | ||
const { | ||
@@ -227,14 +223,13 @@ bg, | ||
function makeVariant(_ref) { | ||
let { | ||
appearance = 'default', | ||
isActive, | ||
isBlock, | ||
isHover, | ||
isFocus, | ||
isDisabled, | ||
isSelected, | ||
variant = 'bold', | ||
spacing = 'comfortable' | ||
} = _ref; | ||
function makeVariant({ | ||
appearance = 'default', | ||
isActive, | ||
isBlock, | ||
isHover, | ||
isFocus, | ||
isDisabled, | ||
isSelected, | ||
variant = 'bold', | ||
spacing = 'comfortable' | ||
}) { | ||
let variantStyles; | ||
@@ -241,0 +236,0 @@ const config = { |
{ | ||
"name": "@arch-ui/button", | ||
"description": "Button Components as used in @keystonejs Admin UI.", | ||
"version": "0.0.13", | ||
"version": "0.0.14", | ||
"author": "Jed Watson", | ||
@@ -16,8 +16,8 @@ "license": "MIT", | ||
"@arch-ui/color-utils": "^0.0.1", | ||
"@arch-ui/common": "^0.0.8", | ||
"@arch-ui/loading": "^0.0.12", | ||
"@arch-ui/theme": "^0.0.7", | ||
"@babel/runtime": "^7.7.7", | ||
"@emotion/core": "^10.0.22", | ||
"@emotion/styled": "^10.0.22", | ||
"@arch-ui/common": "^0.0.9", | ||
"@arch-ui/loading": "^0.0.13", | ||
"@arch-ui/theme": "^0.0.8", | ||
"@babel/runtime": "^7.8.4", | ||
"@emotion/core": "^10.0.27", | ||
"@emotion/styled": "^10.0.27", | ||
"react-pseudo-state": "^2.2.2", | ||
@@ -24,0 +24,0 @@ "react-router-dom": "5.1.2" |
44677
1.07%1341
-1.03%+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
Updated
Updated
Updated
Updated
Updated
Updated