@covalent/tokens 10.1.1 → 10.2.0

package/index.css

@@ -92,9 +92,9 @@
   --cv-dark-divider: #3e3e41;
   --cv-dark-emphasis: #cc809c;
   --cv-dark-accent: #bac3ff;
-  --cv-dark-background: #161616;
-  --cv-dark-surface: #161616;
-  --cv-dark-surface-canvas: #2c2b2d;
+  --cv-dark-background: #1e1d1e;
+  --cv-dark-surface: #1e1d1e;
+  --cv-dark-surface-canvas: #38383b;
   --cv-dark-surface-primary: #1d2c43;
   --cv-dark-surface-primary-highlight: rgba(186, 195, 255, 0.08);
   --cv-dark-surface-primary-highlight-hover: rgba(186, 195, 255, 0.08);
@@ -327,8 +327,8 @@
   --cv-theme-light-colors-on-tertiary: #ffffff;
   --cv-theme-light-colors-on-tertiary-container: #481300;
   --cv-theme-light-colors-surface: #f8f9fb;
-  --cv-theme-light-colors-surface-dim: #e0e3ef;
-  --cv-theme-light-colors-surface-bright: #f8f9fb;
+  --cv-theme-light-colors-surface-dim: #f3f5f9;
+  --cv-theme-light-colors-surface-bright: #ffffff;
   --cv-theme-light-colors-surface-container-lowest: #ffffff;
   --cv-theme-light-colors-surface-container-low: #f3f5f9;
   --cv-theme-light-colors-surface-container: #eff1f7;
@@ -500,6 +500,7 @@
   --cv-theme-light-colors-surface-variant-8: rgba(248, 249, 251, 0.08);
   --cv-theme-light-colors-surface-variant-12: rgba(248, 249, 251, 0.12);
   --cv-theme-light-colors-surface-variant-16: rgba(253, 249, 252, 0.16);
+  --cv-theme-light-colors-logo: #ff5f02;
   --cv-theme-light-colors-on-surface-variant-38: rgba(89, 98, 123, 0.38);
   --cv-theme-light-colors-on-primary-38: rgba(255, 255, 255, 0.38);
   --cv-theme-light-colors-on-secondary-38: rgba(255, 255, 255, 0.38);
@@ -534,6 +535,11 @@
   --cv-theme-light-colors-on-emphasis-74: rgba(255, 255, 255, 0.74);
   --cv-theme-light-colors-on-emphasis-container-38: rgba(24, 14, 0, 0.38);
   --cv-theme-light-colors-on-emphasis-container-74: rgba(24, 14, 0, 0.74);
+  --cv-theme-light-colors-on-primary-container-38: rgba(0, 17, 90, 0.38);
+  --cv-theme-light-colors-on-primary-container-74: rgba(0, 17, 90, 0.74);
+  --cv-theme-light-colors-primary-38: rgba(48, 83, 244, 0.38);
+  --cv-theme-light-colors-primary-74: rgba(48, 83, 244, 0.74);
+  --cv-theme-light-colors-brand: #ff5f02;
   --cv-theme-dark-palettes-digital-blue-98: #efefff;
   --cv-theme-dark-palettes-digital-blue-100: #ffffff;
   --cv-theme-dark-palettes-digital-blue-95: #dde1ff;
@@ -725,14 +731,14 @@
   --cv-theme-dark-colors-tertiary-container: #c25d33;
   --cv-theme-dark-colors-on-tertiary: #612e1a;
   --cv-theme-dark-colors-on-tertiary-container: #fef1ec;
-  --cv-theme-dark-colors-surface: #161616;
-  --cv-theme-dark-colors-surface-dim: #0e0e0e;
+  --cv-theme-dark-colors-surface: #1e1d1e;
+  --cv-theme-dark-colors-surface-dim: #161616;
   --cv-theme-dark-colors-surface-bright: #4a4a4d;
-  --cv-theme-dark-colors-surface-container-lowest: #1e1d1e;
-  --cv-theme-dark-colors-surface-container-low: #252426;
-  --cv-theme-dark-colors-surface-container: #2c2b2d;
-  --cv-theme-dark-colors-surface-container-high: #323134;
-  --cv-theme-dark-colors-surface-container-highest: #38383b;
+  --cv-theme-dark-colors-surface-container-lowest: #2c2b2d;
+  --cv-theme-dark-colors-surface-container-low: #323134;
+  --cv-theme-dark-colors-surface-container: #38383b;
+  --cv-theme-dark-colors-surface-container-high: #3e3e41;
+  --cv-theme-dark-colors-surface-container-highest: #444447;
   --cv-theme-dark-colors-on-surface: #ebe8ec;
   --cv-theme-dark-colors-on-surface-variant: #d5d3d8;
   --cv-theme-dark-colors-inverse-surface: #ebe8ec;
@@ -899,6 +905,7 @@
   --cv-theme-dark-colors-surface-variant-8: rgba(0, 0, 0, 0.08);
   --cv-theme-dark-colors-surface-variant-12: rgba(0, 0, 0, 0.12);
   --cv-theme-dark-colors-surface-variant-16: rgba(0, 0, 0, 0.16);
+  --cv-theme-dark-colors-logo: #ffffff;
   --cv-theme-dark-colors-on-surface-variant-38: rgba(213, 211, 216, 0.38);
   --cv-theme-dark-colors-on-primary-38: rgba(17, 26, 40, 0.38);
   --cv-theme-dark-colors-on-secondary-38: rgba(23, 26, 44, 0.38);
@@ -933,6 +940,11 @@
   --cv-theme-dark-colors-on-emphasis-74: rgba(25, 16, 19, 0.74);
   --cv-theme-dark-colors-on-emphasis-container-38: rgba(255, 217, 231, 0.38);
   --cv-theme-dark-colors-on-emphasis-container-74: rgba(255, 217, 231, 0.74);
+  --cv-theme-dark-colors-on-primary-container-38: rgba(221, 225, 255, 0.38);
+  --cv-theme-dark-colors-on-primary-container-74: rgba(221, 225, 255, 0.74);
+  --cv-theme-dark-colors-primary-38: rgba(186, 195, 255, 0.38);
+  --cv-theme-dark-colors-primary-74: rgba(186, 195, 255, 0.74);
+  --cv-theme-dark-colors-brand: #ff5f02;
   --cv-teradata-teal-50: #def9f8;
   --cv-teradata-teal-100: #b2ebea;
   --cv-teradata-teal-200: #85dddc;

package/index.d.ts

@@ -499,6 +499,7 @@ export const CvThemeLightColorsBackground: string;
 export const CvThemeLightColorsSurfaceVariant8: string;
 export const CvThemeLightColorsSurfaceVariant12: string;
 export const CvThemeLightColorsSurfaceVariant16: string;
+export const CvThemeLightColorsLogo: string;
 export const CvThemeLightColorsOnSurfaceVariant38: string;
 export const CvThemeLightColorsOnPrimary38: string;
 export const CvThemeLightColorsOnSecondary38: string;
@@ -533,6 +534,11 @@ export const CvThemeLightColorsOnEmphasis38: string;
 export const CvThemeLightColorsOnEmphasis74: string;
 export const CvThemeLightColorsOnEmphasisContainer38: string;
 export const CvThemeLightColorsOnEmphasisContainer74: string;
+export const CvThemeLightColorsOnPrimaryContainer38: string;
+export const CvThemeLightColorsOnPrimaryContainer74: string;
+export const CvThemeLightColorsPrimary38: string;
+export const CvThemeLightColorsPrimary74: string;
+export const CvThemeLightColorsBrand: string;
 export const CvThemeDarkPalettesDigitalBlue98: string;
 export const CvThemeDarkPalettesDigitalBlue100: string;
 export const CvThemeDarkPalettesDigitalBlue95: string;
@@ -898,6 +904,7 @@ export const CvThemeDarkColorsBackground: string;
 export const CvThemeDarkColorsSurfaceVariant8: string;
 export const CvThemeDarkColorsSurfaceVariant12: string;
 export const CvThemeDarkColorsSurfaceVariant16: string;
+export const CvThemeDarkColorsLogo: string;
 export const CvThemeDarkColorsOnSurfaceVariant38: string;
 export const CvThemeDarkColorsOnPrimary38: string;
 export const CvThemeDarkColorsOnSecondary38: string;
@@ -932,6 +939,11 @@ export const CvThemeDarkColorsOnEmphasis38: string;
 export const CvThemeDarkColorsOnEmphasis74: string;
 export const CvThemeDarkColorsOnEmphasisContainer38: string;
 export const CvThemeDarkColorsOnEmphasisContainer74: string;
+export const CvThemeDarkColorsOnPrimaryContainer38: string;
+export const CvThemeDarkColorsOnPrimaryContainer74: string;
+export const CvThemeDarkColorsPrimary38: string;
+export const CvThemeDarkColorsPrimary74: string;
+export const CvThemeDarkColorsBrand: string;
 export const CvTeradataTeal50: string;
 export const CvTeradataTeal100: string;
 export const CvTeradataTeal200: string;

package/index.js

@@ -91,9 +91,9 @@ export const CvDarkOnError = "#331915";
 export const CvDarkDivider = "#3e3e41";
 export const CvDarkEmphasis = "#cc809c";
 export const CvDarkAccent = "#bac3ff";
-export const CvDarkBackground = "#161616";
-export const CvDarkSurface = "#161616";
-export const CvDarkSurfaceCanvas = "#2c2b2d";
+export const CvDarkBackground = "#1e1d1e";
+export const CvDarkSurface = "#1e1d1e";
+export const CvDarkSurfaceCanvas = "#38383b";
 export const CvDarkSurfacePrimary = "#1d2c43";
 export const CvDarkSurfacePrimaryHighlight = "#bac3ff";
 export const CvDarkSurfacePrimaryHighlightHover = "#bac3ff";
@@ -326,8 +326,8 @@ export const CvThemeLightColorsTertiaryContainer = "#ffdbce";
 export const CvThemeLightColorsOnTertiary = "#ffffff";
 export const CvThemeLightColorsOnTertiaryContainer = "#481300";
 export const CvThemeLightColorsSurface = "#f8f9fb";
-export const CvThemeLightColorsSurfaceDim = "#e0e3ef";
-export const CvThemeLightColorsSurfaceBright = "#f8f9fb";
+export const CvThemeLightColorsSurfaceDim = "#f3f5f9";
+export const CvThemeLightColorsSurfaceBright = "#ffffff";
 export const CvThemeLightColorsSurfaceContainerLowest = "#ffffff";
 export const CvThemeLightColorsSurfaceContainerLow = "#f3f5f9";
 export const CvThemeLightColorsSurfaceContainer = "#eff1f7";
@@ -499,6 +499,7 @@ export const CvThemeLightColorsBackground = "#f8f9fb";
 export const CvThemeLightColorsSurfaceVariant8 = "#f8f9fb";
 export const CvThemeLightColorsSurfaceVariant12 = "#f8f9fb";
 export const CvThemeLightColorsSurfaceVariant16 = "#fdf9fc";
+export const CvThemeLightColorsLogo = "#ff5f02";
 export const CvThemeLightColorsOnSurfaceVariant38 = "#59627b";
 export const CvThemeLightColorsOnPrimary38 = "#ffffff";
 export const CvThemeLightColorsOnSecondary38 = "#ffffff";
@@ -533,6 +534,11 @@ export const CvThemeLightColorsOnEmphasis38 = "#ffffff";
 export const CvThemeLightColorsOnEmphasis74 = "#ffffff";
 export const CvThemeLightColorsOnEmphasisContainer38 = "#180e00";
 export const CvThemeLightColorsOnEmphasisContainer74 = "#180e00";
+export const CvThemeLightColorsOnPrimaryContainer38 = "#00115a";
+export const CvThemeLightColorsOnPrimaryContainer74 = "#00115a";
+export const CvThemeLightColorsPrimary38 = "#3053f4";
+export const CvThemeLightColorsPrimary74 = "#3053f4";
+export const CvThemeLightColorsBrand = "#ff5f02";
 export const CvThemeDarkPalettesDigitalBlue98 = "#efefff";
 export const CvThemeDarkPalettesDigitalBlue100 = "#ffffff";
 export const CvThemeDarkPalettesDigitalBlue95 = "#dde1ff";
@@ -724,14 +730,14 @@ export const CvThemeDarkColorsTertiary = "#ff5f02";
 export const CvThemeDarkColorsTertiaryContainer = "#c25d33";
 export const CvThemeDarkColorsOnTertiary = "#612e1a";
 export const CvThemeDarkColorsOnTertiaryContainer = "#fef1ec";
-export const CvThemeDarkColorsSurface = "#161616";
-export const CvThemeDarkColorsSurfaceDim = "#0e0e0e";
+export const CvThemeDarkColorsSurface = "#1e1d1e";
+export const CvThemeDarkColorsSurfaceDim = "#161616";
 export const CvThemeDarkColorsSurfaceBright = "#4a4a4d";
-export const CvThemeDarkColorsSurfaceContainerLowest = "#1e1d1e";
-export const CvThemeDarkColorsSurfaceContainerLow = "#252426";
-export const CvThemeDarkColorsSurfaceContainer = "#2c2b2d";
-export const CvThemeDarkColorsSurfaceContainerHigh = "#323134";
-export const CvThemeDarkColorsSurfaceContainerHighest = "#38383b";
+export const CvThemeDarkColorsSurfaceContainerLowest = "#2c2b2d";
+export const CvThemeDarkColorsSurfaceContainerLow = "#323134";
+export const CvThemeDarkColorsSurfaceContainer = "#38383b";
+export const CvThemeDarkColorsSurfaceContainerHigh = "#3e3e41";
+export const CvThemeDarkColorsSurfaceContainerHighest = "#444447";
 export const CvThemeDarkColorsOnSurface = "#ebe8ec";
 export const CvThemeDarkColorsOnSurfaceVariant = "#d5d3d8";
 export const CvThemeDarkColorsInverseSurface = "#ebe8ec";
@@ -898,6 +904,7 @@ export const CvThemeDarkColorsBackground = "#000000";
 export const CvThemeDarkColorsSurfaceVariant8 = "#000000";
 export const CvThemeDarkColorsSurfaceVariant12 = "#000000";
 export const CvThemeDarkColorsSurfaceVariant16 = "#000000";
+export const CvThemeDarkColorsLogo = "#ffffff";
 export const CvThemeDarkColorsOnSurfaceVariant38 = "#d5d3d8";
 export const CvThemeDarkColorsOnPrimary38 = "#111a28";
 export const CvThemeDarkColorsOnSecondary38 = "#171a2c";
@@ -932,6 +939,11 @@ export const CvThemeDarkColorsOnEmphasis38 = "#191013";
 export const CvThemeDarkColorsOnEmphasis74 = "#191013";
 export const CvThemeDarkColorsOnEmphasisContainer38 = "#ffd9e7";
 export const CvThemeDarkColorsOnEmphasisContainer74 = "#ffd9e7";
+export const CvThemeDarkColorsOnPrimaryContainer38 = "#dde1ff";
+export const CvThemeDarkColorsOnPrimaryContainer74 = "#dde1ff";
+export const CvThemeDarkColorsPrimary38 = "#bac3ff";
+export const CvThemeDarkColorsPrimary74 = "#bac3ff";
+export const CvThemeDarkColorsBrand = "#ff5f02";
 export const CvTeradataTeal50 = "#def9f8";
 export const CvTeradataTeal100 = "#b2ebea";
 export const CvTeradataTeal200 = "#85dddc";