@biom3/design-tokens - npm Package Compare versions

Comparing version 0.0.11-alpha to 0.0.12-alpha

dist/index.d.ts

@@ -30,3 +30,12 @@ type Colors = {
     translucent: {
+        container: {
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+        };
         standard: {
+            1000: string;
+            900: string;
             800: string;
@@ -42,2 +51,4 @@ 700: string;
         inverse: {
+            1000: string;
+            900: string;
             800: string;
@@ -44,0 +55,0 @@ 700: string;

dist/index.js

@@ -51,8 +51,8 @@ "use strict";
   neutral: {
-    1e3: "#0D0D0D",
+    500: "#575757",
+    600: "#444444",
+    700: "#323232",
+    800: "#1F1F1F",
     900: "#131313",
-    800: "#1F1F1F",
-    700: "#323232",
-    600: "#444444",
-    500: "#575757"
+    1e3: "#0D0D0D"
   },
@@ -70,3 +70,12 @@ accent: {
   translucent: {
+    container: {
+      500: "#F3F3F333",
+      400: "#F3F3F329",
+      300: "#F3F3F31F",
+      200: "#F3F3F314",
+      100: "#F3F3F30A"
+    },
     standard: {
+      1e3: "#F3F3F3FF",
+      900: "#F3F3F3E6",
       800: "#F3F3F3CC",
@@ -82,2 +91,4 @@ 700: "#F3F3F3A3",
     inverse: {
+      1e3: "#0D0D0DFF",
+      900: "#0D0D0DE6",
       800: "#0D0D0DCC",
@@ -219,3 +230,12 @@ 700: "#0D0D0DA3",
   translucent: {
+    container: {
+      500: "#FFFFFFF5",
+      400: "#FFFFFFE0",
+      300: "#FFFFFFCC",
+      200: "#FFFFFFA3",
+      100: "#FFFFFF7A"
+    },
     standard: {
+      1e3: "#0D0D0DFF",
+      900: "#0D0D0DE6",
       800: "#0D0D0DCC",
@@ -231,2 +251,4 @@ 700: "#0D0D0DA3",
     inverse: {
+      1e3: "#FFFFFFFF",
+      900: "#FFFFFFE6",
       800: "#FFFFFFCC",
@@ -233,0 +255,0 @@ 700: "#FFFFFFA3",

package.json

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

src/tokens/theme/onDark.ts

@@ -14,8 +14,8 @@ import { Colors, Gradients, Shadows } from '../../types';
   neutral: {
+    500: '#575757',
+    600: '#444444',
+    700: '#323232',
+    800: '#1F1F1F',
+    900: '#131313',
     1000: '#0D0D0D',
-    900: '#131313',
-    800: '#1F1F1F',
-    700: '#323232',
-    600: '#444444',
-    500: '#575757',
   },
@@ -33,3 +33,12 @@ accent: {
   translucent: {
+    container: {
+      500: '#F3F3F333',
+      400: '#F3F3F329',
+      300: '#F3F3F31F',
+      200: '#F3F3F314',
+      100: '#F3F3F30A',
+    },
     standard: {
+      1000: '#F3F3F3FF',
+      900: '#F3F3F3E6',
       800: '#F3F3F3CC',
@@ -45,2 +54,4 @@ 700: '#F3F3F3A3',
     inverse: {
+      1000: '#0D0D0DFF',
+      900: '#0D0D0DE6',
       800: '#0D0D0DCC',
@@ -47,0 +58,0 @@ 700: '#0D0D0DA3',

src/tokens/theme/onLight.ts

@@ -32,13 +32,24 @@ import { Colors, Gradients, Shadows } from '../../types';
   translucent: {
+    container: {
+      500: '#FFFFFFF5',
+      400: '#FFFFFFE0',
+      300: '#FFFFFFCC',
+      200: '#FFFFFFA3',
+      100: '#FFFFFF7A',
+    },
     standard: {
-      800: '#0D0D0DCC',
-      700: '#0D0D0DA3',
-      600: '#0D0D0D7A',
-      500: '#0D0D0D3D',
+      1000: '#0D0D0DFF', // rgba(13, 13, 13, 1)
+      900: '#0D0D0DE6', // rgba(13, 13, 13, 0.90)
+      800: '#0D0D0DCC', // rgba(13, 13, 13, 0.75)
+      700: '#0D0D0DA3', // rgba(13, 13, 13, 0.64)
+      600: '#0D0D0D7A', // rgba(13, 13, 13, 0.48)
+      500: '#0D0D0D3D', // rgba(13, 13, 13, 0.24)
       400: '#0D0D0D29',
       300: '#0D0D0D1F',
       200: '#0D0D0D14',
-      100: '#0D0D0D0A',
+      100: '#0D0D0D0A', // rgba(13, 13, 13, 0.04)
     },
     inverse: {
+      1000: '#FFFFFFFF',
+      900: '#FFFFFFE6',
       800: '#FFFFFFCC',
@@ -45,0 +56,0 @@ 700: '#FFFFFFA3',

src/types.ts

@@ -31,3 +31,12 @@ // Base Types
   translucent: {
+    container: {
+      500: string;
+      400: string;
+      300: string;
+      200: string;
+      100: string;
+    };
     standard: {
+      1000: string;
+      900: string;
       800: string;
@@ -43,2 +52,4 @@ 700: string;
     inverse: {
+      1000: string;
+      900: string;
       800: string;
@@ -45,0 +56,0 @@ 700: string;

No alert changes

Improved metrics

Total package byte prevSize

107945

increased by3.4%

Lines of code

2710

increased by3.2%

No dependency changes