@chakra-ui/stat
Advanced tools
Comparing version
# Change Log | ||
## 1.0.2 | ||
### Patch Changes | ||
- Updated dependencies | ||
[[`e73878ee`](https://github.com/chakra-ui/chakra-ui/commit/e73878ee686c11d3f94ad6ac61b19ae9508d75a5)]: | ||
- @chakra-ui/utils@1.0.2 | ||
- @chakra-ui/icon@1.0.2 | ||
- @chakra-ui/visually-hidden@1.0.2 | ||
## 1.0.1 | ||
@@ -4,0 +14,0 @@ |
@@ -24,3 +24,3 @@ "use strict"; | ||
var StatLabel = /*#__PURE__*/(0, _system.forwardRef)(function StatLabel(props, ref) { | ||
var StatLabel = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
var styles = (0, _system.useStyles)(); | ||
@@ -40,3 +40,3 @@ return /*#__PURE__*/React.createElement(_system.chakra.dt, _extends({ | ||
var StatHelpText = /*#__PURE__*/(0, _system.forwardRef)(function StatHelpText(props, ref) { | ||
var StatHelpText = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
var styles = (0, _system.useStyles)(); | ||
@@ -56,3 +56,3 @@ return /*#__PURE__*/React.createElement(_system.chakra.p, _extends({ | ||
var StatNumber = /*#__PURE__*/(0, _system.forwardRef)(function StatNumber(props, ref) { | ||
var StatNumber = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
var styles = (0, _system.useStyles)(); | ||
@@ -127,3 +127,3 @@ return /*#__PURE__*/React.createElement(_system.chakra.dd, _extends({ | ||
var Stat = /*#__PURE__*/(0, _system.forwardRef)(function Stat(props, ref) { | ||
var Stat = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
var styles = (0, _system.useMultiStyleConfig)("Stat", props); | ||
@@ -151,3 +151,3 @@ | ||
var StatGroup = /*#__PURE__*/(0, _system.forwardRef)(function StatGroup(props, ref) { | ||
var StatGroup = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) { | ||
return /*#__PURE__*/React.createElement(_system.chakra.div, _extends({}, props, { | ||
@@ -154,0 +154,0 @@ ref: ref, |
@@ -10,3 +10,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
import * as React from "react"; | ||
export var StatLabel = /*#__PURE__*/forwardRef(function StatLabel(props, ref) { | ||
export var StatLabel = /*#__PURE__*/forwardRef((props, ref) => { | ||
var styles = useStyles(); | ||
@@ -25,3 +25,3 @@ return /*#__PURE__*/React.createElement(chakra.dt, _extends({ | ||
export var StatHelpText = /*#__PURE__*/forwardRef(function StatHelpText(props, ref) { | ||
export var StatHelpText = /*#__PURE__*/forwardRef((props, ref) => { | ||
var styles = useStyles(); | ||
@@ -40,3 +40,3 @@ return /*#__PURE__*/React.createElement(chakra.p, _extends({ | ||
export var StatNumber = /*#__PURE__*/forwardRef(function StatNumber(props, ref) { | ||
export var StatNumber = /*#__PURE__*/forwardRef((props, ref) => { | ||
var styles = useStyles(); | ||
@@ -58,10 +58,8 @@ return /*#__PURE__*/React.createElement(chakra.dd, _extends({ | ||
export var StatDownArrow = props => { | ||
return /*#__PURE__*/React.createElement(Icon, _extends({ | ||
color: "red.400" | ||
}, props), /*#__PURE__*/React.createElement("path", { | ||
fill: "currentColor", | ||
d: "M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z" | ||
})); | ||
}; | ||
export var StatDownArrow = props => /*#__PURE__*/React.createElement(Icon, _extends({ | ||
color: "red.400" | ||
}, props), /*#__PURE__*/React.createElement("path", { | ||
fill: "currentColor", | ||
d: "M21,5H3C2.621,5,2.275,5.214,2.105,5.553C1.937,5.892,1.973,6.297,2.2,6.6l9,12 c0.188,0.252,0.485,0.4,0.8,0.4s0.611-0.148,0.8-0.4l9-12c0.228-0.303,0.264-0.708,0.095-1.047C21.725,5.214,21.379,5,21,5z" | ||
})); | ||
@@ -105,3 +103,3 @@ if (__DEV__) { | ||
export var Stat = /*#__PURE__*/forwardRef(function Stat(props, ref) { | ||
export var Stat = /*#__PURE__*/forwardRef((props, ref) => { | ||
var styles = useMultiStyleConfig("Stat", props); | ||
@@ -130,15 +128,13 @@ | ||
export var StatGroup = /*#__PURE__*/forwardRef(function StatGroup(props, ref) { | ||
return /*#__PURE__*/React.createElement(chakra.div, _extends({}, props, { | ||
ref: ref, | ||
role: "group", | ||
className: cx("chakra-stat__group", props.className), | ||
__css: { | ||
display: "flex", | ||
flexWrap: "wrap", | ||
justifyContent: "space-around", | ||
alignItems: "flex-start" | ||
} | ||
})); | ||
}); | ||
export var StatGroup = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(chakra.div, _extends({}, props, { | ||
ref: ref, | ||
role: "group", | ||
className: cx("chakra-stat__group", props.className), | ||
__css: { | ||
display: "flex", | ||
flexWrap: "wrap", | ||
justifyContent: "space-around", | ||
alignItems: "flex-start" | ||
} | ||
}))); | ||
@@ -145,0 +141,0 @@ if (__DEV__) { |
{ | ||
"name": "@chakra-ui/stat", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "A React component for displaying statistics", | ||
@@ -56,8 +56,8 @@ "keywords": [ | ||
"dependencies": { | ||
"@chakra-ui/icon": "1.0.1", | ||
"@chakra-ui/utils": "1.0.1", | ||
"@chakra-ui/visually-hidden": "1.0.1" | ||
"@chakra-ui/icon": "1.0.2", | ||
"@chakra-ui/utils": "1.0.2", | ||
"@chakra-ui/visually-hidden": "1.0.2" | ||
}, | ||
"devDependencies": { | ||
"@chakra-ui/system": "1.0.1", | ||
"@chakra-ui/system": "1.1.0", | ||
"react": "^17.0.1" | ||
@@ -64,0 +64,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
38846
-1.35%290
-1.36%+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
Updated
Updated