UNPKG

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