Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@volue/design-colors

Package Overview
Dependencies
Maintainers
2
Versions
98
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@volue/design-colors - npm Package Compare versions

Comparing version 3.0.0-next.7 to 3.0.0-next.8

438

dist/flat.common.js

@@ -30,6 +30,6 @@ const colorWhite = "#ffffff";

const colorBlue60 = "#00cceb";
const colorBlue70 = "#00b4d1";
const colorBlue80 = "#0096af";
const colorBlue90 = "#007a92";
const colorBlue100 = "#005e72";
const colorBlue70 = "#00a7c2";
const colorBlue80 = "#008299";
const colorBlue90 = "#006c80";
const colorBlue100 = "#005766";
const colorGreen5 = "#eeffef";

@@ -41,6 +41,6 @@ const colorGreen10 = "#dbffdf";

const colorGreen60 = "#31d962";
const colorGreen70 = "#1fc052";
const colorGreen80 = "#22a047";
const colorGreen90 = "#1b8238";
const colorGreen100 = "#006626";
const colorGreen70 = "#1eb84f";
const colorGreen80 = "#1d873c";
const colorGreen90 = "#187233";
const colorGreen100 = "#125426";
const colorOrange5 = "#fff9ed";

@@ -70,3 +70,3 @@ const colorOrange10 = "#fff2da";

const dataRed80 = "#eb7072";
const dataRed100 = "#c6434b";
const dataRed100 = "#bb3a42";
const dataOrange20 = "#faebdc";

@@ -76,3 +76,3 @@ const dataOrange40 = "#f5caa3";

const dataOrange80 = "#e57b1a";
const dataOrange100 = "#b35d0a";
const dataOrange100 = "#a4540a";
const dataBrown20 = "#f4edde";

@@ -82,3 +82,3 @@ const dataBrown40 = "#e8cf96";

const dataBrown80 = "#b89749";
const dataBrown100 = "#8e7333";
const dataBrown100 = "#7f672e";
const dataPear20 = "#fcfcdb";

@@ -88,3 +88,3 @@ const dataPear40 = "#e8e54c";

const dataPear80 = "#afad07";
const dataPear100 = "#888705";
const dataPear100 = "#767605";
const dataLime20 = "#f1fcdc";

@@ -94,3 +94,3 @@ const dataLime40 = "#cbed7a";

const dataLime80 = "#84ba12";
const dataLime100 = "#66910e";
const dataLime100 = "#587d0c";
const dataGreen20 = "#dff5e1";

@@ -100,3 +100,3 @@ const dataGreen40 = "#ade2b0";

const dataGreen80 = "#3fb845";
const dataGreen100 = "#318d36";
const dataGreen100 = "#2a792e";
const dataTeal20 = "#dcf4ef";

@@ -106,3 +106,3 @@ const dataTeal40 = "#a7dfd6";

const dataTeal80 = "#3ab19e";
const dataTeal100 = "#2a8879";
const dataTeal100 = "#25796b";
const dataAqua20 = "#e3f1f6";

@@ -112,3 +112,3 @@ const dataAqua40 = "#b1dae4";

const dataAqua80 = "#42abc2";
const dataAqua100 = "#2e8495";
const dataAqua100 = "#297585";
const dataBlue20 = "#e6eff7";

@@ -118,3 +118,3 @@ const dataBlue40 = "#bfd5e9";

const dataBlue80 = "#60a1df";
const dataBlue100 = "#3b7bb7";
const dataBlue100 = "#346da2";
const dataLazuli20 = "#ecedf9";

@@ -124,3 +124,3 @@ const dataLazuli40 = "#cccfee";

const dataLazuli80 = "#7f94f2";
const dataLazuli100 = "#5768df";
const dataLazuli100 = "#4b5cdd";
const dataPurple20 = "#f4eaf8";

@@ -130,3 +130,3 @@ const dataPurple40 = "#e2c6ec";

const dataPurple80 = "#c574e4";
const dataPurple100 = "#a345c5";
const dataPurple100 = "#9e3dc2";
const dataPink20 = "#f8e9f2";

@@ -136,16 +136,7 @@ const dataPink40 = "#ebc5de";

const dataPink80 = "#e26ab5";
const dataPink100 = "#bc3d91";
const backgroundCanvas = "#ffffff";
const backgroundCanvasSubtle = "#f9fafb";
const backgroundSurface = "#ffffff";
const backgroundSurfaceSubtle = "#f3f5f6";
const backgroundSurfaceContrast = "#082d35";
const dataPink100 = "#b53b8c";
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";

@@ -162,5 +153,9 @@ const backgroundNeutralStrong = "#223f44";

const backgroundAccentHover = "#c4dbe0";
const backgroundAccentActive = "#a8cbd3";
const backgroundAccentBold = "#5b9ba9";
const backgroundAccentBoldHover = "#388597";
const backgroundAccentBoldActive = "#157084";
const backgroundAccentStrong = "#157084";
const backgroundAccentStrongHover = "#11596a";
const backgroundAccentStrongActive = "#0c4957";
const backgroundDangerSubtle = "#fff7f8";

@@ -171,5 +166,9 @@ const backgroundDangerSubtleHover = "#ffeff0";

const backgroundDangerHover = "#ffdbde";
const backgroundDangerActive = "#ffbfc1";
const backgroundDangerBold = "#ff3b3d";
const backgroundDangerBoldHover = "#df001f";
const backgroundDangerBoldActive = "#b20016";
const backgroundDangerStrong = "#df001f";
const backgroundDangerStrongHover = "#b20016";
const backgroundDangerStrongActive = "#9d0012";
const backgroundWarningSubtle = "#fff9ed";

@@ -180,5 +179,9 @@ const backgroundWarningSubtleHover = "#fff2da";

const backgroundWarningHover = "#ffecc8";
const backgroundWarningActive = "#ffdd99";
const backgroundWarningBold = "#ffb900";
const backgroundWarningBoldHover = "#dc9f00";
const backgroundWarningBoldActive = "#b17600";
const backgroundWarningStrong = "#dc9f00";
const backgroundWarningStrongHover = "#b17600";
const backgroundWarningStrongActive = "#805400";
const backgroundSuccessSubtle = "#eeffef";

@@ -189,5 +192,9 @@ const backgroundSuccessSubtleHover = "#dbffdf";

const backgroundSuccessHover = "#c6ffcd";
const backgroundSuccessBold = "#22a047";
const backgroundSuccessStrong = "#1b8238";
const backgroundSuccessStrongHover = "#006626";
const backgroundSuccessActive = "#b0ffbb";
const backgroundSuccessBold = "#1eb84f";
const backgroundSuccessBoldHover = "#1d873c";
const backgroundSuccessBoldActive = "#187233";
const backgroundSuccessStrong = "#1d873c";
const backgroundSuccessStrongHover = "#187233";
const backgroundSuccessStrongActive = "#125426";
const backgroundInfoSubtle = "#f0fcff";

@@ -198,10 +205,11 @@ const backgroundInfoSubtleHover = "#e1f9ff";

const backgroundInfoHover = "#d0f6ff";
const backgroundInfoBold = "#0096af";
const backgroundInfoStrong = "#007a92";
const backgroundInfoStrongHover = "#005e72";
const backgroundInfoActive = "#bff3ff";
const backgroundInfoBold = "#00a7c2";
const backgroundInfoBoldHover = "#008299";
const backgroundInfoBoldActive = "#006c80";
const backgroundInfoStrong = "#008299";
const backgroundInfoStrongHover = "#006c80";
const backgroundInfoStrongActive = "#005766";
const backgroundDisabled = "#e6ebec";
const backgroundDisabledSubtle = "#f3f5f6";
const backgroundInverse = "rgba(255, 255, 255, 0.113)";
const foregroundBody = "#082d35";
const foregroundLink = "#157084";
const foregroundNeutral = "#082d35";

@@ -221,8 +229,8 @@ const foregroundNeutralModerate = "#223f44";

const foregroundWarningInverse = "#082d35";
const foregroundSuccess = "#006626";
const foregroundSuccessModerate = "#1b8238";
const foregroundSuccessSubtle = "#1fc052";
const foregroundInfo = "#005e72";
const foregroundInfoModerate = "#007a92";
const foregroundInfoSubtle = "#00b4d1";
const foregroundSuccess = "#125426";
const foregroundSuccessModerate = "#187233";
const foregroundSuccessSubtle = "#1eb84f";
const foregroundInfo = "#005766";
const foregroundInfoModerate = "#006c80";
const foregroundInfoSubtle = "#00a7c2";
const foregroundDisabled = "#9dafb3";

@@ -239,2 +247,3 @@ const foregroundDisabledSubtle = "#c2cdd0";

const borderAccentHover = "#7eb0bc";
const borderAccentActive = "#5b9ba9";
const borderAccentBold = "#388597";

@@ -249,12 +258,11 @@ const borderAccentStrong = "#11596a";

const borderSuccess = "#7dfd95";
const borderSuccessBold = "#1b8238";
const borderSuccessStrong = "#006626";
const borderSuccessBold = "#1d873c";
const borderSuccessStrong = "#187233";
const borderInfo = "#9aecff";
const borderInfoBold = "#007a92";
const borderInfoStrong = "#005e72";
const borderInfoBold = "#008299";
const borderInfoStrong = "#006c80";
const borderDisabled = "#e6ebec";
const borderDisabledSubtle = "#f3f5f6";
const borderFocus = "#388597";
const borderInverse = "rgba(255, 255, 255, 0.85)";
const rgbBackgroundSurface = "255, 255, 255";
const rgbBackgroundNeutralMinimal = "255, 255, 255";
const rgbBackgroundNeutral = "230, 235, 236";

@@ -273,37 +281,7 @@ const rgbBackgroundNeutralBold = "83, 116, 123";

const rgbBackgroundSuccess = "219, 255, 223";
const rgbBackgroundSuccessBold = "34, 160, 71";
const rgbBackgroundSuccessStrong = "27, 130, 56";
const rgbBackgroundSuccessBold = "30, 184, 79";
const rgbBackgroundSuccessStrong = "29, 135, 60";
const rgbBackgroundInfo = "225, 249, 255";
const rgbBackgroundInfoBold = "0, 150, 175";
const rgbBackgroundInfoStrong = "0, 122, 146";
const rgbDataRed20 = "247, 230, 232";
const rgbDataRed40 = "236, 199, 201";
const rgbDataRed60 = "230, 161, 165";
const rgbDataRed80 = "235, 112, 114";
const rgbDataRed100 = "198, 67, 75";
const rgbDataOrange20 = "250, 235, 220";
const rgbDataOrange40 = "245, 202, 163";
const rgbDataOrange60 = "237, 163, 94";
const rgbDataOrange80 = "229, 123, 26";
const rgbDataOrange100 = "179, 93, 10";
const rgbDataBrown20 = "244, 237, 222";
const rgbDataBrown40 = "232, 207, 150";
const rgbDataBrown60 = "216, 177, 85";
const rgbDataBrown80 = "184, 151, 73";
const rgbDataBrown100 = "142, 115, 51";
const rgbDataPear20 = "252, 252, 219";
const rgbDataPear40 = "232, 229, 76";
const rgbDataPear60 = "203, 201, 32";
const rgbDataPear80 = "175, 173, 7";
const rgbDataPear100 = "136, 135, 5";
const rgbDataLime20 = "241, 252, 220";
const rgbDataLime40 = "203, 237, 122";
const rgbDataLime60 = "167, 212, 65";
const rgbDataLime80 = "132, 186, 18";
const rgbDataLime100 = "102, 145, 14";
const rgbDataGreen20 = "223, 245, 225";
const rgbDataGreen40 = "173, 226, 176";
const rgbDataGreen60 = "118, 206, 122";
const rgbDataGreen80 = "63, 184, 69";
const rgbDataGreen100 = "49, 141, 54";
const rgbBackgroundInfoBold = "0, 167, 194";
const rgbBackgroundInfoStrong = "0, 130, 153";
const rgbDataTeal20 = "220, 244, 239";

@@ -313,3 +291,13 @@ const rgbDataTeal40 = "167, 223, 214";

const rgbDataTeal80 = "58, 177, 158";
const rgbDataTeal100 = "42, 136, 121";
const rgbDataTeal100 = "37, 121, 107";
const rgbDataPurple20 = "244, 234, 248";
const rgbDataPurple40 = "226, 198, 236";
const rgbDataPurple60 = "210, 161, 227";
const rgbDataPurple80 = "197, 116, 228";
const rgbDataPurple100 = "158, 61, 194";
const rgbDataPink20 = "248, 233, 242";
const rgbDataPink40 = "235, 197, 222";
const rgbDataPink60 = "226, 157, 201";
const rgbDataPink80 = "226, 106, 181";
const rgbDataPink100 = "181, 59, 140";
const rgbDataAqua20 = "227, 241, 246";

@@ -319,3 +307,3 @@ const rgbDataAqua40 = "177, 218, 228";

const rgbDataAqua80 = "66, 171, 194";
const rgbDataAqua100 = "46, 132, 149";
const rgbDataAqua100 = "41, 117, 133";
const rgbDataBlue20 = "230, 239, 247";

@@ -325,3 +313,3 @@ const rgbDataBlue40 = "191, 213, 233";

const rgbDataBlue80 = "96, 161, 223";
const rgbDataBlue100 = "59, 123, 183";
const rgbDataBlue100 = "52, 109, 162";
const rgbDataLazuli20 = "236, 237, 249";

@@ -331,13 +319,33 @@ const rgbDataLazuli40 = "204, 207, 238";

const rgbDataLazuli80 = "127, 148, 242";
const rgbDataLazuli100 = "87, 104, 223";
const rgbDataPurple20 = "244, 234, 248";
const rgbDataPurple40 = "226, 198, 236";
const rgbDataPurple60 = "210, 161, 227";
const rgbDataPurple80 = "197, 116, 228";
const rgbDataPurple100 = "163, 69, 197";
const rgbDataPink20 = "248, 233, 242";
const rgbDataPink40 = "235, 197, 222";
const rgbDataPink60 = "226, 157, 201";
const rgbDataPink80 = "226, 106, 181";
const rgbDataPink100 = "188, 61, 145";
const rgbDataLazuli100 = "75, 92, 221";
const rgbDataGreen20 = "223, 245, 225";
const rgbDataGreen40 = "173, 226, 176";
const rgbDataGreen60 = "118, 206, 122";
const rgbDataGreen80 = "63, 184, 69";
const rgbDataGreen100 = "42, 121, 46";
const rgbDataLime20 = "241, 252, 220";
const rgbDataLime40 = "203, 237, 122";
const rgbDataLime60 = "167, 212, 65";
const rgbDataLime80 = "132, 186, 18";
const rgbDataLime100 = "88, 125, 12";
const rgbDataOrange20 = "250, 235, 220";
const rgbDataOrange40 = "245, 202, 163";
const rgbDataOrange60 = "237, 163, 94";
const rgbDataOrange80 = "229, 123, 26";
const rgbDataOrange100 = "164, 84, 10";
const rgbDataPear20 = "252, 252, 219";
const rgbDataPear40 = "232, 229, 76";
const rgbDataPear60 = "203, 201, 32";
const rgbDataPear80 = "175, 173, 7";
const rgbDataPear100 = "118, 118, 5";
const rgbDataBrown20 = "244, 237, 222";
const rgbDataBrown40 = "232, 207, 150";
const rgbDataBrown60 = "216, 177, 85";
const rgbDataBrown80 = "184, 151, 73";
const rgbDataBrown100 = "127, 103, 46";
const rgbDataRed20 = "247, 230, 232";
const rgbDataRed40 = "236, 199, 201";
const rgbDataRed60 = "230, 161, 165";
const rgbDataRed80 = "235, 112, 114";
const rgbDataRed100 = "187, 58, 66";

@@ -468,15 +476,6 @@ module.exports = {

dataPink100,
backgroundCanvas,
backgroundCanvasSubtle,
backgroundSurface,
backgroundSurfaceSubtle,
backgroundSurfaceContrast,
backgroundNeutralMinimal,
backgroundNeutralSubtle,
backgroundNeutralSubtleHover,
backgroundNeutralSubtleActive,
backgroundNeutralModerate,
backgroundNeutralModerateHover,
backgroundNeutral,
backgroundNeutralHover,
backgroundNeutralBold,

@@ -493,5 +492,9 @@ backgroundNeutralStrong,

backgroundAccentHover,
backgroundAccentActive,
backgroundAccentBold,
backgroundAccentBoldHover,
backgroundAccentBoldActive,
backgroundAccentStrong,
backgroundAccentStrongHover,
backgroundAccentStrongActive,
backgroundDangerSubtle,

@@ -502,5 +505,9 @@ backgroundDangerSubtleHover,

backgroundDangerHover,
backgroundDangerActive,
backgroundDangerBold,
backgroundDangerBoldHover,
backgroundDangerBoldActive,
backgroundDangerStrong,
backgroundDangerStrongHover,
backgroundDangerStrongActive,
backgroundWarningSubtle,

@@ -511,5 +518,9 @@ backgroundWarningSubtleHover,

backgroundWarningHover,
backgroundWarningActive,
backgroundWarningBold,
backgroundWarningBoldHover,
backgroundWarningBoldActive,
backgroundWarningStrong,
backgroundWarningStrongHover,
backgroundWarningStrongActive,
backgroundSuccessSubtle,

@@ -520,5 +531,9 @@ backgroundSuccessSubtleHover,

backgroundSuccessHover,
backgroundSuccessActive,
backgroundSuccessBold,
backgroundSuccessBoldHover,
backgroundSuccessBoldActive,
backgroundSuccessStrong,
backgroundSuccessStrongHover,
backgroundSuccessStrongActive,
backgroundInfoSubtle,

@@ -529,10 +544,11 @@ backgroundInfoSubtleHover,

backgroundInfoHover,
backgroundInfoActive,
backgroundInfoBold,
backgroundInfoBoldHover,
backgroundInfoBoldActive,
backgroundInfoStrong,
backgroundInfoStrongHover,
backgroundInfoStrongActive,
backgroundDisabled,
backgroundDisabledSubtle,
backgroundInverse,
foregroundBody,
foregroundLink,
foregroundNeutral,

@@ -569,2 +585,3 @@ foregroundNeutralModerate,

borderAccentHover,
borderAccentActive,
borderAccentBold,

@@ -586,5 +603,4 @@ borderAccentStrong,

borderDisabledSubtle,
borderFocus,
borderInverse,
rgbBackgroundSurface,
rgbBackgroundNeutralMinimal,
rgbBackgroundNeutral,

@@ -608,32 +624,2 @@ rgbBackgroundNeutralBold,

rgbBackgroundInfoStrong,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataTeal20,

@@ -644,2 +630,12 @@ rgbDataTeal40,

rgbDataTeal100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100,
rgbDataAqua20,

@@ -660,12 +656,32 @@ rgbDataAqua40,

rgbDataLazuli100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100,
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100,
core: {

@@ -799,15 +815,6 @@ colorWhite,

background: {
backgroundCanvas,
backgroundCanvasSubtle,
backgroundSurface,
backgroundSurfaceSubtle,
backgroundSurfaceContrast,
backgroundNeutralMinimal,
backgroundNeutralSubtle,
backgroundNeutralSubtleHover,
backgroundNeutralSubtleActive,
backgroundNeutralModerate,
backgroundNeutralModerateHover,
backgroundNeutral,
backgroundNeutralHover,
backgroundNeutralBold,

@@ -824,5 +831,9 @@ backgroundNeutralStrong,

backgroundAccentHover,
backgroundAccentActive,
backgroundAccentBold,
backgroundAccentBoldHover,
backgroundAccentBoldActive,
backgroundAccentStrong,
backgroundAccentStrongHover,
backgroundAccentStrongActive,
backgroundDangerSubtle,

@@ -833,5 +844,9 @@ backgroundDangerSubtleHover,

backgroundDangerHover,
backgroundDangerActive,
backgroundDangerBold,
backgroundDangerBoldHover,
backgroundDangerBoldActive,
backgroundDangerStrong,
backgroundDangerStrongHover,
backgroundDangerStrongActive,
backgroundWarningSubtle,

@@ -842,5 +857,9 @@ backgroundWarningSubtleHover,

backgroundWarningHover,
backgroundWarningActive,
backgroundWarningBold,
backgroundWarningBoldHover,
backgroundWarningBoldActive,
backgroundWarningStrong,
backgroundWarningStrongHover,
backgroundWarningStrongActive,
backgroundSuccessSubtle,

@@ -851,5 +870,9 @@ backgroundSuccessSubtleHover,

backgroundSuccessHover,
backgroundSuccessActive,
backgroundSuccessBold,
backgroundSuccessBoldHover,
backgroundSuccessBoldActive,
backgroundSuccessStrong,
backgroundSuccessStrongHover,
backgroundSuccessStrongActive,
backgroundInfoSubtle,

@@ -860,12 +883,13 @@ backgroundInfoSubtleHover,

backgroundInfoHover,
backgroundInfoActive,
backgroundInfoBold,
backgroundInfoBoldHover,
backgroundInfoBoldActive,
backgroundInfoStrong,
backgroundInfoStrongHover,
backgroundInfoStrongActive,
backgroundDisabled,
backgroundDisabledSubtle,
backgroundInverse
backgroundDisabledSubtle
},
foreground: {
foregroundBody,
foregroundLink,
foregroundNeutral,

@@ -904,2 +928,3 @@ foregroundNeutralModerate,

borderAccentHover,
borderAccentActive,
borderAccentBold,

@@ -921,7 +946,6 @@ borderAccentStrong,

borderDisabledSubtle,
borderFocus,
borderInverse
},
rgb: {
rgbBackgroundSurface,
rgbBackgroundNeutralMinimal,
rgbBackgroundNeutral,

@@ -945,32 +969,2 @@ rgbBackgroundNeutralBold,

rgbBackgroundInfoStrong,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataTeal20,

@@ -981,2 +975,12 @@ rgbDataTeal40,

rgbDataTeal100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100,
rgbDataAqua20,

@@ -997,13 +1001,33 @@ rgbDataAqua40,

rgbDataLazuli100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100
}
};

408

dist/flat.d.ts

@@ -30,6 +30,6 @@ export declare const colorWhite = "#ffffff";

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 colorBlue70 = "#00a7c2";
export declare const colorBlue80 = "#008299";
export declare const colorBlue90 = "#006c80";
export declare const colorBlue100 = "#005766";
export declare const colorGreen5 = "#eeffef";

@@ -41,6 +41,6 @@ export declare const colorGreen10 = "#dbffdf";

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 colorGreen70 = "#1eb84f";
export declare const colorGreen80 = "#1d873c";
export declare const colorGreen90 = "#187233";
export declare const colorGreen100 = "#125426";
export declare const colorOrange5 = "#fff9ed";

@@ -70,3 +70,3 @@ export declare const colorOrange10 = "#fff2da";

export declare const dataRed80 = "#eb7072";
export declare const dataRed100 = "#c6434b";
export declare const dataRed100 = "#bb3a42";
export declare const dataOrange20 = "#faebdc";

@@ -76,3 +76,3 @@ export declare const dataOrange40 = "#f5caa3";

export declare const dataOrange80 = "#e57b1a";
export declare const dataOrange100 = "#b35d0a";
export declare const dataOrange100 = "#a4540a";
export declare const dataBrown20 = "#f4edde";

@@ -82,3 +82,3 @@ export declare const dataBrown40 = "#e8cf96";

export declare const dataBrown80 = "#b89749";
export declare const dataBrown100 = "#8e7333";
export declare const dataBrown100 = "#7f672e";
export declare const dataPear20 = "#fcfcdb";

@@ -88,3 +88,3 @@ export declare const dataPear40 = "#e8e54c";

export declare const dataPear80 = "#afad07";
export declare const dataPear100 = "#888705";
export declare const dataPear100 = "#767605";
export declare const dataLime20 = "#f1fcdc";

@@ -94,3 +94,3 @@ export declare const dataLime40 = "#cbed7a";

export declare const dataLime80 = "#84ba12";
export declare const dataLime100 = "#66910e";
export declare const dataLime100 = "#587d0c";
export declare const dataGreen20 = "#dff5e1";

@@ -100,3 +100,3 @@ export declare const dataGreen40 = "#ade2b0";

export declare const dataGreen80 = "#3fb845";
export declare const dataGreen100 = "#318d36";
export declare const dataGreen100 = "#2a792e";
export declare const dataTeal20 = "#dcf4ef";

@@ -106,3 +106,3 @@ export declare const dataTeal40 = "#a7dfd6";

export declare const dataTeal80 = "#3ab19e";
export declare const dataTeal100 = "#2a8879";
export declare const dataTeal100 = "#25796b";
export declare const dataAqua20 = "#e3f1f6";

@@ -112,3 +112,3 @@ export declare const dataAqua40 = "#b1dae4";

export declare const dataAqua80 = "#42abc2";
export declare const dataAqua100 = "#2e8495";
export declare const dataAqua100 = "#297585";
export declare const dataBlue20 = "#e6eff7";

@@ -118,3 +118,3 @@ export declare const dataBlue40 = "#bfd5e9";

export declare const dataBlue80 = "#60a1df";
export declare const dataBlue100 = "#3b7bb7";
export declare const dataBlue100 = "#346da2";
export declare const dataLazuli20 = "#ecedf9";

@@ -124,3 +124,3 @@ export declare const dataLazuli40 = "#cccfee";

export declare const dataLazuli80 = "#7f94f2";
export declare const dataLazuli100 = "#5768df";
export declare const dataLazuli100 = "#4b5cdd";
export declare const dataPurple20 = "#f4eaf8";

@@ -130,3 +130,3 @@ export declare const dataPurple40 = "#e2c6ec";

export declare const dataPurple80 = "#c574e4";
export declare const dataPurple100 = "#a345c5";
export declare const dataPurple100 = "#9e3dc2";
export declare const dataPink20 = "#f8e9f2";

@@ -136,16 +136,7 @@ export declare const dataPink40 = "#ebc5de";

export declare const dataPink80 = "#e26ab5";
export declare const dataPink100 = "#bc3d91";
export declare const backgroundCanvas = "#ffffff";
export declare const backgroundCanvasSubtle = "#f9fafb";
export declare const backgroundSurface = "#ffffff";
export declare const backgroundSurfaceSubtle = "#f3f5f6";
export declare const backgroundSurfaceContrast = "#082d35";
export declare const dataPink100 = "#b53b8c";
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";

@@ -162,5 +153,9 @@ export declare const backgroundNeutralStrong = "#223f44";

export declare const backgroundAccentHover = "#c4dbe0";
export declare const backgroundAccentActive = "#a8cbd3";
export declare const backgroundAccentBold = "#5b9ba9";
export declare const backgroundAccentBoldHover = "#388597";
export declare const backgroundAccentBoldActive = "#157084";
export declare const backgroundAccentStrong = "#157084";
export declare const backgroundAccentStrongHover = "#11596a";
export declare const backgroundAccentStrongActive = "#0c4957";
export declare const backgroundDangerSubtle = "#fff7f8";

@@ -171,5 +166,9 @@ export declare const backgroundDangerSubtleHover = "#ffeff0";

export declare const backgroundDangerHover = "#ffdbde";
export declare const backgroundDangerActive = "#ffbfc1";
export declare const backgroundDangerBold = "#ff3b3d";
export declare const backgroundDangerBoldHover = "#df001f";
export declare const backgroundDangerBoldActive = "#b20016";
export declare const backgroundDangerStrong = "#df001f";
export declare const backgroundDangerStrongHover = "#b20016";
export declare const backgroundDangerStrongActive = "#9d0012";
export declare const backgroundWarningSubtle = "#fff9ed";

@@ -180,5 +179,9 @@ export declare const backgroundWarningSubtleHover = "#fff2da";

export declare const backgroundWarningHover = "#ffecc8";
export declare const backgroundWarningActive = "#ffdd99";
export declare const backgroundWarningBold = "#ffb900";
export declare const backgroundWarningBoldHover = "#dc9f00";
export declare const backgroundWarningBoldActive = "#b17600";
export declare const backgroundWarningStrong = "#dc9f00";
export declare const backgroundWarningStrongHover = "#b17600";
export declare const backgroundWarningStrongActive = "#805400";
export declare const backgroundSuccessSubtle = "#eeffef";

@@ -189,5 +192,9 @@ export declare const backgroundSuccessSubtleHover = "#dbffdf";

export declare const backgroundSuccessHover = "#c6ffcd";
export declare const backgroundSuccessBold = "#22a047";
export declare const backgroundSuccessStrong = "#1b8238";
export declare const backgroundSuccessStrongHover = "#006626";
export declare const backgroundSuccessActive = "#b0ffbb";
export declare const backgroundSuccessBold = "#1eb84f";
export declare const backgroundSuccessBoldHover = "#1d873c";
export declare const backgroundSuccessBoldActive = "#187233";
export declare const backgroundSuccessStrong = "#1d873c";
export declare const backgroundSuccessStrongHover = "#187233";
export declare const backgroundSuccessStrongActive = "#125426";
export declare const backgroundInfoSubtle = "#f0fcff";

@@ -198,10 +205,11 @@ export declare const backgroundInfoSubtleHover = "#e1f9ff";

export declare const backgroundInfoHover = "#d0f6ff";
export declare const backgroundInfoBold = "#0096af";
export declare const backgroundInfoStrong = "#007a92";
export declare const backgroundInfoStrongHover = "#005e72";
export declare const backgroundInfoActive = "#bff3ff";
export declare const backgroundInfoBold = "#00a7c2";
export declare const backgroundInfoBoldHover = "#008299";
export declare const backgroundInfoBoldActive = "#006c80";
export declare const backgroundInfoStrong = "#008299";
export declare const backgroundInfoStrongHover = "#006c80";
export declare const backgroundInfoStrongActive = "#005766";
export declare const backgroundDisabled = "#e6ebec";
export declare const backgroundDisabledSubtle = "#f3f5f6";
export declare const backgroundInverse = "rgba(255, 255, 255, 0.113)";
export declare const foregroundBody = "#082d35";
export declare const foregroundLink = "#157084";
export declare const foregroundNeutral = "#082d35";

@@ -221,8 +229,8 @@ export declare const foregroundNeutralModerate = "#223f44";

export declare const foregroundWarningInverse = "#082d35";
export declare const foregroundSuccess = "#006626";
export declare const foregroundSuccessModerate = "#1b8238";
export declare const foregroundSuccessSubtle = "#1fc052";
export declare const foregroundInfo = "#005e72";
export declare const foregroundInfoModerate = "#007a92";
export declare const foregroundInfoSubtle = "#00b4d1";
export declare const foregroundSuccess = "#125426";
export declare const foregroundSuccessModerate = "#187233";
export declare const foregroundSuccessSubtle = "#1eb84f";
export declare const foregroundInfo = "#005766";
export declare const foregroundInfoModerate = "#006c80";
export declare const foregroundInfoSubtle = "#00a7c2";
export declare const foregroundDisabled = "#9dafb3";

@@ -239,2 +247,3 @@ export declare const foregroundDisabledSubtle = "#c2cdd0";

export declare const borderAccentHover = "#7eb0bc";
export declare const borderAccentActive = "#5b9ba9";
export declare const borderAccentBold = "#388597";

@@ -249,12 +258,11 @@ export declare const borderAccentStrong = "#11596a";

export declare const borderSuccess = "#7dfd95";
export declare const borderSuccessBold = "#1b8238";
export declare const borderSuccessStrong = "#006626";
export declare const borderSuccessBold = "#1d873c";
export declare const borderSuccessStrong = "#187233";
export declare const borderInfo = "#9aecff";
export declare const borderInfoBold = "#007a92";
export declare const borderInfoStrong = "#005e72";
export declare const borderInfoBold = "#008299";
export declare const borderInfoStrong = "#006c80";
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 rgbBackgroundSurface = "255, 255, 255";
export declare const rgbBackgroundNeutralMinimal = "255, 255, 255";
export declare const rgbBackgroundNeutral = "230, 235, 236";

@@ -273,37 +281,7 @@ export declare const rgbBackgroundNeutralBold = "83, 116, 123";

export declare const rgbBackgroundSuccess = "219, 255, 223";
export declare const rgbBackgroundSuccessBold = "34, 160, 71";
export declare const rgbBackgroundSuccessStrong = "27, 130, 56";
export declare const rgbBackgroundSuccessBold = "30, 184, 79";
export declare const rgbBackgroundSuccessStrong = "29, 135, 60";
export declare const rgbBackgroundInfo = "225, 249, 255";
export declare const rgbBackgroundInfoBold = "0, 150, 175";
export declare const rgbBackgroundInfoStrong = "0, 122, 146";
export declare const rgbDataRed20 = "247, 230, 232";
export declare const rgbDataRed40 = "236, 199, 201";
export declare const rgbDataRed60 = "230, 161, 165";
export declare const rgbDataRed80 = "235, 112, 114";
export declare const rgbDataRed100 = "198, 67, 75";
export declare const rgbDataOrange20 = "250, 235, 220";
export declare const rgbDataOrange40 = "245, 202, 163";
export declare const rgbDataOrange60 = "237, 163, 94";
export declare const rgbDataOrange80 = "229, 123, 26";
export declare const rgbDataOrange100 = "179, 93, 10";
export declare const rgbDataBrown20 = "244, 237, 222";
export declare const rgbDataBrown40 = "232, 207, 150";
export declare const rgbDataBrown60 = "216, 177, 85";
export declare const rgbDataBrown80 = "184, 151, 73";
export declare const rgbDataBrown100 = "142, 115, 51";
export declare const rgbDataPear20 = "252, 252, 219";
export declare const rgbDataPear40 = "232, 229, 76";
export declare const rgbDataPear60 = "203, 201, 32";
export declare const rgbDataPear80 = "175, 173, 7";
export declare const rgbDataPear100 = "136, 135, 5";
export declare const rgbDataLime20 = "241, 252, 220";
export declare const rgbDataLime40 = "203, 237, 122";
export declare const rgbDataLime60 = "167, 212, 65";
export declare const rgbDataLime80 = "132, 186, 18";
export declare const rgbDataLime100 = "102, 145, 14";
export declare const rgbDataGreen20 = "223, 245, 225";
export declare const rgbDataGreen40 = "173, 226, 176";
export declare const rgbDataGreen60 = "118, 206, 122";
export declare const rgbDataGreen80 = "63, 184, 69";
export declare const rgbDataGreen100 = "49, 141, 54";
export declare const rgbBackgroundInfoBold = "0, 167, 194";
export declare const rgbBackgroundInfoStrong = "0, 130, 153";
export declare const rgbDataTeal20 = "220, 244, 239";

@@ -313,3 +291,13 @@ export declare const rgbDataTeal40 = "167, 223, 214";

export declare const rgbDataTeal80 = "58, 177, 158";
export declare const rgbDataTeal100 = "42, 136, 121";
export declare const rgbDataTeal100 = "37, 121, 107";
export declare const rgbDataPurple20 = "244, 234, 248";
export declare const rgbDataPurple40 = "226, 198, 236";
export declare const rgbDataPurple60 = "210, 161, 227";
export declare const rgbDataPurple80 = "197, 116, 228";
export declare const rgbDataPurple100 = "158, 61, 194";
export declare const rgbDataPink20 = "248, 233, 242";
export declare const rgbDataPink40 = "235, 197, 222";
export declare const rgbDataPink60 = "226, 157, 201";
export declare const rgbDataPink80 = "226, 106, 181";
export declare const rgbDataPink100 = "181, 59, 140";
export declare const rgbDataAqua20 = "227, 241, 246";

@@ -319,3 +307,3 @@ export declare const rgbDataAqua40 = "177, 218, 228";

export declare const rgbDataAqua80 = "66, 171, 194";
export declare const rgbDataAqua100 = "46, 132, 149";
export declare const rgbDataAqua100 = "41, 117, 133";
export declare const rgbDataBlue20 = "230, 239, 247";

@@ -325,3 +313,3 @@ export declare const rgbDataBlue40 = "191, 213, 233";

export declare const rgbDataBlue80 = "96, 161, 223";
export declare const rgbDataBlue100 = "59, 123, 183";
export declare const rgbDataBlue100 = "52, 109, 162";
export declare const rgbDataLazuli20 = "236, 237, 249";

@@ -331,13 +319,33 @@ export declare const rgbDataLazuli40 = "204, 207, 238";

export declare const rgbDataLazuli80 = "127, 148, 242";
export declare const rgbDataLazuli100 = "87, 104, 223";
export declare const rgbDataPurple20 = "244, 234, 248";
export declare const rgbDataPurple40 = "226, 198, 236";
export declare const rgbDataPurple60 = "210, 161, 227";
export declare const rgbDataPurple80 = "197, 116, 228";
export declare const rgbDataPurple100 = "163, 69, 197";
export declare const rgbDataPink20 = "248, 233, 242";
export declare const rgbDataPink40 = "235, 197, 222";
export declare const rgbDataPink60 = "226, 157, 201";
export declare const rgbDataPink80 = "226, 106, 181";
export declare const rgbDataPink100 = "188, 61, 145";
export declare const rgbDataLazuli100 = "75, 92, 221";
export declare const rgbDataGreen20 = "223, 245, 225";
export declare const rgbDataGreen40 = "173, 226, 176";
export declare const rgbDataGreen60 = "118, 206, 122";
export declare const rgbDataGreen80 = "63, 184, 69";
export declare const rgbDataGreen100 = "42, 121, 46";
export declare const rgbDataLime20 = "241, 252, 220";
export declare const rgbDataLime40 = "203, 237, 122";
export declare const rgbDataLime60 = "167, 212, 65";
export declare const rgbDataLime80 = "132, 186, 18";
export declare const rgbDataLime100 = "88, 125, 12";
export declare const rgbDataOrange20 = "250, 235, 220";
export declare const rgbDataOrange40 = "245, 202, 163";
export declare const rgbDataOrange60 = "237, 163, 94";
export declare const rgbDataOrange80 = "229, 123, 26";
export declare const rgbDataOrange100 = "164, 84, 10";
export declare const rgbDataPear20 = "252, 252, 219";
export declare const rgbDataPear40 = "232, 229, 76";
export declare const rgbDataPear60 = "203, 201, 32";
export declare const rgbDataPear80 = "175, 173, 7";
export declare const rgbDataPear100 = "118, 118, 5";
export declare const rgbDataBrown20 = "244, 237, 222";
export declare const rgbDataBrown40 = "232, 207, 150";
export declare const rgbDataBrown60 = "216, 177, 85";
export declare const rgbDataBrown80 = "184, 151, 73";
export declare const rgbDataBrown100 = "127, 103, 46";
export declare const rgbDataRed20 = "247, 230, 232";
export declare const rgbDataRed40 = "236, 199, 201";
export declare const rgbDataRed60 = "230, 161, 165";
export declare const rgbDataRed80 = "235, 112, 114";
export declare const rgbDataRed100 = "187, 58, 66";
export declare const core: {

@@ -373,6 +381,6 @@ colorWhite: "#ffffff";

colorBlue60: "#00cceb";
colorBlue70: "#00b4d1";
colorBlue80: "#0096af";
colorBlue90: "#007a92";
colorBlue100: "#005e72";
colorBlue70: "#00a7c2";
colorBlue80: "#008299";
colorBlue90: "#006c80";
colorBlue100: "#005766";
colorGreen5: "#eeffef";

@@ -384,6 +392,6 @@ colorGreen10: "#dbffdf";

colorGreen60: "#31d962";
colorGreen70: "#1fc052";
colorGreen80: "#22a047";
colorGreen90: "#1b8238";
colorGreen100: "#006626";
colorGreen70: "#1eb84f";
colorGreen80: "#1d873c";
colorGreen90: "#187233";
colorGreen100: "#125426";
colorOrange5: "#fff9ed";

@@ -415,3 +423,3 @@ colorOrange10: "#fff2da";

dataRed80: "#eb7072";
dataRed100: "#c6434b";
dataRed100: "#bb3a42";
dataOrange20: "#faebdc";

@@ -421,3 +429,3 @@ dataOrange40: "#f5caa3";

dataOrange80: "#e57b1a";
dataOrange100: "#b35d0a";
dataOrange100: "#a4540a";
dataBrown20: "#f4edde";

@@ -427,3 +435,3 @@ dataBrown40: "#e8cf96";

dataBrown80: "#b89749";
dataBrown100: "#8e7333";
dataBrown100: "#7f672e";
dataPear20: "#fcfcdb";

@@ -433,3 +441,3 @@ dataPear40: "#e8e54c";

dataPear80: "#afad07";
dataPear100: "#888705";
dataPear100: "#767605";
dataLime20: "#f1fcdc";

@@ -439,3 +447,3 @@ dataLime40: "#cbed7a";

dataLime80: "#84ba12";
dataLime100: "#66910e";
dataLime100: "#587d0c";
dataGreen20: "#dff5e1";

@@ -445,3 +453,3 @@ dataGreen40: "#ade2b0";

dataGreen80: "#3fb845";
dataGreen100: "#318d36";
dataGreen100: "#2a792e";
dataTeal20: "#dcf4ef";

@@ -451,3 +459,3 @@ dataTeal40: "#a7dfd6";

dataTeal80: "#3ab19e";
dataTeal100: "#2a8879";
dataTeal100: "#25796b";
dataAqua20: "#e3f1f6";

@@ -457,3 +465,3 @@ dataAqua40: "#b1dae4";

dataAqua80: "#42abc2";
dataAqua100: "#2e8495";
dataAqua100: "#297585";
dataBlue20: "#e6eff7";

@@ -463,3 +471,3 @@ dataBlue40: "#bfd5e9";

dataBlue80: "#60a1df";
dataBlue100: "#3b7bb7";
dataBlue100: "#346da2";
dataLazuli20: "#ecedf9";

@@ -469,3 +477,3 @@ dataLazuli40: "#cccfee";

dataLazuli80: "#7f94f2";
dataLazuli100: "#5768df";
dataLazuli100: "#4b5cdd";
dataPurple20: "#f4eaf8";

@@ -475,3 +483,3 @@ dataPurple40: "#e2c6ec";

dataPurple80: "#c574e4";
dataPurple100: "#a345c5";
dataPurple100: "#9e3dc2";
dataPink20: "#f8e9f2";

@@ -481,18 +489,9 @@ dataPink40: "#ebc5de";

dataPink80: "#e26ab5";
dataPink100: "#bc3d91";
dataPink100: "#b53b8c";
};
export declare const background: {
backgroundCanvas: "#ffffff";
backgroundCanvasSubtle: "#f9fafb";
backgroundSurface: "#ffffff";
backgroundSurfaceSubtle: "#f3f5f6";
backgroundSurfaceContrast: "#082d35";
backgroundNeutralMinimal: "#ffffff";
backgroundNeutralSubtle: "#f9fafb";
backgroundNeutralSubtleHover: "#f3f5f6";
backgroundNeutralSubtleActive: "#e6ebec";
backgroundNeutralModerate: "#f3f5f6";
backgroundNeutralModerateHover: "#e6ebec";
backgroundNeutral: "#e6ebec";
backgroundNeutralHover: "#c2cdd0";
backgroundNeutralBold: "#53747b";

@@ -509,5 +508,9 @@ backgroundNeutralStrong: "#223f44";

backgroundAccentHover: "#c4dbe0";
backgroundAccentActive: "#a8cbd3";
backgroundAccentBold: "#5b9ba9";
backgroundAccentBoldHover: "#388597";
backgroundAccentBoldActive: "#157084";
backgroundAccentStrong: "#157084";
backgroundAccentStrongHover: "#11596a";
backgroundAccentStrongActive: "#0c4957";
backgroundDangerSubtle: "#fff7f8";

@@ -518,5 +521,9 @@ backgroundDangerSubtleHover: "#ffeff0";

backgroundDangerHover: "#ffdbde";
backgroundDangerActive: "#ffbfc1";
backgroundDangerBold: "#ff3b3d";
backgroundDangerBoldHover: "#df001f";
backgroundDangerBoldActive: "#b20016";
backgroundDangerStrong: "#df001f";
backgroundDangerStrongHover: "#b20016";
backgroundDangerStrongActive: "#9d0012";
backgroundWarningSubtle: "#fff9ed";

@@ -527,5 +534,9 @@ backgroundWarningSubtleHover: "#fff2da";

backgroundWarningHover: "#ffecc8";
backgroundWarningActive: "#ffdd99";
backgroundWarningBold: "#ffb900";
backgroundWarningBoldHover: "#dc9f00";
backgroundWarningBoldActive: "#b17600";
backgroundWarningStrong: "#dc9f00";
backgroundWarningStrongHover: "#b17600";
backgroundWarningStrongActive: "#805400";
backgroundSuccessSubtle: "#eeffef";

@@ -536,5 +547,9 @@ backgroundSuccessSubtleHover: "#dbffdf";

backgroundSuccessHover: "#c6ffcd";
backgroundSuccessBold: "#22a047";
backgroundSuccessStrong: "#1b8238";
backgroundSuccessStrongHover: "#006626";
backgroundSuccessActive: "#b0ffbb";
backgroundSuccessBold: "#1eb84f";
backgroundSuccessBoldHover: "#1d873c";
backgroundSuccessBoldActive: "#187233";
backgroundSuccessStrong: "#1d873c";
backgroundSuccessStrongHover: "#187233";
backgroundSuccessStrongActive: "#125426";
backgroundInfoSubtle: "#f0fcff";

@@ -545,12 +560,13 @@ backgroundInfoSubtleHover: "#e1f9ff";

backgroundInfoHover: "#d0f6ff";
backgroundInfoBold: "#0096af";
backgroundInfoStrong: "#007a92";
backgroundInfoStrongHover: "#005e72";
backgroundInfoActive: "#bff3ff";
backgroundInfoBold: "#00a7c2";
backgroundInfoBoldHover: "#008299";
backgroundInfoBoldActive: "#006c80";
backgroundInfoStrong: "#008299";
backgroundInfoStrongHover: "#006c80";
backgroundInfoStrongActive: "#005766";
backgroundDisabled: "#e6ebec";
backgroundDisabledSubtle: "#f3f5f6";
backgroundInverse: "rgba(255, 255, 255, 0.113)";
};
export declare const foreground: {
foregroundBody: "#082d35";
foregroundLink: "#157084";
foregroundNeutral: "#082d35";

@@ -570,8 +586,8 @@ foregroundNeutralModerate: "#223f44";

foregroundWarningInverse: "#082d35";
foregroundSuccess: "#006626";
foregroundSuccessModerate: "#1b8238";
foregroundSuccessSubtle: "#1fc052";
foregroundInfo: "#005e72";
foregroundInfoModerate: "#007a92";
foregroundInfoSubtle: "#00b4d1";
foregroundSuccess: "#125426";
foregroundSuccessModerate: "#187233";
foregroundSuccessSubtle: "#1eb84f";
foregroundInfo: "#005766";
foregroundInfoModerate: "#006c80";
foregroundInfoSubtle: "#00a7c2";
foregroundDisabled: "#9dafb3";

@@ -590,2 +606,3 @@ foregroundDisabledSubtle: "#c2cdd0";

borderAccentHover: "#7eb0bc";
borderAccentActive: "#5b9ba9";
borderAccentBold: "#388597";

@@ -600,14 +617,13 @@ borderAccentStrong: "#11596a";

borderSuccess: "#7dfd95";
borderSuccessBold: "#1b8238";
borderSuccessStrong: "#006626";
borderSuccessBold: "#1d873c";
borderSuccessStrong: "#187233";
borderInfo: "#9aecff";
borderInfoBold: "#007a92";
borderInfoStrong: "#005e72";
borderInfoBold: "#008299";
borderInfoStrong: "#006c80";
borderDisabled: "#e6ebec";
borderDisabledSubtle: "#f3f5f6";
borderFocus: "#388597";
borderInverse: "rgba(255, 255, 255, 0.85)";
};
export declare const rgb: {
rgbBackgroundSurface: "255, 255, 255";
rgbBackgroundNeutralMinimal: "255, 255, 255";
rgbBackgroundNeutral: "230, 235, 236";

@@ -626,37 +642,7 @@ rgbBackgroundNeutralBold: "83, 116, 123";

rgbBackgroundSuccess: "219, 255, 223";
rgbBackgroundSuccessBold: "34, 160, 71";
rgbBackgroundSuccessStrong: "27, 130, 56";
rgbBackgroundSuccessBold: "30, 184, 79";
rgbBackgroundSuccessStrong: "29, 135, 60";
rgbBackgroundInfo: "225, 249, 255";
rgbBackgroundInfoBold: "0, 150, 175";
rgbBackgroundInfoStrong: "0, 122, 146";
rgbDataRed20: "247, 230, 232";
rgbDataRed40: "236, 199, 201";
rgbDataRed60: "230, 161, 165";
rgbDataRed80: "235, 112, 114";
rgbDataRed100: "198, 67, 75";
rgbDataOrange20: "250, 235, 220";
rgbDataOrange40: "245, 202, 163";
rgbDataOrange60: "237, 163, 94";
rgbDataOrange80: "229, 123, 26";
rgbDataOrange100: "179, 93, 10";
rgbDataBrown20: "244, 237, 222";
rgbDataBrown40: "232, 207, 150";
rgbDataBrown60: "216, 177, 85";
rgbDataBrown80: "184, 151, 73";
rgbDataBrown100: "142, 115, 51";
rgbDataPear20: "252, 252, 219";
rgbDataPear40: "232, 229, 76";
rgbDataPear60: "203, 201, 32";
rgbDataPear80: "175, 173, 7";
rgbDataPear100: "136, 135, 5";
rgbDataLime20: "241, 252, 220";
rgbDataLime40: "203, 237, 122";
rgbDataLime60: "167, 212, 65";
rgbDataLime80: "132, 186, 18";
rgbDataLime100: "102, 145, 14";
rgbDataGreen20: "223, 245, 225";
rgbDataGreen40: "173, 226, 176";
rgbDataGreen60: "118, 206, 122";
rgbDataGreen80: "63, 184, 69";
rgbDataGreen100: "49, 141, 54";
rgbBackgroundInfoBold: "0, 167, 194";
rgbBackgroundInfoStrong: "0, 130, 153";
rgbDataTeal20: "220, 244, 239";

@@ -666,3 +652,13 @@ rgbDataTeal40: "167, 223, 214";

rgbDataTeal80: "58, 177, 158";
rgbDataTeal100: "42, 136, 121";
rgbDataTeal100: "37, 121, 107";
rgbDataPurple20: "244, 234, 248";
rgbDataPurple40: "226, 198, 236";
rgbDataPurple60: "210, 161, 227";
rgbDataPurple80: "197, 116, 228";
rgbDataPurple100: "158, 61, 194";
rgbDataPink20: "248, 233, 242";
rgbDataPink40: "235, 197, 222";
rgbDataPink60: "226, 157, 201";
rgbDataPink80: "226, 106, 181";
rgbDataPink100: "181, 59, 140";
rgbDataAqua20: "227, 241, 246";

@@ -672,3 +668,3 @@ rgbDataAqua40: "177, 218, 228";

rgbDataAqua80: "66, 171, 194";
rgbDataAqua100: "46, 132, 149";
rgbDataAqua100: "41, 117, 133";
rgbDataBlue20: "230, 239, 247";

@@ -678,3 +674,3 @@ rgbDataBlue40: "191, 213, 233";

rgbDataBlue80: "96, 161, 223";
rgbDataBlue100: "59, 123, 183";
rgbDataBlue100: "52, 109, 162";
rgbDataLazuli20: "236, 237, 249";

@@ -684,13 +680,33 @@ rgbDataLazuli40: "204, 207, 238";

rgbDataLazuli80: "127, 148, 242";
rgbDataLazuli100: "87, 104, 223";
rgbDataPurple20: "244, 234, 248";
rgbDataPurple40: "226, 198, 236";
rgbDataPurple60: "210, 161, 227";
rgbDataPurple80: "197, 116, 228";
rgbDataPurple100: "163, 69, 197";
rgbDataPink20: "248, 233, 242";
rgbDataPink40: "235, 197, 222";
rgbDataPink60: "226, 157, 201";
rgbDataPink80: "226, 106, 181";
rgbDataPink100: "188, 61, 145";
rgbDataLazuli100: "75, 92, 221";
rgbDataGreen20: "223, 245, 225";
rgbDataGreen40: "173, 226, 176";
rgbDataGreen60: "118, 206, 122";
rgbDataGreen80: "63, 184, 69";
rgbDataGreen100: "42, 121, 46";
rgbDataLime20: "241, 252, 220";
rgbDataLime40: "203, 237, 122";
rgbDataLime60: "167, 212, 65";
rgbDataLime80: "132, 186, 18";
rgbDataLime100: "88, 125, 12";
rgbDataOrange20: "250, 235, 220";
rgbDataOrange40: "245, 202, 163";
rgbDataOrange60: "237, 163, 94";
rgbDataOrange80: "229, 123, 26";
rgbDataOrange100: "164, 84, 10";
rgbDataPear20: "252, 252, 219";
rgbDataPear40: "232, 229, 76";
rgbDataPear60: "203, 201, 32";
rgbDataPear80: "175, 173, 7";
rgbDataPear100: "118, 118, 5";
rgbDataBrown20: "244, 237, 222";
rgbDataBrown40: "232, 207, 150";
rgbDataBrown60: "216, 177, 85";
rgbDataBrown80: "184, 151, 73";
rgbDataBrown100: "127, 103, 46";
rgbDataRed20: "247, 230, 232";
rgbDataRed40: "236, 199, 201";
rgbDataRed60: "230, 161, 165";
rgbDataRed80: "235, 112, 114";
rgbDataRed100: "187, 58, 66";
};

322

dist/flat.module.js

@@ -30,6 +30,6 @@ export const colorWhite = "#ffffff";

export const colorBlue60 = "#00cceb";
export const colorBlue70 = "#00b4d1";
export const colorBlue80 = "#0096af";
export const colorBlue90 = "#007a92";
export const colorBlue100 = "#005e72";
export const colorBlue70 = "#00a7c2";
export const colorBlue80 = "#008299";
export const colorBlue90 = "#006c80";
export const colorBlue100 = "#005766";
export const colorGreen5 = "#eeffef";

@@ -41,6 +41,6 @@ export const colorGreen10 = "#dbffdf";

export const colorGreen60 = "#31d962";
export const colorGreen70 = "#1fc052";
export const colorGreen80 = "#22a047";
export const colorGreen90 = "#1b8238";
export const colorGreen100 = "#006626";
export const colorGreen70 = "#1eb84f";
export const colorGreen80 = "#1d873c";
export const colorGreen90 = "#187233";
export const colorGreen100 = "#125426";
export const colorOrange5 = "#fff9ed";

@@ -70,3 +70,3 @@ export const colorOrange10 = "#fff2da";

export const dataRed80 = "#eb7072";
export const dataRed100 = "#c6434b";
export const dataRed100 = "#bb3a42";
export const dataOrange20 = "#faebdc";

@@ -76,3 +76,3 @@ export const dataOrange40 = "#f5caa3";

export const dataOrange80 = "#e57b1a";
export const dataOrange100 = "#b35d0a";
export const dataOrange100 = "#a4540a";
export const dataBrown20 = "#f4edde";

@@ -82,3 +82,3 @@ export const dataBrown40 = "#e8cf96";

export const dataBrown80 = "#b89749";
export const dataBrown100 = "#8e7333";
export const dataBrown100 = "#7f672e";
export const dataPear20 = "#fcfcdb";

@@ -88,3 +88,3 @@ export const dataPear40 = "#e8e54c";

export const dataPear80 = "#afad07";
export const dataPear100 = "#888705";
export const dataPear100 = "#767605";
export const dataLime20 = "#f1fcdc";

@@ -94,3 +94,3 @@ export const dataLime40 = "#cbed7a";

export const dataLime80 = "#84ba12";
export const dataLime100 = "#66910e";
export const dataLime100 = "#587d0c";
export const dataGreen20 = "#dff5e1";

@@ -100,3 +100,3 @@ export const dataGreen40 = "#ade2b0";

export const dataGreen80 = "#3fb845";
export const dataGreen100 = "#318d36";
export const dataGreen100 = "#2a792e";
export const dataTeal20 = "#dcf4ef";

@@ -106,3 +106,3 @@ export const dataTeal40 = "#a7dfd6";

export const dataTeal80 = "#3ab19e";
export const dataTeal100 = "#2a8879";
export const dataTeal100 = "#25796b";
export const dataAqua20 = "#e3f1f6";

@@ -112,3 +112,3 @@ export const dataAqua40 = "#b1dae4";

export const dataAqua80 = "#42abc2";
export const dataAqua100 = "#2e8495";
export const dataAqua100 = "#297585";
export const dataBlue20 = "#e6eff7";

@@ -118,3 +118,3 @@ export const dataBlue40 = "#bfd5e9";

export const dataBlue80 = "#60a1df";
export const dataBlue100 = "#3b7bb7";
export const dataBlue100 = "#346da2";
export const dataLazuli20 = "#ecedf9";

@@ -124,3 +124,3 @@ export const dataLazuli40 = "#cccfee";

export const dataLazuli80 = "#7f94f2";
export const dataLazuli100 = "#5768df";
export const dataLazuli100 = "#4b5cdd";
export const dataPurple20 = "#f4eaf8";

@@ -130,3 +130,3 @@ export const dataPurple40 = "#e2c6ec";

export const dataPurple80 = "#c574e4";
export const dataPurple100 = "#a345c5";
export const dataPurple100 = "#9e3dc2";
export const dataPink20 = "#f8e9f2";

@@ -136,16 +136,7 @@ export const dataPink40 = "#ebc5de";

export const dataPink80 = "#e26ab5";
export const dataPink100 = "#bc3d91";
export const backgroundCanvas = "#ffffff";
export const backgroundCanvasSubtle = "#f9fafb";
export const backgroundSurface = "#ffffff";
export const backgroundSurfaceSubtle = "#f3f5f6";
export const backgroundSurfaceContrast = "#082d35";
export const dataPink100 = "#b53b8c";
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";

@@ -162,5 +153,9 @@ export const backgroundNeutralStrong = "#223f44";

export const backgroundAccentHover = "#c4dbe0";
export const backgroundAccentActive = "#a8cbd3";
export const backgroundAccentBold = "#5b9ba9";
export const backgroundAccentBoldHover = "#388597";
export const backgroundAccentBoldActive = "#157084";
export const backgroundAccentStrong = "#157084";
export const backgroundAccentStrongHover = "#11596a";
export const backgroundAccentStrongActive = "#0c4957";
export const backgroundDangerSubtle = "#fff7f8";

@@ -171,5 +166,9 @@ export const backgroundDangerSubtleHover = "#ffeff0";

export const backgroundDangerHover = "#ffdbde";
export const backgroundDangerActive = "#ffbfc1";
export const backgroundDangerBold = "#ff3b3d";
export const backgroundDangerBoldHover = "#df001f";
export const backgroundDangerBoldActive = "#b20016";
export const backgroundDangerStrong = "#df001f";
export const backgroundDangerStrongHover = "#b20016";
export const backgroundDangerStrongActive = "#9d0012";
export const backgroundWarningSubtle = "#fff9ed";

@@ -180,5 +179,9 @@ export const backgroundWarningSubtleHover = "#fff2da";

export const backgroundWarningHover = "#ffecc8";
export const backgroundWarningActive = "#ffdd99";
export const backgroundWarningBold = "#ffb900";
export const backgroundWarningBoldHover = "#dc9f00";
export const backgroundWarningBoldActive = "#b17600";
export const backgroundWarningStrong = "#dc9f00";
export const backgroundWarningStrongHover = "#b17600";
export const backgroundWarningStrongActive = "#805400";
export const backgroundSuccessSubtle = "#eeffef";

@@ -189,5 +192,9 @@ export const backgroundSuccessSubtleHover = "#dbffdf";

export const backgroundSuccessHover = "#c6ffcd";
export const backgroundSuccessBold = "#22a047";
export const backgroundSuccessStrong = "#1b8238";
export const backgroundSuccessStrongHover = "#006626";
export const backgroundSuccessActive = "#b0ffbb";
export const backgroundSuccessBold = "#1eb84f";
export const backgroundSuccessBoldHover = "#1d873c";
export const backgroundSuccessBoldActive = "#187233";
export const backgroundSuccessStrong = "#1d873c";
export const backgroundSuccessStrongHover = "#187233";
export const backgroundSuccessStrongActive = "#125426";
export const backgroundInfoSubtle = "#f0fcff";

@@ -198,10 +205,11 @@ export const backgroundInfoSubtleHover = "#e1f9ff";

export const backgroundInfoHover = "#d0f6ff";
export const backgroundInfoBold = "#0096af";
export const backgroundInfoStrong = "#007a92";
export const backgroundInfoStrongHover = "#005e72";
export const backgroundInfoActive = "#bff3ff";
export const backgroundInfoBold = "#00a7c2";
export const backgroundInfoBoldHover = "#008299";
export const backgroundInfoBoldActive = "#006c80";
export const backgroundInfoStrong = "#008299";
export const backgroundInfoStrongHover = "#006c80";
export const backgroundInfoStrongActive = "#005766";
export const backgroundDisabled = "#e6ebec";
export const backgroundDisabledSubtle = "#f3f5f6";
export const backgroundInverse = "rgba(255, 255, 255, 0.113)";
export const foregroundBody = "#082d35";
export const foregroundLink = "#157084";
export const foregroundNeutral = "#082d35";

@@ -221,8 +229,8 @@ export const foregroundNeutralModerate = "#223f44";

export const foregroundWarningInverse = "#082d35";
export const foregroundSuccess = "#006626";
export const foregroundSuccessModerate = "#1b8238";
export const foregroundSuccessSubtle = "#1fc052";
export const foregroundInfo = "#005e72";
export const foregroundInfoModerate = "#007a92";
export const foregroundInfoSubtle = "#00b4d1";
export const foregroundSuccess = "#125426";
export const foregroundSuccessModerate = "#187233";
export const foregroundSuccessSubtle = "#1eb84f";
export const foregroundInfo = "#005766";
export const foregroundInfoModerate = "#006c80";
export const foregroundInfoSubtle = "#00a7c2";
export const foregroundDisabled = "#9dafb3";

@@ -239,2 +247,3 @@ export const foregroundDisabledSubtle = "#c2cdd0";

export const borderAccentHover = "#7eb0bc";
export const borderAccentActive = "#5b9ba9";
export const borderAccentBold = "#388597";

@@ -249,12 +258,11 @@ export const borderAccentStrong = "#11596a";

export const borderSuccess = "#7dfd95";
export const borderSuccessBold = "#1b8238";
export const borderSuccessStrong = "#006626";
export const borderSuccessBold = "#1d873c";
export const borderSuccessStrong = "#187233";
export const borderInfo = "#9aecff";
export const borderInfoBold = "#007a92";
export const borderInfoStrong = "#005e72";
export const borderInfoBold = "#008299";
export const borderInfoStrong = "#006c80";
export const borderDisabled = "#e6ebec";
export const borderDisabledSubtle = "#f3f5f6";
export const borderFocus = "#388597";
export const borderInverse = "rgba(255, 255, 255, 0.85)";
export const rgbBackgroundSurface = "255, 255, 255";
export const rgbBackgroundNeutralMinimal = "255, 255, 255";
export const rgbBackgroundNeutral = "230, 235, 236";

@@ -273,37 +281,7 @@ export const rgbBackgroundNeutralBold = "83, 116, 123";

export const rgbBackgroundSuccess = "219, 255, 223";
export const rgbBackgroundSuccessBold = "34, 160, 71";
export const rgbBackgroundSuccessStrong = "27, 130, 56";
export const rgbBackgroundSuccessBold = "30, 184, 79";
export const rgbBackgroundSuccessStrong = "29, 135, 60";
export const rgbBackgroundInfo = "225, 249, 255";
export const rgbBackgroundInfoBold = "0, 150, 175";
export const rgbBackgroundInfoStrong = "0, 122, 146";
export const rgbDataRed20 = "247, 230, 232";
export const rgbDataRed40 = "236, 199, 201";
export const rgbDataRed60 = "230, 161, 165";
export const rgbDataRed80 = "235, 112, 114";
export const rgbDataRed100 = "198, 67, 75";
export const rgbDataOrange20 = "250, 235, 220";
export const rgbDataOrange40 = "245, 202, 163";
export const rgbDataOrange60 = "237, 163, 94";
export const rgbDataOrange80 = "229, 123, 26";
export const rgbDataOrange100 = "179, 93, 10";
export const rgbDataBrown20 = "244, 237, 222";
export const rgbDataBrown40 = "232, 207, 150";
export const rgbDataBrown60 = "216, 177, 85";
export const rgbDataBrown80 = "184, 151, 73";
export const rgbDataBrown100 = "142, 115, 51";
export const rgbDataPear20 = "252, 252, 219";
export const rgbDataPear40 = "232, 229, 76";
export const rgbDataPear60 = "203, 201, 32";
export const rgbDataPear80 = "175, 173, 7";
export const rgbDataPear100 = "136, 135, 5";
export const rgbDataLime20 = "241, 252, 220";
export const rgbDataLime40 = "203, 237, 122";
export const rgbDataLime60 = "167, 212, 65";
export const rgbDataLime80 = "132, 186, 18";
export const rgbDataLime100 = "102, 145, 14";
export const rgbDataGreen20 = "223, 245, 225";
export const rgbDataGreen40 = "173, 226, 176";
export const rgbDataGreen60 = "118, 206, 122";
export const rgbDataGreen80 = "63, 184, 69";
export const rgbDataGreen100 = "49, 141, 54";
export const rgbBackgroundInfoBold = "0, 167, 194";
export const rgbBackgroundInfoStrong = "0, 130, 153";
export const rgbDataTeal20 = "220, 244, 239";

@@ -313,3 +291,13 @@ export const rgbDataTeal40 = "167, 223, 214";

export const rgbDataTeal80 = "58, 177, 158";
export const rgbDataTeal100 = "42, 136, 121";
export const rgbDataTeal100 = "37, 121, 107";
export const rgbDataPurple20 = "244, 234, 248";
export const rgbDataPurple40 = "226, 198, 236";
export const rgbDataPurple60 = "210, 161, 227";
export const rgbDataPurple80 = "197, 116, 228";
export const rgbDataPurple100 = "158, 61, 194";
export const rgbDataPink20 = "248, 233, 242";
export const rgbDataPink40 = "235, 197, 222";
export const rgbDataPink60 = "226, 157, 201";
export const rgbDataPink80 = "226, 106, 181";
export const rgbDataPink100 = "181, 59, 140";
export const rgbDataAqua20 = "227, 241, 246";

@@ -319,3 +307,3 @@ export const rgbDataAqua40 = "177, 218, 228";

export const rgbDataAqua80 = "66, 171, 194";
export const rgbDataAqua100 = "46, 132, 149";
export const rgbDataAqua100 = "41, 117, 133";
export const rgbDataBlue20 = "230, 239, 247";

@@ -325,3 +313,3 @@ export const rgbDataBlue40 = "191, 213, 233";

export const rgbDataBlue80 = "96, 161, 223";
export const rgbDataBlue100 = "59, 123, 183";
export const rgbDataBlue100 = "52, 109, 162";
export const rgbDataLazuli20 = "236, 237, 249";

@@ -331,13 +319,33 @@ export const rgbDataLazuli40 = "204, 207, 238";

export const rgbDataLazuli80 = "127, 148, 242";
export const rgbDataLazuli100 = "87, 104, 223";
export const rgbDataPurple20 = "244, 234, 248";
export const rgbDataPurple40 = "226, 198, 236";
export const rgbDataPurple60 = "210, 161, 227";
export const rgbDataPurple80 = "197, 116, 228";
export const rgbDataPurple100 = "163, 69, 197";
export const rgbDataPink20 = "248, 233, 242";
export const rgbDataPink40 = "235, 197, 222";
export const rgbDataPink60 = "226, 157, 201";
export const rgbDataPink80 = "226, 106, 181";
export const rgbDataPink100 = "188, 61, 145";
export const rgbDataLazuli100 = "75, 92, 221";
export const rgbDataGreen20 = "223, 245, 225";
export const rgbDataGreen40 = "173, 226, 176";
export const rgbDataGreen60 = "118, 206, 122";
export const rgbDataGreen80 = "63, 184, 69";
export const rgbDataGreen100 = "42, 121, 46";
export const rgbDataLime20 = "241, 252, 220";
export const rgbDataLime40 = "203, 237, 122";
export const rgbDataLime60 = "167, 212, 65";
export const rgbDataLime80 = "132, 186, 18";
export const rgbDataLime100 = "88, 125, 12";
export const rgbDataOrange20 = "250, 235, 220";
export const rgbDataOrange40 = "245, 202, 163";
export const rgbDataOrange60 = "237, 163, 94";
export const rgbDataOrange80 = "229, 123, 26";
export const rgbDataOrange100 = "164, 84, 10";
export const rgbDataPear20 = "252, 252, 219";
export const rgbDataPear40 = "232, 229, 76";
export const rgbDataPear60 = "203, 201, 32";
export const rgbDataPear80 = "175, 173, 7";
export const rgbDataPear100 = "118, 118, 5";
export const rgbDataBrown20 = "244, 237, 222";
export const rgbDataBrown40 = "232, 207, 150";
export const rgbDataBrown60 = "216, 177, 85";
export const rgbDataBrown80 = "184, 151, 73";
export const rgbDataBrown100 = "127, 103, 46";
export const rgbDataRed20 = "247, 230, 232";
export const rgbDataRed40 = "236, 199, 201";
export const rgbDataRed60 = "230, 161, 165";
export const rgbDataRed80 = "235, 112, 114";
export const rgbDataRed100 = "187, 58, 66";
export const core = {

@@ -471,15 +479,6 @@ colorWhite,

export const background = {
backgroundCanvas,
backgroundCanvasSubtle,
backgroundSurface,
backgroundSurfaceSubtle,
backgroundSurfaceContrast,
backgroundNeutralMinimal,
backgroundNeutralSubtle,
backgroundNeutralSubtleHover,
backgroundNeutralSubtleActive,
backgroundNeutralModerate,
backgroundNeutralModerateHover,
backgroundNeutral,
backgroundNeutralHover,
backgroundNeutralBold,

@@ -496,5 +495,9 @@ backgroundNeutralStrong,

backgroundAccentHover,
backgroundAccentActive,
backgroundAccentBold,
backgroundAccentBoldHover,
backgroundAccentBoldActive,
backgroundAccentStrong,
backgroundAccentStrongHover,
backgroundAccentStrongActive,
backgroundDangerSubtle,

@@ -505,5 +508,9 @@ backgroundDangerSubtleHover,

backgroundDangerHover,
backgroundDangerActive,
backgroundDangerBold,
backgroundDangerBoldHover,
backgroundDangerBoldActive,
backgroundDangerStrong,
backgroundDangerStrongHover,
backgroundDangerStrongActive,
backgroundWarningSubtle,

@@ -514,5 +521,9 @@ backgroundWarningSubtleHover,

backgroundWarningHover,
backgroundWarningActive,
backgroundWarningBold,
backgroundWarningBoldHover,
backgroundWarningBoldActive,
backgroundWarningStrong,
backgroundWarningStrongHover,
backgroundWarningStrongActive,
backgroundSuccessSubtle,

@@ -523,5 +534,9 @@ backgroundSuccessSubtleHover,

backgroundSuccessHover,
backgroundSuccessActive,
backgroundSuccessBold,
backgroundSuccessBoldHover,
backgroundSuccessBoldActive,
backgroundSuccessStrong,
backgroundSuccessStrongHover,
backgroundSuccessStrongActive,
backgroundInfoSubtle,

@@ -532,12 +547,13 @@ backgroundInfoSubtleHover,

backgroundInfoHover,
backgroundInfoActive,
backgroundInfoBold,
backgroundInfoBoldHover,
backgroundInfoBoldActive,
backgroundInfoStrong,
backgroundInfoStrongHover,
backgroundInfoStrongActive,
backgroundDisabled,
backgroundDisabledSubtle,
backgroundInverse
backgroundDisabledSubtle
};
export const foreground = {
foregroundBody,
foregroundLink,
foregroundNeutral,

@@ -576,2 +592,3 @@ foregroundNeutralModerate,

borderAccentHover,
borderAccentActive,
borderAccentBold,

@@ -593,7 +610,6 @@ borderAccentStrong,

borderDisabledSubtle,
borderFocus,
borderInverse
};
export const rgb = {
rgbBackgroundSurface,
rgbBackgroundNeutralMinimal,
rgbBackgroundNeutral,

@@ -617,32 +633,2 @@ rgbBackgroundNeutralBold,

rgbBackgroundInfoStrong,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataTeal20,

@@ -653,2 +639,12 @@ rgbDataTeal40,

rgbDataTeal100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100,
rgbDataAqua20,

@@ -669,12 +665,32 @@ rgbDataAqua40,

rgbDataLazuli100,
rgbDataPurple20,
rgbDataPurple40,
rgbDataPurple60,
rgbDataPurple80,
rgbDataPurple100,
rgbDataPink20,
rgbDataPink40,
rgbDataPink60,
rgbDataPink80,
rgbDataPink100
rgbDataGreen20,
rgbDataGreen40,
rgbDataGreen60,
rgbDataGreen80,
rgbDataGreen100,
rgbDataLime20,
rgbDataLime40,
rgbDataLime60,
rgbDataLime80,
rgbDataLime100,
rgbDataOrange20,
rgbDataOrange40,
rgbDataOrange60,
rgbDataOrange80,
rgbDataOrange100,
rgbDataPear20,
rgbDataPear40,
rgbDataPear60,
rgbDataPear80,
rgbDataPear100,
rgbDataBrown20,
rgbDataBrown40,
rgbDataBrown60,
rgbDataBrown80,
rgbDataBrown100,
rgbDataRed20,
rgbDataRed40,
rgbDataRed60,
rgbDataRed80,
rgbDataRed100
};

702

dist/generic.d.ts

@@ -150,3 +150,3 @@ export default tokens;

{
value: "#00b4d1"
value: "#00a7c2"
name: "colorBlue70"

@@ -156,3 +156,3 @@ path: string[]

{
value: "#0096af"
value: "#008299"
name: "colorBlue80"

@@ -162,3 +162,3 @@ path: string[]

{
value: "#007a92"
value: "#006c80"
name: "colorBlue90"

@@ -168,3 +168,3 @@ path: string[]

{
value: "#005e72"
value: "#005766"
name: "colorBlue100"

@@ -204,3 +204,3 @@ path: string[]

{
value: "#1fc052"
value: "#1eb84f"
name: "colorGreen70"

@@ -210,3 +210,3 @@ path: string[]

{
value: "#22a047"
value: "#1d873c"
name: "colorGreen80"

@@ -216,3 +216,3 @@ path: string[]

{
value: "#1b8238"
value: "#187233"
name: "colorGreen90"

@@ -222,3 +222,3 @@ path: string[]

{
value: "#006626"
value: "#125426"
name: "colorGreen100"

@@ -350,3 +350,3 @@ path: string[]

{
value: "#c6434b"
value: "#bb3a42"
name: "dataRed100"

@@ -376,3 +376,3 @@ path: string[]

{
value: "#b35d0a"
value: "#a4540a"
name: "dataOrange100"

@@ -402,3 +402,3 @@ path: string[]

{
value: "#8e7333"
value: "#7f672e"
name: "dataBrown100"

@@ -428,3 +428,3 @@ path: string[]

{
value: "#888705"
value: "#767605"
name: "dataPear100"

@@ -454,3 +454,3 @@ path: string[]

{
value: "#66910e"
value: "#587d0c"
name: "dataLime100"

@@ -480,3 +480,3 @@ path: string[]

{
value: "#318d36"
value: "#2a792e"
name: "dataGreen100"

@@ -506,3 +506,3 @@ path: string[]

{
value: "#2a8879"
value: "#25796b"
name: "dataTeal100"

@@ -532,3 +532,3 @@ path: string[]

{
value: "#2e8495"
value: "#297585"
name: "dataAqua100"

@@ -558,3 +558,3 @@ path: string[]

{
value: "#3b7bb7"
value: "#346da2"
name: "dataBlue100"

@@ -584,3 +584,3 @@ path: string[]

{
value: "#5768df"
value: "#4b5cdd"
name: "dataLazuli100"

@@ -610,3 +610,3 @@ path: string[]

{
value: "#a345c5"
value: "#9e3dc2"
name: "dataPurple100"

@@ -636,3 +636,3 @@ path: string[]

{
value: "#bc3d91"
value: "#b53b8c"
name: "dataPink100"

@@ -645,39 +645,4 @@ path: string[]

value: "#ffffff"
name: "backgroundCanvas"
description: "Canvas background. Used for the background of your app."
originalName: "backgroundNeutralMinimal"
path: string[]
},
{
value: "#f9fafb"
name: "backgroundCanvasSubtle"
description: "Subtle canvas background. Used for the background of your app, e.g. when you create a card-based layout."
originalName: "backgroundNeutralSubtle"
path: string[]
},
{
value: "#ffffff"
name: "backgroundSurface"
description: "Default surface background. Used for the background area of UI components like cards, inputs etc."
originalName: "backgroundNeutralMinimal"
path: string[]
},
{
value: "#f3f5f6"
name: "backgroundSurfaceSubtle"
description: "Subtle surface background. Used for the background area of components that should stand out somewhat against default surface or app canvas."
originalName: "backgroundNeutralModerate"
path: string[]
},
{
value: "#082d35"
name: "backgroundSurfaceContrast"
description: "Contrast surface background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
originalName: "backgroundNeutralContrast"
path: string[]
},
{
value: "#ffffff"
name: "backgroundNeutralMinimal"
description: "Minimal neutral background."
description: "Minimal neutral background. Used for the background area of your app and UI components like cards, inputs etc."
originalName: "colorWhite"

@@ -689,3 +654,3 @@ path: string[]

name: "backgroundNeutralSubtle"
description: "Subtle neutral background."
description: "Subtle neutral background. Used for the background of your app, e.g. when you create a card-based layout."
originalName: "colorGray0"

@@ -696,18 +661,4 @@ path: string[]

value: "#f3f5f6"
name: "backgroundNeutralSubtleHover"
description: "Subtle neutral background hover state."
originalName: "colorGray5"
path: string[]
},
{
value: "#e6ebec"
name: "backgroundNeutralSubtleActive"
description: "Subtle neutral background active state."
originalName: "colorGray10"
path: string[]
},
{
value: "#f3f5f6"
name: "backgroundNeutralModerate"
description: "Moderate neutral background."
description: "Moderate neutral background. Used for the background area of components that should stand out somewhat against minimal neutral surfaces."
originalName: "colorGray5"

@@ -718,9 +669,2 @@ path: string[]

value: "#e6ebec"
name: "backgroundNeutralModerateHover"
description: "Moderate neutral background hover state."
originalName: "colorGray10"
path: string[]
},
{
value: "#e6ebec"
name: "backgroundNeutral"

@@ -732,9 +676,2 @@ description: "Default neutral background."

{
value: "#c2cdd0"
name: "backgroundNeutralHover"
description: "Default neutral background hover state."
originalName: "colorGray20"
path: string[]
},
{
value: "#53747b"

@@ -756,3 +693,3 @@ name: "backgroundNeutralBold"

name: "backgroundNeutralContrast"
description: "Contrast neutral background."
description: "Contrast neutral background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
originalName: "colorGray100"

@@ -818,2 +755,9 @@ path: string[]

{
value: "#a8cbd3"
name: "backgroundAccentActive"
description: "Default accent background active state."
originalName: "colorAccent30"
path: string[]
},
{
value: "#5b9ba9"

@@ -826,3 +770,17 @@ name: "backgroundAccentBold"

{
value: "#388597"
name: "backgroundAccentBoldHover"
description: "Bold accent background hover state."
originalName: "colorAccent70"
path: string[]
},
{
value: "#157084"
name: "backgroundAccentBoldActive"
description: "Bold accent background active state."
originalName: "colorAccent80"
path: string[]
},
{
value: "#157084"
name: "backgroundAccentStrong"

@@ -841,2 +799,9 @@ description: "Strong accent background."

{
value: "#0c4957"
name: "backgroundAccentStrongActive"
description: "Strong accent background active state."
originalName: "colorAccent100"
path: string[]
},
{
value: "#fff7f8"

@@ -877,2 +842,9 @@ name: "backgroundDangerSubtle"

{
value: "#ffbfc1"
name: "backgroundDangerActive"
description: "Default danger background active state."
originalName: "colorRed30"
path: string[]
},
{
value: "#ff3b3d"

@@ -886,2 +858,16 @@ name: "backgroundDangerBold"

value: "#df001f"
name: "backgroundDangerBoldHover"
description: "Bold danger background hover state."
originalName: "colorRed80"
path: string[]
},
{
value: "#b20016"
name: "backgroundDangerBoldActive"
description: "Bold danger background active state."
originalName: "colorRed90"
path: string[]
},
{
value: "#df001f"
name: "backgroundDangerStrong"

@@ -900,2 +886,9 @@ description: "Strong danger background state."

{
value: "#9d0012"
name: "backgroundDangerStrongActive"
description: "Strong danger background active state."
originalName: "colorRed100"
path: string[]
},
{
value: "#fff9ed"

@@ -936,2 +929,9 @@ name: "backgroundWarningSubtle"

{
value: "#ffdd99"
name: "backgroundWarningActive"
description: "Default warning background active state."
originalName: "colorOrange30"
path: string[]
},
{
value: "#ffb900"

@@ -945,2 +945,16 @@ name: "backgroundWarningBold"

value: "#dc9f00"
name: "backgroundWarningBoldHover"
description: "Bold warning background hover state."
originalName: "colorOrange80"
path: string[]
},
{
value: "#b17600"
name: "backgroundWarningBoldActive"
description: "Bold warning background active state."
originalName: "colorOrange90"
path: string[]
},
{
value: "#dc9f00"
name: "backgroundWarningStrong"

@@ -959,2 +973,9 @@ description: "Strong warning background state."

{
value: "#805400"
name: "backgroundWarningStrongActive"
description: "Strong warning background active state."
originalName: "colorOrange100"
path: string[]
},
{
value: "#eeffef"

@@ -995,5 +1016,19 @@ name: "backgroundSuccessSubtle"

{
value: "#22a047"
value: "#b0ffbb"
name: "backgroundSuccessActive"
description: "Default success background active state."
originalName: "colorGreen30"
path: string[]
},
{
value: "#1eb84f"
name: "backgroundSuccessBold"
description: "Bold success background."
originalName: "colorGreen70"
path: string[]
},
{
value: "#1d873c"
name: "backgroundSuccessBoldHover"
description: "Bold success background hover state."
originalName: "colorGreen80"

@@ -1003,12 +1038,26 @@ path: string[]

{
value: "#1b8238"
value: "#187233"
name: "backgroundSuccessBoldActive"
description: "Bold success background active state."
originalName: "colorGreen90"
path: string[]
},
{
value: "#1d873c"
name: "backgroundSuccessStrong"
description: "Strong success background state."
originalName: "colorGreen90"
originalName: "colorGreen80"
path: string[]
},
{
value: "#006626"
value: "#187233"
name: "backgroundSuccessStrongHover"
description: "Strong success background hover state."
originalName: "colorGreen90"
path: string[]
},
{
value: "#125426"
name: "backgroundSuccessStrongActive"
description: "Strong success background active state."
originalName: "colorGreen100"

@@ -1053,5 +1102,19 @@ path: string[]

{
value: "#0096af"
value: "#bff3ff"
name: "backgroundInfoActive"
description: "Default info background active state."
originalName: "colorBlue30"
path: string[]
},
{
value: "#00a7c2"
name: "backgroundInfoBold"
description: "Bold info background."
originalName: "colorBlue70"
path: string[]
},
{
value: "#008299"
name: "backgroundInfoBoldHover"
description: "Bold info background hover state."
originalName: "colorBlue80"

@@ -1061,12 +1124,26 @@ path: string[]

{
value: "#007a92"
value: "#006c80"
name: "backgroundInfoBoldActive"
description: "Bold info background active state."
originalName: "colorBlue90"
path: string[]
},
{
value: "#008299"
name: "backgroundInfoStrong"
description: "Strong info background state."
originalName: "colorBlue90"
originalName: "colorBlue80"
path: string[]
},
{
value: "#005e72"
value: "#006c80"
name: "backgroundInfoStrongHover"
description: "Strong info background hover state."
originalName: "colorBlue90"
path: string[]
},
{
value: "#005766"
name: "backgroundInfoStrongActive"
description: "Strong info background active state."
originalName: "colorBlue100"

@@ -1088,9 +1165,2 @@ path: string[]

path: string[]
},
{
value: "rgba(255, 255, 255, 0.113)"
name: "backgroundInverse"
description: "Inverse background. Used for backgrounds of elements on a strong background."
originalName: "backgroundNeutralMinimal"
path: string[]
}

@@ -1101,16 +1171,2 @@ ],

value: "#082d35"
name: "foregroundBody"
description: "Body foreground. Used for the default body text of your app."
originalName: "foregroundNeutral"
path: string[]
},
{
value: "#157084"
name: "foregroundLink"
description: "Link foreground"
originalName: "foregroundAccentModerate"
path: string[]
},
{
value: "#082d35"
name: "foregroundNeutral"

@@ -1213,3 +1269,3 @@ description: "Default neutral foreground. Used for primary, high-contrast text."

{
value: "#006626"
value: "#125426"
name: "foregroundSuccess"

@@ -1221,3 +1277,3 @@ description: "Default success foreground."

{
value: "#1b8238"
value: "#187233"
name: "foregroundSuccessModerate"

@@ -1229,3 +1285,3 @@ description: "Moderate success foreground."

{
value: "#1fc052"
value: "#1eb84f"
name: "foregroundSuccessSubtle"

@@ -1237,3 +1293,3 @@ description: "Subtle success foreground."

{
value: "#005e72"
value: "#005766"
name: "foregroundInfo"

@@ -1245,3 +1301,3 @@ description: "Default info foreground."

{
value: "#007a92"
value: "#006c80"
name: "foregroundInfoModerate"

@@ -1253,3 +1309,3 @@ description: "Moderate info foreground."

{
value: "#00b4d1"
value: "#00a7c2"
name: "foregroundInfoSubtle"

@@ -1340,2 +1396,9 @@ description: "Subtle info foreground."

{
value: "#5b9ba9"
name: "borderAccentActive"
description: "Default accent border active state."
originalName: "colorAccent60"
path: string[]
},
{
value: "#388597"

@@ -1404,13 +1467,13 @@ name: "borderAccentBold"

{
value: "#1b8238"
value: "#1d873c"
name: "borderSuccessBold"
description: "Bold success border."
originalName: "colorGreen90"
originalName: "colorGreen80"
path: string[]
},
{
value: "#006626"
value: "#187233"
name: "borderSuccessStrong"
description: "Strong success border."
originalName: "colorGreen100"
originalName: "colorGreen90"
path: string[]

@@ -1426,13 +1489,13 @@ },

{
value: "#007a92"
value: "#008299"
name: "borderInfoBold"
description: "Bold info border."
originalName: "colorBlue90"
originalName: "colorBlue80"
path: string[]
},
{
value: "#005e72"
value: "#006c80"
name: "borderInfoStrong"
description: "Strong info border."
originalName: "colorBlue100"
originalName: "colorBlue90"
path: string[]

@@ -1455,9 +1518,2 @@ },

{
value: "#388597"
name: "borderFocus"
description: "Border focus state."
originalName: "borderAccentBold"
path: string[]
},
{
value: "rgba(255, 255, 255, 0.85)"

@@ -1473,4 +1529,4 @@ name: "borderInverse"

value: "255, 255, 255"
name: "rgbBackgroundSurface"
originalName: "backgroundSurface"
name: "rgbBackgroundNeutralMinimal"
originalName: "backgroundNeutralMinimal"
path: string[]

@@ -1557,3 +1613,3 @@ },

{
value: "34, 160, 71"
value: "30, 184, 79"
name: "rgbBackgroundSuccessBold"

@@ -1564,3 +1620,3 @@ originalName: "backgroundSuccessBold"

{
value: "27, 130, 56"
value: "29, 135, 60"
name: "rgbBackgroundSuccessStrong"

@@ -1577,3 +1633,3 @@ originalName: "backgroundSuccessStrong"

{
value: "0, 150, 175"
value: "0, 167, 194"
name: "rgbBackgroundInfoBold"

@@ -1584,3 +1640,3 @@ originalName: "backgroundInfoBold"

{
value: "0, 122, 146"
value: "0, 130, 153"
name: "rgbBackgroundInfoStrong"

@@ -1591,359 +1647,359 @@ originalName: "backgroundInfoStrong"

{
value: "247, 230, 232"
name: "rgbDataRed20"
originalName: "dataRed20"
value: "220, 244, 239"
name: "rgbDataTeal20"
originalName: "dataTeal20"
path: string[]
},
{
value: "236, 199, 201"
name: "rgbDataRed40"
originalName: "dataRed40"
value: "167, 223, 214"
name: "rgbDataTeal40"
originalName: "dataTeal40"
path: string[]
},
{
value: "230, 161, 165"
name: "rgbDataRed60"
originalName: "dataRed60"
value: "111, 201, 186"
name: "rgbDataTeal60"
originalName: "dataTeal60"
path: string[]
},
{
value: "235, 112, 114"
name: "rgbDataRed80"
originalName: "dataRed80"
value: "58, 177, 158"
name: "rgbDataTeal80"
originalName: "dataTeal80"
path: string[]
},
{
value: "198, 67, 75"
name: "rgbDataRed100"
originalName: "dataRed100"
value: "37, 121, 107"
name: "rgbDataTeal100"
originalName: "dataTeal100"
path: string[]
},
{
value: "250, 235, 220"
name: "rgbDataOrange20"
originalName: "dataOrange20"
value: "244, 234, 248"
name: "rgbDataPurple20"
originalName: "dataPurple20"
path: string[]
},
{
value: "245, 202, 163"
name: "rgbDataOrange40"
originalName: "dataOrange40"
value: "226, 198, 236"
name: "rgbDataPurple40"
originalName: "dataPurple40"
path: string[]
},
{
value: "237, 163, 94"
name: "rgbDataOrange60"
originalName: "dataOrange60"
value: "210, 161, 227"
name: "rgbDataPurple60"
originalName: "dataPurple60"
path: string[]
},
{
value: "229, 123, 26"
name: "rgbDataOrange80"
originalName: "dataOrange80"
value: "197, 116, 228"
name: "rgbDataPurple80"
originalName: "dataPurple80"
path: string[]
},
{
value: "179, 93, 10"
name: "rgbDataOrange100"
originalName: "dataOrange100"
value: "158, 61, 194"
name: "rgbDataPurple100"
originalName: "dataPurple100"
path: string[]
},
{
value: "244, 237, 222"
name: "rgbDataBrown20"
originalName: "dataBrown20"
value: "248, 233, 242"
name: "rgbDataPink20"
originalName: "dataPink20"
path: string[]
},
{
value: "232, 207, 150"
name: "rgbDataBrown40"
originalName: "dataBrown40"
value: "235, 197, 222"
name: "rgbDataPink40"
originalName: "dataPink40"
path: string[]
},
{
value: "216, 177, 85"
name: "rgbDataBrown60"
originalName: "dataBrown60"
value: "226, 157, 201"
name: "rgbDataPink60"
originalName: "dataPink60"
path: string[]
},
{
value: "184, 151, 73"
name: "rgbDataBrown80"
originalName: "dataBrown80"
value: "226, 106, 181"
name: "rgbDataPink80"
originalName: "dataPink80"
path: string[]
},
{
value: "142, 115, 51"
name: "rgbDataBrown100"
originalName: "dataBrown100"
value: "181, 59, 140"
name: "rgbDataPink100"
originalName: "dataPink100"
path: string[]
},
{
value: "252, 252, 219"
name: "rgbDataPear20"
originalName: "dataPear20"
value: "227, 241, 246"
name: "rgbDataAqua20"
originalName: "dataAqua20"
path: string[]
},
{
value: "232, 229, 76"
name: "rgbDataPear40"
originalName: "dataPear40"
value: "177, 218, 228"
name: "rgbDataAqua40"
originalName: "dataAqua40"
path: string[]
},
{
value: "203, 201, 32"
name: "rgbDataPear60"
originalName: "dataPear60"
value: "122, 196, 211"
name: "rgbDataAqua60"
originalName: "dataAqua60"
path: string[]
},
{
value: "175, 173, 7"
name: "rgbDataPear80"
originalName: "dataPear80"
value: "66, 171, 194"
name: "rgbDataAqua80"
originalName: "dataAqua80"
path: string[]
},
{
value: "136, 135, 5"
name: "rgbDataPear100"
originalName: "dataPear100"
value: "41, 117, 133"
name: "rgbDataAqua100"
originalName: "dataAqua100"
path: string[]
},
{
value: "241, 252, 220"
name: "rgbDataLime20"
originalName: "dataLime20"
value: "230, 239, 247"
name: "rgbDataBlue20"
originalName: "dataBlue20"
path: string[]
},
{
value: "203, 237, 122"
name: "rgbDataLime40"
originalName: "dataLime40"
value: "191, 213, 233"
name: "rgbDataBlue40"
originalName: "dataBlue40"
path: string[]
},
{
value: "167, 212, 65"
name: "rgbDataLime60"
originalName: "dataLime60"
value: "147, 187, 223"
name: "rgbDataBlue60"
originalName: "dataBlue60"
path: string[]
},
{
value: "132, 186, 18"
name: "rgbDataLime80"
originalName: "dataLime80"
value: "96, 161, 223"
name: "rgbDataBlue80"
originalName: "dataBlue80"
path: string[]
},
{
value: "102, 145, 14"
name: "rgbDataLime100"
originalName: "dataLime100"
value: "52, 109, 162"
name: "rgbDataBlue100"
originalName: "dataBlue100"
path: string[]
},
{
value: "223, 245, 225"
name: "rgbDataGreen20"
originalName: "dataGreen20"
value: "236, 237, 249"
name: "rgbDataLazuli20"
originalName: "dataLazuli20"
path: string[]
},
{
value: "173, 226, 176"
name: "rgbDataGreen40"
originalName: "dataGreen40"
value: "204, 207, 238"
name: "rgbDataLazuli40"
originalName: "dataLazuli40"
path: string[]
},
{
value: "118, 206, 122"
name: "rgbDataGreen60"
originalName: "dataGreen60"
value: "170, 178, 233"
name: "rgbDataLazuli60"
originalName: "dataLazuli60"
path: string[]
},
{
value: "63, 184, 69"
name: "rgbDataGreen80"
originalName: "dataGreen80"
value: "127, 148, 242"
name: "rgbDataLazuli80"
originalName: "dataLazuli80"
path: string[]
},
{
value: "49, 141, 54"
name: "rgbDataGreen100"
originalName: "dataGreen100"
value: "75, 92, 221"
name: "rgbDataLazuli100"
originalName: "dataLazuli100"
path: string[]
},
{
value: "220, 244, 239"
name: "rgbDataTeal20"
originalName: "dataTeal20"
value: "223, 245, 225"
name: "rgbDataGreen20"
originalName: "dataGreen20"
path: string[]
},
{
value: "167, 223, 214"
name: "rgbDataTeal40"
originalName: "dataTeal40"
value: "173, 226, 176"
name: "rgbDataGreen40"
originalName: "dataGreen40"
path: string[]
},
{
value: "111, 201, 186"
name: "rgbDataTeal60"
originalName: "dataTeal60"
value: "118, 206, 122"
name: "rgbDataGreen60"
originalName: "dataGreen60"
path: string[]
},
{
value: "58, 177, 158"
name: "rgbDataTeal80"
originalName: "dataTeal80"
value: "63, 184, 69"
name: "rgbDataGreen80"
originalName: "dataGreen80"
path: string[]
},
{
value: "42, 136, 121"
name: "rgbDataTeal100"
originalName: "dataTeal100"
value: "42, 121, 46"
name: "rgbDataGreen100"
originalName: "dataGreen100"
path: string[]
},
{
value: "227, 241, 246"
name: "rgbDataAqua20"
originalName: "dataAqua20"
value: "241, 252, 220"
name: "rgbDataLime20"
originalName: "dataLime20"
path: string[]
},
{
value: "177, 218, 228"
name: "rgbDataAqua40"
originalName: "dataAqua40"
value: "203, 237, 122"
name: "rgbDataLime40"
originalName: "dataLime40"
path: string[]
},
{
value: "122, 196, 211"
name: "rgbDataAqua60"
originalName: "dataAqua60"
value: "167, 212, 65"
name: "rgbDataLime60"
originalName: "dataLime60"
path: string[]
},
{
value: "66, 171, 194"
name: "rgbDataAqua80"
originalName: "dataAqua80"
value: "132, 186, 18"
name: "rgbDataLime80"
originalName: "dataLime80"
path: string[]
},
{
value: "46, 132, 149"
name: "rgbDataAqua100"
originalName: "dataAqua100"
value: "88, 125, 12"
name: "rgbDataLime100"
originalName: "dataLime100"
path: string[]
},
{
value: "230, 239, 247"
name: "rgbDataBlue20"
originalName: "dataBlue20"
value: "250, 235, 220"
name: "rgbDataOrange20"
originalName: "dataOrange20"
path: string[]
},
{
value: "191, 213, 233"
name: "rgbDataBlue40"
originalName: "dataBlue40"
value: "245, 202, 163"
name: "rgbDataOrange40"
originalName: "dataOrange40"
path: string[]
},
{
value: "147, 187, 223"
name: "rgbDataBlue60"
originalName: "dataBlue60"
value: "237, 163, 94"
name: "rgbDataOrange60"
originalName: "dataOrange60"
path: string[]
},
{
value: "96, 161, 223"
name: "rgbDataBlue80"
originalName: "dataBlue80"
value: "229, 123, 26"
name: "rgbDataOrange80"
originalName: "dataOrange80"
path: string[]
},
{
value: "59, 123, 183"
name: "rgbDataBlue100"
originalName: "dataBlue100"
value: "164, 84, 10"
name: "rgbDataOrange100"
originalName: "dataOrange100"
path: string[]
},
{
value: "236, 237, 249"
name: "rgbDataLazuli20"
originalName: "dataLazuli20"
value: "252, 252, 219"
name: "rgbDataPear20"
originalName: "dataPear20"
path: string[]
},
{
value: "204, 207, 238"
name: "rgbDataLazuli40"
originalName: "dataLazuli40"
value: "232, 229, 76"
name: "rgbDataPear40"
originalName: "dataPear40"
path: string[]
},
{
value: "170, 178, 233"
name: "rgbDataLazuli60"
originalName: "dataLazuli60"
value: "203, 201, 32"
name: "rgbDataPear60"
originalName: "dataPear60"
path: string[]
},
{
value: "127, 148, 242"
name: "rgbDataLazuli80"
originalName: "dataLazuli80"
value: "175, 173, 7"
name: "rgbDataPear80"
originalName: "dataPear80"
path: string[]
},
{
value: "87, 104, 223"
name: "rgbDataLazuli100"
originalName: "dataLazuli100"
value: "118, 118, 5"
name: "rgbDataPear100"
originalName: "dataPear100"
path: string[]
},
{
value: "244, 234, 248"
name: "rgbDataPurple20"
originalName: "dataPurple20"
value: "244, 237, 222"
name: "rgbDataBrown20"
originalName: "dataBrown20"
path: string[]
},
{
value: "226, 198, 236"
name: "rgbDataPurple40"
originalName: "dataPurple40"
value: "232, 207, 150"
name: "rgbDataBrown40"
originalName: "dataBrown40"
path: string[]
},
{
value: "210, 161, 227"
name: "rgbDataPurple60"
originalName: "dataPurple60"
value: "216, 177, 85"
name: "rgbDataBrown60"
originalName: "dataBrown60"
path: string[]
},
{
value: "197, 116, 228"
name: "rgbDataPurple80"
originalName: "dataPurple80"
value: "184, 151, 73"
name: "rgbDataBrown80"
originalName: "dataBrown80"
path: string[]
},
{
value: "163, 69, 197"
name: "rgbDataPurple100"
originalName: "dataPurple100"
value: "127, 103, 46"
name: "rgbDataBrown100"
originalName: "dataBrown100"
path: string[]
},
{
value: "248, 233, 242"
name: "rgbDataPink20"
originalName: "dataPink20"
value: "247, 230, 232"
name: "rgbDataRed20"
originalName: "dataRed20"
path: string[]
},
{
value: "235, 197, 222"
name: "rgbDataPink40"
originalName: "dataPink40"
value: "236, 199, 201"
name: "rgbDataRed40"
originalName: "dataRed40"
path: string[]
},
{
value: "226, 157, 201"
name: "rgbDataPink60"
originalName: "dataPink60"
value: "230, 161, 165"
name: "rgbDataRed60"
originalName: "dataRed60"
path: string[]
},
{
value: "226, 106, 181"
name: "rgbDataPink80"
originalName: "dataPink80"
value: "235, 112, 114"
name: "rgbDataRed80"
originalName: "dataRed80"
path: string[]
},
{
value: "188, 61, 145"
name: "rgbDataPink100"
originalName: "dataPink100"
value: "187, 58, 66"
name: "rgbDataRed100"
originalName: "dataRed100"
path: string[]

@@ -1950,0 +2006,0 @@ }

240

dist/index.common.js

@@ -32,6 +32,6 @@ module.exports = {

"blue60": "#00cceb",
"blue70": "#00b4d1",
"blue80": "#0096af",
"blue90": "#007a92",
"blue100": "#005e72",
"blue70": "#00a7c2",
"blue80": "#008299",
"blue90": "#006c80",
"blue100": "#005766",
"green5": "#eeffef",

@@ -43,6 +43,6 @@ "green10": "#dbffdf",

"green60": "#31d962",
"green70": "#1fc052",
"green80": "#22a047",
"green90": "#1b8238",
"green100": "#006626",
"green70": "#1eb84f",
"green80": "#1d873c",
"green90": "#187233",
"green100": "#125426",
"orange5": "#fff9ed",

@@ -74,3 +74,3 @@ "orange10": "#fff2da",

"red80": "#eb7072",
"red100": "#c6434b",
"red100": "#bb3a42",
"orange20": "#faebdc",

@@ -80,3 +80,3 @@ "orange40": "#f5caa3",

"orange80": "#e57b1a",
"orange100": "#b35d0a",
"orange100": "#a4540a",
"brown20": "#f4edde",

@@ -86,3 +86,3 @@ "brown40": "#e8cf96",

"brown80": "#b89749",
"brown100": "#8e7333",
"brown100": "#7f672e",
"pear20": "#fcfcdb",

@@ -92,3 +92,3 @@ "pear40": "#e8e54c",

"pear80": "#afad07",
"pear100": "#888705",
"pear100": "#767605",
"lime20": "#f1fcdc",

@@ -98,3 +98,3 @@ "lime40": "#cbed7a",

"lime80": "#84ba12",
"lime100": "#66910e",
"lime100": "#587d0c",
"green20": "#dff5e1",

@@ -104,3 +104,3 @@ "green40": "#ade2b0",

"green80": "#3fb845",
"green100": "#318d36",
"green100": "#2a792e",
"teal20": "#dcf4ef",

@@ -110,3 +110,3 @@ "teal40": "#a7dfd6",

"teal80": "#3ab19e",
"teal100": "#2a8879",
"teal100": "#25796b",
"aqua20": "#e3f1f6",

@@ -116,3 +116,3 @@ "aqua40": "#b1dae4",

"aqua80": "#42abc2",
"aqua100": "#2e8495",
"aqua100": "#297585",
"blue20": "#e6eff7",

@@ -122,3 +122,3 @@ "blue40": "#bfd5e9",

"blue80": "#60a1df",
"blue100": "#3b7bb7",
"blue100": "#346da2",
"lazuli20": "#ecedf9",

@@ -128,3 +128,3 @@ "lazuli40": "#cccfee",

"lazuli80": "#7f94f2",
"lazuli100": "#5768df",
"lazuli100": "#4b5cdd",
"purple20": "#f4eaf8",

@@ -134,3 +134,3 @@ "purple40": "#e2c6ec",

"purple80": "#c574e4",
"purple100": "#a345c5",
"purple100": "#9e3dc2",
"pink20": "#f8e9f2",

@@ -140,27 +140,10 @@ "pink40": "#ebc5de",

"pink80": "#e26ab5",
"pink100": "#bc3d91"
"pink100": "#b53b8c"
},
"background": {
"canvas": {
"default": "#ffffff",
"subtle": "#f9fafb"
},
"surface": {
"default": "#ffffff",
"subtle": "#f3f5f6",
"contrast": "#082d35"
},
"neutral": {
"minimal": "#ffffff",
"subtle": {
"default": "#f9fafb",
"hover": "#f3f5f6",
"active": "#e6ebec"
},
"moderate": {
"default": "#f3f5f6",
"hover": "#e6ebec"
},
"subtle": "#f9fafb",
"moderate": "#f3f5f6",
"default": "#e6ebec",
"hover": "#c2cdd0",
"bold": "#53747b",

@@ -183,6 +166,12 @@ "strong": "#223f44",

"hover": "#c4dbe0",
"bold": "#5b9ba9",
"active": "#a8cbd3",
"bold": {
"default": "#5b9ba9",
"hover": "#388597",
"active": "#157084"
},
"strong": {
"default": "#157084",
"hover": "#11596a"
"hover": "#11596a",
"active": "#0c4957"
}

@@ -198,6 +187,12 @@ },

"hover": "#ffdbde",
"bold": "#ff3b3d",
"active": "#ffbfc1",
"bold": {
"default": "#ff3b3d",
"hover": "#df001f",
"active": "#b20016"
},
"strong": {
"default": "#df001f",
"hover": "#b20016"
"hover": "#b20016",
"active": "#9d0012"
}

@@ -213,6 +208,12 @@ },

"hover": "#ffecc8",
"bold": "#ffb900",
"active": "#ffdd99",
"bold": {
"default": "#ffb900",
"hover": "#dc9f00",
"active": "#b17600"
},
"strong": {
"default": "#dc9f00",
"hover": "#b17600"
"hover": "#b17600",
"active": "#805400"
}

@@ -228,6 +229,12 @@ },

"hover": "#c6ffcd",
"bold": "#22a047",
"active": "#b0ffbb",
"bold": {
"default": "#1eb84f",
"hover": "#1d873c",
"active": "#187233"
},
"strong": {
"default": "#1b8238",
"hover": "#006626"
"default": "#1d873c",
"hover": "#187233",
"active": "#125426"
}

@@ -243,6 +250,12 @@ },

"hover": "#d0f6ff",
"bold": "#0096af",
"active": "#bff3ff",
"bold": {
"default": "#00a7c2",
"hover": "#008299",
"active": "#006c80"
},
"strong": {
"default": "#007a92",
"hover": "#005e72"
"default": "#008299",
"hover": "#006c80",
"active": "#005766"
}

@@ -253,8 +266,5 @@ },

"subtle": "#f3f5f6"
},
"inverse": "rgba(255, 255, 255, 0.113)"
}
},
"foreground": {
"body": "#082d35",
"link": "#157084",
"neutral": {

@@ -283,10 +293,10 @@ "default": "#082d35",

"success": {
"default": "#006626",
"moderate": "#1b8238",
"subtle": "#1fc052"
"default": "#125426",
"moderate": "#187233",
"subtle": "#1eb84f"
},
"info": {
"default": "#005e72",
"moderate": "#007a92",
"subtle": "#00b4d1"
"default": "#005766",
"moderate": "#006c80",
"subtle": "#00a7c2"
},

@@ -311,2 +321,3 @@ "disabled": {

"hover": "#7eb0bc",
"active": "#5b9ba9",
"bold": "#388597",

@@ -327,9 +338,9 @@ "strong": "#11596a"

"default": "#7dfd95",
"bold": "#1b8238",
"strong": "#006626"
"bold": "#1d873c",
"strong": "#187233"
},
"info": {
"default": "#9aecff",
"bold": "#007a92",
"strong": "#005e72"
"bold": "#008299",
"strong": "#006c80"
},

@@ -340,3 +351,2 @@ "disabled": {

},
"focus": "#388597",
"inverse": "rgba(255, 255, 255, 0.85)"

@@ -346,4 +356,4 @@ },

"background": {
"surface": "255, 255, 255",
"neutral": {
"minimal": "255, 255, 255",
"default": "230, 235, 236",

@@ -370,42 +380,12 @@ "bold": "83, 116, 123",

"default": "219, 255, 223",
"bold": "34, 160, 71",
"strong": "27, 130, 56"
"bold": "30, 184, 79",
"strong": "29, 135, 60"
},
"info": {
"default": "225, 249, 255",
"bold": "0, 150, 175",
"strong": "0, 122, 146"
"bold": "0, 167, 194",
"strong": "0, 130, 153"
}
},
"data": {
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "198, 67, 75",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "179, 93, 10",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "142, 115, 51",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "136, 135, 5",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "102, 145, 14",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "49, 141, 54",
"teal20": "220, 244, 239",

@@ -415,3 +395,13 @@ "teal40": "167, 223, 214",

"teal80": "58, 177, 158",
"teal100": "42, 136, 121",
"teal100": "37, 121, 107",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "158, 61, 194",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "181, 59, 140",
"aqua20": "227, 241, 246",

@@ -421,3 +411,3 @@ "aqua40": "177, 218, 228",

"aqua80": "66, 171, 194",
"aqua100": "46, 132, 149",
"aqua100": "41, 117, 133",
"blue20": "230, 239, 247",

@@ -427,3 +417,3 @@ "blue40": "191, 213, 233",

"blue80": "96, 161, 223",
"blue100": "59, 123, 183",
"blue100": "52, 109, 162",
"lazuli20": "236, 237, 249",

@@ -433,15 +423,35 @@ "lazuli40": "204, 207, 238",

"lazuli80": "127, 148, 242",
"lazuli100": "87, 104, 223",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "163, 69, 197",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "188, 61, 145"
"lazuli100": "75, 92, 221",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "42, 121, 46",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "88, 125, 12",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "164, 84, 10",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "118, 118, 5",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "127, 103, 46",
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "187, 58, 66"
}
}
};

240

dist/index.d.ts

@@ -33,6 +33,6 @@ export default tokens;

"blue60": "#00cceb",
"blue70": "#00b4d1",
"blue80": "#0096af",
"blue90": "#007a92",
"blue100": "#005e72",
"blue70": "#00a7c2",
"blue80": "#008299",
"blue90": "#006c80",
"blue100": "#005766",
"green5": "#eeffef",

@@ -44,6 +44,6 @@ "green10": "#dbffdf",

"green60": "#31d962",
"green70": "#1fc052",
"green80": "#22a047",
"green90": "#1b8238",
"green100": "#006626",
"green70": "#1eb84f",
"green80": "#1d873c",
"green90": "#187233",
"green100": "#125426",
"orange5": "#fff9ed",

@@ -75,3 +75,3 @@ "orange10": "#fff2da",

"red80": "#eb7072",
"red100": "#c6434b",
"red100": "#bb3a42",
"orange20": "#faebdc",

@@ -81,3 +81,3 @@ "orange40": "#f5caa3",

"orange80": "#e57b1a",
"orange100": "#b35d0a",
"orange100": "#a4540a",
"brown20": "#f4edde",

@@ -87,3 +87,3 @@ "brown40": "#e8cf96",

"brown80": "#b89749",
"brown100": "#8e7333",
"brown100": "#7f672e",
"pear20": "#fcfcdb",

@@ -93,3 +93,3 @@ "pear40": "#e8e54c",

"pear80": "#afad07",
"pear100": "#888705",
"pear100": "#767605",
"lime20": "#f1fcdc",

@@ -99,3 +99,3 @@ "lime40": "#cbed7a",

"lime80": "#84ba12",
"lime100": "#66910e",
"lime100": "#587d0c",
"green20": "#dff5e1",

@@ -105,3 +105,3 @@ "green40": "#ade2b0",

"green80": "#3fb845",
"green100": "#318d36",
"green100": "#2a792e",
"teal20": "#dcf4ef",

@@ -111,3 +111,3 @@ "teal40": "#a7dfd6",

"teal80": "#3ab19e",
"teal100": "#2a8879",
"teal100": "#25796b",
"aqua20": "#e3f1f6",

@@ -117,3 +117,3 @@ "aqua40": "#b1dae4",

"aqua80": "#42abc2",
"aqua100": "#2e8495",
"aqua100": "#297585",
"blue20": "#e6eff7",

@@ -123,3 +123,3 @@ "blue40": "#bfd5e9",

"blue80": "#60a1df",
"blue100": "#3b7bb7",
"blue100": "#346da2",
"lazuli20": "#ecedf9",

@@ -129,3 +129,3 @@ "lazuli40": "#cccfee",

"lazuli80": "#7f94f2",
"lazuli100": "#5768df",
"lazuli100": "#4b5cdd",
"purple20": "#f4eaf8",

@@ -135,3 +135,3 @@ "purple40": "#e2c6ec",

"purple80": "#c574e4",
"purple100": "#a345c5",
"purple100": "#9e3dc2",
"pink20": "#f8e9f2",

@@ -141,27 +141,10 @@ "pink40": "#ebc5de",

"pink80": "#e26ab5",
"pink100": "#bc3d91"
"pink100": "#b53b8c"
},
"background": {
"canvas": {
"default": "#ffffff",
"subtle": "#f9fafb"
},
"surface": {
"default": "#ffffff",
"subtle": "#f3f5f6",
"contrast": "#082d35"
},
"neutral": {
"minimal": "#ffffff",
"subtle": {
"default": "#f9fafb",
"hover": "#f3f5f6",
"active": "#e6ebec"
},
"moderate": {
"default": "#f3f5f6",
"hover": "#e6ebec"
},
"subtle": "#f9fafb",
"moderate": "#f3f5f6",
"default": "#e6ebec",
"hover": "#c2cdd0",
"bold": "#53747b",

@@ -184,6 +167,12 @@ "strong": "#223f44",

"hover": "#c4dbe0",
"bold": "#5b9ba9",
"active": "#a8cbd3",
"bold": {
"default": "#5b9ba9",
"hover": "#388597",
"active": "#157084"
},
"strong": {
"default": "#157084",
"hover": "#11596a"
"hover": "#11596a",
"active": "#0c4957"
}

@@ -199,6 +188,12 @@ },

"hover": "#ffdbde",
"bold": "#ff3b3d",
"active": "#ffbfc1",
"bold": {
"default": "#ff3b3d",
"hover": "#df001f",
"active": "#b20016"
},
"strong": {
"default": "#df001f",
"hover": "#b20016"
"hover": "#b20016",
"active": "#9d0012"
}

@@ -214,6 +209,12 @@ },

"hover": "#ffecc8",
"bold": "#ffb900",
"active": "#ffdd99",
"bold": {
"default": "#ffb900",
"hover": "#dc9f00",
"active": "#b17600"
},
"strong": {
"default": "#dc9f00",
"hover": "#b17600"
"hover": "#b17600",
"active": "#805400"
}

@@ -229,6 +230,12 @@ },

"hover": "#c6ffcd",
"bold": "#22a047",
"active": "#b0ffbb",
"bold": {
"default": "#1eb84f",
"hover": "#1d873c",
"active": "#187233"
},
"strong": {
"default": "#1b8238",
"hover": "#006626"
"default": "#1d873c",
"hover": "#187233",
"active": "#125426"
}

@@ -244,6 +251,12 @@ },

"hover": "#d0f6ff",
"bold": "#0096af",
"active": "#bff3ff",
"bold": {
"default": "#00a7c2",
"hover": "#008299",
"active": "#006c80"
},
"strong": {
"default": "#007a92",
"hover": "#005e72"
"default": "#008299",
"hover": "#006c80",
"active": "#005766"
}

@@ -254,8 +267,5 @@ },

"subtle": "#f3f5f6"
},
"inverse": "rgba(255, 255, 255, 0.113)"
}
},
"foreground": {
"body": "#082d35",
"link": "#157084",
"neutral": {

@@ -284,10 +294,10 @@ "default": "#082d35",

"success": {
"default": "#006626",
"moderate": "#1b8238",
"subtle": "#1fc052"
"default": "#125426",
"moderate": "#187233",
"subtle": "#1eb84f"
},
"info": {
"default": "#005e72",
"moderate": "#007a92",
"subtle": "#00b4d1"
"default": "#005766",
"moderate": "#006c80",
"subtle": "#00a7c2"
},

@@ -312,2 +322,3 @@ "disabled": {

"hover": "#7eb0bc",
"active": "#5b9ba9",
"bold": "#388597",

@@ -328,9 +339,9 @@ "strong": "#11596a"

"default": "#7dfd95",
"bold": "#1b8238",
"strong": "#006626"
"bold": "#1d873c",
"strong": "#187233"
},
"info": {
"default": "#9aecff",
"bold": "#007a92",
"strong": "#005e72"
"bold": "#008299",
"strong": "#006c80"
},

@@ -341,3 +352,2 @@ "disabled": {

},
"focus": "#388597",
"inverse": "rgba(255, 255, 255, 0.85)"

@@ -347,4 +357,4 @@ },

"background": {
"surface": "255, 255, 255",
"neutral": {
"minimal": "255, 255, 255",
"default": "230, 235, 236",

@@ -371,42 +381,12 @@ "bold": "83, 116, 123",

"default": "219, 255, 223",
"bold": "34, 160, 71",
"strong": "27, 130, 56"
"bold": "30, 184, 79",
"strong": "29, 135, 60"
},
"info": {
"default": "225, 249, 255",
"bold": "0, 150, 175",
"strong": "0, 122, 146"
"bold": "0, 167, 194",
"strong": "0, 130, 153"
}
},
"data": {
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "198, 67, 75",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "179, 93, 10",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "142, 115, 51",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "136, 135, 5",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "102, 145, 14",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "49, 141, 54",
"teal20": "220, 244, 239",

@@ -416,3 +396,13 @@ "teal40": "167, 223, 214",

"teal80": "58, 177, 158",
"teal100": "42, 136, 121",
"teal100": "37, 121, 107",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "158, 61, 194",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "181, 59, 140",
"aqua20": "227, 241, 246",

@@ -422,3 +412,3 @@ "aqua40": "177, 218, 228",

"aqua80": "66, 171, 194",
"aqua100": "46, 132, 149",
"aqua100": "41, 117, 133",
"blue20": "230, 239, 247",

@@ -428,3 +418,3 @@ "blue40": "191, 213, 233",

"blue80": "96, 161, 223",
"blue100": "59, 123, 183",
"blue100": "52, 109, 162",
"lazuli20": "236, 237, 249",

@@ -434,15 +424,35 @@ "lazuli40": "204, 207, 238",

"lazuli80": "127, 148, 242",
"lazuli100": "87, 104, 223",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "163, 69, 197",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "188, 61, 145"
"lazuli100": "75, 92, 221",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "42, 121, 46",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "88, 125, 12",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "164, 84, 10",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "118, 118, 5",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "127, 103, 46",
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "187, 58, 66"
}
}
};

204

dist/index.json

@@ -31,6 +31,6 @@ {

"COLOR_BLUE60": "#00cceb",
"COLOR_BLUE70": "#00b4d1",
"COLOR_BLUE80": "#0096af",
"COLOR_BLUE90": "#007a92",
"COLOR_BLUE100": "#005e72",
"COLOR_BLUE70": "#00a7c2",
"COLOR_BLUE80": "#008299",
"COLOR_BLUE90": "#006c80",
"COLOR_BLUE100": "#005766",
"COLOR_GREEN5": "#eeffef",

@@ -42,6 +42,6 @@ "COLOR_GREEN10": "#dbffdf",

"COLOR_GREEN60": "#31d962",
"COLOR_GREEN70": "#1fc052",
"COLOR_GREEN80": "#22a047",
"COLOR_GREEN90": "#1b8238",
"COLOR_GREEN100": "#006626",
"COLOR_GREEN70": "#1eb84f",
"COLOR_GREEN80": "#1d873c",
"COLOR_GREEN90": "#187233",
"COLOR_GREEN100": "#125426",
"COLOR_ORANGE5": "#fff9ed",

@@ -71,3 +71,3 @@ "COLOR_ORANGE10": "#fff2da",

"COLOR_DATA_RED80": "#eb7072",
"COLOR_DATA_RED100": "#c6434b",
"COLOR_DATA_RED100": "#bb3a42",
"COLOR_DATA_ORANGE20": "#faebdc",

@@ -77,3 +77,3 @@ "COLOR_DATA_ORANGE40": "#f5caa3",

"COLOR_DATA_ORANGE80": "#e57b1a",
"COLOR_DATA_ORANGE100": "#b35d0a",
"COLOR_DATA_ORANGE100": "#a4540a",
"COLOR_DATA_BROWN20": "#f4edde",

@@ -83,3 +83,3 @@ "COLOR_DATA_BROWN40": "#e8cf96",

"COLOR_DATA_BROWN80": "#b89749",
"COLOR_DATA_BROWN100": "#8e7333",
"COLOR_DATA_BROWN100": "#7f672e",
"COLOR_DATA_PEAR20": "#fcfcdb",

@@ -89,3 +89,3 @@ "COLOR_DATA_PEAR40": "#e8e54c",

"COLOR_DATA_PEAR80": "#afad07",
"COLOR_DATA_PEAR100": "#888705",
"COLOR_DATA_PEAR100": "#767605",
"COLOR_DATA_LIME20": "#f1fcdc",

@@ -95,3 +95,3 @@ "COLOR_DATA_LIME40": "#cbed7a",

"COLOR_DATA_LIME80": "#84ba12",
"COLOR_DATA_LIME100": "#66910e",
"COLOR_DATA_LIME100": "#587d0c",
"COLOR_DATA_GREEN20": "#dff5e1",

@@ -101,3 +101,3 @@ "COLOR_DATA_GREEN40": "#ade2b0",

"COLOR_DATA_GREEN80": "#3fb845",
"COLOR_DATA_GREEN100": "#318d36",
"COLOR_DATA_GREEN100": "#2a792e",
"COLOR_DATA_TEAL20": "#dcf4ef",

@@ -107,3 +107,3 @@ "COLOR_DATA_TEAL40": "#a7dfd6",

"COLOR_DATA_TEAL80": "#3ab19e",
"COLOR_DATA_TEAL100": "#2a8879",
"COLOR_DATA_TEAL100": "#25796b",
"COLOR_DATA_AQUA20": "#e3f1f6",

@@ -113,3 +113,3 @@ "COLOR_DATA_AQUA40": "#b1dae4",

"COLOR_DATA_AQUA80": "#42abc2",
"COLOR_DATA_AQUA100": "#2e8495",
"COLOR_DATA_AQUA100": "#297585",
"COLOR_DATA_BLUE20": "#e6eff7",

@@ -119,3 +119,3 @@ "COLOR_DATA_BLUE40": "#bfd5e9",

"COLOR_DATA_BLUE80": "#60a1df",
"COLOR_DATA_BLUE100": "#3b7bb7",
"COLOR_DATA_BLUE100": "#346da2",
"COLOR_DATA_LAZULI20": "#ecedf9",

@@ -125,3 +125,3 @@ "COLOR_DATA_LAZULI40": "#cccfee",

"COLOR_DATA_LAZULI80": "#7f94f2",
"COLOR_DATA_LAZULI100": "#5768df",
"COLOR_DATA_LAZULI100": "#4b5cdd",
"COLOR_DATA_PURPLE20": "#f4eaf8",

@@ -131,3 +131,3 @@ "COLOR_DATA_PURPLE40": "#e2c6ec",

"COLOR_DATA_PURPLE80": "#c574e4",
"COLOR_DATA_PURPLE100": "#a345c5",
"COLOR_DATA_PURPLE100": "#9e3dc2",
"COLOR_DATA_PINK20": "#f8e9f2",

@@ -137,16 +137,7 @@ "COLOR_DATA_PINK40": "#ebc5de",

"COLOR_DATA_PINK80": "#e26ab5",
"COLOR_DATA_PINK100": "#bc3d91",
"COLOR_BACKGROUND_CANVAS": "#ffffff",
"COLOR_BACKGROUND_CANVAS_SUBTLE": "#f9fafb",
"COLOR_BACKGROUND_SURFACE": "#ffffff",
"COLOR_BACKGROUND_SURFACE_SUBTLE": "#f3f5f6",
"COLOR_BACKGROUND_SURFACE_CONTRAST": "#082d35",
"COLOR_DATA_PINK100": "#b53b8c",
"COLOR_BACKGROUND_NEUTRAL_MINIMAL": "#ffffff",
"COLOR_BACKGROUND_NEUTRAL_SUBTLE": "#f9fafb",
"COLOR_BACKGROUND_NEUTRAL_SUBTLE_HOVER": "#f3f5f6",
"COLOR_BACKGROUND_NEUTRAL_SUBTLE_ACTIVE": "#e6ebec",
"COLOR_BACKGROUND_NEUTRAL_MODERATE": "#f3f5f6",
"COLOR_BACKGROUND_NEUTRAL_MODERATE_HOVER": "#e6ebec",
"COLOR_BACKGROUND_NEUTRAL": "#e6ebec",
"COLOR_BACKGROUND_NEUTRAL_HOVER": "#c2cdd0",
"COLOR_BACKGROUND_NEUTRAL_BOLD": "#53747b",

@@ -163,5 +154,9 @@ "COLOR_BACKGROUND_NEUTRAL_STRONG": "#223f44",

"COLOR_BACKGROUND_ACCENT_HOVER": "#c4dbe0",
"COLOR_BACKGROUND_ACCENT_ACTIVE": "#a8cbd3",
"COLOR_BACKGROUND_ACCENT_BOLD": "#5b9ba9",
"COLOR_BACKGROUND_ACCENT_BOLD_HOVER": "#388597",
"COLOR_BACKGROUND_ACCENT_BOLD_ACTIVE": "#157084",
"COLOR_BACKGROUND_ACCENT_STRONG": "#157084",
"COLOR_BACKGROUND_ACCENT_STRONG_HOVER": "#11596a",
"COLOR_BACKGROUND_ACCENT_STRONG_ACTIVE": "#0c4957",
"COLOR_BACKGROUND_DANGER_SUBTLE": "#fff7f8",

@@ -172,5 +167,9 @@ "COLOR_BACKGROUND_DANGER_SUBTLE_HOVER": "#ffeff0",

"COLOR_BACKGROUND_DANGER_HOVER": "#ffdbde",
"COLOR_BACKGROUND_DANGER_ACTIVE": "#ffbfc1",
"COLOR_BACKGROUND_DANGER_BOLD": "#ff3b3d",
"COLOR_BACKGROUND_DANGER_BOLD_HOVER": "#df001f",
"COLOR_BACKGROUND_DANGER_BOLD_ACTIVE": "#b20016",
"COLOR_BACKGROUND_DANGER_STRONG": "#df001f",
"COLOR_BACKGROUND_DANGER_STRONG_HOVER": "#b20016",
"COLOR_BACKGROUND_DANGER_STRONG_ACTIVE": "#9d0012",
"COLOR_BACKGROUND_WARNING_SUBTLE": "#fff9ed",

@@ -181,5 +180,9 @@ "COLOR_BACKGROUND_WARNING_SUBTLE_HOVER": "#fff2da",

"COLOR_BACKGROUND_WARNING_HOVER": "#ffecc8",
"COLOR_BACKGROUND_WARNING_ACTIVE": "#ffdd99",
"COLOR_BACKGROUND_WARNING_BOLD": "#ffb900",
"COLOR_BACKGROUND_WARNING_BOLD_HOVER": "#dc9f00",
"COLOR_BACKGROUND_WARNING_BOLD_ACTIVE": "#b17600",
"COLOR_BACKGROUND_WARNING_STRONG": "#dc9f00",
"COLOR_BACKGROUND_WARNING_STRONG_HOVER": "#b17600",
"COLOR_BACKGROUND_WARNING_STRONG_ACTIVE": "#805400",
"COLOR_BACKGROUND_SUCCESS_SUBTLE": "#eeffef",

@@ -190,5 +193,9 @@ "COLOR_BACKGROUND_SUCCESS_SUBTLE_HOVER": "#dbffdf",

"COLOR_BACKGROUND_SUCCESS_HOVER": "#c6ffcd",
"COLOR_BACKGROUND_SUCCESS_BOLD": "#22a047",
"COLOR_BACKGROUND_SUCCESS_STRONG": "#1b8238",
"COLOR_BACKGROUND_SUCCESS_STRONG_HOVER": "#006626",
"COLOR_BACKGROUND_SUCCESS_ACTIVE": "#b0ffbb",
"COLOR_BACKGROUND_SUCCESS_BOLD": "#1eb84f",
"COLOR_BACKGROUND_SUCCESS_BOLD_HOVER": "#1d873c",
"COLOR_BACKGROUND_SUCCESS_BOLD_ACTIVE": "#187233",
"COLOR_BACKGROUND_SUCCESS_STRONG": "#1d873c",
"COLOR_BACKGROUND_SUCCESS_STRONG_HOVER": "#187233",
"COLOR_BACKGROUND_SUCCESS_STRONG_ACTIVE": "#125426",
"COLOR_BACKGROUND_INFO_SUBTLE": "#f0fcff",

@@ -199,10 +206,11 @@ "COLOR_BACKGROUND_INFO_SUBTLE_HOVER": "#e1f9ff",

"COLOR_BACKGROUND_INFO_HOVER": "#d0f6ff",
"COLOR_BACKGROUND_INFO_BOLD": "#0096af",
"COLOR_BACKGROUND_INFO_STRONG": "#007a92",
"COLOR_BACKGROUND_INFO_STRONG_HOVER": "#005e72",
"COLOR_BACKGROUND_INFO_ACTIVE": "#bff3ff",
"COLOR_BACKGROUND_INFO_BOLD": "#00a7c2",
"COLOR_BACKGROUND_INFO_BOLD_HOVER": "#008299",
"COLOR_BACKGROUND_INFO_BOLD_ACTIVE": "#006c80",
"COLOR_BACKGROUND_INFO_STRONG": "#008299",
"COLOR_BACKGROUND_INFO_STRONG_HOVER": "#006c80",
"COLOR_BACKGROUND_INFO_STRONG_ACTIVE": "#005766",
"COLOR_BACKGROUND_DISABLED": "#e6ebec",
"COLOR_BACKGROUND_DISABLED_SUBTLE": "#f3f5f6",
"COLOR_BACKGROUND_INVERSE": "rgba(255, 255, 255, 0.113)",
"COLOR_FOREGROUND_BODY": "#082d35",
"COLOR_FOREGROUND_LINK": "#157084",
"COLOR_FOREGROUND_NEUTRAL": "#082d35",

@@ -222,8 +230,8 @@ "COLOR_FOREGROUND_NEUTRAL_MODERATE": "#223f44",

"COLOR_FOREGROUND_WARNING_INVERSE": "#082d35",
"COLOR_FOREGROUND_SUCCESS": "#006626",
"COLOR_FOREGROUND_SUCCESS_MODERATE": "#1b8238",
"COLOR_FOREGROUND_SUCCESS_SUBTLE": "#1fc052",
"COLOR_FOREGROUND_INFO": "#005e72",
"COLOR_FOREGROUND_INFO_MODERATE": "#007a92",
"COLOR_FOREGROUND_INFO_SUBTLE": "#00b4d1",
"COLOR_FOREGROUND_SUCCESS": "#125426",
"COLOR_FOREGROUND_SUCCESS_MODERATE": "#187233",
"COLOR_FOREGROUND_SUCCESS_SUBTLE": "#1eb84f",
"COLOR_FOREGROUND_INFO": "#005766",
"COLOR_FOREGROUND_INFO_MODERATE": "#006c80",
"COLOR_FOREGROUND_INFO_SUBTLE": "#00a7c2",
"COLOR_FOREGROUND_DISABLED": "#9dafb3",

@@ -240,2 +248,3 @@ "COLOR_FOREGROUND_DISABLED_SUBTLE": "#c2cdd0",

"COLOR_BORDER_ACCENT_HOVER": "#7eb0bc",
"COLOR_BORDER_ACCENT_ACTIVE": "#5b9ba9",
"COLOR_BORDER_ACCENT_BOLD": "#388597",

@@ -250,12 +259,11 @@ "COLOR_BORDER_ACCENT_STRONG": "#11596a",

"COLOR_BORDER_SUCCESS": "#7dfd95",
"COLOR_BORDER_SUCCESS_BOLD": "#1b8238",
"COLOR_BORDER_SUCCESS_STRONG": "#006626",
"COLOR_BORDER_SUCCESS_BOLD": "#1d873c",
"COLOR_BORDER_SUCCESS_STRONG": "#187233",
"COLOR_BORDER_INFO": "#9aecff",
"COLOR_BORDER_INFO_BOLD": "#007a92",
"COLOR_BORDER_INFO_STRONG": "#005e72",
"COLOR_BORDER_INFO_BOLD": "#008299",
"COLOR_BORDER_INFO_STRONG": "#006c80",
"COLOR_BORDER_DISABLED": "#e6ebec",
"COLOR_BORDER_DISABLED_SUBTLE": "#f3f5f6",
"COLOR_BORDER_FOCUS": "#388597",
"COLOR_BORDER_INVERSE": "rgba(255, 255, 255, 0.85)",
"COLOR_RGB_BACKGROUND_SURFACE": "255, 255, 255",
"COLOR_RGB_BACKGROUND_NEUTRAL_MINIMAL": "255, 255, 255",
"COLOR_RGB_BACKGROUND_NEUTRAL": "230, 235, 236",

@@ -274,37 +282,7 @@ "COLOR_RGB_BACKGROUND_NEUTRAL_BOLD": "83, 116, 123",

"COLOR_RGB_BACKGROUND_SUCCESS": "219, 255, 223",
"COLOR_RGB_BACKGROUND_SUCCESS_BOLD": "34, 160, 71",
"COLOR_RGB_BACKGROUND_SUCCESS_STRONG": "27, 130, 56",
"COLOR_RGB_BACKGROUND_SUCCESS_BOLD": "30, 184, 79",
"COLOR_RGB_BACKGROUND_SUCCESS_STRONG": "29, 135, 60",
"COLOR_RGB_BACKGROUND_INFO": "225, 249, 255",
"COLOR_RGB_BACKGROUND_INFO_BOLD": "0, 150, 175",
"COLOR_RGB_BACKGROUND_INFO_STRONG": "0, 122, 146",
"COLOR_RGB_DATA_RED20": "247, 230, 232",
"COLOR_RGB_DATA_RED40": "236, 199, 201",
"COLOR_RGB_DATA_RED60": "230, 161, 165",
"COLOR_RGB_DATA_RED80": "235, 112, 114",
"COLOR_RGB_DATA_RED100": "198, 67, 75",
"COLOR_RGB_DATA_ORANGE20": "250, 235, 220",
"COLOR_RGB_DATA_ORANGE40": "245, 202, 163",
"COLOR_RGB_DATA_ORANGE60": "237, 163, 94",
"COLOR_RGB_DATA_ORANGE80": "229, 123, 26",
"COLOR_RGB_DATA_ORANGE100": "179, 93, 10",
"COLOR_RGB_DATA_BROWN20": "244, 237, 222",
"COLOR_RGB_DATA_BROWN40": "232, 207, 150",
"COLOR_RGB_DATA_BROWN60": "216, 177, 85",
"COLOR_RGB_DATA_BROWN80": "184, 151, 73",
"COLOR_RGB_DATA_BROWN100": "142, 115, 51",
"COLOR_RGB_DATA_PEAR20": "252, 252, 219",
"COLOR_RGB_DATA_PEAR40": "232, 229, 76",
"COLOR_RGB_DATA_PEAR60": "203, 201, 32",
"COLOR_RGB_DATA_PEAR80": "175, 173, 7",
"COLOR_RGB_DATA_PEAR100": "136, 135, 5",
"COLOR_RGB_DATA_LIME20": "241, 252, 220",
"COLOR_RGB_DATA_LIME40": "203, 237, 122",
"COLOR_RGB_DATA_LIME60": "167, 212, 65",
"COLOR_RGB_DATA_LIME80": "132, 186, 18",
"COLOR_RGB_DATA_LIME100": "102, 145, 14",
"COLOR_RGB_DATA_GREEN20": "223, 245, 225",
"COLOR_RGB_DATA_GREEN40": "173, 226, 176",
"COLOR_RGB_DATA_GREEN60": "118, 206, 122",
"COLOR_RGB_DATA_GREEN80": "63, 184, 69",
"COLOR_RGB_DATA_GREEN100": "49, 141, 54",
"COLOR_RGB_BACKGROUND_INFO_BOLD": "0, 167, 194",
"COLOR_RGB_BACKGROUND_INFO_STRONG": "0, 130, 153",
"COLOR_RGB_DATA_TEAL20": "220, 244, 239",

@@ -314,3 +292,13 @@ "COLOR_RGB_DATA_TEAL40": "167, 223, 214",

"COLOR_RGB_DATA_TEAL80": "58, 177, 158",
"COLOR_RGB_DATA_TEAL100": "42, 136, 121",
"COLOR_RGB_DATA_TEAL100": "37, 121, 107",
"COLOR_RGB_DATA_PURPLE20": "244, 234, 248",
"COLOR_RGB_DATA_PURPLE40": "226, 198, 236",
"COLOR_RGB_DATA_PURPLE60": "210, 161, 227",
"COLOR_RGB_DATA_PURPLE80": "197, 116, 228",
"COLOR_RGB_DATA_PURPLE100": "158, 61, 194",
"COLOR_RGB_DATA_PINK20": "248, 233, 242",
"COLOR_RGB_DATA_PINK40": "235, 197, 222",
"COLOR_RGB_DATA_PINK60": "226, 157, 201",
"COLOR_RGB_DATA_PINK80": "226, 106, 181",
"COLOR_RGB_DATA_PINK100": "181, 59, 140",
"COLOR_RGB_DATA_AQUA20": "227, 241, 246",

@@ -320,3 +308,3 @@ "COLOR_RGB_DATA_AQUA40": "177, 218, 228",

"COLOR_RGB_DATA_AQUA80": "66, 171, 194",
"COLOR_RGB_DATA_AQUA100": "46, 132, 149",
"COLOR_RGB_DATA_AQUA100": "41, 117, 133",
"COLOR_RGB_DATA_BLUE20": "230, 239, 247",

@@ -326,3 +314,3 @@ "COLOR_RGB_DATA_BLUE40": "191, 213, 233",

"COLOR_RGB_DATA_BLUE80": "96, 161, 223",
"COLOR_RGB_DATA_BLUE100": "59, 123, 183",
"COLOR_RGB_DATA_BLUE100": "52, 109, 162",
"COLOR_RGB_DATA_LAZULI20": "236, 237, 249",

@@ -332,13 +320,33 @@ "COLOR_RGB_DATA_LAZULI40": "204, 207, 238",

"COLOR_RGB_DATA_LAZULI80": "127, 148, 242",
"COLOR_RGB_DATA_LAZULI100": "87, 104, 223",
"COLOR_RGB_DATA_PURPLE20": "244, 234, 248",
"COLOR_RGB_DATA_PURPLE40": "226, 198, 236",
"COLOR_RGB_DATA_PURPLE60": "210, 161, 227",
"COLOR_RGB_DATA_PURPLE80": "197, 116, 228",
"COLOR_RGB_DATA_PURPLE100": "163, 69, 197",
"COLOR_RGB_DATA_PINK20": "248, 233, 242",
"COLOR_RGB_DATA_PINK40": "235, 197, 222",
"COLOR_RGB_DATA_PINK60": "226, 157, 201",
"COLOR_RGB_DATA_PINK80": "226, 106, 181",
"COLOR_RGB_DATA_PINK100": "188, 61, 145"
"COLOR_RGB_DATA_LAZULI100": "75, 92, 221",
"COLOR_RGB_DATA_GREEN20": "223, 245, 225",
"COLOR_RGB_DATA_GREEN40": "173, 226, 176",
"COLOR_RGB_DATA_GREEN60": "118, 206, 122",
"COLOR_RGB_DATA_GREEN80": "63, 184, 69",
"COLOR_RGB_DATA_GREEN100": "42, 121, 46",
"COLOR_RGB_DATA_LIME20": "241, 252, 220",
"COLOR_RGB_DATA_LIME40": "203, 237, 122",
"COLOR_RGB_DATA_LIME60": "167, 212, 65",
"COLOR_RGB_DATA_LIME80": "132, 186, 18",
"COLOR_RGB_DATA_LIME100": "88, 125, 12",
"COLOR_RGB_DATA_ORANGE20": "250, 235, 220",
"COLOR_RGB_DATA_ORANGE40": "245, 202, 163",
"COLOR_RGB_DATA_ORANGE60": "237, 163, 94",
"COLOR_RGB_DATA_ORANGE80": "229, 123, 26",
"COLOR_RGB_DATA_ORANGE100": "164, 84, 10",
"COLOR_RGB_DATA_PEAR20": "252, 252, 219",
"COLOR_RGB_DATA_PEAR40": "232, 229, 76",
"COLOR_RGB_DATA_PEAR60": "203, 201, 32",
"COLOR_RGB_DATA_PEAR80": "175, 173, 7",
"COLOR_RGB_DATA_PEAR100": "118, 118, 5",
"COLOR_RGB_DATA_BROWN20": "244, 237, 222",
"COLOR_RGB_DATA_BROWN40": "232, 207, 150",
"COLOR_RGB_DATA_BROWN60": "216, 177, 85",
"COLOR_RGB_DATA_BROWN80": "184, 151, 73",
"COLOR_RGB_DATA_BROWN100": "127, 103, 46",
"COLOR_RGB_DATA_RED20": "247, 230, 232",
"COLOR_RGB_DATA_RED40": "236, 199, 201",
"COLOR_RGB_DATA_RED60": "230, 161, 165",
"COLOR_RGB_DATA_RED80": "235, 112, 114",
"COLOR_RGB_DATA_RED100": "187, 58, 66"
}

240

dist/index.module.js

@@ -32,6 +32,6 @@ export default {

"blue60": "#00cceb",
"blue70": "#00b4d1",
"blue80": "#0096af",
"blue90": "#007a92",
"blue100": "#005e72",
"blue70": "#00a7c2",
"blue80": "#008299",
"blue90": "#006c80",
"blue100": "#005766",
"green5": "#eeffef",

@@ -43,6 +43,6 @@ "green10": "#dbffdf",

"green60": "#31d962",
"green70": "#1fc052",
"green80": "#22a047",
"green90": "#1b8238",
"green100": "#006626",
"green70": "#1eb84f",
"green80": "#1d873c",
"green90": "#187233",
"green100": "#125426",
"orange5": "#fff9ed",

@@ -74,3 +74,3 @@ "orange10": "#fff2da",

"red80": "#eb7072",
"red100": "#c6434b",
"red100": "#bb3a42",
"orange20": "#faebdc",

@@ -80,3 +80,3 @@ "orange40": "#f5caa3",

"orange80": "#e57b1a",
"orange100": "#b35d0a",
"orange100": "#a4540a",
"brown20": "#f4edde",

@@ -86,3 +86,3 @@ "brown40": "#e8cf96",

"brown80": "#b89749",
"brown100": "#8e7333",
"brown100": "#7f672e",
"pear20": "#fcfcdb",

@@ -92,3 +92,3 @@ "pear40": "#e8e54c",

"pear80": "#afad07",
"pear100": "#888705",
"pear100": "#767605",
"lime20": "#f1fcdc",

@@ -98,3 +98,3 @@ "lime40": "#cbed7a",

"lime80": "#84ba12",
"lime100": "#66910e",
"lime100": "#587d0c",
"green20": "#dff5e1",

@@ -104,3 +104,3 @@ "green40": "#ade2b0",

"green80": "#3fb845",
"green100": "#318d36",
"green100": "#2a792e",
"teal20": "#dcf4ef",

@@ -110,3 +110,3 @@ "teal40": "#a7dfd6",

"teal80": "#3ab19e",
"teal100": "#2a8879",
"teal100": "#25796b",
"aqua20": "#e3f1f6",

@@ -116,3 +116,3 @@ "aqua40": "#b1dae4",

"aqua80": "#42abc2",
"aqua100": "#2e8495",
"aqua100": "#297585",
"blue20": "#e6eff7",

@@ -122,3 +122,3 @@ "blue40": "#bfd5e9",

"blue80": "#60a1df",
"blue100": "#3b7bb7",
"blue100": "#346da2",
"lazuli20": "#ecedf9",

@@ -128,3 +128,3 @@ "lazuli40": "#cccfee",

"lazuli80": "#7f94f2",
"lazuli100": "#5768df",
"lazuli100": "#4b5cdd",
"purple20": "#f4eaf8",

@@ -134,3 +134,3 @@ "purple40": "#e2c6ec",

"purple80": "#c574e4",
"purple100": "#a345c5",
"purple100": "#9e3dc2",
"pink20": "#f8e9f2",

@@ -140,27 +140,10 @@ "pink40": "#ebc5de",

"pink80": "#e26ab5",
"pink100": "#bc3d91"
"pink100": "#b53b8c"
},
"background": {
"canvas": {
"default": "#ffffff",
"subtle": "#f9fafb"
},
"surface": {
"default": "#ffffff",
"subtle": "#f3f5f6",
"contrast": "#082d35"
},
"neutral": {
"minimal": "#ffffff",
"subtle": {
"default": "#f9fafb",
"hover": "#f3f5f6",
"active": "#e6ebec"
},
"moderate": {
"default": "#f3f5f6",
"hover": "#e6ebec"
},
"subtle": "#f9fafb",
"moderate": "#f3f5f6",
"default": "#e6ebec",
"hover": "#c2cdd0",
"bold": "#53747b",

@@ -183,6 +166,12 @@ "strong": "#223f44",

"hover": "#c4dbe0",
"bold": "#5b9ba9",
"active": "#a8cbd3",
"bold": {
"default": "#5b9ba9",
"hover": "#388597",
"active": "#157084"
},
"strong": {
"default": "#157084",
"hover": "#11596a"
"hover": "#11596a",
"active": "#0c4957"
}

@@ -198,6 +187,12 @@ },

"hover": "#ffdbde",
"bold": "#ff3b3d",
"active": "#ffbfc1",
"bold": {
"default": "#ff3b3d",
"hover": "#df001f",
"active": "#b20016"
},
"strong": {
"default": "#df001f",
"hover": "#b20016"
"hover": "#b20016",
"active": "#9d0012"
}

@@ -213,6 +208,12 @@ },

"hover": "#ffecc8",
"bold": "#ffb900",
"active": "#ffdd99",
"bold": {
"default": "#ffb900",
"hover": "#dc9f00",
"active": "#b17600"
},
"strong": {
"default": "#dc9f00",
"hover": "#b17600"
"hover": "#b17600",
"active": "#805400"
}

@@ -228,6 +229,12 @@ },

"hover": "#c6ffcd",
"bold": "#22a047",
"active": "#b0ffbb",
"bold": {
"default": "#1eb84f",
"hover": "#1d873c",
"active": "#187233"
},
"strong": {
"default": "#1b8238",
"hover": "#006626"
"default": "#1d873c",
"hover": "#187233",
"active": "#125426"
}

@@ -243,6 +250,12 @@ },

"hover": "#d0f6ff",
"bold": "#0096af",
"active": "#bff3ff",
"bold": {
"default": "#00a7c2",
"hover": "#008299",
"active": "#006c80"
},
"strong": {
"default": "#007a92",
"hover": "#005e72"
"default": "#008299",
"hover": "#006c80",
"active": "#005766"
}

@@ -253,8 +266,5 @@ },

"subtle": "#f3f5f6"
},
"inverse": "rgba(255, 255, 255, 0.113)"
}
},
"foreground": {
"body": "#082d35",
"link": "#157084",
"neutral": {

@@ -283,10 +293,10 @@ "default": "#082d35",

"success": {
"default": "#006626",
"moderate": "#1b8238",
"subtle": "#1fc052"
"default": "#125426",
"moderate": "#187233",
"subtle": "#1eb84f"
},
"info": {
"default": "#005e72",
"moderate": "#007a92",
"subtle": "#00b4d1"
"default": "#005766",
"moderate": "#006c80",
"subtle": "#00a7c2"
},

@@ -311,2 +321,3 @@ "disabled": {

"hover": "#7eb0bc",
"active": "#5b9ba9",
"bold": "#388597",

@@ -327,9 +338,9 @@ "strong": "#11596a"

"default": "#7dfd95",
"bold": "#1b8238",
"strong": "#006626"
"bold": "#1d873c",
"strong": "#187233"
},
"info": {
"default": "#9aecff",
"bold": "#007a92",
"strong": "#005e72"
"bold": "#008299",
"strong": "#006c80"
},

@@ -340,3 +351,2 @@ "disabled": {

},
"focus": "#388597",
"inverse": "rgba(255, 255, 255, 0.85)"

@@ -346,4 +356,4 @@ },

"background": {
"surface": "255, 255, 255",
"neutral": {
"minimal": "255, 255, 255",
"default": "230, 235, 236",

@@ -370,42 +380,12 @@ "bold": "83, 116, 123",

"default": "219, 255, 223",
"bold": "34, 160, 71",
"strong": "27, 130, 56"
"bold": "30, 184, 79",
"strong": "29, 135, 60"
},
"info": {
"default": "225, 249, 255",
"bold": "0, 150, 175",
"strong": "0, 122, 146"
"bold": "0, 167, 194",
"strong": "0, 130, 153"
}
},
"data": {
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "198, 67, 75",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "179, 93, 10",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "142, 115, 51",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "136, 135, 5",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "102, 145, 14",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "49, 141, 54",
"teal20": "220, 244, 239",

@@ -415,3 +395,13 @@ "teal40": "167, 223, 214",

"teal80": "58, 177, 158",
"teal100": "42, 136, 121",
"teal100": "37, 121, 107",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "158, 61, 194",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "181, 59, 140",
"aqua20": "227, 241, 246",

@@ -421,3 +411,3 @@ "aqua40": "177, 218, 228",

"aqua80": "66, 171, 194",
"aqua100": "46, 132, 149",
"aqua100": "41, 117, 133",
"blue20": "230, 239, 247",

@@ -427,3 +417,3 @@ "blue40": "191, 213, 233",

"blue80": "96, 161, 223",
"blue100": "59, 123, 183",
"blue100": "52, 109, 162",
"lazuli20": "236, 237, 249",

@@ -433,15 +423,35 @@ "lazuli40": "204, 207, 238",

"lazuli80": "127, 148, 242",
"lazuli100": "87, 104, 223",
"purple20": "244, 234, 248",
"purple40": "226, 198, 236",
"purple60": "210, 161, 227",
"purple80": "197, 116, 228",
"purple100": "163, 69, 197",
"pink20": "248, 233, 242",
"pink40": "235, 197, 222",
"pink60": "226, 157, 201",
"pink80": "226, 106, 181",
"pink100": "188, 61, 145"
"lazuli100": "75, 92, 221",
"green20": "223, 245, 225",
"green40": "173, 226, 176",
"green60": "118, 206, 122",
"green80": "63, 184, 69",
"green100": "42, 121, 46",
"lime20": "241, 252, 220",
"lime40": "203, 237, 122",
"lime60": "167, 212, 65",
"lime80": "132, 186, 18",
"lime100": "88, 125, 12",
"orange20": "250, 235, 220",
"orange40": "245, 202, 163",
"orange60": "237, 163, 94",
"orange80": "229, 123, 26",
"orange100": "164, 84, 10",
"pear20": "252, 252, 219",
"pear40": "232, 229, 76",
"pear60": "203, 201, 32",
"pear80": "175, 173, 7",
"pear100": "118, 118, 5",
"brown20": "244, 237, 222",
"brown40": "232, 207, 150",
"brown60": "216, 177, 85",
"brown80": "184, 151, 73",
"brown100": "127, 103, 46",
"red20": "247, 230, 232",
"red40": "236, 199, 201",
"red60": "230, 161, 165",
"red80": "235, 112, 114",
"red100": "187, 58, 66"
}
}
};

164

dist/internal/fillsWithTextColors.json
[
{
"name": "CANVAS",
"palette": "canvas",
"textColors": [
{
"name": "NEUTRAL",
"rating": "AAA"
},
{
"name": "NEUTRAL_MODERATE",
"rating": "AAA"
},
{
"name": "NEUTRAL_SUBTLE",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}
]
},
{
"name": "CANVAS_SUBTLE",
"palette": "canvas",
"textColors": [
{
"name": "NEUTRAL",
"rating": "AAA"
},
{
"name": "NEUTRAL_MODERATE",
"rating": "AAA"
},
{
"name": "NEUTRAL_SUBTLE",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}
]
},
{
"name": "SURFACE",
"palette": "surface",
"textColors": [
{
"name": "NEUTRAL",
"rating": "AAA"
},
{
"name": "NEUTRAL_MODERATE",
"rating": "AAA"
},
{
"name": "NEUTRAL_SUBTLE",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}
]
},
{
"name": "SURFACE_SUBTLE",
"palette": "surface",
"textColors": [
{
"name": "NEUTRAL",
"rating": "AAA"
},
{
"name": "NEUTRAL_MODERATE",
"rating": "AAA"
},
{
"name": "NEUTRAL_SUBTLE",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}
]
},
{
"name": "SURFACE_CONTRAST",
"palette": "surface",
"textColors": [
{
"name": "INVERSE",
"rating": "AAA"
}
]
},
{
"name": "NEUTRAL_MINIMAL",

@@ -115,6 +17,2 @@ "palette": "neutral",

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -138,6 +36,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -161,6 +55,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -180,6 +70,2 @@ ]

"rating": "AAA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -241,6 +127,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -272,6 +154,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -299,6 +177,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -346,6 +220,2 @@ ]

"rating": "AAA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -372,7 +242,3 @@ ]

"name": "INFO",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
"rating": "AAA"
}

@@ -409,7 +275,3 @@ ]

"name": "SUCCESS",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
"rating": "AAA"
}

@@ -436,7 +298,3 @@ ]

"name": "SUCCESS",
"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
"rating": "AAA"
}

@@ -474,6 +332,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -501,6 +355,2 @@ ]

"rating": "AA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -542,6 +392,2 @@ ]

"rating": "AAA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -569,6 +415,2 @@ ]

"rating": "AAA"
},
{
"name": "LINK",
"rating": "AA"
}

@@ -575,0 +417,0 @@ ]

2

package.json
{
"name": "@volue/design-colors",
"version": "3.0.0-next.7",
"version": "3.0.0-next.8",
"description": "Color primitives for Volue design primitives",

@@ -5,0 +5,0 @@ "license": "UNLICENSED",

4

README.md

@@ -23,3 +23,3 @@ # `@volue/design-colors`

console.log(tokens.core.blue100); // rgb(0, 133, 159)
console.log(tokens.background.surface.default);
console.log(tokens.background.neutral.default);
```

@@ -34,3 +34,3 @@

console.log(tokens.colorBlue100);
console.log(tokens.backgroundSurface);
console.log(tokens.backgroundNeutralSubtle);
```

@@ -37,0 +37,0 @@

16

src/core.json

@@ -95,12 +95,12 @@ {

"blue70": {
"value": "#00b4d1"
"value": "#00a7c2"
},
"blue80": {
"value": "#0096af"
"value": "#008299"
},
"blue90": {
"value": "#007a92"
"value": "#006c80"
},
"blue100": {
"value": "#005e72"
"value": "#005766"
},

@@ -127,12 +127,12 @@

"green70": {
"value": "#1fc052"
"value": "#1eb84f"
},
"green80": {
"value": "#22a047"
"value": "#1d873c"
},
"green90": {
"value": "#1b8238"
"value": "#187233"
},
"green100": {
"value": "#006626"
"value": "#125426"
},

@@ -139,0 +139,0 @@

24

src/datavis.json

@@ -17,3 +17,3 @@ {

"red100": {
"value": "#c6434b"
"value": "#bb3a42"
},

@@ -34,3 +34,3 @@

"orange100": {
"value": "#b35d0a"
"value": "#a4540a"
},

@@ -51,3 +51,3 @@

"brown100": {
"value": "#8e7333"
"value": "#7f672e"
},

@@ -68,3 +68,3 @@

"pear100": {
"value": "#888705"
"value": "#767605"
},

@@ -85,3 +85,3 @@

"lime100": {
"value": "#66910e"
"value": "#587d0c"
},

@@ -102,3 +102,3 @@

"green100": {
"value": "#318d36"
"value": "#2a792e"
},

@@ -119,3 +119,3 @@

"teal100": {
"value": "#2a8879"
"value": "#25796b"
},

@@ -136,3 +136,3 @@

"aqua100": {
"value": "#2e8495"
"value": "#297585"
},

@@ -153,3 +153,3 @@

"blue100": {
"value": "#3b7bb7"
"value": "#346da2"
},

@@ -170,3 +170,3 @@

"lazuli100": {
"value": "#5768df"
"value": "#4b5cdd"
},

@@ -187,3 +187,3 @@

"purple100": {
"value": "#a345c5"
"value": "#9e3dc2"
},

@@ -204,3 +204,3 @@

"pink100": {
"value": "#bc3d91"
"value": "#b53b8c"
}

@@ -207,0 +207,0 @@ }

203

src/functional.json
{
"color": {
"background": {
"canvas": {
"@": {
"value": "{color.background.neutral.minimal.value}",
"description": "Canvas background. Used for the background of your app."
},
"subtle": {
"value": "{color.background.neutral.subtle.@.value}",
"description": "Subtle canvas background. Used for the background of your app, e.g. when you create a card-based layout."
}
},
"surface": {
"@": {
"value": "{color.background.neutral.minimal.value}",
"description": "Default surface background. Used for the background area of UI components like cards, inputs etc."
},
"subtle": {
"value": "{color.background.neutral.moderate.@.value}",
"description": "Subtle surface background. Used for the background area of components that should stand out somewhat against default surface or app canvas."
},
"contrast": {
"value": "{color.background.neutral.contrast.value}",
"description": "Contrast surface background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
}
},
"neutral": {
"minimal": {
"value": "{color.core.white.value}",
"description": "Minimal neutral background."
"description": "Minimal neutral background. Used for the background area of your app and UI components like cards, inputs etc."
},
"subtle": {
"@": {
"value": "{color.core.gray0.value}",
"description": "Subtle neutral background."
},
"hover": {
"value": "{color.core.gray5.value}",
"description": "Subtle neutral background hover state."
},
"active": {
"value": "{color.core.gray10.value}",
"description": "Subtle neutral background active state."
}
"value": "{color.core.gray0.value}",
"description": "Subtle neutral background. Used for the background of your app, e.g. when you create a card-based layout."
},
"moderate": {
"@": {
"value": "{color.core.gray5.value}",
"description": "Moderate neutral background."
},
"hover": {
"value": "{color.core.gray10.value}",
"description": "Moderate neutral background hover state."
}
"value": "{color.core.gray5.value}",
"description": "Moderate neutral background. Used for the background area of components that should stand out somewhat against minimal neutral surfaces."
},

@@ -61,6 +21,2 @@ "@": {

},
"hover": {
"value": "{color.core.gray20.value}",
"description": "Default neutral background hover state."
},
"bold": {

@@ -76,3 +32,3 @@ "value": "{color.core.gray60.value}",

"value": "{color.core.gray100.value}",
"description": "Contrast neutral background."
"description": "Contrast neutral background. Used for backgrounds of components that should stand out from the rest of the content, such as app header or tooltips."
}

@@ -117,5 +73,19 @@ },

},
"active": {
"value": "{color.core.accent30.value}",
"description": "Default accent background active state."
},
"bold": {
"value": "{color.core.accent60.value}",
"description": "Bold accent background."
"@": {
"value": "{color.core.accent60.value}",
"description": "Bold accent background."
},
"hover": {
"value": "{color.core.accent70.value}",
"description": "Bold accent background hover state."
},
"active": {
"value": "{color.core.accent80.value}",
"description": "Bold accent background active state."
}
},

@@ -130,2 +100,6 @@ "strong": {

"description": "Strong accent background hover state."
},
"active": {
"value": "{color.core.accent100.value}",
"description": "Strong accent background active state."
}

@@ -157,5 +131,19 @@ }

},
"active": {
"value": "{color.core.red30.value}",
"description": "Default danger background active state."
},
"bold": {
"value": "{color.core.red70.value}",
"description": "Bold danger background."
"@": {
"value": "{color.core.red70.value}",
"description": "Bold danger background."
},
"hover": {
"value": "{color.core.red80.value}",
"description": "Bold danger background hover state."
},
"active": {
"value": "{color.core.red90.value}",
"description": "Bold danger background active state."
}
},

@@ -170,2 +158,6 @@ "strong": {

"description": "Strong danger background hover state."
},
"active": {
"value": "{color.core.red100.value}",
"description": "Strong danger background active state."
}

@@ -197,5 +189,19 @@ }

},
"active": {
"value": "{color.core.orange30.value}",
"description": "Default warning background active state."
},
"bold": {
"value": "{color.core.orange70.value}",
"description": "Bold warning background."
"@": {
"value": "{color.core.orange70.value}",
"description": "Bold warning background."
},
"hover": {
"value": "{color.core.orange80.value}",
"description": "Bold warning background hover state."
},
"active": {
"value": "{color.core.orange90.value}",
"description": "Bold warning background active state."
}
},

@@ -210,2 +216,6 @@ "strong": {

"description": "Strong warning background hover state."
},
"active": {
"value": "{color.core.orange100.value}",
"description": "Strong warning background active state."
}

@@ -237,14 +247,32 @@ }

},
"active": {
"value": "{color.core.green30.value}",
"description": "Default success background active state."
},
"bold": {
"value": "{color.core.green80.value}",
"description": "Bold success background."
"@": {
"value": "{color.core.green70.value}",
"description": "Bold success background."
},
"hover": {
"value": "{color.core.green80.value}",
"description": "Bold success background hover state."
},
"active": {
"value": "{color.core.green90.value}",
"description": "Bold success background active state."
}
},
"strong": {
"@": {
"value": "{color.core.green90.value}",
"value": "{color.core.green80.value}",
"description": "Strong success background state."
},
"hover": {
"value": "{color.core.green90.value}",
"description": "Strong success background hover state."
},
"active": {
"value": "{color.core.green100.value}",
"description": "Strong success background hover state."
"description": "Strong success background active state."
}

@@ -276,14 +304,32 @@ }

},
"active": {
"value": "{color.core.blue30.value}",
"description": "Default info background active state."
},
"bold": {
"value": "{color.core.blue80.value}",
"description": "Bold info background."
"@": {
"value": "{color.core.blue70.value}",
"description": "Bold info background."
},
"hover": {
"value": "{color.core.blue80.value}",
"description": "Bold info background hover state."
},
"active": {
"value": "{color.core.blue90.value}",
"description": "Bold info background active state."
}
},
"strong": {
"@": {
"value": "{color.core.blue90.value}",
"value": "{color.core.blue80.value}",
"description": "Strong info background state."
},
"hover": {
"value": "{color.core.blue90.value}",
"description": "Strong info background hover state."
},
"active": {
"value": "{color.core.blue100.value}",
"description": "Strong info background hover state."
"description": "Strong info background active state."
}

@@ -301,18 +347,5 @@ }

}
},
"inverse": {
"value": "{color.background.neutral.minimal.value}",
"description": "Inverse background. Used for backgrounds of elements on a strong background.",
"alpha": 0.1125
}
},
"foreground": {
"body": {
"value": "{color.foreground.neutral.@.value}",
"description": "Body foreground. Used for the default body text of your app."
},
"link": {
"value": "{color.foreground.accent.moderate.value}",
"description": "Link foreground"
},
"neutral": {

@@ -461,2 +494,6 @@ "@": {

},
"active": {
"value": "{color.core.accent60.value}",
"description": "Default accent border active state."
},
"bold": {

@@ -505,7 +542,7 @@ "value": "{color.core.accent70.value}",

"bold": {
"value": "{color.core.green90.value}",
"value": "{color.core.green80.value}",
"description": "Bold success border."
},
"strong": {
"value": "{color.core.green100.value}",
"value": "{color.core.green90.value}",
"description": "Strong success border."

@@ -520,7 +557,7 @@ }

"bold": {
"value": "{color.core.blue90.value}",
"value": "{color.core.blue80.value}",
"description": "Bold info border."
},
"strong": {
"value": "{color.core.blue100.value}",
"value": "{color.core.blue90.value}",
"description": "Strong info border."

@@ -539,6 +576,2 @@ }

},
"focus": {
"value": "{color.border.accent.bold.value}",
"description": "Border focus state."
},
"inverse": {

@@ -545,0 +578,0 @@ "value": "{color.core.white.value}",

30

src/internal/fills.json

@@ -44,29 +44,5 @@ {

"palette": "warning"
},
"link": {
"value": "{color.foreground.link.value}"
}
},
"paletteGroups": {
"canvas": {
"@": {
"value": "{color.background.canvas.@.value}"
},
"subtle": {
"value": "{color.background.canvas.subtle.value}"
}
},
"surface": {
"@": {
"value": "{color.background.surface.@.value}"
},
"subtle": {
"value": "{color.background.surface.subtle.value}"
},
"contrast": {
"value": "{color.background.surface.contrast.value}"
}
},
"neutral": {

@@ -77,6 +53,6 @@ "minimal": {

"subtle": {
"value": "{color.background.neutral.subtle.@.value}"
"value": "{color.background.neutral.subtle.value}"
},
"moderate": {
"value": "{color.background.neutral.moderate.@.value}"
"value": "{color.background.neutral.moderate.value}"
},

@@ -108,3 +84,3 @@ "@": {

"bold": {
"value": "{color.background.accent.bold.value}"
"value": "{color.background.accent.bold.@.value}"
},

@@ -111,0 +87,0 @@ "strong": {

244

src/rgb-channels.json

@@ -5,6 +5,6 @@ {

"background": {
"surface": {
"value": "{color.background.surface.@.value}"
},
"neutral": {
"minimal": {
"value": "{color.background.neutral.minimal.value}"
},
"@": {

@@ -25,3 +25,3 @@ "value": "{color.background.neutral.@.value}"

"bold": {
"value": "{color.background.accent.bold.value}"
"value": "{color.background.accent.bold.@.value}"
},

@@ -37,3 +37,3 @@ "strong": {

"bold": {
"value": "{color.background.danger.bold.value}"
"value": "{color.background.danger.bold.@.value}"
},

@@ -49,3 +49,3 @@ "strong": {

"bold": {
"value": "{color.background.warning.bold.value}"
"value": "{color.background.warning.bold.@.value}"
},

@@ -61,3 +61,3 @@ "strong": {

"bold": {
"value": "{color.background.success.bold.value}"
"value": "{color.background.success.bold.@.value}"
},

@@ -73,3 +73,3 @@ "strong": {

"bold": {
"value": "{color.background.info.bold.value}"
"value": "{color.background.info.bold.@.value}"
},

@@ -82,114 +82,50 @@ "strong": {

"data": {
"red20": {
"value": "{color.data.red20}"
"teal20": {
"value": "{color.data.teal20}"
},
"red40": {
"value": "{color.data.red40}"
"teal40": {
"value": "{color.data.teal40}"
},
"red60": {
"value": "{color.data.red60}"
"teal60": {
"value": "{color.data.teal60}"
},
"red80": {
"value": "{color.data.red80}"
"teal80": {
"value": "{color.data.teal80}"
},
"red100": {
"value": "{color.data.red100}"
"teal100": {
"value": "{color.data.teal100}"
},
"orange20": {
"value": "{color.data.orange20}"
"purple20": {
"value": "{color.data.purple20}"
},
"orange40": {
"value": "{color.data.orange40}"
"purple40": {
"value": "{color.data.purple40}"
},
"orange60": {
"value": "{color.data.orange60}"
"purple60": {
"value": "{color.data.purple60}"
},
"orange80": {
"value": "{color.data.orange80}"
"purple80": {
"value": "{color.data.purple80}"
},
"orange100": {
"value": "{color.data.orange100}"
"purple100": {
"value": "{color.data.purple100}"
},
"brown20": {
"value": "{color.data.brown20}"
"pink20": {
"value": "{color.data.pink20}"
},
"brown40": {
"value": "{color.data.brown40}"
"pink40": {
"value": "{color.data.pink40}"
},
"brown60": {
"value": "{color.data.brown60}"
"pink60": {
"value": "{color.data.pink60}"
},
"brown80": {
"value": "{color.data.brown80}"
"pink80": {
"value": "{color.data.pink80}"
},
"brown100": {
"value": "{color.data.brown100}"
"pink100": {
"value": "{color.data.pink100}"
},
"pear20": {
"value": "{color.data.pear20}"
},
"pear40": {
"value": "{color.data.pear40}"
},
"pear60": {
"value": "{color.data.pear60}"
},
"pear80": {
"value": "{color.data.pear80}"
},
"pear100": {
"value": "{color.data.pear100}"
},
"lime20": {
"value": "{color.data.lime20}"
},
"lime40": {
"value": "{color.data.lime40}"
},
"lime60": {
"value": "{color.data.lime60}"
},
"lime80": {
"value": "{color.data.lime80}"
},
"lime100": {
"value": "{color.data.lime100}"
},
"green20": {
"value": "{color.data.green20}"
},
"green40": {
"value": "{color.data.green40}"
},
"green60": {
"value": "{color.data.green60}"
},
"green80": {
"value": "{color.data.green80}"
},
"green100": {
"value": "{color.data.green100}"
},
"teal20": {
"value": "{color.data.teal20}"
},
"teal40": {
"value": "{color.data.teal40}"
},
"teal60": {
"value": "{color.data.teal60}"
},
"teal80": {
"value": "{color.data.teal80}"
},
"teal100": {
"value": "{color.data.teal100}"
},
"aqua20": {

@@ -243,32 +179,96 @@ "value": "{color.data.aqua20}"

"purple20": {
"value": "{color.data.purple20}"
"green20": {
"value": "{color.data.green20}"
},
"purple40": {
"value": "{color.data.purple40}"
"green40": {
"value": "{color.data.green40}"
},
"purple60": {
"value": "{color.data.purple60}"
"green60": {
"value": "{color.data.green60}"
},
"purple80": {
"value": "{color.data.purple80}"
"green80": {
"value": "{color.data.green80}"
},
"purple100": {
"value": "{color.data.purple100}"
"green100": {
"value": "{color.data.green100}"
},
"pink20": {
"value": "{color.data.pink20}"
"lime20": {
"value": "{color.data.lime20}"
},
"pink40": {
"value": "{color.data.pink40}"
"lime40": {
"value": "{color.data.lime40}"
},
"pink60": {
"value": "{color.data.pink60}"
"lime60": {
"value": "{color.data.lime60}"
},
"pink80": {
"value": "{color.data.pink80}"
"lime80": {
"value": "{color.data.lime80}"
},
"pink100": {
"value": "{color.data.pink100}"
"lime100": {
"value": "{color.data.lime100}"
},
"orange20": {
"value": "{color.data.orange20}"
},
"orange40": {
"value": "{color.data.orange40}"
},
"orange60": {
"value": "{color.data.orange60}"
},
"orange80": {
"value": "{color.data.orange80}"
},
"orange100": {
"value": "{color.data.orange100}"
},
"pear20": {
"value": "{color.data.pear20}"
},
"pear40": {
"value": "{color.data.pear40}"
},
"pear60": {
"value": "{color.data.pear60}"
},
"pear80": {
"value": "{color.data.pear80}"
},
"pear100": {
"value": "{color.data.pear100}"
},
"brown20": {
"value": "{color.data.brown20}"
},
"brown40": {
"value": "{color.data.brown40}"
},
"brown60": {
"value": "{color.data.brown60}"
},
"brown80": {
"value": "{color.data.brown80}"
},
"brown100": {
"value": "{color.data.brown100}"
},
"red20": {
"value": "{color.data.red20}"
},
"red40": {
"value": "{color.data.red40}"
},
"red60": {
"value": "{color.data.red60}"
},
"red80": {
"value": "{color.data.red80}"
},
"red100": {
"value": "{color.data.red100}"
}

@@ -275,0 +275,0 @@ }

dist/generic.common.js

Sorry, the diff of this file is too big to display

dist/generic.module.js

Sorry, the diff of this file is too big to display

dist/index.cssmodules.css

Sorry, the diff of this file is not supported yet

dist/index.custom-properties.css

Sorry, the diff of this file is not supported yet

dist/index.map.scss

Sorry, the diff of this file is not supported yet

dist/index.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc