@veracity/vui
Version:
Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.
484 lines (482 loc) • 21.1 kB
JavaScript
import { buttonDisabledCursor as buttonDisabledCursor$1, buttonTypePrimaryActiveBackgroundColorDark as buttonTypePrimaryActiveBackgroundColorDark$1, buttonTypePrimaryActiveBackgroundColorLight as buttonTypePrimaryActiveBackgroundColorLight$1, buttonTypePrimaryActiveBorderColorDark as buttonTypePrimaryActiveBorderColorDark$1, buttonTypePrimaryActiveBorderColorLight as buttonTypePrimaryActiveBorderColorLight$1, buttonTypePrimaryActiveTextColorDark as buttonTypePrimaryActiveTextColorDark$1, buttonTypePrimaryActiveTextColorLight as buttonTypePrimaryActiveTextColorLight$1, buttonTypePrimaryDefaultBackgroundColorDark as buttonTypePrimaryDefaultBackgroundColorDark$1, buttonTypePrimaryDefaultBackgroundColorLight as buttonTypePrimaryDefaultBackgroundColorLight$1, buttonTypePrimaryDefaultBorderColorDark as buttonTypePrimaryDefaultBorderColorDark$1, buttonTypePrimaryDefaultBorderColorLight as buttonTypePrimaryDefaultBorderColorLight$1, buttonTypePrimaryDefaultTextColorDark as buttonTypePrimaryDefaultTextColorDark$1, buttonTypePrimaryDefaultTextColorLight as buttonTypePrimaryDefaultTextColorLight$1, buttonTypePrimaryFocusOutline as buttonTypePrimaryFocusOutline$1, buttonTypePrimaryHoverBackgroundColorDark as buttonTypePrimaryHoverBackgroundColorDark$1, buttonTypePrimaryHoverBackgroundColorLight as buttonTypePrimaryHoverBackgroundColorLight$1, buttonTypePrimaryHoverBorderColorDark as buttonTypePrimaryHoverBorderColorDark$1, buttonTypePrimaryHoverBorderColorLight as buttonTypePrimaryHoverBorderColorLight$1, buttonTypePrimaryHoverTextColorDark as buttonTypePrimaryHoverTextColorDark$1, buttonTypePrimaryHoverTextColorLight as buttonTypePrimaryHoverTextColorLight$1, buttonTypeSecondaryActiveBackgroundColorDark as buttonTypeSecondaryActiveBackgroundColorDark$1, buttonTypeSecondaryActiveBackgroundColorLight as buttonTypeSecondaryActiveBackgroundColorLight$1, buttonTypeSecondaryActiveBorderColorDark as buttonTypeSecondaryActiveBorderColorDark$1, buttonTypeSecondaryActiveBorderColorLight as buttonTypeSecondaryActiveBorderColorLight$1, buttonTypeSecondaryActiveTextColorDark as buttonTypeSecondaryActiveTextColorDark$1, buttonTypeSecondaryActiveTextColorLight as buttonTypeSecondaryActiveTextColorLight$1, buttonTypeSecondaryDefaultBackgroundColorDark as buttonTypeSecondaryDefaultBackgroundColorDark$1, buttonTypeSecondaryDefaultBackgroundColorLight as buttonTypeSecondaryDefaultBackgroundColorLight$1, buttonTypeSecondaryDefaultBorderColorDark as buttonTypeSecondaryDefaultBorderColorDark$1, buttonTypeSecondaryDefaultBorderColorLight as buttonTypeSecondaryDefaultBorderColorLight$1, buttonTypeSecondaryDefaultTextColorDark as buttonTypeSecondaryDefaultTextColorDark$1, buttonTypeSecondaryDefaultTextColorLight as buttonTypeSecondaryDefaultTextColorLight$1, buttonTypeSecondaryFocusOutline as buttonTypeSecondaryFocusOutline$1, buttonTypeSecondaryHoverBackgroundColorDark as buttonTypeSecondaryHoverBackgroundColorDark$1, buttonTypeSecondaryHoverBackgroundColorLight as buttonTypeSecondaryHoverBackgroundColorLight$1, buttonTypeSecondaryHoverBorderColorDark as buttonTypeSecondaryHoverBorderColorDark$1, buttonTypeSecondaryHoverBorderColorLight as buttonTypeSecondaryHoverBorderColorLight$1, buttonTypeSecondaryHoverTextColorDark as buttonTypeSecondaryHoverTextColorDark$1, buttonTypeSecondaryHoverTextColorLight as buttonTypeSecondaryHoverTextColorLight$1, buttonTypeTertiaryActiveBackgroundColorDark as buttonTypeTertiaryActiveBackgroundColorDark$1, buttonTypeTertiaryActiveBackgroundColorLight as buttonTypeTertiaryActiveBackgroundColorLight$1, buttonTypeTertiaryActiveBorderColorDark as buttonTypeTertiaryActiveBorderColorDark$1, buttonTypeTertiaryActiveBorderColorLight as buttonTypeTertiaryActiveBorderColorLight$1, buttonTypeTertiaryActiveTextColorDark as buttonTypeTertiaryActiveTextColorDark$1, buttonTypeTertiaryActiveTextColorLight as buttonTypeTertiaryActiveTextColorLight$1, buttonTypeTertiaryDefaultBackgroundColorDark as buttonTypeTertiaryDefaultBackgroundColorDark$1, buttonTypeTertiaryDefaultBackgroundColorLight as buttonTypeTertiaryDefaultBackgroundColorLight$1, buttonTypeTertiaryDefaultBorderColorDark as buttonTypeTertiaryDefaultBorderColorDark$1, buttonTypeTertiaryDefaultBorderColorLight as buttonTypeTertiaryDefaultBorderColorLight$1, buttonTypeTertiaryDefaultTextColorDark as buttonTypeTertiaryDefaultTextColorDark$1, buttonTypeTertiaryDefaultTextColorLight as buttonTypeTertiaryDefaultTextColorLight$1, buttonTypeTertiaryFocusOutline as buttonTypeTertiaryFocusOutline$1, buttonTypeTertiaryHoverBackgroundColorDark as buttonTypeTertiaryHoverBackgroundColorDark$1, buttonTypeTertiaryHoverBackgroundColorLight as buttonTypeTertiaryHoverBackgroundColorLight$1, buttonTypeTertiaryHoverBorderColorDark as buttonTypeTertiaryHoverBorderColorDark$1, buttonTypeTertiaryHoverBorderColorLight as buttonTypeTertiaryHoverBorderColorLight$1, buttonTypeTertiaryHoverTextColorDark as buttonTypeTertiaryHoverTextColorDark$1, buttonTypeTertiaryHoverTextColorLight as buttonTypeTertiaryHoverTextColorLight$1 } from "../../onedesign-tokens/dist/js/rem/button.js";
//#region src/theme/foundations/colors.ts
const buttonTypePrimaryDefaultBorderColorDark = buttonTypePrimaryDefaultBorderColorDark$1;
const buttonTypePrimaryDefaultBorderColorLight = buttonTypePrimaryDefaultBorderColorLight$1;
const buttonTypePrimaryDefaultBackgroundColorDark = buttonTypePrimaryDefaultBackgroundColorDark$1;
const buttonTypePrimaryDefaultBackgroundColorLight = buttonTypePrimaryDefaultBackgroundColorLight$1;
const buttonTypePrimaryDefaultTextColorDark = buttonTypePrimaryDefaultTextColorDark$1;
const buttonTypePrimaryDefaultTextColorLight = buttonTypePrimaryDefaultTextColorLight$1;
const buttonTypePrimaryHoverBorderColorDark = buttonTypePrimaryHoverBorderColorDark$1;
const buttonTypePrimaryHoverBorderColorLight = buttonTypePrimaryHoverBorderColorLight$1;
const buttonTypePrimaryHoverBackgroundColorDark = buttonTypePrimaryHoverBackgroundColorDark$1;
const buttonTypePrimaryHoverBackgroundColorLight = buttonTypePrimaryHoverBackgroundColorLight$1;
const buttonTypePrimaryHoverTextColorDark = buttonTypePrimaryHoverTextColorDark$1;
const buttonTypePrimaryHoverTextColorLight = buttonTypePrimaryHoverTextColorLight$1;
const buttonTypePrimaryActiveBorderColorDark = buttonTypePrimaryActiveBorderColorDark$1;
const buttonTypePrimaryActiveBorderColorLight = buttonTypePrimaryActiveBorderColorLight$1;
const buttonTypePrimaryActiveBackgroundColorDark = buttonTypePrimaryActiveBackgroundColorDark$1;
const buttonTypePrimaryActiveBackgroundColorLight = buttonTypePrimaryActiveBackgroundColorLight$1;
const buttonTypePrimaryActiveTextColorDark = buttonTypePrimaryActiveTextColorDark$1;
const buttonTypePrimaryActiveTextColorLight = buttonTypePrimaryActiveTextColorLight$1;
const buttonTypePrimaryFocusOutline = buttonTypePrimaryFocusOutline$1;
const buttonTypeSecondaryDefaultBorderColorDark = buttonTypeSecondaryDefaultBorderColorDark$1;
const buttonTypeSecondaryDefaultBorderColorLight = buttonTypeSecondaryDefaultBorderColorLight$1;
const buttonTypeSecondaryDefaultBackgroundColorDark = buttonTypeSecondaryDefaultBackgroundColorDark$1;
const buttonTypeSecondaryDefaultBackgroundColorLight = buttonTypeSecondaryDefaultBackgroundColorLight$1;
const buttonTypeSecondaryDefaultTextColorDark = buttonTypeSecondaryDefaultTextColorDark$1;
const buttonTypeSecondaryDefaultTextColorLight = buttonTypeSecondaryDefaultTextColorLight$1;
const buttonTypeSecondaryHoverBorderColorDark = buttonTypeSecondaryHoverBorderColorDark$1;
const buttonTypeSecondaryHoverBorderColorLight = buttonTypeSecondaryHoverBorderColorLight$1;
const buttonTypeSecondaryHoverBackgroundColorDark = buttonTypeSecondaryHoverBackgroundColorDark$1;
const buttonTypeSecondaryHoverBackgroundColorLight = buttonTypeSecondaryHoverBackgroundColorLight$1;
const buttonTypeSecondaryHoverTextColorDark = buttonTypeSecondaryHoverTextColorDark$1;
const buttonTypeSecondaryHoverTextColorLight = buttonTypeSecondaryHoverTextColorLight$1;
const buttonTypeSecondaryActiveBorderColorDark = buttonTypeSecondaryActiveBorderColorDark$1;
const buttonTypeSecondaryActiveBorderColorLight = buttonTypeSecondaryActiveBorderColorLight$1;
const buttonTypeSecondaryActiveBackgroundColorDark = buttonTypeSecondaryActiveBackgroundColorDark$1;
const buttonTypeSecondaryActiveBackgroundColorLight = buttonTypeSecondaryActiveBackgroundColorLight$1;
const buttonTypeSecondaryActiveTextColorDark = buttonTypeSecondaryActiveTextColorDark$1;
const buttonTypeSecondaryActiveTextColorLight = buttonTypeSecondaryActiveTextColorLight$1;
const buttonTypeSecondaryFocusOutline = buttonTypeSecondaryFocusOutline$1;
const buttonTypeTertiaryDefaultBorderColorDark = buttonTypeTertiaryDefaultBorderColorDark$1;
const buttonTypeTertiaryDefaultBorderColorLight = buttonTypeTertiaryDefaultBorderColorLight$1;
const buttonTypeTertiaryDefaultBackgroundColorDark = buttonTypeTertiaryDefaultBackgroundColorDark$1;
const buttonTypeTertiaryDefaultBackgroundColorLight = buttonTypeTertiaryDefaultBackgroundColorLight$1;
const buttonTypeTertiaryDefaultTextColorDark = buttonTypeTertiaryDefaultTextColorDark$1;
const buttonTypeTertiaryDefaultTextColorLight = buttonTypeTertiaryDefaultTextColorLight$1;
const buttonTypeTertiaryHoverBorderColorDark = buttonTypeTertiaryHoverBorderColorDark$1;
const buttonTypeTertiaryHoverBorderColorLight = buttonTypeTertiaryHoverBorderColorLight$1;
const buttonTypeTertiaryHoverBackgroundColorDark = buttonTypeTertiaryHoverBackgroundColorDark$1;
const buttonTypeTertiaryHoverBackgroundColorLight = buttonTypeTertiaryHoverBackgroundColorLight$1;
const buttonTypeTertiaryHoverTextColorDark = buttonTypeTertiaryHoverTextColorDark$1;
const buttonTypeTertiaryHoverTextColorLight = buttonTypeTertiaryHoverTextColorLight$1;
const buttonTypeTertiaryActiveBorderColorDark = buttonTypeTertiaryActiveBorderColorDark$1;
const buttonTypeTertiaryActiveBorderColorLight = buttonTypeTertiaryActiveBorderColorLight$1;
const buttonTypeTertiaryActiveBackgroundColorDark = buttonTypeTertiaryActiveBackgroundColorDark$1;
const buttonTypeTertiaryActiveBackgroundColorLight = buttonTypeTertiaryActiveBackgroundColorLight$1;
const buttonTypeTertiaryActiveTextColorDark = buttonTypeTertiaryActiveTextColorDark$1;
const buttonTypeTertiaryActiveTextColorLight = buttonTypeTertiaryActiveTextColorLight$1;
const buttonTypeTertiaryFocusOutline = buttonTypeTertiaryFocusOutline$1;
const buttonDisabledCursor = buttonDisabledCursor$1;
const buttonDisabledOpacity = "0.5";
const focusColor = "hsla(196, 100%, 43%, 1)";
const darkBlue = {
95: "hsl(223, 67%, 95%)",
90: "hsl(223, 67%, 90%)",
85: "hsl(223, 67%, 85%)",
80: "hsl(223, 67%, 80%)",
75: "hsl(223, 67%, 75%)",
70: "hsl(223, 67%, 70%)",
65: "hsl(223, 67%, 65%)",
60: "hsl(223, 67%, 60%)",
55: "hsl(223, 67%, 55%)",
50: "hsl(223, 67%, 50%)",
45: "hsl(223, 67%, 45%)",
40: "hsl(223, 67%, 40%)",
35: "hsl(223, 67%, 35%)",
30: "hsl(223, 67%, 30%)",
25: "hsl(223, 67%, 25%)",
18: "hsl(223, 67%, 18%)",
15: "hsl(223, 67%, 15%)",
10: "hsl(223, 67%, 10%)",
5: "hsl(223, 67%, 5%)",
main: "hsl(223, 67%, 18%)"
};
const digiGreen = {
95: "hsl(139, 100%, 95%)",
90: "hsl(139, 100%, 90%)",
85: "hsl(139, 100%, 85%)",
80: "hsl(139, 100%, 80%)",
78: "hsl(139, 100%, 78%)",
70: "hsl(139, 100%, 70%)",
65: "hsl(139, 100%, 65%)",
60: "hsl(139, 100%, 60%)",
55: "hsl(139, 100%, 55%)",
50: "hsl(139, 100%, 50%)",
45: "hsl(139, 100%, 45%)",
40: "hsl(139, 100%, 40%)",
35: "hsl(139, 100%, 35%)",
30: "hsl(139, 100%, 30%)",
25: "hsl(139, 100%, 25%)",
20: "hsl(139, 100%, 20%)",
15: "hsl(139, 100%, 15%)",
10: "hsl(139, 100%, 10%)",
5: "hsl(139, 100%, 5%)",
main: "hsl(139, 100%, 78%)"
};
const earth = {
95: "hsl(35, 53%, 95%)",
89: "hsl(35, 53%, 89%)",
85: "hsl(35, 53%, 85%)",
80: "hsl(35, 53%, 80%)",
75: "hsl(35, 53%, 75%)",
70: "hsl(35, 53%, 70%)",
65: "hsl(35, 53%, 65%)",
60: "hsl(35, 53%, 60%)",
55: "hsl(35, 53%, 55%)",
50: "hsl(35, 53%, 50%)",
45: "hsl(35, 53%, 45%)",
40: "hsl(35, 53%, 40%)",
35: "hsl(35, 53%, 35%)",
30: "hsl(35, 53%, 30%)",
25: "hsl(35, 53%, 25%)",
20: "hsl(35, 53%, 20%)",
15: "hsl(35, 53%, 15%)",
10: "hsl(35, 53%, 10%)",
5: "hsl(35, 53%, 5%)",
main: "hsl(35, 53%, 89%)"
};
const energyRed = {
95: "hsl(357, 83%, 95%)",
90: "hsl(357, 83%, 90%)",
85: "hsl(357, 83%, 85%)",
80: "hsl(357, 83%, 80%)",
75: "hsl(357, 83%, 75%)",
70: "hsl(357, 83%, 70%)",
65: "hsl(357, 83%, 65%)",
60: "hsl(357, 83%, 60%)",
54: "hsl(357, 83%, 54%)",
50: "hsl(357, 83%, 50%)",
45: "hsl(357, 83%, 45%)",
40: "hsl(357, 83%, 40%)",
35: "hsl(357, 83%, 35%)",
30: "hsl(357, 83%, 30%)",
25: "hsl(357, 83%, 25%)",
20: "hsl(357, 83%, 20%)",
15: "hsl(357, 83%, 15%)",
10: "hsl(357, 83%, 10%)",
5: "hsl(357, 83%, 5%)",
main: "hsl(357, 83%, 54%)"
};
const landGreen = {
95: "hsl(114, 49%, 95%)",
90: "hsl(114, 49%, 90%)",
85: "hsl(114, 49%, 85%)",
80: "hsl(114, 49%, 80%)",
75: "hsl(114, 49%, 75%)",
70: "hsl(114, 49%, 70%)",
65: "hsl(114, 49%, 65%)",
60: "hsl(114, 49%, 60%)",
55: "hsl(114, 49%, 55%)",
50: "hsl(114, 49%, 50%)",
45: "hsl(114, 49%, 45%)",
41: "hsl(114, 49%, 41%)",
35: "hsl(114, 49%, 35%)",
30: "hsl(114, 49%, 30%)",
25: "hsl(114, 49%, 25%)",
20: "hsl(114, 49%, 20%)",
15: "hsl(114, 49%, 15%)",
10: "hsl(114, 49%, 10%)",
5: "hsl(114, 49%, 5%)",
main: "hsl(114, 49%, 41%)"
};
const seaBlue = {
95: "hsl(218, 100%, 95%)",
90: "hsl(218, 100%, 90%)",
85: "hsl(218, 100%, 85%)",
80: "hsl(218, 100%, 80%)",
75: "hsl(218, 100%, 75%)",
70: "hsl(218, 100%, 70%)",
65: "hsl(218, 100%, 65%)",
60: "hsl(218, 100%, 60%)",
55: "hsl(218, 100%, 55%)",
50: "hsl(218, 100%, 50%)",
45: "hsl(218, 100%, 45%)",
40: "hsl(218, 100%, 40%)",
35: "hsl(218, 100%, 35%)",
28: "hsl(218, 100%, 28%)",
25: "hsl(218, 100%, 25%)",
20: "hsl(218, 100%, 20%)",
15: "hsl(218, 100%, 15%)",
10: "hsl(218, 100%, 10%)",
5: "hsl(218, 100%, 5%)",
main: "hsl(218, 100%, 28%)"
};
const sandstone = {
97: "hsl(40, 3%, 97%)",
95: "hsl(40, 3%, 95%)",
90: "hsl(40, 3%, 90%)",
85: "hsl(40, 3%, 85%)",
79: "hsl(40, 3%, 79%)",
75: "hsl(40, 3%, 75%)",
70: "hsl(40, 3%, 70%)",
65: "hsl(40, 3%, 65%)",
60: "hsl(40, 3%, 60%)",
55: "hsl(40, 3%, 55%)",
50: "hsl(40, 3%, 50%)",
45: "hsl(40, 3%, 45%)",
40: "hsl(40, 3%, 40%)",
35: "hsl(40, 3%, 35%)",
30: "hsl(40, 3%, 30%)",
25: "hsl(40, 3%, 25%)",
20: "hsl(40, 3%, 20%)",
15: "hsl(40, 3%, 15%)",
10: "hsl(40, 3%, 10%)",
5: "hsl(40, 3%, 5%)",
main: "hsl(40, 3%, 79%)"
};
const skyBlue = {
97: "hsl(196, 74%, 97%)",
95: "hsl(196, 74%, 95%)",
90: "hsl(196, 74%, 90%)",
85: "hsl(196, 74%, 85%)",
80: "hsl(196, 74%, 80%)",
77: "hsl(196, 74%, 77%)",
65: "hsl(196, 74%, 65%)",
60: "hsl(196, 74%, 60%)",
55: "hsl(196, 74%, 55%)",
50: "hsl(196, 74%, 50%)",
45: "hsl(196, 74%, 45%)",
40: "hsl(196, 74%, 40%)",
35: "hsl(196, 74%, 35%)",
30: "hsl(196, 74%, 30%)",
25: "hsl(196, 74%, 25%)",
20: "hsl(196, 74%, 20%)",
15: "hsl(196, 74%, 15%)",
10: "hsl(196, 74%, 10%)",
5: "hsl(196, 74%, 5%)",
main: "hsl(196, 74%, 77%)",
active: "hsl(196, 74%, 95%)",
hover: "hsl(196, 74%, 90%)",
selected: "hsl(196, 74%, 95%)"
};
const sunflower = {
95: "hsl(55, 100%, 95%)",
90: "hsl(55, 100%, 90%)",
85: "hsl(55, 100%, 85%)",
80: "hsl(55, 100%, 80%)",
73: "hsl(55, 100%, 73%)",
70: "hsl(55, 100%, 70%)",
65: "hsl(55, 100%, 65%)",
60: "hsl(55, 100%, 60%)",
55: "hsl(55, 100%, 55%)",
50: "hsl(55, 100%, 50%)",
45: "hsl(55, 100%, 45%)",
40: "hsl(55, 100%, 40%)",
35: "hsl(55, 100%, 35%)",
30: "hsl(55, 100%, 30%)",
25: "hsl(55, 100%, 25%)",
20: "hsl(55, 100%, 20%)",
15: "hsl(55, 100%, 15%)",
10: "hsl(55, 100%, 10%)",
5: "hsl(55, 100%, 5%)",
main: "hsl(55, 100%, 73%)"
};
const terracotta = {
95: "hsl(34, 100%, 95%)",
90: "hsl(34, 100%, 90%)",
85: "hsl(34, 100%, 85%)",
80: "hsl(34, 100%, 80%)",
75: "hsl(34, 100%, 75%)",
70: "hsl(34, 100%, 70%)",
65: "hsl(34, 100%, 65%)",
60: "hsl(34, 100%, 60%)",
55: "hsl(34, 100%, 55%)",
50: "hsl(34, 100%, 50%)",
45: "hsl(34, 100%, 45%)",
40: "hsl(34, 100%, 40%)",
35: "hsl(34, 100%, 35%)",
30: "hsl(34, 100%, 30%)",
25: "hsl(34, 100%, 25%)",
20: "hsl(34, 100%, 20%)",
15: "hsl(34, 100%, 15%)",
10: "hsl(34, 100%, 10%)",
5: "hsl(34, 100%, 5%)",
main: "hsl(34, 100%, 35%)"
};
const warmGrey = {
95: "hsl(30, 8%, 95%)",
90: "hsl(30, 8%, 90%)",
85: "hsl(30, 8%, 85%)",
80: "hsl(30, 8%, 80%)",
75: "hsl(30, 8%, 75%)",
70: "hsl(30, 8%, 70%)",
65: "hsl(30, 8%, 65%)",
60: "hsl(30, 8%, 60%)",
56: "hsl(30, 8%, 56%)",
50: "hsl(30, 8%, 50%)",
45: "hsl(30, 8%, 45%)",
40: "hsl(30, 8%, 40%)",
35: "hsl(30, 8%, 35%)",
30: "hsl(30, 8%, 30%)",
25: "hsl(30, 8%, 25%)",
20: "hsl(30, 8%, 20%)",
15: "hsl(30, 8%, 15%)",
10: "hsl(30, 8%, 10%)",
5: "hsl(30, 8%, 5%)",
main: "hsl(30, 8%, 56%)"
};
const blue = {
10: "#f6fbff",
20: "#e2f1ff",
30: "#c2e1fe",
40: "#a1cef9",
50: "#77baf9",
60: "#48a1f3",
70: "#1e86e5",
80: "#0067c5",
90: "#075094",
100: "#003f79"
};
const green = {
10: "#efffed",
20: "#d8ffd3",
30: "#bdfbb6",
40: "#9df291",
50: "#82db77",
60: "#68c35e",
70: "#4ea344",
80: "#36842d",
90: "#276121",
100: "#024019"
};
const grey = {
10: "#f7f8f9",
20: "#f1f3f5",
30: "#e1e6e9",
40: "#c3ccd3",
50: "#a5b3bd",
60: "#8799a7",
70: "#768b9c",
80: "#698091",
90: "#586c7a",
100: "#465663"
};
const pink = {
10: "#fff3fd",
20: "#ffddf9",
30: "#ffbdf3",
40: "#ff8eea",
50: "#ff55df",
60: "#ff0ed2",
70: "#ee00c1",
80: "#da00b1",
90: "#a00082",
100: "#72005c"
};
const prussian = {
10: "#eff3f5",
20: "#c5dce8",
30: "#91bbcf",
40: "#5690ac",
50: "#32718e",
60: "#0d5071",
70: "#003b57",
80: "#002a3e",
90: "#001620",
100: "#000b11"
};
const red = {
10: "#fff1f1",
20: "#ffe4e4",
30: "#ffc8c8",
40: "#faa7ab",
50: "#fb7b81",
60: "#f64d55",
70: "#e84148",
80: "#d6383f",
90: "#b62f3a",
100: "#962730"
};
const yellow = {
10: "#fffde7",
20: "#fff8bd",
30: "#ffed7a",
40: "#ffe43a",
50: "#ffd600",
60: "#fec600",
70: "#f4b40d",
80: "#e29c13",
90: "#b67b08",
100: "#83591a"
};
const disabled = {
bg: sandstone[95],
border: sandstone[10],
color: sandstone[10]
};
var colors_default = {
buttonTypePrimaryDefaultBorderColorDark,
buttonTypePrimaryDefaultBackgroundColorDark,
buttonTypePrimaryDefaultTextColorDark,
buttonTypePrimaryHoverBackgroundColorDark,
buttonTypePrimaryHoverBorderColorDark,
buttonTypePrimaryHoverTextColorDark,
buttonTypePrimaryActiveBackgroundColorDark,
buttonTypePrimaryActiveBorderColorDark,
buttonTypePrimaryActiveTextColorDark,
buttonTypePrimaryDefaultBorderColorLight,
buttonTypePrimaryDefaultBackgroundColorLight,
buttonTypePrimaryDefaultTextColorLight,
buttonTypePrimaryFocusOutline,
buttonTypePrimaryHoverBackgroundColorLight,
buttonTypePrimaryHoverBorderColorLight,
buttonTypePrimaryHoverTextColorLight,
buttonTypePrimaryActiveBackgroundColorLight,
buttonTypePrimaryActiveBorderColorLight,
buttonTypePrimaryActiveTextColorLight,
buttonTypeSecondaryDefaultBorderColorDark,
buttonTypeSecondaryDefaultBackgroundColorDark,
buttonTypeSecondaryDefaultTextColorDark,
buttonTypeSecondaryFocusOutline,
buttonTypeSecondaryHoverBackgroundColorDark,
buttonTypeSecondaryHoverBorderColorDark,
buttonTypeSecondaryHoverTextColorDark,
buttonTypeSecondaryActiveBackgroundColorDark,
buttonTypeSecondaryActiveBorderColorDark,
buttonTypeSecondaryActiveTextColorDark,
buttonTypeSecondaryDefaultBorderColorLight,
buttonTypeSecondaryDefaultBackgroundColorLight,
buttonTypeSecondaryDefaultTextColorLight,
buttonTypeSecondaryHoverBackgroundColorLight,
buttonTypeSecondaryHoverBorderColorLight,
buttonTypeSecondaryHoverTextColorLight,
buttonTypeSecondaryActiveBackgroundColorLight,
buttonTypeSecondaryActiveBorderColorLight,
buttonTypeSecondaryActiveTextColorLight,
buttonTypeTertiaryDefaultBorderColorDark,
buttonTypeTertiaryDefaultBackgroundColorDark,
buttonTypeTertiaryDefaultTextColorDark,
buttonTypeTertiaryHoverBackgroundColorDark,
buttonTypeTertiaryHoverBorderColorDark,
buttonTypeTertiaryHoverTextColorDark,
buttonTypeTertiaryFocusOutline,
buttonTypeTertiaryActiveBackgroundColorDark,
buttonTypeTertiaryActiveBorderColorDark,
buttonTypeTertiaryActiveTextColorDark,
buttonTypeTertiaryDefaultBorderColorLight,
buttonTypeTertiaryDefaultBackgroundColorLight,
buttonTypeTertiaryDefaultTextColorLight,
buttonTypeTertiaryHoverBackgroundColorLight,
buttonTypeTertiaryHoverBorderColorLight,
buttonTypeTertiaryHoverTextColorLight,
buttonTypeTertiaryActiveBackgroundColorLight,
buttonTypeTertiaryActiveBorderColorLight,
buttonTypeTertiaryActiveTextColorLight,
buttonDisabledCursor,
buttonDisabledOpacity,
darkBlue,
digiGreen,
earth,
energyRed,
focusColor,
landGreen,
sandstone,
seaBlue,
skyBlue,
sunflower,
terracotta,
warmGrey,
blue,
green,
grey,
pink,
prussian,
red,
yellow,
disabled
};
//#endregion
export { blue, darkBlue, colors_default as default, digiGreen, disabled, earth, energyRed, focusColor, green, grey, landGreen, pink, prussian, red, sandstone, seaBlue, skyBlue, sunflower, terracotta, warmGrey, yellow };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=colors.js.map