Socket
Socket
Sign inDemoInstall

@os-design/core

Package Overview
Dependencies
Maintainers
1
Versions
478
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@os-design/core - npm Package Compare versions

Comparing version 0.0.70 to 0.0.71

22

lib/Switch/index.js

@@ -10,12 +10,12 @@ "use strict";

const core_1 = require("@emotion/core");
const SWITCH_PADDING_EM = 0.4;
const SWITCH_PADDING_HALF_EM = SWITCH_PADDING_EM / 2;
const SWITCH_SIZE_EM = 1.7;
const SWITCH_PADDING_EM = 0.3;
const defaultCircle = (p) => core_1.css `
&::after {
position: absolute;
top: ${SWITCH_PADDING_HALF_EM}em;
top: ${SWITCH_PADDING_EM / 2}em;
width: ${p.theme.baseHeight - SWITCH_PADDING_EM}em;
height: ${p.theme.baseHeight - SWITCH_PADDING_EM}em;
border-radius: ${p.theme.baseHeight / 2 - SWITCH_PADDING_HALF_EM}em;
width: ${SWITCH_SIZE_EM - SWITCH_PADDING_EM}em;
height: ${SWITCH_SIZE_EM - SWITCH_PADDING_EM}em;
border-radius: ${(SWITCH_SIZE_EM - SWITCH_PADDING_EM) / 2}em;

@@ -32,3 +32,3 @@ background-color: #fff;

&::after {
left: ${p.theme.baseHeight + SWITCH_PADDING_HALF_EM}em;
left: ${SWITCH_SIZE_EM + SWITCH_PADDING_EM / 2}em;
}

@@ -40,3 +40,3 @@ `;

&::after {
left: ${SWITCH_PADDING_HALF_EM}em;
left: ${SWITCH_PADDING_EM / 2}em;
}

@@ -58,5 +58,5 @@ `;

width: ${p => p.theme.baseHeight * 2}em;
height: ${p => p.theme.baseHeight}em;
border-radius: ${p => p.theme.baseHeight / 2}em;
width: ${SWITCH_SIZE_EM * 2}em;
height: ${SWITCH_SIZE_EM}em;
border-radius: ${SWITCH_SIZE_EM / 2}em;

@@ -63,0 +63,0 @@ ${defaultCircle};

{
"name": "@os-design/core",
"version": "0.0.70",
"version": "0.0.71",
"license": "MIT",

@@ -35,3 +35,3 @@ "main": "lib/index.js",

},
"gitHead": "df382e44198d114aebf197b7f815662735cb5558"
"gitHead": "dee9053f1b470844dbdad69feefb31980ad3bb60"
}

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