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

es-components-via-theme

Package Overview
Dependencies
Maintainers
1
Versions
315
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

es-components-via-theme - npm Package Compare versions

Comparing version 1.0.0 to 11.0.0

156

index.js

@@ -1,59 +0,51 @@

const white = "#fff";
const gray1 = "#f4f4f4";
const gray2 = "#ecedee";
const gray3 = "#e4e4e4";
const gray4 = "#d8d8d8";
const gray5 = "#c5c5c5";
const gray6 = "#979797";
// const gray7 = '#707070';
const gray8 = "#585858";
const gray9 = "#444";
const black = "#000";
const darkBlue = "#006685";
const white = '#fff';
const gray1 = '#f4f4f4';
const gray2 = '#ecedee';
const gray3 = '#e4e4e4';
const gray4 = '#d8d8d8';
const gray5 = '#c5c5c5';
const gray6 = '#979797';
const gray7 = '#707070';
const gray8 = '#585858';
const gray9 = '#444';
const black = '#000';
const darkBlue = '#006685';
const grayLightest = gray1;
const grayLighter = gray2;
const grayLight = gray3;
const gray = gray5;
const grayDark = gray6;
const grayDarker = gray8;
const grayDarkest = gray9;
const defaultColor = "#d8d8d8";
const defaultHover = "#bfbfbf";
const defaultColor = '#d8d8d8';
const defaultHover = '#bfbfbf';
const defaultBtnText = black;
const primary = "#007fa7";
const primaryHover = "#005874";
const info = "#069";
const infoHover = "#004466";
const success = "#298544";
const successHover = "#1d5e30";
const warning = "#b35f00";
const warningHover = "#804400";
const danger = "#c00";
const dangerHover = "#990000";
const primary = '#007fa7';
const primaryHover = '#005874';
const info = '#069';
const infoHover = '#004466';
const success = '#298544';
const successHover = '#1d5e30';
const warning = '#b35f00';
const warningHover = '#804400';
const danger = '#c00';
const dangerHover = '#990000';
const advisor = warning;
const popoverHeader = darkBlue;
const vbBlue = "#00a0d2";
const vbGreen = "#00c389";
const vbMagenta = "#c110a0";
const wtwGray = "#63666a";
const vbBlue = '#00a0d2';
const vbGreen = '#00c389';
const vbMagenta = '#c110a0';
const wtwGray = '#63666a';
const boxShadowLight = "rgba(0, 0, 0, 0.075)";
const boxShadowDark = "rgba(0, 0, 0, 0.5)";
const boxShadowLight = 'rgba(0, 0, 0, 0.075)';
const boxShadowDark = 'rgba(0, 0, 0, 0.5)';
const inputBorder = gray4;
const inputFocus = "#83bffc";
const inputBoxShadow = "rgba(102, 175, 233, 0.6)";
const inputFocus = '#83bffc';
const inputBoxShadow = 'rgba(102, 175, 233, 0.6)';
// Datepicker colors
const navArrow = gray;
const navArrowHover = grayDark;
const selected = "#216ba5";
const hover = "#1d5d90";
const keyboard = "#2a87d0";
const inRange = "rgba(33, 107, 165, 0.5)";
const highlight = "#3dcc4a";
const highlightHover = "#32be3f";
const navArrow = gray5;
const navArrowHover = gray6;
const selected = '#216ba5';
const hover = '#1d5d90';
const keyboard = '#2a87d0';
const inRange = 'rgba(33, 107, 165, 0.5)';
const highlight = '#3dcc4a';
const highlightHover = '#32be3f';

@@ -63,9 +55,11 @@ const theme = {

black,
grayDarkest,
grayDarker,
grayDark,
gray,
grayLight,
grayLighter,
grayLightest,
gray1,
gray2,
gray3,
gray4,
gray5,
gray6,
gray7,
gray9,
gray9,
white,

@@ -249,3 +243,3 @@ defaultColor,

hoverTextColor: white,
activeBgColor: "#4a4d50",
activeBgColor: '#4a4d50',
activeTextColor: white,

@@ -259,3 +253,3 @@ borderColor: wtwGray

hoverTextColor: white,
activeBgColor: "#920C79",
activeBgColor: '#920C79',
activeTextColor: white,

@@ -266,8 +260,8 @@ borderColor: vbMagenta

bgColor: white,
textColor: "#702082",
hoverBgColor: "#702082",
textColor: '#702082',
hoverBgColor: '#702082',
hoverTextColor: white,
activeBgColor: "#4d1659",
activeBgColor: '#4d1659',
activeTextColor: white,
borderColor: "#702082"
borderColor: '#702082'
}

@@ -279,26 +273,26 @@ }

lg: {
borderRadius: "3px",
fontSize: "26px",
padding: "8px 20px 5px"
borderRadius: '3px',
fontSize: '26px',
padding: '8px 20px 5px'
},
default: {
borderRadius: "2px",
fontSize: "18px",
padding: "5px 15px 4px"
borderRadius: '2px',
fontSize: '18px',
padding: '5px 15px 4px'
},
sm: {
borderRadius: "2px",
fontSize: "14px",
padding: "4px 10px 3px"
borderRadius: '2px',
fontSize: '14px',
padding: '4px 10px 3px'
},
xs: {
borderRadius: "2px",
fontSize: "12px",
padding: "3px 10px 2px"
borderRadius: '2px',
fontSize: '12px',
padding: '3px 10px 2px'
}
},
validationIconName: {
success: "ok",
warning: "warning-sign",
danger: "remove"
success: 'ok',
warning: 'warning-sign',
danger: 'remove'
},

@@ -341,7 +335,7 @@ validationTextColor: {

screenSize: {
retina: "320px",
phone: "480px",
tablet: "768px",
desktop: "900px",
widescreen: "1200px"
retina: '320px',
phone: '480px',
tablet: '768px',
desktop: '900px',
widescreen: '1200px'
}

@@ -348,0 +342,0 @@ };

{
"name": "es-components-via-theme",
"version": "1.0.0",
"version": "11.0.0",
"main": "index.js",

@@ -5,0 +5,0 @@ "author": "Willis Towers Watson - Individual Marketplace",

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