@biom3/design-tokens - npm Package Compare versions

Comparing version 0.1.4-beta to 0.1.5-beta

dist/index.d.ts

@@ -96,2 +96,3 @@ type Colors = {
     popover: number;
+    bottomSheet: number;
 };
@@ -341,11 +342,13 @@ type Shadows = {
 type Animation = {
-    slow: {
-        duration: string;
+    gentle: {
+        cssDuration: string;
         cssEase: string;
         jsEase: string;
+        jsDuration: number;
     };
     fast: {
-        duration: string;
+        cssDuration: string;
         cssEase: string;
         jsEase: string;
+        jsDuration: number;
     };
@@ -352,0 +355,0 @@ };

dist/index.js

@@ -652,7 +652,9 @@ "use strict";
   popover: 10,
+  bottomSheet: 8,
   modal: 9
 };
 var animation = {
-  slow: {
-    duration: "0.4s",
+  gentle: {
+    cssDuration: "0.4s",
+    jsDuration: 0.4,
     cssEase: "ease-in-out",
@@ -662,3 +664,4 @@ jsEase: "easeInOut"
   fast: {
-    duration: "0.25s",
+    cssDuration: "0.25s",
+    jsDuration: 0.25,
     cssEase: "ease-in-out",
@@ -665,0 +668,0 @@ jsEase: "easeInOut"

package.json

 {
   "name": "@biom3/design-tokens",
-  "version": "0.1.4-beta",
+  "version": "0.1.5-beta",
   "main": "./dist/index.js",
@@ -5,0 +5,0 @@ "types": "./dist/index.d.ts",

src/tokens/base.ts

@@ -329,2 +329,3 @@ import {
   popover: 10,
+  bottomSheet: 8,
   modal: 9,
@@ -334,4 +335,5 @@ } as const;
 const animation: Animation = {
-  slow: {
-    duration: '0.4s',
+  gentle: {
+    cssDuration: '0.4s',
+    jsDuration: 0.4,
     cssEase: 'ease-in-out',
@@ -341,3 +343,4 @@ jsEase: 'easeInOut',
   fast: {
-    duration: '0.25s',
+    cssDuration: '0.25s',
+    jsDuration: 0.25,
     cssEase: 'ease-in-out',
@@ -344,0 +347,0 @@ jsEase: 'easeInOut',

src/tokens/theme/onDark.ts

@@ -160,1 +160,19 @@ import { Colors, Gradients, Shadows } from '../../types';
 } as const;
+
+// @TODO: BUILD THIS OUT
+const surface = {
+  100: {
+    default: {
+      background: 'base.color.neutral.1000',
+      shadow: 'base.shadow.100',
+    },
+    hover: {
+      background: 'base.color.neutral.1000',
+      shadow: 'base.shadow.100',
+    },
+    active: {
+      background: 'base.color.neutral.1000',
+      shadow: 'base.shadow.100',
+    },
+  },
+};

src/types.ts

@@ -98,2 +98,3 @@ // Base Types
   popover: number;
+  bottomSheet: number;
 };
@@ -349,11 +350,13 @@
 export type Animation = {
-  slow: {
-    duration: string;
+  gentle: {
+    cssDuration: string;
     cssEase: string;
     jsEase: string;
+    jsDuration: number;
   };
   fast: {
-    duration: string;
+    cssDuration: string;
     cssEase: string;
     jsEase: string;
+    jsDuration: number;
   };
@@ -360,0 +363,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

120529

increased by1.19%

Lines of code

3049

increased by1.16%

No dependency changes