@magic-circle/styles
Advanced tools
Comparing version 0.2.0 to 0.2.1
@@ -22,2 +22,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { | ||
import { ButtonSmall } from './forms'; | ||
import { formatNumber } from './utils'; | ||
export var ContainerCSS = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n min-height: ", "px;\n color: ", ";\n border-bottom: 1px solid ", ";\n overflow: hidden;\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n min-height: ", "px;\n color: ", ";\n border-bottom: 1px solid ", ";\n overflow: hidden;\n"])), SPACING(4), COLORS.shades.s100.css, COLORS.shades.s400.css); | ||
@@ -56,7 +57,2 @@ export var Reset = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ", ";\n color: ", ";\n height: 100%;\n width: ", "px;\n transform: ", ";\n transition: transform 0.3s ease;\n pointer-events: ", ";\n\n &:hover {\n transform: translateX(0);\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ", ";\n color: ", ";\n height: 100%;\n width: ", "px;\n transform: ", ";\n transition: transform 0.3s ease;\n pointer-events: ", ";\n\n &:hover {\n transform: translateX(0);\n }\n"])), COLORS.accent.css, COLORS.black.css, SPACING(4), function (props) { | ||
export var Inside = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 100%;\n flex: 1;\n padding-right: ", "px;\n"], ["\n display: flex;\n align-items: center;\n height: 100%;\n flex: 1;\n padding-right: ", "px;\n"])), SPACING(1)); | ||
var formatNumber = function (n, maxDigits) { | ||
if (maxDigits === void 0) { maxDigits = 5; } | ||
var digits = n.toString().split('.')[1]; | ||
return digits && digits.length >= 5 ? n.toFixed(maxDigits) : n.toString(); | ||
}; | ||
export var Value = function (_a) { | ||
@@ -63,0 +59,0 @@ var children = _a.children, maxDigits = _a.maxDigits, props = __rest(_a, ["children", "maxDigits"]); |
@@ -18,2 +18,3 @@ export { default as COLORS, Color } from './colors'; | ||
export * as Metric from './metric'; | ||
export * as utils from './utils'; | ||
export * from './assets/icons/index'; |
@@ -17,2 +17,3 @@ export { default as COLORS, Color } from './colors'; | ||
export * as Metric from './metric'; | ||
export * as utils from './utils'; | ||
export * from './assets/icons/index'; |
{ | ||
"name": "@magic-circle/styles", | ||
"version": "0.2.0", | ||
"version": "0.2.1", | ||
"description": "Magic Circle style helpers", | ||
@@ -35,3 +35,3 @@ "keywords": [ | ||
"devDependencies": { | ||
"@magic-circle/state": "^0.2.0", | ||
"@magic-circle/state": "^0.2.1", | ||
"@types/color-string": "^1.5.2", | ||
@@ -49,3 +49,3 @@ "@types/styled-components": "*", | ||
}, | ||
"gitHead": "10dc56075b1f2f64ef753622ced4a22eaa254a34" | ||
"gitHead": "25e0ac87585fa3a9ccc6b6d5be77aa8d1f4923ef" | ||
} |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1498371
242
2280