@thlmenezes/ui-react
Version:
Devopness Design System React Components - Painless essential DevOps to everyone
116 lines (115 loc) • 2.02 kB
JavaScript
import { g as a } from "./get-Fdvj4Zb6.js";
const d = {
amber: {
800: "#a39015",
500: "#fab01c",
400: "#fdb762",
300: "#fdd88e",
200: "#fee2c0",
150: "#feebc6",
100: "#fff1e0",
50: "#fff6ef",
10: "#fffcf5"
},
black: "#000000",
blue: {
950: "#2e374e",
800: "#2e364e",
750: "#37436b",
700: "#0064a5",
600: "#016ee9",
500: "#0496f5",
400: "#96c7fe",
300: "#b9daff",
100: "#dcecff",
50: "#e8f6ff",
25: "#eef2ff"
},
brown: {
400: "#b5a7a2",
50: "#faf8f1"
},
cyan: {
800: "#537e8c",
400: "#00d7d7",
300: "#02e0d1",
200: "#e0f7fa",
100: "#ebfafb",
50: "#f6fffe"
},
fuchsia: {
600: "#d000ff",
10: "#fdf5ff"
},
gray: {
900: "#42495a",
800: "#828795",
615: "#9198a5",
600: "#9196a4",
500: "#b0b3bc",
400: "#afb8c9",
300: "#bdc4d3",
200: "#f3f7fe"
},
green: {
800: "#57b261",
600: "#0cd356",
300: "#9eedbb",
200: "#b6f2cc",
150: "#cef6dd",
125: "#effff1",
100: "#edf9ee"
},
indigo: {
100: "#f5f6ff",
50: "#f6f8ff",
10: "#f8faff"
},
orange: {
700: "#f89532",
600: "#ff8700",
500: "#f8bf4d",
400: "#fdba62",
100: "#f6f4e7",
50: "#fff6f0",
10: "#fff9f0"
},
purple: {
800: "#786efd",
400: "#cac7fc",
300: "#dfe4fd",
275: "#dfe6ff",
250: "#e6ecff",
100: "#f2f1ff",
50: "#f2f2fa"
},
red: {
500: "#fd595c",
450: "#ff6666",
400: "#f67771",
300: "#febdbe",
200: "#fecdce",
150: "#ffdede",
100: "#ffe8e8",
50: "#fff3f3"
},
slate: {
600: "#4a526a",
450: "#72798f",
400: "#abb4c5",
300: "#e3e8f9"
},
stone: {
100: "#f6f6f6",
50: "#edf2f3"
},
transparent: "transparent",
white: "#ffffff",
yellow: {
300: "#fff793"
}
}, b = (f) => a(d, f), t = (f, e) => f.startsWith("#") ? `${f}${(e * 255).toString(16).slice(0, 2)}` : f;
export {
b as getColor,
t as getOpacity
};