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

@palett/cards

Package Overview
Dependencies
Maintainers
1
Versions
128
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@palett/cards - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

354

dist/index.cjs.js

@@ -5,53 +5,70 @@ 'use strict';

const Red = {
base: '#F44336',
lighten_5: '#FFEBEE',
lighten_4: '#FFCDD2',
lighten_3: '#EF9A9A',
lighten_2: '#E57373',
lighten_1: '#EF5350',
darken_1: '#E53935',
darken_2: '#D32F2F',
darken_3: '#C62828',
darken_4: '#B71C1C',
accent_1: '#FF8A80',
accent_2: '#FF5252',
accent_3: '#FF1744',
accent_4: '#D50000'
const Amber = {
base: '#FFC107',
lighten_5: '#FFF8E1',
lighten_4: '#FFECB3',
lighten_3: '#FFE082',
lighten_2: '#FFD54F',
lighten_1: '#FFCA28',
darken_1: '#FFB300',
darken_2: '#FFA000',
darken_3: '#FF8F00',
darken_4: '#FF6F00',
accent_1: '#FFE57F',
accent_2: '#FFD740',
accent_3: '#FFC400',
accent_4: '#FFAB00'
};
const Pink = {
base: '#E91E63',
lighten_5: '#FCE4EC',
lighten_4: '#F8BBD0',
lighten_3: '#F48FB1',
lighten_2: '#F06292',
lighten_1: '#EC407A',
darken_1: '#D81B60',
darken_2: '#C2185B',
darken_3: '#AD1457',
darken_4: '#880E4F',
accent_1: '#FF80AB',
accent_2: '#FF4081',
accent_3: '#F50057',
accent_4: '#C51162'
const Blue = {
base: '#2196F3',
lighten_5: '#E3F2FD',
lighten_4: '#BBDEFB',
lighten_3: '#90CAF9',
lighten_2: '#64B5F6',
lighten_1: '#42A5F5',
darken_1: '#1E88E5',
darken_2: '#1976D2',
darken_3: '#1565C0',
darken_4: '#0D47A1',
accent_1: '#82B1FF',
accent_2: '#448AFF',
accent_3: '#2979FF',
accent_4: '#2962FF'
};
const Purple = {
base: '#9C27B0',
lighten_5: '#F3E5F5',
lighten_4: '#E1BEE7',
lighten_3: '#CE93D8',
lighten_2: '#BA68C8',
lighten_1: '#AB47BC',
darken_1: '#8E24AA',
darken_2: '#7B1FA2',
darken_3: '#6A1B9A',
darken_4: '#4A148C',
accent_1: '#EA80FC',
accent_2: '#E040FB',
accent_3: '#D500F9',
accent_4: '#AA00FF'
const Cyan = {
base: '#00BCD4',
lighten_5: '#E0F7FA',
lighten_4: '#B2EBF2',
lighten_3: '#80DEEA',
lighten_2: '#4DD0E1',
lighten_1: '#26C6DA',
darken_1: '#00ACC1',
darken_2: '#0097A7',
darken_3: '#00838F',
darken_4: '#006064',
accent_1: '#84FFFF',
accent_2: '#18FFFF',
accent_3: '#00E5FF',
accent_4: '#00B8D4'
};
const DeepOrange = {
base: '#FF5722',
lighten_5: '#FBE9E7',
lighten_4: '#FFCCBC',
lighten_3: '#FFAB91',
lighten_2: '#FF8A65',
lighten_1: '#FF7043',
darken_1: '#F4511E',
darken_2: '#E64A19',
darken_3: '#D84315',
darken_4: '#BF360C',
accent_1: '#FF9E80',
accent_2: '#FF6E40',
accent_3: '#FF3D00',
accent_4: '#DD2C00'
};
const DeepPurple = {

@@ -74,2 +91,19 @@ base: '#673AB7',

const Green = {
base: '#4CAF50',
lighten_5: '#E8F5E9',
lighten_4: '#C8E6C9',
lighten_3: '#A5D6A7',
lighten_2: '#81C784',
lighten_1: '#66BB6A',
darken_1: '#43A047',
darken_2: '#388E3C',
darken_3: '#2E7D32',
darken_4: '#1B5E20',
accent_1: '#B9F6CA',
accent_2: '#69F0AE',
accent_3: '#00E676',
accent_4: '#00C853'
};
const Indigo = {

@@ -92,19 +126,2 @@ base: '#3F51B5',

const Blue = {
base: '#2196F3',
lighten_5: '#E3F2FD',
lighten_4: '#BBDEFB',
lighten_3: '#90CAF9',
lighten_2: '#64B5F6',
lighten_1: '#42A5F5',
darken_1: '#1E88E5',
darken_2: '#1976D2',
darken_3: '#1565C0',
darken_4: '#0D47A1',
accent_1: '#82B1FF',
accent_2: '#448AFF',
accent_3: '#2979FF',
accent_4: '#2962FF'
};
const LightBlue = {

@@ -127,53 +144,2 @@ base: '#03A9F4',

const Cyan = {
base: '#00BCD4',
lighten_5: '#E0F7FA',
lighten_4: '#B2EBF2',
lighten_3: '#80DEEA',
lighten_2: '#4DD0E1',
lighten_1: '#26C6DA',
darken_1: '#00ACC1',
darken_2: '#0097A7',
darken_3: '#00838F',
darken_4: '#006064',
accent_1: '#84FFFF',
accent_2: '#18FFFF',
accent_3: '#00E5FF',
accent_4: '#00B8D4'
};
const Teal = {
base: '#009688',
lighten_5: '#E0F2F1',
lighten_4: '#B2DFDB',
lighten_3: '#80CBC4',
lighten_2: '#4DB6AC',
lighten_1: '#26A69A',
darken_1: '#00897B',
darken_2: '#00796B',
darken_3: '#00695C',
darken_4: '#004D40',
accent_1: '#A7FFEB',
accent_2: '#64FFDA',
accent_3: '#1DE9B6',
accent_4: '#00BFA5'
};
const Green = {
base: '#4CAF50',
lighten_5: '#E8F5E9',
lighten_4: '#C8E6C9',
lighten_3: '#A5D6A7',
lighten_2: '#81C784',
lighten_1: '#66BB6A',
darken_1: '#43A047',
darken_2: '#388E3C',
darken_3: '#2E7D32',
darken_4: '#1B5E20',
accent_1: '#B9F6CA',
accent_2: '#69F0AE',
accent_3: '#00E676',
accent_4: '#00C853'
};
const LightGreen = {

@@ -213,36 +179,2 @@ base: '#8BC34A',

const Yellow = {
base: '#FFEB3B',
lighten_5: '#FFFDE7',
lighten_4: '#FFF9C4',
lighten_3: '#FFF59D',
lighten_2: '#FFF176',
lighten_1: '#FFEE58',
darken_1: '#FDD835',
darken_2: '#FBC02D',
darken_3: '#F9A825',
darken_4: '#F57F17',
accent_1: '#FFFF8D',
accent_2: '#FFFF00',
accent_3: '#FFEA00',
accent_4: '#FFD600'
};
const Amber = {
base: '#FFC107',
lighten_5: '#FFF8E1',
lighten_4: '#FFECB3',
lighten_3: '#FFE082',
lighten_2: '#FFD54F',
lighten_1: '#FFCA28',
darken_1: '#FFB300',
darken_2: '#FFA000',
darken_3: '#FF8F00',
darken_4: '#FF6F00',
accent_1: '#FFE57F',
accent_2: '#FFD740',
accent_3: '#FFC400',
accent_4: '#FFAB00'
};
const Orange = {

@@ -265,36 +197,87 @@ base: '#FF9800',

const DeepOrange = {
base: '#FF5722',
lighten_5: '#FBE9E7',
lighten_4: '#FFCCBC',
lighten_3: '#FFAB91',
lighten_2: '#FF8A65',
lighten_1: '#FF7043',
darken_1: '#F4511E',
darken_2: '#E64A19',
darken_3: '#D84315',
darken_4: '#BF360C',
accent_1: '#FF9E80',
accent_2: '#FF6E40',
accent_3: '#FF3D00',
accent_4: '#DD2C00'
const Pink = {
base: '#E91E63',
lighten_5: '#FCE4EC',
lighten_4: '#F8BBD0',
lighten_3: '#F48FB1',
lighten_2: '#F06292',
lighten_1: '#EC407A',
darken_1: '#D81B60',
darken_2: '#C2185B',
darken_3: '#AD1457',
darken_4: '#880E4F',
accent_1: '#FF80AB',
accent_2: '#FF4081',
accent_3: '#F50057',
accent_4: '#C51162'
};
const Brown = {
base: '#795548',
lighten_5: '#EFEBE9',
lighten_4: '#D7CCC8',
lighten_3: '#BCAAA4',
lighten_2: '#A1887F',
lighten_1: '#8D6E63',
darken_1: '#6D4C41',
darken_2: '#5D4037',
darken_3: '#4E342E',
darken_4: '#3E2723',
accent_1: '#D2BEB6',
accent_2: '#B59387',
accent_3: '#A27767',
accent_4: '#855F51'
const Purple = {
base: '#9C27B0',
lighten_5: '#F3E5F5',
lighten_4: '#E1BEE7',
lighten_3: '#CE93D8',
lighten_2: '#BA68C8',
lighten_1: '#AB47BC',
darken_1: '#8E24AA',
darken_2: '#7B1FA2',
darken_3: '#6A1B9A',
darken_4: '#4A148C',
accent_1: '#EA80FC',
accent_2: '#E040FB',
accent_3: '#D500F9',
accent_4: '#AA00FF'
};
const Red = {
base: '#F44336',
lighten_5: '#FFEBEE',
lighten_4: '#FFCDD2',
lighten_3: '#EF9A9A',
lighten_2: '#E57373',
lighten_1: '#EF5350',
darken_1: '#E53935',
darken_2: '#D32F2F',
darken_3: '#C62828',
darken_4: '#B71C1C',
accent_1: '#FF8A80',
accent_2: '#FF5252',
accent_3: '#FF1744',
accent_4: '#D50000'
};
const Teal = {
base: '#009688',
lighten_5: '#E0F2F1',
lighten_4: '#B2DFDB',
lighten_3: '#80CBC4',
lighten_2: '#4DB6AC',
lighten_1: '#26A69A',
darken_1: '#00897B',
darken_2: '#00796B',
darken_3: '#00695C',
darken_4: '#004D40',
accent_1: '#A7FFEB',
accent_2: '#64FFDA',
accent_3: '#1DE9B6',
accent_4: '#00BFA5'
};
const Yellow = {
base: '#FFEB3B',
lighten_5: '#FFFDE7',
lighten_4: '#FFF9C4',
lighten_3: '#FFF59D',
lighten_2: '#FFF176',
lighten_1: '#FFEE58',
darken_1: '#FDD835',
darken_2: '#FBC02D',
darken_3: '#F9A825',
darken_4: '#F57F17',
accent_1: '#FFFF8D',
accent_2: '#FFFF00',
accent_3: '#FFEA00',
accent_4: '#FFD600'
};
const BlueGrey = {

@@ -317,2 +300,19 @@ base: '#607D8B',

const Brown = {
base: '#795548',
lighten_5: '#EFEBE9',
lighten_4: '#D7CCC8',
lighten_3: '#BCAAA4',
lighten_2: '#A1887F',
lighten_1: '#8D6E63',
darken_1: '#6D4C41',
darken_2: '#5D4037',
darken_3: '#4E342E',
darken_4: '#3E2723',
accent_1: '#D2BEB6',
accent_2: '#B59387',
accent_3: '#A27767',
accent_4: '#855F51'
};
const Grey = {

@@ -319,0 +319,0 @@ base: '#9E9E9E',

@@ -1,52 +0,69 @@

const Red = {
base: '#F44336',
lighten_5: '#FFEBEE',
lighten_4: '#FFCDD2',
lighten_3: '#EF9A9A',
lighten_2: '#E57373',
lighten_1: '#EF5350',
darken_1: '#E53935',
darken_2: '#D32F2F',
darken_3: '#C62828',
darken_4: '#B71C1C',
accent_1: '#FF8A80',
accent_2: '#FF5252',
accent_3: '#FF1744',
accent_4: '#D50000'
const Amber = {
base: '#FFC107',
lighten_5: '#FFF8E1',
lighten_4: '#FFECB3',
lighten_3: '#FFE082',
lighten_2: '#FFD54F',
lighten_1: '#FFCA28',
darken_1: '#FFB300',
darken_2: '#FFA000',
darken_3: '#FF8F00',
darken_4: '#FF6F00',
accent_1: '#FFE57F',
accent_2: '#FFD740',
accent_3: '#FFC400',
accent_4: '#FFAB00'
};
const Pink = {
base: '#E91E63',
lighten_5: '#FCE4EC',
lighten_4: '#F8BBD0',
lighten_3: '#F48FB1',
lighten_2: '#F06292',
lighten_1: '#EC407A',
darken_1: '#D81B60',
darken_2: '#C2185B',
darken_3: '#AD1457',
darken_4: '#880E4F',
accent_1: '#FF80AB',
accent_2: '#FF4081',
accent_3: '#F50057',
accent_4: '#C51162'
const Blue = {
base: '#2196F3',
lighten_5: '#E3F2FD',
lighten_4: '#BBDEFB',
lighten_3: '#90CAF9',
lighten_2: '#64B5F6',
lighten_1: '#42A5F5',
darken_1: '#1E88E5',
darken_2: '#1976D2',
darken_3: '#1565C0',
darken_4: '#0D47A1',
accent_1: '#82B1FF',
accent_2: '#448AFF',
accent_3: '#2979FF',
accent_4: '#2962FF'
};
const Purple = {
base: '#9C27B0',
lighten_5: '#F3E5F5',
lighten_4: '#E1BEE7',
lighten_3: '#CE93D8',
lighten_2: '#BA68C8',
lighten_1: '#AB47BC',
darken_1: '#8E24AA',
darken_2: '#7B1FA2',
darken_3: '#6A1B9A',
darken_4: '#4A148C',
accent_1: '#EA80FC',
accent_2: '#E040FB',
accent_3: '#D500F9',
accent_4: '#AA00FF'
const Cyan = {
base: '#00BCD4',
lighten_5: '#E0F7FA',
lighten_4: '#B2EBF2',
lighten_3: '#80DEEA',
lighten_2: '#4DD0E1',
lighten_1: '#26C6DA',
darken_1: '#00ACC1',
darken_2: '#0097A7',
darken_3: '#00838F',
darken_4: '#006064',
accent_1: '#84FFFF',
accent_2: '#18FFFF',
accent_3: '#00E5FF',
accent_4: '#00B8D4'
};
const DeepOrange = {
base: '#FF5722',
lighten_5: '#FBE9E7',
lighten_4: '#FFCCBC',
lighten_3: '#FFAB91',
lighten_2: '#FF8A65',
lighten_1: '#FF7043',
darken_1: '#F4511E',
darken_2: '#E64A19',
darken_3: '#D84315',
darken_4: '#BF360C',
accent_1: '#FF9E80',
accent_2: '#FF6E40',
accent_3: '#FF3D00',
accent_4: '#DD2C00'
};
const DeepPurple = {

@@ -69,2 +86,19 @@ base: '#673AB7',

const Green = {
base: '#4CAF50',
lighten_5: '#E8F5E9',
lighten_4: '#C8E6C9',
lighten_3: '#A5D6A7',
lighten_2: '#81C784',
lighten_1: '#66BB6A',
darken_1: '#43A047',
darken_2: '#388E3C',
darken_3: '#2E7D32',
darken_4: '#1B5E20',
accent_1: '#B9F6CA',
accent_2: '#69F0AE',
accent_3: '#00E676',
accent_4: '#00C853'
};
const Indigo = {

@@ -87,19 +121,2 @@ base: '#3F51B5',

const Blue = {
base: '#2196F3',
lighten_5: '#E3F2FD',
lighten_4: '#BBDEFB',
lighten_3: '#90CAF9',
lighten_2: '#64B5F6',
lighten_1: '#42A5F5',
darken_1: '#1E88E5',
darken_2: '#1976D2',
darken_3: '#1565C0',
darken_4: '#0D47A1',
accent_1: '#82B1FF',
accent_2: '#448AFF',
accent_3: '#2979FF',
accent_4: '#2962FF'
};
const LightBlue = {

@@ -122,53 +139,2 @@ base: '#03A9F4',

const Cyan = {
base: '#00BCD4',
lighten_5: '#E0F7FA',
lighten_4: '#B2EBF2',
lighten_3: '#80DEEA',
lighten_2: '#4DD0E1',
lighten_1: '#26C6DA',
darken_1: '#00ACC1',
darken_2: '#0097A7',
darken_3: '#00838F',
darken_4: '#006064',
accent_1: '#84FFFF',
accent_2: '#18FFFF',
accent_3: '#00E5FF',
accent_4: '#00B8D4'
};
const Teal = {
base: '#009688',
lighten_5: '#E0F2F1',
lighten_4: '#B2DFDB',
lighten_3: '#80CBC4',
lighten_2: '#4DB6AC',
lighten_1: '#26A69A',
darken_1: '#00897B',
darken_2: '#00796B',
darken_3: '#00695C',
darken_4: '#004D40',
accent_1: '#A7FFEB',
accent_2: '#64FFDA',
accent_3: '#1DE9B6',
accent_4: '#00BFA5'
};
const Green = {
base: '#4CAF50',
lighten_5: '#E8F5E9',
lighten_4: '#C8E6C9',
lighten_3: '#A5D6A7',
lighten_2: '#81C784',
lighten_1: '#66BB6A',
darken_1: '#43A047',
darken_2: '#388E3C',
darken_3: '#2E7D32',
darken_4: '#1B5E20',
accent_1: '#B9F6CA',
accent_2: '#69F0AE',
accent_3: '#00E676',
accent_4: '#00C853'
};
const LightGreen = {

@@ -208,36 +174,2 @@ base: '#8BC34A',

const Yellow = {
base: '#FFEB3B',
lighten_5: '#FFFDE7',
lighten_4: '#FFF9C4',
lighten_3: '#FFF59D',
lighten_2: '#FFF176',
lighten_1: '#FFEE58',
darken_1: '#FDD835',
darken_2: '#FBC02D',
darken_3: '#F9A825',
darken_4: '#F57F17',
accent_1: '#FFFF8D',
accent_2: '#FFFF00',
accent_3: '#FFEA00',
accent_4: '#FFD600'
};
const Amber = {
base: '#FFC107',
lighten_5: '#FFF8E1',
lighten_4: '#FFECB3',
lighten_3: '#FFE082',
lighten_2: '#FFD54F',
lighten_1: '#FFCA28',
darken_1: '#FFB300',
darken_2: '#FFA000',
darken_3: '#FF8F00',
darken_4: '#FF6F00',
accent_1: '#FFE57F',
accent_2: '#FFD740',
accent_3: '#FFC400',
accent_4: '#FFAB00'
};
const Orange = {

@@ -260,36 +192,87 @@ base: '#FF9800',

const DeepOrange = {
base: '#FF5722',
lighten_5: '#FBE9E7',
lighten_4: '#FFCCBC',
lighten_3: '#FFAB91',
lighten_2: '#FF8A65',
lighten_1: '#FF7043',
darken_1: '#F4511E',
darken_2: '#E64A19',
darken_3: '#D84315',
darken_4: '#BF360C',
accent_1: '#FF9E80',
accent_2: '#FF6E40',
accent_3: '#FF3D00',
accent_4: '#DD2C00'
const Pink = {
base: '#E91E63',
lighten_5: '#FCE4EC',
lighten_4: '#F8BBD0',
lighten_3: '#F48FB1',
lighten_2: '#F06292',
lighten_1: '#EC407A',
darken_1: '#D81B60',
darken_2: '#C2185B',
darken_3: '#AD1457',
darken_4: '#880E4F',
accent_1: '#FF80AB',
accent_2: '#FF4081',
accent_3: '#F50057',
accent_4: '#C51162'
};
const Brown = {
base: '#795548',
lighten_5: '#EFEBE9',
lighten_4: '#D7CCC8',
lighten_3: '#BCAAA4',
lighten_2: '#A1887F',
lighten_1: '#8D6E63',
darken_1: '#6D4C41',
darken_2: '#5D4037',
darken_3: '#4E342E',
darken_4: '#3E2723',
accent_1: '#D2BEB6',
accent_2: '#B59387',
accent_3: '#A27767',
accent_4: '#855F51'
const Purple = {
base: '#9C27B0',
lighten_5: '#F3E5F5',
lighten_4: '#E1BEE7',
lighten_3: '#CE93D8',
lighten_2: '#BA68C8',
lighten_1: '#AB47BC',
darken_1: '#8E24AA',
darken_2: '#7B1FA2',
darken_3: '#6A1B9A',
darken_4: '#4A148C',
accent_1: '#EA80FC',
accent_2: '#E040FB',
accent_3: '#D500F9',
accent_4: '#AA00FF'
};
const Red = {
base: '#F44336',
lighten_5: '#FFEBEE',
lighten_4: '#FFCDD2',
lighten_3: '#EF9A9A',
lighten_2: '#E57373',
lighten_1: '#EF5350',
darken_1: '#E53935',
darken_2: '#D32F2F',
darken_3: '#C62828',
darken_4: '#B71C1C',
accent_1: '#FF8A80',
accent_2: '#FF5252',
accent_3: '#FF1744',
accent_4: '#D50000'
};
const Teal = {
base: '#009688',
lighten_5: '#E0F2F1',
lighten_4: '#B2DFDB',
lighten_3: '#80CBC4',
lighten_2: '#4DB6AC',
lighten_1: '#26A69A',
darken_1: '#00897B',
darken_2: '#00796B',
darken_3: '#00695C',
darken_4: '#004D40',
accent_1: '#A7FFEB',
accent_2: '#64FFDA',
accent_3: '#1DE9B6',
accent_4: '#00BFA5'
};
const Yellow = {
base: '#FFEB3B',
lighten_5: '#FFFDE7',
lighten_4: '#FFF9C4',
lighten_3: '#FFF59D',
lighten_2: '#FFF176',
lighten_1: '#FFEE58',
darken_1: '#FDD835',
darken_2: '#FBC02D',
darken_3: '#F9A825',
darken_4: '#F57F17',
accent_1: '#FFFF8D',
accent_2: '#FFFF00',
accent_3: '#FFEA00',
accent_4: '#FFD600'
};
const BlueGrey = {

@@ -312,2 +295,19 @@ base: '#607D8B',

const Brown = {
base: '#795548',
lighten_5: '#EFEBE9',
lighten_4: '#D7CCC8',
lighten_3: '#BCAAA4',
lighten_2: '#A1887F',
lighten_1: '#8D6E63',
darken_1: '#6D4C41',
darken_2: '#5D4037',
darken_3: '#4E342E',
darken_4: '#3E2723',
accent_1: '#D2BEB6',
accent_2: '#B59387',
accent_3: '#A27767',
accent_4: '#855F51'
};
const Grey = {

@@ -314,0 +314,0 @@ base: '#9E9E9E',

{
"name": "@palett/cards",
"version": "0.2.1",
"version": "0.2.2",
"description": "A color converter",

@@ -38,3 +38,3 @@ "main": "dist/index.cjs.js",

"homepage": "https://github.com/hoyeungw/@palett#readme",
"gitHead": "17c93b083ff7a1a795b1ff9fe4df42a894669d22",
"gitHead": "c5ca73b0c9287a3e2f5b0a49a23b2b94b9706c49",
"dependencies": {

@@ -41,0 +41,0 @@ "palett-presets": "^0.1.0"

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