@mirohq/design-system-themes - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

dist/main.js

@@ -95,3 +95,3 @@ 'use strict';
     "icon-primary-inverted": "$white",
-    "icon-primary-selected": "$blue-700",
+    "icon-primary-selected": "$blue-800",
     "icon-success": "$green-800",
@@ -120,3 +120,3 @@ "icon-success-inverted": "$green-500",
     "text-primary-inverted-subtle": "$blue-400",
-    "text-primary-selected": "$blue-700",
+    "text-primary-selected": "$blue-800",
     "text-success": "$green-800",
@@ -129,4 +129,4 @@ "text-warning": "$indigo-900"
   colors: {
-    "background-alpha-active": "#FFFFFF",
-    "background-alpha-hover": "#FFFFFF",
+    "background-alpha-active": "$white",
+    "background-alpha-hover": "$white",
     "background-danger-prominent": "#DCDCDC",
@@ -172,49 +172,49 @@ "background-danger-prominent-active": "#BDBDBD",
     "background-primary-subtle-selected": "#5869F0",
-    "background-success": "#696968",
-    "background-warning-prominent": "#FAFAFA",
-    "background-warning-subtle": "#403F3E",
-    "border-danger": "#FAFAFA",
-    "border-danger-active": "#BDBDBD",
-    "border-danger-hover": "#DCDCDC",
-    "border-focus-inner": "#0F0F0F",
+    "background-success": "$gray-400",
+    "background-warning-prominent": "$gray-100",
+    "background-warning-subtle": "$gray-500",
+    "border-danger": "$gray-100",
+    "border-danger-active": "$gray-300",
+    "border-danger-hover": "$gray-200",
+    "border-focus-inner": "$gray-600",
     "border-focus-middle": "#6881FF",
     "border-focus-outer": "#2C3A94",
-    "border-neutrals": "#BDBDBD",
-    "border-neutrals-active": "#403F3E",
-    "border-neutrals-controls": "#DCDCDC",
-    "border-neutrals-controls-disabled": "#403F3E",
-    "border-neutrals-disabled": "#403F3E",
-    "border-neutrals-hover": "#696968",
-    "border-neutrals-inverted": "#0F0F0F",
-    "border-neutrals-subtle": "#696968",
-    "border-neutrals-text": "#FAFAFA",
-    "border-neutrals-text-active": "#BDBDBD",
-    "border-neutrals-text-hover": "#DCDCDC",
-    "border-neutrals-text-subtle": "#DCDCDC",
-    "border-neutrals-text-subtle-active": "#BDBDBD",
-    "border-neutrals-text-subtle-hover": "#DCDCDC",
-    "border-neutrals-transparent": "#403F3E",
+    "border-neutrals": "$gray-300",
+    "border-neutrals-active": "$gray-500",
+    "border-neutrals-controls": "$gray-200",
+    "border-neutrals-controls-disabled": "$gray-500",
+    "border-neutrals-disabled": "$gray-500",
+    "border-neutrals-hover": "$gray-400",
+    "border-neutrals-inverted": "$gray-600",
+    "border-neutrals-subtle": "$gray-400",
+    "border-neutrals-text": "$gray-100",
+    "border-neutrals-text-active": "$gray-300",
+    "border-neutrals-text-hover": "$gray-200",
+    "border-neutrals-text-subtle": "$gray-200",
+    "border-neutrals-text-subtle-active": "$gray-300",
+    "border-neutrals-text-subtle-hover": "$gray-200",
+    "border-neutrals-transparent": "$gray-500",
     "border-primary": "#C4CCFB",
     "border-primary-active": "#C4CCFB",
     "border-primary-hover": "#C4CCFB",
-    "border-primary-inverted": "#0F0F0F",
-    "border-success": "#403F3E",
-    "border-warning": "#DCDCDC",
-    "icon-danger": "#FAFAFA",
-    "icon-danger-active": "#BDBDBD",
-    "icon-danger-hover": "#DCDCDC",
-    "icon-danger-inverted": "#0F0F0F",
-    "icon-neutrals": "#FAFAFA",
-    "icon-neutrals-disabled": "#696968",
-    "icon-neutrals-inactive": "#BDBDBD",
-    "icon-neutrals-inactive-hover": "#696968",
-    "icon-neutrals-inverted": "#0F0F0F",
-    "icon-neutrals-search": "#BDBDBD",
-    "icon-neutrals-subtle": "#DCDCDC",
-    "icon-neutrals-text": "#DCDCDC",
+    "border-primary-inverted": "$gray-600",
+    "border-success": "$gray-500",
+    "border-warning": "$gray-200",
+    "icon-danger": "$gray-100",
+    "icon-danger-active": "$gray-300",
+    "icon-danger-hover": "$gray-200",
+    "icon-danger-inverted": "$gray-600",
+    "icon-neutrals": "$gray-100",
+    "icon-neutrals-disabled": "$gray-400",
+    "icon-neutrals-inactive": "$gray-300",
+    "icon-neutrals-inactive-hover": "$gray-400",
+    "icon-neutrals-inverted": "$gray-600",
+    "icon-neutrals-search": "$gray-300",
+    "icon-neutrals-subtle": "$gray-200",
+    "icon-neutrals-text": "$gray-200",
     "icon-primary": "#C4CCFB",
-    "icon-primary-active": "#FFFFFF",
-    "icon-primary-hover": "#FFFFFF",
-    "icon-primary-inverted": "#FFFFFF",
-    "icon-primary-selected": "#FFFFFF",
+    "icon-primary-active": "$white",
+    "icon-primary-hover": "$white",
+    "icon-primary-inverted": "$white",
+    "icon-primary-selected": "$white",
     "icon-success": "#FAFAFA",
@@ -239,7 +239,7 @@ "icon-success-inverted": "#403F3E",
     "text-primary": "#C4CCFB",
-    "text-primary-active": "#FFFFFF",
-    "text-primary-hover": "#FFFFFF",
-    "text-primary-inverted": "#FFFFFF",
-    "text-primary-inverted-subtle": "#FFFFFF",
-    "text-primary-selected": "#FFFFFF",
+    "text-primary-active": "$white",
+    "text-primary-hover": "$white",
+    "text-primary-inverted": "$white",
+    "text-primary-inverted-subtle": "$white",
+    "text-primary-selected": "$white",
     "text-success": "#FAFAFA",
@@ -246,0 +246,0 @@ "text-warning": "#0F0F0F"

dist/module.js

@@ -91,3 +91,3 @@ const light = Object.freeze({
     "icon-primary-inverted": "$white",
-    "icon-primary-selected": "$blue-700",
+    "icon-primary-selected": "$blue-800",
     "icon-success": "$green-800",
@@ -116,3 +116,3 @@ "icon-success-inverted": "$green-500",
     "text-primary-inverted-subtle": "$blue-400",
-    "text-primary-selected": "$blue-700",
+    "text-primary-selected": "$blue-800",
     "text-success": "$green-800",
@@ -125,4 +125,4 @@ "text-warning": "$indigo-900"
   colors: {
-    "background-alpha-active": "#FFFFFF",
-    "background-alpha-hover": "#FFFFFF",
+    "background-alpha-active": "$white",
+    "background-alpha-hover": "$white",
     "background-danger-prominent": "#DCDCDC",
@@ -168,49 +168,49 @@ "background-danger-prominent-active": "#BDBDBD",
     "background-primary-subtle-selected": "#5869F0",
-    "background-success": "#696968",
-    "background-warning-prominent": "#FAFAFA",
-    "background-warning-subtle": "#403F3E",
-    "border-danger": "#FAFAFA",
-    "border-danger-active": "#BDBDBD",
-    "border-danger-hover": "#DCDCDC",
-    "border-focus-inner": "#0F0F0F",
+    "background-success": "$gray-400",
+    "background-warning-prominent": "$gray-100",
+    "background-warning-subtle": "$gray-500",
+    "border-danger": "$gray-100",
+    "border-danger-active": "$gray-300",
+    "border-danger-hover": "$gray-200",
+    "border-focus-inner": "$gray-600",
     "border-focus-middle": "#6881FF",
     "border-focus-outer": "#2C3A94",
-    "border-neutrals": "#BDBDBD",
-    "border-neutrals-active": "#403F3E",
-    "border-neutrals-controls": "#DCDCDC",
-    "border-neutrals-controls-disabled": "#403F3E",
-    "border-neutrals-disabled": "#403F3E",
-    "border-neutrals-hover": "#696968",
-    "border-neutrals-inverted": "#0F0F0F",
-    "border-neutrals-subtle": "#696968",
-    "border-neutrals-text": "#FAFAFA",
-    "border-neutrals-text-active": "#BDBDBD",
-    "border-neutrals-text-hover": "#DCDCDC",
-    "border-neutrals-text-subtle": "#DCDCDC",
-    "border-neutrals-text-subtle-active": "#BDBDBD",
-    "border-neutrals-text-subtle-hover": "#DCDCDC",
-    "border-neutrals-transparent": "#403F3E",
+    "border-neutrals": "$gray-300",
+    "border-neutrals-active": "$gray-500",
+    "border-neutrals-controls": "$gray-200",
+    "border-neutrals-controls-disabled": "$gray-500",
+    "border-neutrals-disabled": "$gray-500",
+    "border-neutrals-hover": "$gray-400",
+    "border-neutrals-inverted": "$gray-600",
+    "border-neutrals-subtle": "$gray-400",
+    "border-neutrals-text": "$gray-100",
+    "border-neutrals-text-active": "$gray-300",
+    "border-neutrals-text-hover": "$gray-200",
+    "border-neutrals-text-subtle": "$gray-200",
+    "border-neutrals-text-subtle-active": "$gray-300",
+    "border-neutrals-text-subtle-hover": "$gray-200",
+    "border-neutrals-transparent": "$gray-500",
     "border-primary": "#C4CCFB",
     "border-primary-active": "#C4CCFB",
     "border-primary-hover": "#C4CCFB",
-    "border-primary-inverted": "#0F0F0F",
-    "border-success": "#403F3E",
-    "border-warning": "#DCDCDC",
-    "icon-danger": "#FAFAFA",
-    "icon-danger-active": "#BDBDBD",
-    "icon-danger-hover": "#DCDCDC",
-    "icon-danger-inverted": "#0F0F0F",
-    "icon-neutrals": "#FAFAFA",
-    "icon-neutrals-disabled": "#696968",
-    "icon-neutrals-inactive": "#BDBDBD",
-    "icon-neutrals-inactive-hover": "#696968",
-    "icon-neutrals-inverted": "#0F0F0F",
-    "icon-neutrals-search": "#BDBDBD",
-    "icon-neutrals-subtle": "#DCDCDC",
-    "icon-neutrals-text": "#DCDCDC",
+    "border-primary-inverted": "$gray-600",
+    "border-success": "$gray-500",
+    "border-warning": "$gray-200",
+    "icon-danger": "$gray-100",
+    "icon-danger-active": "$gray-300",
+    "icon-danger-hover": "$gray-200",
+    "icon-danger-inverted": "$gray-600",
+    "icon-neutrals": "$gray-100",
+    "icon-neutrals-disabled": "$gray-400",
+    "icon-neutrals-inactive": "$gray-300",
+    "icon-neutrals-inactive-hover": "$gray-400",
+    "icon-neutrals-inverted": "$gray-600",
+    "icon-neutrals-search": "$gray-300",
+    "icon-neutrals-subtle": "$gray-200",
+    "icon-neutrals-text": "$gray-200",
     "icon-primary": "#C4CCFB",
-    "icon-primary-active": "#FFFFFF",
-    "icon-primary-hover": "#FFFFFF",
-    "icon-primary-inverted": "#FFFFFF",
-    "icon-primary-selected": "#FFFFFF",
+    "icon-primary-active": "$white",
+    "icon-primary-hover": "$white",
+    "icon-primary-inverted": "$white",
+    "icon-primary-selected": "$white",
     "icon-success": "#FAFAFA",
@@ -235,7 +235,7 @@ "icon-success-inverted": "#403F3E",
     "text-primary": "#C4CCFB",
-    "text-primary-active": "#FFFFFF",
-    "text-primary-hover": "#FFFFFF",
-    "text-primary-inverted": "#FFFFFF",
-    "text-primary-inverted-subtle": "#FFFFFF",
-    "text-primary-selected": "#FFFFFF",
+    "text-primary-active": "$white",
+    "text-primary-hover": "$white",
+    "text-primary-inverted": "$white",
+    "text-primary-inverted-subtle": "$white",
+    "text-primary-selected": "$white",
     "text-success": "#FAFAFA",
@@ -242,0 +242,0 @@ "text-warning": "#0F0F0F"

package.json

 {
   "name": "@mirohq/design-system-themes",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "",
@@ -31,3 +31,3 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-tokens": "^3.0.2"
+    "@mirohq/design-tokens": "^3.1.0"
   },
@@ -34,0 +34,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

81633

increased by1.16%

Dependency changes

• Updated@mirohq/design-tokens@^3.1.0