Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@magic-circle/styles

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@magic-circle/styles - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/utils.d.ts

6

dist/control.jsx

@@ -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

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc