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

Comparing version 0.2.0-themes.2 to 0.2.0

dist/main.js

@@ -118,108 +118,108 @@ 'use strict';
   colors: {
-    "background-alpha-active": "$white",
-    "background-alpha-hover": "$white",
-    "background-danger-prominent": "$red-400",
-    "background-danger-prominent-active": "#992f3b",
-    "background-danger-prominent-hover": "#fbd0d4",
-    "background-danger-subtle": "#992f3b",
-    "background-danger-subtle-active": "$gray-500",
-    "background-danger-subtle-hover": "$red-800",
-    "background-neutrals": "#0f0f0f",
-    "background-neutrals-active": "$gray-400",
-    "background-neutrals-container": "#212121",
-    "background-neutrals-controls-disabled": "$gray-900",
-    "background-neutrals-disabled": "#454545",
-    "background-neutrals-hover": "$gray-500",
-    "background-neutrals-inactive": "#777777",
-    "background-neutrals-inactive-hover": "#8f8f8f",
-    "background-neutrals-inverted": "$gray-300",
-    "background-neutrals-inverted-subtle": "#adadad",
-    "background-neutrals-page": "#0a0a0a",
-    "background-neutrals-page-subtle": "#0f0f0f",
-    "background-neutrals-scrolls": "#777777",
-    "background-neutrals-scrolls-hover": "$indigo-200",
-    "background-neutrals-subtle": "$gray-900",
-    "background-neutrals-subtle-active": "#777777",
-    "background-neutrals-subtle-hover": "#454545",
-    "background-primary-prominent": "$blue-500",
-    "background-primary-prominent-active": "$blue-300",
-    "background-primary-prominent-hover": "#96a5f2",
-    "background-primary-prominent-selected": "#4262ff",
-    "background-primary-subtle": "#20295b",
-    "background-primary-subtle-active": "$blue-1000",
-    "background-primary-subtle-hover": "#2a3b9d",
-    "background-primary-subtle-selected": "$blue-1000",
-    "background-success": "#0a3800",
-    "background-warning-prominent": "#ffe499",
-    "background-warning-subtle": "#312702",
-    "border-danger": "$red-400",
-    "border-danger-active": "$red-200",
-    "border-danger-hover": "$red-100",
-    "border-focus-inner": "#0f0f0f",
-    "border-focus-middle": "$blue-500",
-    "border-focus-outer": "#2c3a94",
-    "border-neutrals": "$gray-700",
-    "border-neutrals-active": "$gray-900",
-    "border-neutrals-controls": "$gray-700",
-    "border-neutrals-controls-disabled": "$gray-900",
-    "border-neutrals-disabled": "$gray-900",
-    "border-neutrals-hover": "#777777",
-    "border-neutrals-inverted": "$gray-600",
-    "border-neutrals-subtle": "#454545",
-    "border-neutrals-text": "$gray-100",
-    "border-neutrals-text-active": "$gray-300",
-    "border-neutrals-text-hover": "$gray-200",
-    "border-neutrals-text-subtle": "$indigo-300",
-    "border-neutrals-text-subtle-active": "$indigo-100",
-    "border-neutrals-text-subtle-hover": "$indigo-200",
-    "border-neutrals-transparent": "#505050",
-    "border-primary": "#8091ea",
-    "border-primary-active": "$blue-200",
-    "border-primary-hover": "$blue-300",
-    "border-primary-inverted": "$blue-1000",
-    "border-success": "#0a3800",
-    "border-warning": "#ffe499",
-    "icon-danger": "$red-400",
-    "icon-danger-active": "$red-200",
-    "icon-danger-hover": "$red-100",
-    "icon-danger-inverted": "$blue-1000",
-    "icon-neutrals": "#adadad",
-    "icon-neutrals-disabled": "#777777",
-    "icon-neutrals-inactive": "#777777",
-    "icon-neutrals-inactive-hover": "#8f8f8f",
-    "icon-neutrals-inverted": "#0f0f0f",
-    "icon-neutrals-search": "$indigo-300",
-    "icon-neutrals-subtle": "$indigo-300",
-    "icon-neutrals-text": "#adadad",
-    "icon-primary": "#8091ea",
-    "icon-primary-active": "$blue-200",
-    "icon-primary-hover": "$blue-300",
-    "icon-primary-inverted": "$blue-1000",
-    "icon-primary-selected": "#8091ea",
-    "icon-success": "$green-100",
-    "icon-success-inverted": "#0a3800",
-    "icon-warning": "#ffe499",
-    "icon-warning-prominent": "$blue-1000",
-    "text-danger": "$red-400",
-    "text-danger-active": "#efb8be",
-    "text-danger-hover": "$red-100",
-    "text-danger-inverted": "$blue-1000",
-    "text-neutrals": "#dedede",
-    "text-neutrals-active": "$gray-300",
-    "text-neutrals-disabled": "#777777",
-    "text-neutrals-hover": "$gray-600",
-    "text-neutrals-inverted": "$blue-1000",
-    "text-neutrals-placeholder": "#777777",
-    "text-neutrals-placeholder-only": "#adadad",
-    "text-neutrals-subtle": "$indigo-300",
-    "text-neutrals-subtle-active": "$indigo-100",
-    "text-neutrals-subtle-hover": "$indigo-200",
-    "text-primary": "#8091ea",
-    "text-primary-active": "$blue-200",
-    "text-primary-hover": "$blue-300",
-    "text-primary-inverted": "$blue-1000",
-    "text-primary-inverted-subtle": "#96a5f2",
-    "text-primary-selected": "#8091ea",
-    "text-success": "$green-100",
-    "text-warning": "$blue-1000"
+    "background-alpha-active": "#FFFFFF",
+    "background-alpha-hover": "#FFFFFF",
+    "background-danger-prominent": "#DCDCDC",
+    "background-danger-prominent-active": "#BDBDBD",
+    "background-danger-prominent-hover": "#FAFAFA",
+    "background-danger-subtle": "#BDBDBD",
+    "background-danger-subtle-active": "#403F3E",
+    "background-danger-subtle-hover": "#696968",
+    "background-neutrals": "#0F0F0F",
+    "background-neutrals-active": "#696968",
+    "background-neutrals-container": "#403F3E",
+    "background-neutrals-controls-disabled": "#403F3E",
+    "background-neutrals-disabled": "#403F3E",
+    "background-neutrals-hover": "#403F3E",
+    "background-neutrals-inactive": "#BDBDBD",
+    "background-neutrals-inactive-hover": "#DCDCDC",
+    "background-neutrals-inverted": "#FAFAFA",
+    "background-neutrals-inverted-subtle": "#DCDCDC",
+    "background-neutrals-page": "#0F0F0F",
+    "background-neutrals-page-subtle": "#212121",
+    "background-neutrals-scrolls": "#BDBDBD",
+    "background-neutrals-scrolls-hover": "#DCDCDC",
+    "background-neutrals-subtle": "#696968",
+    "background-neutrals-subtle-active": "#0F0F0F",
+    "background-neutrals-subtle-hover": "#403F3E",
+    "background-primary-prominent": "#5869F0",
+    "background-primary-prominent-active": "#5869F0",
+    "background-primary-prominent-hover": "#5869F0",
+    "background-primary-prominent-selected": "#5869F0",
+    "background-primary-subtle": "#5869F0",
+    "background-primary-subtle-active": "#5869F0",
+    "background-primary-subtle-hover": "#5869F0",
+    "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",
+    "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-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",
+    "icon-primary": "#C4CCFB",
+    "icon-primary-active": "#FFFFFF",
+    "icon-primary-hover": "#FFFFFF",
+    "icon-primary-inverted": "#FFFFFF",
+    "icon-primary-selected": "#FFFFFF",
+    "icon-success": "#FAFAFA",
+    "icon-success-inverted": "#403F3E",
+    "icon-warning": "#FAFAFA",
+    "icon-warning-prominent": "#0F0F0F",
+    "text-danger": "#FAFAFA",
+    "text-danger-active": "#BDBDBD",
+    "text-danger-hover": "#DCDCDC",
+    "text-danger-inverted": "#0F0F0F",
+    "text-neutrals": "#FAFAFA",
+    "text-neutrals-active": "#BDBDBD",
+    "text-neutrals-disabled": "#BDBDBD",
+    "text-neutrals-hover": "#0F0F0F",
+    "text-neutrals-inverted": "#0F0F0F",
+    "text-neutrals-placeholder": "#DCDCDC",
+    "text-neutrals-placeholder-only": "#DCDCDC",
+    "text-neutrals-subtle": "#DCDCDC",
+    "text-neutrals-subtle-active": "#696968",
+    "text-neutrals-subtle-hover": "#BDBDBD",
+    "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-success": "#FAFAFA",
+    "text-warning": "#0F0F0F"
   }
@@ -226,0 +226,0 @@ });

dist/module.js

@@ -114,108 +114,108 @@ const light = Object.freeze({
   colors: {
-    "background-alpha-active": "$white",
-    "background-alpha-hover": "$white",
-    "background-danger-prominent": "$red-400",
-    "background-danger-prominent-active": "#992f3b",
-    "background-danger-prominent-hover": "#fbd0d4",
-    "background-danger-subtle": "#992f3b",
-    "background-danger-subtle-active": "$gray-500",
-    "background-danger-subtle-hover": "$red-800",
-    "background-neutrals": "#0f0f0f",
-    "background-neutrals-active": "$gray-400",
-    "background-neutrals-container": "#212121",
-    "background-neutrals-controls-disabled": "$gray-900",
-    "background-neutrals-disabled": "#454545",
-    "background-neutrals-hover": "$gray-500",
-    "background-neutrals-inactive": "#777777",
-    "background-neutrals-inactive-hover": "#8f8f8f",
-    "background-neutrals-inverted": "$gray-300",
-    "background-neutrals-inverted-subtle": "#adadad",
-    "background-neutrals-page": "#0a0a0a",
-    "background-neutrals-page-subtle": "#0f0f0f",
-    "background-neutrals-scrolls": "#777777",
-    "background-neutrals-scrolls-hover": "$indigo-200",
-    "background-neutrals-subtle": "$gray-900",
-    "background-neutrals-subtle-active": "#777777",
-    "background-neutrals-subtle-hover": "#454545",
-    "background-primary-prominent": "$blue-500",
-    "background-primary-prominent-active": "$blue-300",
-    "background-primary-prominent-hover": "#96a5f2",
-    "background-primary-prominent-selected": "#4262ff",
-    "background-primary-subtle": "#20295b",
-    "background-primary-subtle-active": "$blue-1000",
-    "background-primary-subtle-hover": "#2a3b9d",
-    "background-primary-subtle-selected": "$blue-1000",
-    "background-success": "#0a3800",
-    "background-warning-prominent": "#ffe499",
-    "background-warning-subtle": "#312702",
-    "border-danger": "$red-400",
-    "border-danger-active": "$red-200",
-    "border-danger-hover": "$red-100",
-    "border-focus-inner": "#0f0f0f",
-    "border-focus-middle": "$blue-500",
-    "border-focus-outer": "#2c3a94",
-    "border-neutrals": "$gray-700",
-    "border-neutrals-active": "$gray-900",
-    "border-neutrals-controls": "$gray-700",
-    "border-neutrals-controls-disabled": "$gray-900",
-    "border-neutrals-disabled": "$gray-900",
-    "border-neutrals-hover": "#777777",
-    "border-neutrals-inverted": "$gray-600",
-    "border-neutrals-subtle": "#454545",
-    "border-neutrals-text": "$gray-100",
-    "border-neutrals-text-active": "$gray-300",
-    "border-neutrals-text-hover": "$gray-200",
-    "border-neutrals-text-subtle": "$indigo-300",
-    "border-neutrals-text-subtle-active": "$indigo-100",
-    "border-neutrals-text-subtle-hover": "$indigo-200",
-    "border-neutrals-transparent": "#505050",
-    "border-primary": "#8091ea",
-    "border-primary-active": "$blue-200",
-    "border-primary-hover": "$blue-300",
-    "border-primary-inverted": "$blue-1000",
-    "border-success": "#0a3800",
-    "border-warning": "#ffe499",
-    "icon-danger": "$red-400",
-    "icon-danger-active": "$red-200",
-    "icon-danger-hover": "$red-100",
-    "icon-danger-inverted": "$blue-1000",
-    "icon-neutrals": "#adadad",
-    "icon-neutrals-disabled": "#777777",
-    "icon-neutrals-inactive": "#777777",
-    "icon-neutrals-inactive-hover": "#8f8f8f",
-    "icon-neutrals-inverted": "#0f0f0f",
-    "icon-neutrals-search": "$indigo-300",
-    "icon-neutrals-subtle": "$indigo-300",
-    "icon-neutrals-text": "#adadad",
-    "icon-primary": "#8091ea",
-    "icon-primary-active": "$blue-200",
-    "icon-primary-hover": "$blue-300",
-    "icon-primary-inverted": "$blue-1000",
-    "icon-primary-selected": "#8091ea",
-    "icon-success": "$green-100",
-    "icon-success-inverted": "#0a3800",
-    "icon-warning": "#ffe499",
-    "icon-warning-prominent": "$blue-1000",
-    "text-danger": "$red-400",
-    "text-danger-active": "#efb8be",
-    "text-danger-hover": "$red-100",
-    "text-danger-inverted": "$blue-1000",
-    "text-neutrals": "#dedede",
-    "text-neutrals-active": "$gray-300",
-    "text-neutrals-disabled": "#777777",
-    "text-neutrals-hover": "$gray-600",
-    "text-neutrals-inverted": "$blue-1000",
-    "text-neutrals-placeholder": "#777777",
-    "text-neutrals-placeholder-only": "#adadad",
-    "text-neutrals-subtle": "$indigo-300",
-    "text-neutrals-subtle-active": "$indigo-100",
-    "text-neutrals-subtle-hover": "$indigo-200",
-    "text-primary": "#8091ea",
-    "text-primary-active": "$blue-200",
-    "text-primary-hover": "$blue-300",
-    "text-primary-inverted": "$blue-1000",
-    "text-primary-inverted-subtle": "#96a5f2",
-    "text-primary-selected": "#8091ea",
-    "text-success": "$green-100",
-    "text-warning": "$blue-1000"
+    "background-alpha-active": "#FFFFFF",
+    "background-alpha-hover": "#FFFFFF",
+    "background-danger-prominent": "#DCDCDC",
+    "background-danger-prominent-active": "#BDBDBD",
+    "background-danger-prominent-hover": "#FAFAFA",
+    "background-danger-subtle": "#BDBDBD",
+    "background-danger-subtle-active": "#403F3E",
+    "background-danger-subtle-hover": "#696968",
+    "background-neutrals": "#0F0F0F",
+    "background-neutrals-active": "#696968",
+    "background-neutrals-container": "#403F3E",
+    "background-neutrals-controls-disabled": "#403F3E",
+    "background-neutrals-disabled": "#403F3E",
+    "background-neutrals-hover": "#403F3E",
+    "background-neutrals-inactive": "#BDBDBD",
+    "background-neutrals-inactive-hover": "#DCDCDC",
+    "background-neutrals-inverted": "#FAFAFA",
+    "background-neutrals-inverted-subtle": "#DCDCDC",
+    "background-neutrals-page": "#0F0F0F",
+    "background-neutrals-page-subtle": "#212121",
+    "background-neutrals-scrolls": "#BDBDBD",
+    "background-neutrals-scrolls-hover": "#DCDCDC",
+    "background-neutrals-subtle": "#696968",
+    "background-neutrals-subtle-active": "#0F0F0F",
+    "background-neutrals-subtle-hover": "#403F3E",
+    "background-primary-prominent": "#5869F0",
+    "background-primary-prominent-active": "#5869F0",
+    "background-primary-prominent-hover": "#5869F0",
+    "background-primary-prominent-selected": "#5869F0",
+    "background-primary-subtle": "#5869F0",
+    "background-primary-subtle-active": "#5869F0",
+    "background-primary-subtle-hover": "#5869F0",
+    "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",
+    "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-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",
+    "icon-primary": "#C4CCFB",
+    "icon-primary-active": "#FFFFFF",
+    "icon-primary-hover": "#FFFFFF",
+    "icon-primary-inverted": "#FFFFFF",
+    "icon-primary-selected": "#FFFFFF",
+    "icon-success": "#FAFAFA",
+    "icon-success-inverted": "#403F3E",
+    "icon-warning": "#FAFAFA",
+    "icon-warning-prominent": "#0F0F0F",
+    "text-danger": "#FAFAFA",
+    "text-danger-active": "#BDBDBD",
+    "text-danger-hover": "#DCDCDC",
+    "text-danger-inverted": "#0F0F0F",
+    "text-neutrals": "#FAFAFA",
+    "text-neutrals-active": "#BDBDBD",
+    "text-neutrals-disabled": "#BDBDBD",
+    "text-neutrals-hover": "#0F0F0F",
+    "text-neutrals-inverted": "#0F0F0F",
+    "text-neutrals-placeholder": "#DCDCDC",
+    "text-neutrals-placeholder-only": "#DCDCDC",
+    "text-neutrals-subtle": "#DCDCDC",
+    "text-neutrals-subtle-active": "#696968",
+    "text-neutrals-subtle-hover": "#BDBDBD",
+    "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-success": "#FAFAFA",
+    "text-warning": "#0F0F0F"
   }
@@ -222,0 +222,0 @@ });

package.json

 {
   "name": "@mirohq/design-system-themes",
-  "version": "0.2.0-themes.2",
+  "version": "0.2.0",
   "description": "",
@@ -31,3 +31,3 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-tokens": "^3.0.0-themes.0"
+    "@mirohq/design-tokens": "^3.0.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

Worsened metrics

Total package byte prevSize

73269

decreased by-1.93%

Dependency changes

• Updated@mirohq/design-tokens@^3.0.0