UNPKG

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