@mirohq/design-tokens - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0-checkbox.0

dist/main.js

@@ -106,6 +106,5 @@ 'use strict';
   100: "0 8px 32px #05003808",
-  "focus-small": "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-  "focus-small-outline": "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white",
-  "focus-large": "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-  "focus-controls": "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200"
+  "focus-small": "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+  "focus-large": "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+  "focus-controls": "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer"
 };
@@ -280,2 +279,5 @@
   "icon-warning": "$yellow-900",
+  "border-focus-outer": "$blue-200",
+  "border-focus-middle": "$blue-500",
+  "border-focus-inner": "$white",
   "border-neutrals": "$indigo-100",
@@ -282,0 +284,0 @@ "border-neutrals-hover": "$indigo-200",

dist/module.js

@@ -98,6 +98,5 @@ import merge from 'lodash.merge';
   100: "0 8px 32px #05003808",
-  "focus-small": "0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-  "focus-small-outline": "0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white",
-  "focus-large": "0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-  "focus-controls": "0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200"
+  "focus-small": "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+  "focus-large": "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+  "focus-controls": "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer"
 };
@@ -272,2 +271,5 @@
   "icon-warning": "$yellow-900",
+  "border-focus-outer": "$blue-200",
+  "border-focus-middle": "$blue-500",
+  "border-focus-inner": "$white",
   "border-neutrals": "$indigo-100",
@@ -274,0 +276,0 @@ "border-neutrals-hover": "$indigo-200",

package.json

 {
   "name": "@mirohq/design-tokens",
-  "version": "2.2.0",
+  "version": "2.3.0-checkbox.0",
   "description": "",
@@ -5,0 +5,0 @@ "author": "Miro",

tokens.json

@@ -129,2 +129,5 @@ {
     "icon-warning": "$colors$yellow-900",
+    "border-focus-outer": "$colors$blue-200",
+    "border-focus-middle": "$colors$blue-500",
+    "border-focus-inner": "$colors$white",
     "border-neutrals": "$colors$indigo-100",
@@ -171,6 +174,5 @@ "border-neutrals-hover": "$colors$indigo-200",
     "100": "0 8px 32px #05003808",
-    "focus-small": "$0 0 0 2px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-    "focus-small-outline": "$0 0 0 2px $colors$blue-200, inset 0 0 0 1px $colors$blue-500, inset 0 0 0 2px $colors$white",
-    "focus-large": "$0 0 0 4px $colors$blue-200, inset 0 0 0 2px $colors$blue-500, inset 0 0 0 3px $colors$white",
-    "focus-controls": "$0 0 0 1px $colors$white, 0 0 0 3px $colors$blue-500, 0 0 0 5px $colors$blue-200"
+    "focus-small": "$0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+    "focus-large": "$0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer",
+    "focus-controls": "$0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer"
   },
@@ -177,0 +179,0 @@ "sizes": {

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

175421

increased by2.02%

Lines of code

2359

increased by0.73%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes