@vlinderclimate/net-zero-ui
Version:
<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>
125 lines (120 loc) • 4.06 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var colorPalette = {
blue: {
pastel: "#E3EDFF",
light: "#A3BBFF",
main: "#445FFB"
},
green: {
pastel: "#DEFFEB",
light: "#90F1BA",
main: "#20E486"
},
turquoise: {
pastel: "#DCFFF8",
light: "#9CF3E3",
main: "#32D5D1"
},
yellow: {
pastel: "#FFF8D9",
light: "#FFE478",
main: "#FFD900"
},
orange: {
pastel: "#FFF3EE",
light: "#FFC58E",
main: "#FF6E0B"
},
red: {
pastel: "#FFEEEE",
light: "#FFB9B9",
main: "#FF4545"
},
pink: {
pastel: "#FFEEF9",
light: "#FFAFD9",
main: "#FB54BB"
},
violet: {
pastel: "#FCEEFF",
light: "#F0BAF9",
main: "#C64EDC"
},
gray: {
200: "#F7F7F7",
300: "#F2F2F2",
400: "#EBEBEB",
500: "#D9D9D9",
600: "#949494",
700: "#707070",
800: "#111111",
white: "#FFFFFF",
black: "#000000"
},
alpha: {
transparent: "rgba(0, 0, 0, 0)",
200: "rgba(0, 0, 0, 0.03)",
300: "rgba(0, 0, 0, 0.05)",
400: "rgba(0, 0, 0, 0.08)",
500: "rgba(0, 0, 0, 0.15)",
600: "rgba(0, 0, 0, 0.42)",
700: "rgba(0, 0, 0, 0.56)",
800: "rgba(0, 0, 0, 0.93)"
}
};
var readingColorSet = {
primary: colorPalette.gray[800],
secondary: colorPalette.gray[700],
supporting: colorPalette.alpha[700],
inversePrimary: colorPalette.gray.white,
inverseSecondary: colorPalette.gray[300],
inverseSupporting: colorPalette.gray[200],
positive: colorPalette.green.main,
negative: colorPalette.red.main,
brand: colorPalette.blue.main,
transparent: colorPalette.alpha.transparent,
currentColor: "currentColor"
};
var gradientColorSet = {
violetToRed: "linear-gradient(180deg, " + colorPalette.violet.light + " 0%, " + colorPalette.red.light + " 100%)",
orangeToViolet: "linear-gradient(180deg, " + colorPalette.orange.light + " 0%, " + colorPalette.violet.light + " 100%)",
violetToBlue: "linear-gradient(180deg, " + colorPalette.violet.light + " 0%, " + colorPalette.blue.light + " 100%)",
violetToTurquoise: "linear-gradient(180deg, " + colorPalette.violet.light + " 0%, " + colorPalette.turquoise.light + " 100%)",
blueToTurquoise: "linear-gradient(180deg, " + colorPalette.blue.light + " 0%, " + colorPalette.turquoise.light + " 100%)",
yellowToTurquoise: "linear-gradient(180deg, " + colorPalette.yellow.light + " 0%, " + colorPalette.turquoise.light + " 100%)",
greenToOrange: "linear-gradient(180deg, " + colorPalette.green.light + " 0%, " + colorPalette.orange.light + " 100%)",
yellowToPink: "linear-gradient(180deg, " + colorPalette.yellow.light + " 0%, " + colorPalette.pink.light + " 100%)"
};
var colors = tslib_es6.__assign(tslib_es6.__assign({}, colorPalette), { primary: {
light: colorPalette.blue.light,
main: colorPalette.blue.main
}, primaryAlt: {
light: colorPalette.turquoise.light,
main: colorPalette.turquoise.main
}, secondary: {
light: colorPalette.gray[500],
main: colorPalette.gray[800]
}, positive: {
light: colorPalette.green.light,
main: colorPalette.green.main
}, negative: {
light: colorPalette.red.light,
main: colorPalette.red.main
}, text: readingColorSet, icon: readingColorSet, gradient: gradientColorSet });
var ReadingColorVariants = [
"primary",
"secondary",
"supporting",
"inversePrimary",
"inverseSecondary",
"inverseSupporting",
"positive",
"negative",
"brand",
"transparent",
"currentColor"
];
exports.ReadingColorVariants = ReadingColorVariants;
exports["default"] = colors;