@volue/design-colors 2.0.4-next.0 → 3.0.0-next.0

package/dist/flat.module.js

@@ -0,0 +1,478 @@
+export const colorWhite = "#ffffff";
+export const colorGray0 = "#f9fafb";
+export const colorGray5 = "#f3f5f6";
+export const colorGray10 = "#e6ebec";
+export const colorGray20 = "#c2cdd0";
+export const colorGray30 = "#9dafb3";
+export const colorGray40 = "#789297";
+export const colorGray60 = "#53747b";
+export const colorGray70 = "#2f565e";
+export const colorGray80 = "#223f44";
+export const colorGray90 = "#1c353a";
+export const colorGray100 = "#082d35";
+export const colorAccent0 = "#f8fbfc";
+export const colorAccent5 = "#f3f8f9";
+export const colorAccent10 = "#e8f1f3";
+export const colorAccent20 = "#c4dbe0";
+export const colorAccent30 = "#a8cbd3";
+export const colorAccent40 = "#7eb0bc";
+export const colorAccent60 = "#5b9ba9";
+export const colorAccent70 = "#388597";
+export const colorAccent80 = "#157084";
+export const colorAccent90 = "#11596a";
+export const colorAccent100 = "#0c4957";
+export const colorBlue5 = "#f0fcff";
+export const colorBlue10 = "#e1f9ff";
+export const colorBlue20 = "#d0f6ff";
+export const colorBlue30 = "#bff3ff";
+export const colorBlue40 = "#9aecff";
+export const colorBlue60 = "#00cceb";
+export const colorBlue70 = "#00b4d1";
+export const colorBlue80 = "#0096af";
+export const colorBlue90 = "#007a92";
+export const colorBlue100 = "#005e72";
+export const colorGreen5 = "#eeffef";
+export const colorGreen10 = "#dbffdf";
+export const colorGreen20 = "#c6ffcd";
+export const colorGreen30 = "#b0ffbb";
+export const colorGreen40 = "#7dfd95";
+export const colorGreen60 = "#31d962";
+export const colorGreen70 = "#1fc052";
+export const colorGreen80 = "#22a047";
+export const colorGreen90 = "#1b8238";
+export const colorGreen100 = "#006626";
+export const colorOrange5 = "#fff9ed";
+export const colorOrange10 = "#fff2da";
+export const colorOrange20 = "#ffecc8";
+export const colorOrange30 = "#ffdd99";
+export const colorOrange40 = "#ffd787";
+export const colorOrange60 = "#ffcd61";
+export const colorOrange70 = "#ffb900";
+export const colorOrange80 = "#dc9f00";
+export const colorOrange90 = "#b17600";
+export const colorOrange100 = "#805400";
+export const colorRed5 = "#fff7f8";
+export const colorRed10 = "#ffeff0";
+export const colorRed20 = "#ffdbde";
+export const colorRed30 = "#ffbfc1";
+export const colorRed40 = "#ffadb1";
+export const colorRed60 = "#ff7d89";
+export const colorRed70 = "#ff3b3d";
+export const colorRed80 = "#df001f";
+export const colorRed90 = "#b20016";
+export const colorRed100 = "#9d0012";
+export const dataRed20 = "#f7e6e8";
+export const dataRed40 = "#ecc7c9";
+export const dataRed60 = "#e6a1a5";
+export const dataRed80 = "#eb7072";
+export const dataRed100 = "#c6434b";
+export const dataOrange20 = "#faebdc";
+export const dataOrange40 = "#f5caa3";
+export const dataOrange60 = "#eda35e";
+export const dataOrange80 = "#e57b1a";
+export const dataOrange100 = "#b35d0a";
+export const dataBrown20 = "#f4edde";
+export const dataBrown40 = "#e8cf96";
+export const dataBrown60 = "#d8b155";
+export const dataBrown80 = "#b89749";
+export const dataBrown100 = "#8e7333";
+export const dataPear20 = "#fcfcdb";
+export const dataPear40 = "#e8e54c";
+export const dataPear60 = "#cbc920";
+export const dataPear80 = "#afad07";
+export const dataPear100 = "#888705";
+export const dataLime20 = "#f1fcdc";
+export const dataLime40 = "#cbed7a";
+export const dataLime60 = "#a7d441";
+export const dataLime80 = "#84ba12";
+export const dataLime100 = "#66910e";
+export const dataGreen20 = "#dff5e1";
+export const dataGreen40 = "#ade2b0";
+export const dataGreen60 = "#76ce7a";
+export const dataGreen80 = "#3fb845";
+export const dataGreen100 = "#318d36";
+export const dataTeal20 = "#dcf4ef";
+export const dataTeal40 = "#a7dfd6";
+export const dataTeal60 = "#6fc9ba";
+export const dataTeal80 = "#3ab19e";
+export const dataTeal100 = "#2a8879";
+export const dataAqua20 = "#e3f1f6";
+export const dataAqua40 = "#b1dae4";
+export const dataAqua60 = "#7ac4d3";
+export const dataAqua80 = "#42abc2";
+export const dataAqua100 = "#2e8495";
+export const dataBlue20 = "#e6eff7";
+export const dataBlue40 = "#bfd5e9";
+export const dataBlue60 = "#93bbdf";
+export const dataBlue80 = "#60a1df";
+export const dataBlue100 = "#3b7bb7";
+export const dataLazuli20 = "#ecedf9";
+export const dataLazuli40 = "#cccfee";
+export const dataLazuli60 = "#aab2e9";
+export const dataLazuli80 = "#7f94f2";
+export const dataLazuli100 = "#5768df";
+export const dataPurple20 = "#f4eaf8";
+export const dataPurple40 = "#e2c6ec";
+export const dataPurple60 = "#d2a1e3";
+export const dataPurple80 = "#c574e4";
+export const dataPurple100 = "#a345c5";
+export const dataPink20 = "#f8e9f2";
+export const dataPink40 = "#ebc5de";
+export const dataPink60 = "#e29dc9";
+export const dataPink80 = "#e26ab5";
+export const dataPink100 = "#bc3d91";
+export const backgroundCanvas = "#ffffff";
+export const backgroundSurface = "#ffffff";
+export const backgroundSurfaceSubtle = "#f3f5f6";
+export const backgroundSurfaceContrast = "#082d35";
+export const backgroundNeutralMinimal = "#ffffff";
+export const backgroundNeutralSubtle = "#f9fafb";
+export const backgroundNeutralSubtleHover = "#f3f5f6";
+export const backgroundNeutralSubtleActive = "#e6ebec";
+export const backgroundNeutralModerate = "#f3f5f6";
+export const backgroundNeutralModerateHover = "#e6ebec";
+export const backgroundNeutral = "#e6ebec";
+export const backgroundNeutralHover = "#c2cdd0";
+export const backgroundNeutralBold = "#53747b";
+export const backgroundNeutralStrong = "#223f44";
+export const backgroundNeutralContrast = "#082d35";
+export const backgroundAccentMinimal = "#f8fbfc";
+export const backgroundAccentMinimalHover = "#f3f8f9";
+export const backgroundAccentMinimalActive = "#e8f1f3";
+export const backgroundAccentSubtle = "#f3f8f9";
+export const backgroundAccentSubtleHover = "#e8f1f3";
+export const backgroundAccentSubtleActive = "#c4dbe0";
+export const backgroundAccent = "#e8f1f3";
+export const backgroundAccentHover = "#c4dbe0";
+export const backgroundAccentBold = "#5b9ba9";
+export const backgroundAccentStrong = "#157084";
+export const backgroundAccentStrongHover = "#11596a";
+export const backgroundDangerSubtle = "#fff7f8";
+export const backgroundDangerSubtleHover = "#ffeff0";
+export const backgroundDangerSubtleActive = "#ffdbde";
+export const backgroundDanger = "#ffeff0";
+export const backgroundDangerHover = "#ffdbde";
+export const backgroundDangerBold = "#ff3b3d";
+export const backgroundDangerStrong = "#df001f";
+export const backgroundDangerStrongHover = "#b20016";
+export const backgroundWarningSubtle = "#fff9ed";
+export const backgroundWarningSubtleHover = "#fff2da";
+export const backgroundWarningSubtleActive = "#ffecc8";
+export const backgroundWarning = "#fff2da";
+export const backgroundWarningHover = "#ffecc8";
+export const backgroundWarningBold = "#ffb900";
+export const backgroundWarningStrong = "#dc9f00";
+export const backgroundWarningStrongHover = "#b17600";
+export const backgroundSuccessSubtle = "#eeffef";
+export const backgroundSuccessSubtleHover = "#dbffdf";
+export const backgroundSuccessSubtleActive = "#c6ffcd";
+export const backgroundSuccess = "#dbffdf";
+export const backgroundSuccessHover = "#c6ffcd";
+export const backgroundSuccessBold = "#22a047";
+export const backgroundSuccessStrong = "#1b8238";
+export const backgroundSuccessStrongHover = "#006626";
+export const backgroundInfoSubtle = "#f0fcff";
+export const backgroundInfoSubtleHover = "#e1f9ff";
+export const backgroundInfoSubtleActive = "#d0f6ff";
+export const backgroundInfo = "#e1f9ff";
+export const backgroundInfoHover = "#d0f6ff";
+export const backgroundInfoBold = "#0096af";
+export const backgroundInfoStrong = "#007a92";
+export const backgroundInfoStrongHover = "#005e72";
+export const backgroundDisabled = "#e6ebec";
+export const backgroundDisabledSubtle = "#f3f5f6";
+export const backgroundInverse = "rgba(255, 255, 255, 0.1)";
+export const foregroundBody = "#082d35";
+export const foregroundLink = "#11596a";
+export const foregroundNeutral = "#082d35";
+export const foregroundNeutralModerate = "#223f44";
+export const foregroundNeutralSubtle = "#53747b";
+export const foregroundNeutralMinimal = "#9dafb3";
+export const foregroundAccent = "#0c4957";
+export const foregroundAccentModerate = "#11596a";
+export const foregroundDanger = "#9d0012";
+export const foregroundDangerModerate = "#b20016";
+export const foregroundDangerSubtle = "#df001f";
+export const foregroundWarning = "#805400";
+export const foregroundWarningModerate = "#b17600";
+export const foregroundWarningSubtle = "#dc9f00";
+export const foregroundWarningInverse = "#082d35";
+export const foregroundSuccess = "#006626";
+export const foregroundSuccessModerate = "#1b8238";
+export const foregroundSuccessSubtle = "#22a047";
+export const foregroundInfo = "#005e72";
+export const foregroundInfoModerate = "#007a92";
+export const foregroundInfoSubtle = "#0096af";
+export const foregroundDisabled = "#9dafb3";
+export const foregroundDisabledSubtle = "#c2cdd0";
+export const foregroundInverse = "#ffffff";
+export const borderNeutralSubtle = "#e6ebec";
+export const borderNeutralModerate = "#c2cdd0";
+export const borderNeutral = "#9dafb3";
+export const borderNeutralBold = "#2f565e";
+export const borderNeutralContrast = "#082d35";
+export const borderAccentModerate = "#c4dbe0";
+export const borderAccent = "#a8cbd3";
+export const borderAccentHover = "#7eb0bc";
+export const borderAccentBold = "#388597";
+export const borderAccentStrong = "#11596a";
+export const borderDanger = "#ffbfc1";
+export const borderDangerBold = "#df001f";
+export const borderDangerStrong = "#b20016";
+export const borderWarning = "#ffd787";
+export const borderWarningBold = "#dc9f00";
+export const borderWarningStrong = "#b17600";
+export const borderSuccess = "#7dfd95";
+export const borderSuccessBold = "#1b8238";
+export const borderSuccessStrong = "#006626";
+export const borderInfo = "#9aecff";
+export const borderInfoBold = "#007a92";
+export const borderInfoStrong = "#005e72";
+export const borderDisabled = "#e6ebec";
+export const borderDisabledSubtle = "#f3f5f6";
+export const borderFocus = "#388597";
+export const borderInverse = "rgba(255, 255, 255, 0.85)";
+export const core = {
+  colorWhite,
+  colorGray0,
+  colorGray5,
+  colorGray10,
+  colorGray20,
+  colorGray30,
+  colorGray40,
+  colorGray60,
+  colorGray70,
+  colorGray80,
+  colorGray90,
+  colorGray100,
+  colorAccent0,
+  colorAccent5,
+  colorAccent10,
+  colorAccent20,
+  colorAccent30,
+  colorAccent40,
+  colorAccent60,
+  colorAccent70,
+  colorAccent80,
+  colorAccent90,
+  colorAccent100,
+  colorBlue5,
+  colorBlue10,
+  colorBlue20,
+  colorBlue30,
+  colorBlue40,
+  colorBlue60,
+  colorBlue70,
+  colorBlue80,
+  colorBlue90,
+  colorBlue100,
+  colorGreen5,
+  colorGreen10,
+  colorGreen20,
+  colorGreen30,
+  colorGreen40,
+  colorGreen60,
+  colorGreen70,
+  colorGreen80,
+  colorGreen90,
+  colorGreen100,
+  colorOrange5,
+  colorOrange10,
+  colorOrange20,
+  colorOrange30,
+  colorOrange40,
+  colorOrange60,
+  colorOrange70,
+  colorOrange80,
+  colorOrange90,
+  colorOrange100,
+  colorRed5,
+  colorRed10,
+  colorRed20,
+  colorRed30,
+  colorRed40,
+  colorRed60,
+  colorRed70,
+  colorRed80,
+  colorRed90,
+  colorRed100
+};
+export const data = {
+  dataRed20,
+  dataRed40,
+  dataRed60,
+  dataRed80,
+  dataRed100,
+  dataOrange20,
+  dataOrange40,
+  dataOrange60,
+  dataOrange80,
+  dataOrange100,
+  dataBrown20,
+  dataBrown40,
+  dataBrown60,
+  dataBrown80,
+  dataBrown100,
+  dataPear20,
+  dataPear40,
+  dataPear60,
+  dataPear80,
+  dataPear100,
+  dataLime20,
+  dataLime40,
+  dataLime60,
+  dataLime80,
+  dataLime100,
+  dataGreen20,
+  dataGreen40,
+  dataGreen60,
+  dataGreen80,
+  dataGreen100,
+  dataTeal20,
+  dataTeal40,
+  dataTeal60,
+  dataTeal80,
+  dataTeal100,
+  dataAqua20,
+  dataAqua40,
+  dataAqua60,
+  dataAqua80,
+  dataAqua100,
+  dataBlue20,
+  dataBlue40,
+  dataBlue60,
+  dataBlue80,
+  dataBlue100,
+  dataLazuli20,
+  dataLazuli40,
+  dataLazuli60,
+  dataLazuli80,
+  dataLazuli100,
+  dataPurple20,
+  dataPurple40,
+  dataPurple60,
+  dataPurple80,
+  dataPurple100,
+  dataPink20,
+  dataPink40,
+  dataPink60,
+  dataPink80,
+  dataPink100
+};
+export const background = {
+  backgroundCanvas,
+  backgroundSurface,
+  backgroundSurfaceSubtle,
+  backgroundSurfaceContrast,
+  backgroundNeutralMinimal,
+  backgroundNeutralSubtle,
+  backgroundNeutralSubtleHover,
+  backgroundNeutralSubtleActive,
+  backgroundNeutralModerate,
+  backgroundNeutralModerateHover,
+  backgroundNeutral,
+  backgroundNeutralHover,
+  backgroundNeutralBold,
+  backgroundNeutralStrong,
+  backgroundNeutralContrast,
+  backgroundAccentMinimal,
+  backgroundAccentMinimalHover,
+  backgroundAccentMinimalActive,
+  backgroundAccentSubtle,
+  backgroundAccentSubtleHover,
+  backgroundAccentSubtleActive,
+  backgroundAccent,
+  backgroundAccentHover,
+  backgroundAccentBold,
+  backgroundAccentStrong,
+  backgroundAccentStrongHover,
+  backgroundDangerSubtle,
+  backgroundDangerSubtleHover,
+  backgroundDangerSubtleActive,
+  backgroundDanger,
+  backgroundDangerHover,
+  backgroundDangerBold,
+  backgroundDangerStrong,
+  backgroundDangerStrongHover,
+  backgroundWarningSubtle,
+  backgroundWarningSubtleHover,
+  backgroundWarningSubtleActive,
+  backgroundWarning,
+  backgroundWarningHover,
+  backgroundWarningBold,
+  backgroundWarningStrong,
+  backgroundWarningStrongHover,
+  backgroundSuccessSubtle,
+  backgroundSuccessSubtleHover,
+  backgroundSuccessSubtleActive,
+  backgroundSuccess,
+  backgroundSuccessHover,
+  backgroundSuccessBold,
+  backgroundSuccessStrong,
+  backgroundSuccessStrongHover,
+  backgroundInfoSubtle,
+  backgroundInfoSubtleHover,
+  backgroundInfoSubtleActive,
+  backgroundInfo,
+  backgroundInfoHover,
+  backgroundInfoBold,
+  backgroundInfoStrong,
+  backgroundInfoStrongHover,
+  backgroundDisabled,
+  backgroundDisabledSubtle,
+  backgroundInverse
+};
+export const foreground = {
+  foregroundBody,
+  foregroundLink,
+  foregroundNeutral,
+  foregroundNeutralModerate,
+  foregroundNeutralSubtle,
+  foregroundNeutralMinimal,
+  foregroundAccent,
+  foregroundAccentModerate,
+  foregroundDanger,
+  foregroundDangerModerate,
+  foregroundDangerSubtle,
+  foregroundWarning,
+  foregroundWarningModerate,
+  foregroundWarningSubtle,
+  foregroundWarningInverse,
+  foregroundSuccess,
+  foregroundSuccessModerate,
+  foregroundSuccessSubtle,
+  foregroundInfo,
+  foregroundInfoModerate,
+  foregroundInfoSubtle,
+  foregroundDisabled,
+  foregroundDisabledSubtle,
+  foregroundInverse
+};
+export const border = {
+  borderNeutralSubtle,
+  borderNeutralModerate,
+  borderNeutral,
+  borderNeutralBold,
+  borderNeutralContrast,
+  borderAccentModerate,
+  borderAccent,
+  borderAccentHover,
+  borderAccentBold,
+  borderAccentStrong,
+  borderDanger,
+  borderDangerBold,
+  borderDangerStrong,
+  borderWarning,
+  borderWarningBold,
+  borderWarningStrong,
+  borderSuccess,
+  borderSuccessBold,
+  borderSuccessStrong,
+  borderInfo,
+  borderInfoBold,
+  borderInfoStrong,
+  borderDisabled,
+  borderDisabledSubtle,
+  borderFocus,
+  borderInverse
+};