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

package/dist/flat.common.js

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