@biom3/design-tokens - npm Package Compare versions

Comparing version 0.0.10-alpha to 0.0.11-alpha

dist/index.d.ts

@@ -30,3 +30,3 @@ type Colors = {
     translucent: {
-        dim: {
+        standard: {
             800: string;
@@ -41,3 +41,3 @@ 700: string;
         };
-        bright: {
+        inverse: {
             800: string;
@@ -71,2 +71,11 @@ 700: string;
     };
+    text: {
+        primary: string;
+        secondary: string;
+        link: string;
+        inverse: {
+            primary: string;
+            secondary: string;
+        };
+    };
 };
@@ -73,0 +82,0 @@ type Shadows = {

dist/index.js

@@ -69,13 +69,3 @@ "use strict";
   translucent: {
-    dim: {
-      800: "#131313CC",
-      700: "#131313A3",
-      600: "#1313137A",
-      500: "#1313133D",
-      400: "#13131329",
-      300: "#1313131F",
-      200: "#13131314",
-      100: "#1313130A"
-    },
-    bright: {
+    standard: {
       800: "#F3F3F3CC",
@@ -89,2 +79,12 @@ 700: "#F3F3F3A3",
       100: "#F3F3F30A"
+    },
+    inverse: {
+      800: "#0D0D0DCC",
+      700: "#0D0D0DA3",
+      600: "#0D0D0D7A",
+      500: "#0D0D0D3D",
+      400: "#0D0D0D29",
+      300: "#0D0D0D1F",
+      200: "#0D0D0D14",
+      100: "#0D0D0D0A"
     }
@@ -109,2 +109,11 @@ },
     }
+  },
+  text: {
+    primary: "#F3F3F3",
+    secondary: "#B6B6B6",
+    link: "#F191FA",
+    inverse: {
+      primary: "#131313",
+      secondary: "#464646"
+    }
   }
@@ -210,3 +219,3 @@ };
   translucent: {
-    dim: {
+    standard: {
       800: "#0D0D0DCC",
@@ -221,3 +230,3 @@ 700: "#0D0D0DA3",
     },
-    bright: {
+    inverse: {
       800: "#FFFFFFCC",
@@ -250,2 +259,11 @@ 700: "#FFFFFFA3",
     }
+  },
+  text: {
+    primary: "#131313",
+    secondary: "#868686",
+    link: "#B026BD",
+    inverse: {
+      primary: "#FFFFFF",
+      secondary: "#E0E0E0"
+    }
   }
@@ -252,0 +270,0 @@ };

package.json

 {
   "name": "@biom3/design-tokens",
-  "version": "0.0.10-alpha",
+  "version": "0.0.11-alpha",
   "main": "./dist/index.js",
@@ -5,0 +5,0 @@ "types": "./dist/index.d.ts",

src/tokens/theme/onDark.ts

@@ -32,13 +32,3 @@ import { Colors, Gradients, Shadows } from '../../types';
   translucent: {
-    dim: {
-      800: '#131313CC',
-      700: '#131313A3',
-      600: '#1313137A',
-      500: '#1313133D',
-      400: '#13131329',
-      300: '#1313131F',
-      200: '#13131314',
-      100: '#1313130A',
-    },
-    bright: {
+    standard: {
       800: '#F3F3F3CC',
@@ -53,2 +43,12 @@ 700: '#F3F3F3A3',
     },
+    inverse: {
+      800: '#0D0D0DCC',
+      700: '#0D0D0DA3',
+      600: '#0D0D0D7A',
+      500: '#0D0D0D3D',
+      400: '#0D0D0D29',
+      300: '#0D0D0D1F',
+      200: '#0D0D0D14',
+      100: '#0D0D0D0A',
+    },
   },
@@ -73,2 +73,11 @@ status: {
   },
+  text: {
+    primary: '#F3F3F3',
+    secondary: '#B6B6B6',
+    link: '#F191FA',
+    inverse: {
+      primary: '#131313',
+      secondary: '#464646',
+    },
+  },
 } as const;
@@ -75,0 +84,0 @@

src/tokens/theme/onLight.ts

@@ -32,3 +32,3 @@ import { Colors, Gradients, Shadows } from '../../types';
   translucent: {
-    dim: {
+    standard: {
       800: '#0D0D0DCC',
@@ -43,3 +43,3 @@ 700: '#0D0D0DA3',
     },
-    bright: {
+    inverse: {
       800: '#FFFFFFCC',
@@ -73,2 +73,11 @@ 700: '#FFFFFFA3',
   },
+  text: {
+    primary: '#131313',
+    secondary: '#868686',
+    link: '#B026BD',
+    inverse: {
+      primary: '#FFFFFF',
+      secondary: '#E0E0E0',
+    },
+  },
 } as const;
@@ -75,0 +84,0 @@

src/types.ts

@@ -31,3 +31,3 @@ // Base Types
   translucent: {
-    dim: {
+    standard: {
       800: string;
@@ -42,3 +42,3 @@ 700: string;
     };
-    bright: {
+    inverse: {
       800: string;
@@ -72,2 +72,11 @@ 700: string;
   };
+  text: {
+    primary: string;
+    secondary: string;
+    link: string;
+    inverse: {
+      primary: string;
+      secondary: string;
+    };
+  };
 };
@@ -74,0 +83,0 @@

No alert changes

Improved metrics

Total package byte prevSize

104397

increased by2.08%

Lines of code

2626

increased by2.5%

No dependency changes