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

package/dist/flat.d.ts

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