@alfalab/core-components-vars 9.13.0 → 9.14.0

package/esm/colors-sequential.module.js

@@ -0,0 +1,192 @@
+export const colorDarkSequentialBlue1 = "#5388e0";
+export const colorDarkSequentialBlue2 = "#4d75d0";
+export const colorDarkSequentialBlue3 = "#4963b8";
+export const colorDarkSequentialBlue4 = "#3f559e";
+export const colorDarkSequentialBlue5 = "#324682";
+export const colorDarkSequentialBlue6 = "#253969";
+export const colorDarkSequentialBlue7 = "#203056";
+export const colorDarkSequentialBlue8 = "#1b2a4b";
+export const colorDarkSequentialCyan1 = "#3492b9";
+export const colorDarkSequentialCyan2 = "#2482a2";
+export const colorDarkSequentialCyan3 = "#226f8f";
+export const colorDarkSequentialCyan4 = "#215e79";
+export const colorDarkSequentialCyan5 = "#1d4d65";
+export const colorDarkSequentialCyan6 = "#173e54";
+export const colorDarkSequentialCyan7 = "#123547";
+export const colorDarkSequentialCyan8 = "#122e3f";
+export const colorDarkSequentialFuchsia1 = "#da55b4";
+export const colorDarkSequentialFuchsia2 = "#c648a0";
+export const colorDarkSequentialFuchsia3 = "#ad3b8c";
+export const colorDarkSequentialFuchsia4 = "#943379";
+export const colorDarkSequentialFuchsia5 = "#792b60";
+export const colorDarkSequentialFuchsia6 = "#61244c";
+export const colorDarkSequentialFuchsia7 = "#50213f";
+export const colorDarkSequentialFuchsia8 = "#441d35";
+export const colorDarkSequentialGreen1 = "#3b9e4d";
+export const colorDarkSequentialGreen2 = "#358d43";
+export const colorDarkSequentialGreen3 = "#31793b";
+export const colorDarkSequentialGreen4 = "#296633";
+export const colorDarkSequentialGreen5 = "#21522c";
+export const colorDarkSequentialGreen6 = "#1b4225";
+export const colorDarkSequentialGreen7 = "#1a3721";
+export const colorDarkSequentialGreen8 = "#17301e";
+export const colorDarkSequentialIndigo1 = "#8376e3";
+export const colorDarkSequentialIndigo2 = "#7b64d3";
+export const colorDarkSequentialIndigo3 = "#7054be";
+export const colorDarkSequentialIndigo4 = "#5e47a3";
+export const colorDarkSequentialIndigo5 = "#4e3c86";
+export const colorDarkSequentialIndigo6 = "#42326c";
+export const colorDarkSequentialIndigo7 = "#372b56";
+export const colorDarkSequentialIndigo8 = "#2e2547";
+export const colorDarkSequentialJungle1 = "#2a9d74";
+export const colorDarkSequentialJungle2 = "#228c68";
+export const colorDarkSequentialJungle3 = "#19785d";
+export const colorDarkSequentialJungle4 = "#156652";
+export const colorDarkSequentialJungle5 = "#0e5145";
+export const colorDarkSequentialJungle6 = "#134339";
+export const colorDarkSequentialJungle7 = "#133830";
+export const colorDarkSequentialJungle8 = "#103129";
+export const colorDarkSequentialMagenta1 = "#e35583";
+export const colorDarkSequentialMagenta2 = "#cf4773";
+export const colorDarkSequentialMagenta3 = "#b63b62";
+export const colorDarkSequentialMagenta4 = "#9b3252";
+export const colorDarkSequentialMagenta5 = "#7f2d44";
+export const colorDarkSequentialMagenta6 = "#652435";
+export const colorDarkSequentialMagenta7 = "#55202d";
+export const colorDarkSequentialMagenta8 = "#481c26";
+export const colorDarkSequentialOrange1 = "#db8127";
+export const colorDarkSequentialOrange2 = "#c97126";
+export const colorDarkSequentialOrange3 = "#ae6020";
+export const colorDarkSequentialOrange4 = "#944f1c";
+export const colorDarkSequentialOrange5 = "#764017";
+export const colorDarkSequentialOrange6 = "#5f3515";
+export const colorDarkSequentialOrange7 = "#4d2c12";
+export const colorDarkSequentialOrange8 = "#402511";
+export const colorDarkSequentialPistachio1 = "#739823";
+export const colorDarkSequentialPistachio2 = "#66881f";
+export const colorDarkSequentialPistachio3 = "#56761a";
+export const colorDarkSequentialPistachio4 = "#496117";
+export const colorDarkSequentialPistachio5 = "#3d4f13";
+export const colorDarkSequentialPistachio6 = "#314011";
+export const colorDarkSequentialPistachio7 = "#293611";
+export const colorDarkSequentialPistachio8 = "#262e10";
+export const colorDarkSequentialPurple1 = "#ba63d6";
+export const colorDarkSequentialPurple2 = "#aa52c1";
+export const colorDarkSequentialPurple3 = "#9a45ac";
+export const colorDarkSequentialPurple4 = "#823b94";
+export const colorDarkSequentialPurple5 = "#6d3177";
+export const colorDarkSequentialPurple6 = "#59275d";
+export const colorDarkSequentialPurple7 = "#4a234c";
+export const colorDarkSequentialPurple8 = "#411c42";
+export const colorDarkSequentialRed1 = "#ec5742";
+export const colorDarkSequentialRed2 = "#db4933";
+export const colorDarkSequentialRed3 = "#c23d2e";
+export const colorDarkSequentialRed4 = "#a4352b";
+export const colorDarkSequentialRed5 = "#862d26";
+export const colorDarkSequentialRed6 = "#6a2623";
+export const colorDarkSequentialRed7 = "#54211e";
+export const colorDarkSequentialRed8 = "#461d1c";
+export const colorDarkSequentialTeal1 = "#139c99";
+export const colorDarkSequentialTeal2 = "#158886";
+export const colorDarkSequentialTeal3 = "#137575";
+export const colorDarkSequentialTeal4 = "#116062";
+export const colorDarkSequentialTeal5 = "#185054";
+export const colorDarkSequentialTeal6 = "#164148";
+export const colorDarkSequentialTeal7 = "#11383e";
+export const colorDarkSequentialTeal8 = "#0e2f35";
+export const colorLightSequentialBlue1 = "#4d75d0";
+export const colorLightSequentialBlue2 = "#5388e0";
+export const colorLightSequentialBlue3 = "#71a5f2";
+export const colorLightSequentialBlue4 = "#82b5f6";
+export const colorLightSequentialBlue5 = "#abceff";
+export const colorLightSequentialBlue6 = "#c0dbff";
+export const colorLightSequentialBlue7 = "#d6e6fe";
+export const colorLightSequentialBlue8 = "#e5f0fe";
+export const colorLightSequentialCyan1 = "#2482a2";
+export const colorLightSequentialCyan2 = "#3492b9";
+export const colorLightSequentialCyan3 = "#51b1d7";
+export const colorLightSequentialCyan4 = "#5ebee1";
+export const colorLightSequentialCyan5 = "#8ad4f3";
+export const colorLightSequentialCyan6 = "#a9e1f6";
+export const colorLightSequentialCyan7 = "#c7ebfa";
+export const colorLightSequentialCyan8 = "#def5ff";
+export const colorLightSequentialFuchsia1 = "#c648a0";
+export const colorLightSequentialFuchsia2 = "#da55b4";
+export const colorLightSequentialFuchsia3 = "#f278ca";
+export const colorLightSequentialFuchsia4 = "#f68ed3";
+export const colorLightSequentialFuchsia5 = "#fdb1e4";
+export const colorLightSequentialFuchsia6 = "#fdc7f1";
+export const colorLightSequentialFuchsia7 = "#ffdafa";
+export const colorLightSequentialFuchsia8 = "#ffe9fc";
+export const colorLightSequentialGreen1 = "#358d43";
+export const colorLightSequentialGreen2 = "#3b9e4d";
+export const colorLightSequentialGreen3 = "#5abd69";
+export const colorLightSequentialGreen4 = "#6aca7a";
+export const colorLightSequentialGreen5 = "#8ee29c";
+export const colorLightSequentialGreen6 = "#a8ecb5";
+export const colorLightSequentialGreen7 = "#c2f3cc";
+export const colorLightSequentialGreen8 = "#dafae2";
+export const colorLightSequentialIndigo1 = "#7b64d3";
+export const colorLightSequentialIndigo2 = "#8376e3";
+export const colorLightSequentialIndigo3 = "#9b95f2";
+export const colorLightSequentialIndigo4 = "#a7a7f7";
+export const colorLightSequentialIndigo5 = "#bfc4fe";
+export const colorLightSequentialIndigo6 = "#ccd5ff";
+export const colorLightSequentialIndigo7 = "#e1e4ff";
+export const colorLightSequentialIndigo8 = "#eeedff";
+export const colorLightSequentialJungle1 = "#228c68";
+export const colorLightSequentialJungle2 = "#2a9d74";
+export const colorLightSequentialJungle3 = "#40ba93";
+export const colorLightSequentialJungle4 = "#53c9a4";
+export const colorLightSequentialJungle5 = "#7de1c0";
+export const colorLightSequentialJungle6 = "#9becd3";
+export const colorLightSequentialJungle7 = "#b8f3e2";
+export const colorLightSequentialJungle8 = "#d5fbee";
+export const colorLightSequentialMagenta1 = "#cf4773";
+export const colorLightSequentialMagenta2 = "#e35583";
+export const colorLightSequentialMagenta3 = "#f8789e";
+export const colorLightSequentialMagenta4 = "#fc8fb0";
+export const colorLightSequentialMagenta5 = "#fcb2c6";
+export const colorLightSequentialMagenta6 = "#ffc9dc";
+export const colorLightSequentialMagenta7 = "#ffdce5";
+export const colorLightSequentialMagenta8 = "#ffeaee";
+export const colorLightSequentialOrange1 = "#c97126";
+export const colorLightSequentialOrange2 = "#db8127";
+export const colorLightSequentialOrange3 = "#f29b3e";
+export const colorLightSequentialOrange4 = "#f6a850";
+export const colorLightSequentialOrange5 = "#fdc17a";
+export const colorLightSequentialOrange6 = "#fdd39a";
+export const colorLightSequentialOrange7 = "#ffe3bc";
+export const colorLightSequentialOrange8 = "#ffefd9";
+export const colorLightSequentialPistachio1 = "#66881f";
+export const colorLightSequentialPistachio2 = "#739823";
+export const colorLightSequentialPistachio3 = "#8eb43c";
+export const colorLightSequentialPistachio4 = "#9cc350";
+export const colorLightSequentialPistachio5 = "#b6db76";
+export const colorLightSequentialPistachio6 = "#c7e793";
+export const colorLightSequentialPistachio7 = "#d7f0b1";
+export const colorLightSequentialPistachio8 = "#e5f9ce";
+export const colorLightSequentialPurple1 = "#aa52c1";
+export const colorLightSequentialPurple2 = "#ba63d6";
+export const colorLightSequentialPurple3 = "#d086ec";
+export const colorLightSequentialPurple4 = "#d899f0";
+export const colorLightSequentialPurple5 = "#e5bcfa";
+export const colorLightSequentialPurple6 = "#e9cdfd";
+export const colorLightSequentialPurple7 = "#f1dfff";
+export const colorLightSequentialPurple8 = "#faebff";
+export const colorLightSequentialRed1 = "#db4933";
+export const colorLightSequentialRed2 = "#ec5742";
+export const colorLightSequentialRed3 = "#fe7961";
+export const colorLightSequentialRed4 = "#fc8e7b";
+export const colorLightSequentialRed5 = "#fcb1a7";
+export const colorLightSequentialRed6 = "#ffc8c4";
+export const colorLightSequentialRed7 = "#ffdad9";
+export const colorLightSequentialRed8 = "#ffebeb";
+export const colorLightSequentialTeal1 = "#158886";
+export const colorLightSequentialTeal2 = "#139c99";
+export const colorLightSequentialTeal3 = "#37b9bb";
+export const colorLightSequentialTeal4 = "#4ac5c7";
+export const colorLightSequentialTeal5 = "#75dddf";
+export const colorLightSequentialTeal6 = "#98e9e9";
+export const colorLightSequentialTeal7 = "#b9f1f3";
+export const colorLightSequentialTeal8 = "#d6f8f9";

package/esm/colors-students.module.d.ts

@@ -0,0 +1,2 @@
+export const colorStaticStudentsElectricLime: "#8fff00";
+export const colorStaticStudentsRazzleRose: "#fe34c6";

package/esm/colors-students.module.js

@@ -0,0 +1,2 @@
+export const colorStaticStudentsElectricLime = "#8fff00";
+export const colorStaticStudentsRazzleRose = "#fe34c6";

package/esm/colors-transparent.module.d.ts

@@ -0,0 +1,26 @@
+export const colorDynamicNulled: "rgba(0, 0, 0, 0)";
+export const colorDynamicPrimaryDark: "rgba(0, 0, 0, 0.8)";
+export const colorDynamicPrimaryLight: "rgba(255, 255, 255, 0.8)";
+export const colorDynamicQuaternaryDark: "rgba(0, 0, 0, 0.32)";
+export const colorDynamicQuaternaryLight: "rgba(255, 255, 255, 0.32)";
+export const colorDynamicQuinaryDark: "rgba(0, 0, 0, 0.16)";
+export const colorDynamicQuinaryLight: "rgba(255, 255, 255, 0.16)";
+export const colorDynamicSecondaryDark: "rgba(0, 0, 0, 0.64)";
+export const colorDynamicSecondaryLight: "rgba(255, 255, 255, 0.64)";
+export const colorDynamicSenaryDark: "rgba(0, 0, 0, 0.12)";
+export const colorDynamicSenaryLight: "rgba(255, 255, 255, 0.12)";
+export const colorDynamicTertiaryDark: "rgba(0, 0, 0, 0.48)";
+export const colorDynamicTertiaryLight: "rgba(255, 255, 255, 0.48)";
+export const colorStaticNulled: "rgba(0, 0, 0, 0)";
+export const colorStaticPrimaryDark: "rgba(0, 0, 0, 0.8)";
+export const colorStaticPrimaryLight: "rgba(255, 255, 255, 0.8)";
+export const colorStaticQuaternaryDark: "rgba(0, 0, 0, 0.32)";
+export const colorStaticQuaternaryLight: "rgba(255, 255, 255, 0.32)";
+export const colorStaticQuinaryDark: "rgba(0, 0, 0, 0.16)";
+export const colorStaticQuinaryLight: "rgba(255, 255, 255, 0.16)";
+export const colorStaticSecondaryDark: "rgba(0, 0, 0, 0.64)";
+export const colorStaticSecondaryLight: "rgba(255, 255, 255, 0.64)";
+export const colorStaticSenaryDark: "rgba(0, 0, 0, 0.12)";
+export const colorStaticSenaryLight: "rgba(255, 255, 255, 0.12)";
+export const colorStaticTertiaryDark: "rgba(0, 0, 0, 0.48)";
+export const colorStaticTertiaryLight: "rgba(255, 255, 255, 0.48)";

package/esm/colors-transparent.module.js

@@ -0,0 +1,26 @@
+export const colorDynamicNulled = "rgba(0, 0, 0, 0)";
+export const colorDynamicPrimaryDark = "rgba(0, 0, 0, 0.8)";
+export const colorDynamicPrimaryLight = "rgba(255, 255, 255, 0.8)";
+export const colorDynamicQuaternaryDark = "rgba(0, 0, 0, 0.32)";
+export const colorDynamicQuaternaryLight = "rgba(255, 255, 255, 0.32)";
+export const colorDynamicQuinaryDark = "rgba(0, 0, 0, 0.16)";
+export const colorDynamicQuinaryLight = "rgba(255, 255, 255, 0.16)";
+export const colorDynamicSecondaryDark = "rgba(0, 0, 0, 0.64)";
+export const colorDynamicSecondaryLight = "rgba(255, 255, 255, 0.64)";
+export const colorDynamicSenaryDark = "rgba(0, 0, 0, 0.12)";
+export const colorDynamicSenaryLight = "rgba(255, 255, 255, 0.12)";
+export const colorDynamicTertiaryDark = "rgba(0, 0, 0, 0.48)";
+export const colorDynamicTertiaryLight = "rgba(255, 255, 255, 0.48)";
+export const colorStaticNulled = "rgba(0, 0, 0, 0)";
+export const colorStaticPrimaryDark = "rgba(0, 0, 0, 0.8)";
+export const colorStaticPrimaryLight = "rgba(255, 255, 255, 0.8)";
+export const colorStaticQuaternaryDark = "rgba(0, 0, 0, 0.32)";
+export const colorStaticQuaternaryLight = "rgba(255, 255, 255, 0.32)";
+export const colorStaticQuinaryDark = "rgba(0, 0, 0, 0.16)";
+export const colorStaticQuinaryLight = "rgba(255, 255, 255, 0.16)";
+export const colorStaticSecondaryDark = "rgba(0, 0, 0, 0.64)";
+export const colorStaticSecondaryLight = "rgba(255, 255, 255, 0.64)";
+export const colorStaticSenaryDark = "rgba(0, 0, 0, 0.12)";
+export const colorStaticSenaryLight = "rgba(255, 255, 255, 0.12)";
+export const colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
+export const colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";

package/esm/colors-x5.module.d.ts

@@ -0,0 +1,2 @@
+export const colorStaticBrandPrimary: "#5faf2d";
+export const colorStaticBrandSecondary: "#00afff";

package/esm/colors-x5.module.js

@@ -0,0 +1,2 @@
+export const colorStaticBrandPrimary = "#5faf2d";
+export const colorStaticBrandSecondary = "#00afff";

package/esm/colors.module.d.ts

@@ -0,0 +1,69 @@
+export const colorDarkIndigo: "#0b1f35";
+export const colorDarkIndigo60: "rgba(11, 31, 53, 0.6)";
+export const colorDarkIndigo30: "rgba(11, 31, 53, 0.3)";
+export const colorDarkIndigo15: "rgba(11, 31, 53, 0.15)";
+export const colorDarkIndigo10: "rgba(11, 31, 53, 0.1)";
+export const colorDarkIndigo07: "rgba(11, 31, 53, 0.07)";
+export const colorDarkIndigo05: "rgba(11, 31, 53, 0.05)";
+export const colorDarkIndigo60Flat: "#6d7986";
+export const colorDarkIndigo30Flat: "#b6bcc3";
+export const colorDarkIndigo15Flat: "#dbdee1";
+export const colorDarkIndigo10Flat: "#e7e9eb";
+export const colorDarkIndigo07Flat: "#eeeff1";
+export const colorDarkIndigo05Flat: "#f3f4f5";
+export const colorRedBrand: "#ef3124";
+export const colorRedBrand85: "rgba(239, 49, 36, 0.85)";
+export const colorRedBrand70: "rgba(239, 49, 36, 0.7)";
+export const colorRedBrand50: "rgba(239, 49, 36, 0.5)";
+export const colorRedBrand30: "rgba(239, 49, 36, 0.3)";
+export const colorRedBrand20: "rgba(239, 49, 36, 0.2)";
+export const colorRedBrand10: "rgba(239, 49, 36, 0.1)";
+export const colorRedBrand85Flat: "#f15045";
+export const colorRedBrand70Flat: "#f46f66";
+export const colorRedBrand50Flat: "#f69791";
+export const colorRedBrand30Flat: "#fbc2bd";
+export const colorRedBrand20Flat: "#fcd6d3";
+export const colorRedBrand10Flat: "#feebea";
+export const colorRedBrand05Flat: "#fef5f4";
+export const colorRedDark: "#d91d0b";
+export const colorRedError: "#ff5c5c";
+export const colorGreenText: "#13a463";
+export const colorGreenText60: "rgba(19, 164, 99, 0.6)";
+export const colorGreenText60Flat: "#71c8a1";
+export const colorGreenDone: "#2fc26e";
+export const colorGreenDone20: "rgba(47, 194, 110, 0.2)";
+export const colorGreenDone10: "rgba(47, 194, 110, 0.1)";
+export const colorGreenDone05: "rgba(47, 194, 110, 0.05)";
+export const colorGreenDone20Flat: "#d5f3e2";
+export const colorGreenDone10Flat: "#ebf9f1";
+export const colorGreenDone05Flat: "#f4fcf7";
+export const colorBlueAction: "#0e60b9";
+export const colorBlueSwipeA: "#2670c6";
+export const colorBlueSwipeB: "#3781d8";
+export const colorBlueSwipeC: "#4a90e2";
+export const colorBlueLinkMobile: "#007aff";
+export const colorBlueLinkMobile10: "rgba(0, 122, 255, 0.1)";
+export const colorBlueLinkMobile10Flat: "#e6f2ff";
+export const colorBlueLinkWeb: "#0f62fe";
+export const colorSand: "#f6bf65";
+export const colorLavender: "#8888ad";
+export const colorAmethyst: "#a489aa";
+export const colorBlack: "#000";
+export const colorBlack60: "rgba(0, 0, 0, 0.6)";
+export const colorBlack30: "rgba(0, 0, 0, 0.3)";
+export const colorBlack10: "rgba(0, 0, 0, 0.1)";
+export const colorBlack60Flat: "#666";
+export const colorBlack30Flat: "#b3b3b3";
+export const colorBlack10Flat: "#e6e6e6";
+export const colorWhite: "#fff";
+export const colorWhite60: "rgba(255, 255, 255, 0.6)";
+export const colorWhite30: "rgba(255, 255, 255, 0.3)";
+export const colorWhite10: "rgba(255, 255, 255, 0.1)";
+export const colorBgCorporate: "#212a33";
+export const colorBgCorporate90: "rgba(33, 42, 51, 0.9)";
+export const colorBgCorporate60: "rgba(33, 42, 51, 0.6)";
+export const colorBgCorporate30: "rgba(33, 42, 51, 0.3)";
+export const colorBgCorporate90Flat: "#384048";
+export const colorBgCorporate60Flat: "#7a7f85";
+export const colorBgCorporate30Flat: "#bdc0c2";
+export const colorLightBlue: "#f5f7f9";

package/esm/colors.module.js

@@ -0,0 +1,69 @@
+export const colorDarkIndigo = "#0b1f35";
+export const colorDarkIndigo60 = "rgba(11, 31, 53, 0.6)";
+export const colorDarkIndigo30 = "rgba(11, 31, 53, 0.3)";
+export const colorDarkIndigo15 = "rgba(11, 31, 53, 0.15)";
+export const colorDarkIndigo10 = "rgba(11, 31, 53, 0.1)";
+export const colorDarkIndigo07 = "rgba(11, 31, 53, 0.07)";
+export const colorDarkIndigo05 = "rgba(11, 31, 53, 0.05)";
+export const colorDarkIndigo60Flat = "#6d7986";
+export const colorDarkIndigo30Flat = "#b6bcc3";
+export const colorDarkIndigo15Flat = "#dbdee1";
+export const colorDarkIndigo10Flat = "#e7e9eb";
+export const colorDarkIndigo07Flat = "#eeeff1";
+export const colorDarkIndigo05Flat = "#f3f4f5";
+export const colorRedBrand = "#ef3124";
+export const colorRedBrand85 = "rgba(239, 49, 36, 0.85)";
+export const colorRedBrand70 = "rgba(239, 49, 36, 0.7)";
+export const colorRedBrand50 = "rgba(239, 49, 36, 0.5)";
+export const colorRedBrand30 = "rgba(239, 49, 36, 0.3)";
+export const colorRedBrand20 = "rgba(239, 49, 36, 0.2)";
+export const colorRedBrand10 = "rgba(239, 49, 36, 0.1)";
+export const colorRedBrand85Flat = "#f15045";
+export const colorRedBrand70Flat = "#f46f66";
+export const colorRedBrand50Flat = "#f69791";
+export const colorRedBrand30Flat = "#fbc2bd";
+export const colorRedBrand20Flat = "#fcd6d3";
+export const colorRedBrand10Flat = "#feebea";
+export const colorRedBrand05Flat = "#fef5f4";
+export const colorRedDark = "#d91d0b";
+export const colorRedError = "#ff5c5c";
+export const colorGreenText = "#13a463";
+export const colorGreenText60 = "rgba(19, 164, 99, 0.6)";
+export const colorGreenText60Flat = "#71c8a1";
+export const colorGreenDone = "#2fc26e";
+export const colorGreenDone20 = "rgba(47, 194, 110, 0.2)";
+export const colorGreenDone10 = "rgba(47, 194, 110, 0.1)";
+export const colorGreenDone05 = "rgba(47, 194, 110, 0.05)";
+export const colorGreenDone20Flat = "#d5f3e2";
+export const colorGreenDone10Flat = "#ebf9f1";
+export const colorGreenDone05Flat = "#f4fcf7";
+export const colorBlueAction = "#0e60b9";
+export const colorBlueSwipeA = "#2670c6";
+export const colorBlueSwipeB = "#3781d8";
+export const colorBlueSwipeC = "#4a90e2";
+export const colorBlueLinkMobile = "#007aff";
+export const colorBlueLinkMobile10 = "rgba(0, 122, 255, 0.1)";
+export const colorBlueLinkMobile10Flat = "#e6f2ff";
+export const colorBlueLinkWeb = "#0f62fe";
+export const colorSand = "#f6bf65";
+export const colorLavender = "#8888ad";
+export const colorAmethyst = "#a489aa";
+export const colorBlack = "#000";
+export const colorBlack60 = "rgba(0, 0, 0, 0.6)";
+export const colorBlack30 = "rgba(0, 0, 0, 0.3)";
+export const colorBlack10 = "rgba(0, 0, 0, 0.1)";
+export const colorBlack60Flat = "#666";
+export const colorBlack30Flat = "#b3b3b3";
+export const colorBlack10Flat = "#e6e6e6";
+export const colorWhite = "#fff";
+export const colorWhite60 = "rgba(255, 255, 255, 0.6)";
+export const colorWhite30 = "rgba(255, 255, 255, 0.3)";
+export const colorWhite10 = "rgba(255, 255, 255, 0.1)";
+export const colorBgCorporate = "#212a33";
+export const colorBgCorporate90 = "rgba(33, 42, 51, 0.9)";
+export const colorBgCorporate60 = "rgba(33, 42, 51, 0.6)";
+export const colorBgCorporate30 = "rgba(33, 42, 51, 0.3)";
+export const colorBgCorporate90Flat = "#384048";
+export const colorBgCorporate60Flat = "#7a7f85";
+export const colorBgCorporate30Flat = "#bdc0c2";
+export const colorLightBlue = "#f5f7f9";

package/esm/shadows-bluetint.module.d.ts

@@ -0,0 +1,20 @@
+export const shadowXs: "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowS: "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n        0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowM: "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowL: "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowXl: "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowXsHard: "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowSHard: "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n        0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowMHard: "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowLHard: "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowXlHard: "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowXsUp: "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
+export const shadowSUp: "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
+export const shadowMUp: "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
+export const shadowLUp: "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
+export const shadowXlUp: "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
+export const shadowXsHardUp: "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n        0 -2px 4px rgba(0, 0, 0, 0.16)";
+export const shadowSHardUp: "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n        0 -4px 8px rgba(0, 0, 0, 0.16)";
+export const shadowMHardUp: "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n        0 -8px 16px rgba(0, 0, 0, 0.16)";
+export const shadowLHardUp: "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n        0 -12px 24px rgba(0, 0, 0, 0.16)";
+export const shadowXlHardUp: "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n        0 -16px 32px rgba(0, 0, 0, 0.16)";

package/esm/shadows-bluetint.module.js

@@ -0,0 +1,20 @@
+export const shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n        0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
+export const shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n        0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
+export const shadowXsUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
+export const shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
+export const shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
+export const shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
+export const shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
+export const shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n        0 -2px 4px rgba(0, 0, 0, 0.16)";
+export const shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n        0 -4px 8px rgba(0, 0, 0, 0.16)";
+export const shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n        0 -8px 16px rgba(0, 0, 0, 0.16)";
+export const shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n        0 -12px 24px rgba(0, 0, 0, 0.16)";
+export const shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n        0 -16px 32px rgba(0, 0, 0, 0.16)";

package/esm/shadows-indigo.module.d.ts

@@ -0,0 +1,20 @@
+export const shadowXs: "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04)";
+export const shadowS: "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08)";
+export const shadowM: "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowL: "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24)";
+export const shadowXl: "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32)";
+export const shadowXsHard: "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),\n        0 2px 4px rgba(11, 31, 53, 0.16)";
+export const shadowSHard: "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08),\n        0 4px 8px rgba(11, 31, 53, 0.16)";
+export const shadowMHard: "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),\n        0 8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLHard: "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24),\n        0 12px 24px rgba(11, 31, 53, 0.16)";
+export const shadowXlHard: "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32),\n        0 16px 32px rgba(11, 31, 53, 0.16)";
+export const shadowXsUp: "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04)";
+export const shadowSUp: "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08)";
+export const shadowMUp: "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLUp: "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24)";
+export const shadowXlUp: "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32)";
+export const shadowXsHardUp: "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04),\n        0 -2px 4px rgba(11, 31, 53, 0.16)";
+export const shadowSHardUp: "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08),\n        0 -4px 8px rgba(11, 31, 53, 0.16)";
+export const shadowMHardUp: "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16),\n        0 -8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLHardUp: "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24),\n        0 -12px 24px rgba(11, 31, 53, 0.16)";
+export const shadowXlHardUp: "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),\n        0 -16px 32px rgba(11, 31, 53, 0.16)";

package/esm/shadows-indigo.module.js

@@ -0,0 +1,20 @@
+export const shadowXs = "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04)";
+export const shadowS = "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08)";
+export const shadowM = "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowL = "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24)";
+export const shadowXl = "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32)";
+export const shadowXsHard = "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),\n        0 2px 4px rgba(11, 31, 53, 0.16)";
+export const shadowSHard = "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08),\n        0 4px 8px rgba(11, 31, 53, 0.16)";
+export const shadowMHard = "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),\n        0 8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLHard = "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24),\n        0 12px 24px rgba(11, 31, 53, 0.16)";
+export const shadowXlHard = "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32),\n        0 16px 32px rgba(11, 31, 53, 0.16)";
+export const shadowXsUp = "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04)";
+export const shadowSUp = "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08)";
+export const shadowMUp = "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLUp = "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24)";
+export const shadowXlUp = "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32)";
+export const shadowXsHardUp = "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04),\n        0 -2px 4px rgba(11, 31, 53, 0.16)";
+export const shadowSHardUp = "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08),\n        0 -4px 8px rgba(11, 31, 53, 0.16)";
+export const shadowMHardUp = "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16),\n        0 -8px 16px rgba(11, 31, 53, 0.16)";
+export const shadowLHardUp = "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24),\n        0 -12px 24px rgba(11, 31, 53, 0.16)";
+export const shadowXlHardUp = "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),\n        0 -16px 32px rgba(11, 31, 53, 0.16)";

package/mixins.css

@@ -84,10 +84,16 @@
     }
 }
 
+/* сбрасывает синюю подсветку при нажатии */
+@define-mixin reset-tap-highlight-color {
+    -webkit-tap-highlight-color: transparent;
+}
+
 @define-mixin button-reset {
+    @mixin reset-tap-highlight-color;
+
     box-sizing: border-box;
     background-color: transparent;
-    -webkit-tap-highlight-color: transparent;
     outline: none;
     border: 0;
     margin: var(--gap-0);

package/modern/colors-addons.module.d.ts

@@ -0,0 +1,125 @@
+export const colorStaticCorpbgNeutral: "#bdc0c2";
+export const colorStaticCorpbgPrimary: "#212a33";
+export const colorStaticCorpbgSecondary: "#384048";
+export const colorStaticCorpbgTertiary: "#7a7f85";
+export const colorStaticGraphicAmethyst: "#a489aa";
+export const colorStaticGraphicBlackberry: "#bfafc6";
+export const colorStaticGraphicBlueChill: "#0f9c8c";
+export const colorStaticGraphicBlueMaya: "#7eb3ff";
+export const colorStaticGraphicBlueMoody: "#7879cf";
+export const colorStaticGraphicBlueSteel: "#4f84ba";
+export const colorStaticGraphicBotticelli: "#cee5e5";
+export const colorStaticGraphicBoulder: "#7a7a7a";
+export const colorStaticGraphicBrinkPink: "#fc617c";
+export const colorStaticGraphicBurntSienna: "#eb7a58";
+export const colorStaticGraphicCarrot: "#e8bba3";
+export const colorStaticGraphicChatelle: "#bfafc6";
+export const colorStaticGraphicChathamsBlue: "#155966";
+export const colorStaticGraphicChick: "#f2db9e";
+export const colorStaticGraphicCrete: "#847128";
+export const colorStaticGraphicCuriousBlue: "#2381db";
+export const colorStaticGraphicCuriousBlueLight: "#3b99d9";
+export const colorStaticGraphicEasternBlue: "#269cb3";
+export const colorStaticGraphicFrenchLilac: "#d3baed";
+export const colorStaticGraphicFuelYellow: "#f29d32";
+export const colorStaticGraphicFunBlue: "#1d6ab5";
+export const colorStaticGraphicGallery: "#eee";
+export const colorStaticGraphicGreenJungle: "#2fc26e";
+export const colorStaticGraphicHippieBlue: "#5aa4b0";
+export const colorStaticGraphicJaffa: "#f07134";
+export const colorStaticGraphicJaffaLight: "#f18836";
+export const colorStaticGraphicJava: "#15c0e0";
+export const colorStaticGraphicJungleGreen: "#2ab79a";
+export const colorStaticGraphicLavender: "#8888ad";
+export const colorStaticGraphicMantis: "#63cd4f";
+export const colorStaticGraphicMatisse: "#16548f";
+export const colorStaticGraphicMilanoRed: "#cd1501";
+export const colorStaticGraphicMirage: "#1d2434";
+export const colorStaticGraphicMoonRaker: "#e9dbf7";
+export const colorStaticGraphicMossGreen: "#a6d29c";
+export const colorStaticGraphicNevada: "#626b75";
+export const colorStaticGraphicOlive: "#bfd3c9";
+export const colorStaticGraphicOlivine: "#87b965";
+export const colorStaticGraphicPeach: "#fcc99b";
+export const colorStaticGraphicPersimmon: "#ff5c5c";
+export const colorStaticGraphicPewter: "#96a5a5";
+export const colorStaticGraphicPickledBluewood: "#2d3f50";
+export const colorStaticGraphicPorsche: "#e7b965";
+export const colorStaticGraphicRaspberry: "#dfb2bb";
+export const colorStaticGraphicRedDamask: "#da713c";
+export const colorStaticGraphicSaffron: "#f0c330";
+export const colorStaticGraphicSalomie: "#fee984";
+export const colorStaticGraphicSand: "#f6bf65";
+export const colorStaticGraphicSandyBrown: "#f38f6f";
+export const colorStaticGraphicSeawater: "#aecfd9";
+export const colorStaticGraphicSerenade: "#fff0e3";
+export const colorStaticGraphicSky: "#a6c0db";
+export const colorStaticGraphicSoftPeach: "#f3eaeb";
+export const colorStaticGraphicSolitude: "#e8f2fe";
+export const colorStaticGraphicStrawberry: "#f8b6a9";
+export const colorStaticGraphicSundust: "#d9d6ce";
+export const colorStaticGraphicTurkishRose: "#b56a6b";
+export const colorStaticGraphicTurquoiseBlue: "#6bd3e6";
+export const colorStaticGraphicValencia: "#d8463b";
+export const colorStaticGraphicWaikawaGray: "#5b6d9c";
+export const colorStaticGraphicWhisper: "#f2eff6";
+export const colorStaticGraphicZanah: "#e1f0de";
+export const colorStaticLocalLightBlue: "#f5f7f9";
+export const colorStaticOverlayBlackHigh: "rgba(0, 0, 0, 0.32)";
+export const colorStaticOverlayBlackLow: "rgba(0, 0, 0, 0.16)";
+export const colorStaticOverlayBlackNormal: "rgba(0, 0, 0, 0.24)";
+export const colorStaticOverlayBlackXhigh: "rgba(0, 0, 0, 0.4)";
+export const colorStaticOverlayBlackXlow: "rgba(0, 0, 0, 0.08)";
+export const colorStaticOverlayIndigoHigh: "rgba(11, 31, 53, 0.32)";
+export const colorStaticOverlayIndigoLow: "rgba(11, 31, 53, 0.16)";
+export const colorStaticOverlayIndigoNormal: "rgba(11, 31, 53, 0.24)";
+export const colorStaticOverlayIndigoXhigh: "rgba(11, 31, 53, 0.4)";
+export const colorStaticOverlayIndigoXlow: "rgba(11, 31, 53, 0.08)";
+export const colorStaticOverlayWhiteHigh: "rgba(255, 255, 255, 0.32)";
+export const colorStaticOverlayWhiteLow: "rgba(255, 255, 255, 0.16)";
+export const colorStaticOverlayWhiteNormal: "rgba(255, 255, 255, 0.24)";
+export const colorStaticOverlayWhiteXhigh: "rgba(255, 255, 255, 0.4)";
+export const colorStaticOverlayWhiteXlow: "rgba(255, 255, 255, 0.08)";
+export const colorStaticStatusBlue: "#007aff";
+export const colorStaticStatusGreen: "#13a463";
+export const colorStaticStatusGrey: "#6d7986";
+export const colorStaticStatusOrange: "#de6a00";
+export const colorStaticStatusPurple: "#673ab7";
+export const colorStaticStatusRed: "#d91d0b";
+export const colorStaticStatusTeal: "#219187";
+export const colorStaticGraphicBlueChillOld: "#0f9c8c";
+export const colorStaticGraphicBoulderOld: "#7a7a7a";
+export const colorStaticGraphicBrinkPinkOld: "#fc617c";
+export const colorStaticGraphicBurntSiennaOld: "#eb7a58";
+export const colorStaticGraphicChatelleOld: "#bfafc6";
+export const colorStaticGraphicChathamsBlueOld: "#155966";
+export const colorStaticGraphicCuriousBlueLightOld: "#3b99d9";
+export const colorStaticGraphicFunBlueOld: "#1d6ab5";
+export const colorStaticGraphicHippieBlueOld: "#5aa4b0";
+export const colorStaticGraphicJaffaLightOld: "#f18836";
+export const colorStaticGraphicJavaOld: "#15c0e0";
+export const colorStaticGraphicMantisOld: "#63cd4f";
+export const colorStaticGraphicMatisseOld: "#16548f";
+export const colorStaticGraphicMaya: "#7eb3ff";
+export const colorStaticGraphicMilanoRedOld: "#cd1501";
+export const colorStaticGraphicMirageOld: "#1d2434";
+export const colorStaticGraphicNevadaOld: "#626b75";
+export const colorStaticGraphicOlivineOld: "#87b965";
+export const colorStaticGraphicPermission: "#ff5c5c";
+export const colorStaticGraphicPewterOld: "#96a5a5";
+export const colorStaticGraphicPickledBluewoodOld: "#2d3f50";
+export const colorStaticGraphicPorscheOld: "#e7b965";
+export const colorStaticGraphicRedDamaskOld: "#da713c";
+export const colorStaticGraphicSaffronOld: "#f0c330";
+export const colorStaticGraphicSandybrownOld: "#f38f6f";
+export const colorStaticGraphicTurkishRoseOld: "#b56a6b";
+export const colorStaticGraphicTurquoiseBlueOld: "#6bd3e6";
+export const colorStaticGraphicValenciaOld: "#d8463b";
+export const colorStaticGraphicWaikawaGrayOld: "#5b6d9c";
+export const colorStaticStatusBlueAlpha10: "rgba(0, 122, 255, 0.1)";
+export const colorStaticStatusGreenAlpha10: "rgba(19, 164, 99, 0.1)";
+export const colorStaticStatusGreyAlpha10: "rgba(109, 121, 134, 0.1)";
+export const colorStaticStatusOrangeAlpha10: "rgba(222, 106, 0, 0.1)";
+export const colorStaticStatusPurpleAlpha10: "rgba(103, 58, 183, 0.1)";
+export const colorStaticStatusRedAlpha10: "rgba(217, 29, 11, 0.1)";
+export const colorStaticStatusTealAlpha10: "rgba(33, 145, 135, 0.1)";