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

Comparing version 0.14.0-sync-design-tokens.1 to 0.14.0-sync-design-tokens.2

dist/main.js

@@ -576,3 +576,209 @@ 'use strict';
   "text-warning": "$yellow-200",
-  "text-warning-subtle": "$yellow-300"
+  "text-warning-subtle": "$yellow-300",
+  "coal-background": "$coal-500",
+  "coal-background-mild": "$coal-350",
+  "coal-background-prominent": "$coal-700",
+  "coal-background-subtle": "$coal-200",
+  "coral-background": "$coral-500",
+  "coral-background-mild": "$coral-350",
+  "coral-background-prominent": "$coral-700",
+  "coral-background-subtle": "$coral-200",
+  "cyan-background": "$cyan-500",
+  "cyan-background-mild": "$cyan-350",
+  "cyan-background-prominent": "$cyan-700",
+  "cyan-background-subtle": "$cyan-200",
+  "lilac-background": "$lilac-500",
+  "lilac-background-mild": "$lilac-350",
+  "lilac-background-prominent": "$lilac-700",
+  "lilac-background-subtle": "$lilac-200",
+  "lime-background": "$lime-500",
+  "lime-background-mild": "$lime-350",
+  "lime-background-prominent": "$lime-700",
+  "lime-background-subtle": "$lime-200",
+  "moss-background": "$moss-500",
+  "moss-background-mild": "$moss-350",
+  "moss-background-prominent": "$moss-700",
+  "moss-background-subtle": "$moss-200",
+  "ocean-background": "$ocean-500",
+  "ocean-background-mild": "$ocean-350",
+  "ocean-background-prominent": "$ocean-700",
+  "ocean-background-subtle": "$ocean-200",
+  "orange-background": "$orange-500",
+  "orange-background-mild": "$orange-350",
+  "orange-background-prominent": "$orange-700",
+  "orange-background-subtle": "$orange-200",
+  "pink-background": "$pink-500",
+  "pink-background-mild": "$pink-350",
+  "pink-background-prominent": "$pink-700",
+  "pink-background-subtle": "$pink-200",
+  "sunshine-background": "$sunshine-500",
+  "sunshine-background-mild": "$sunshine-350",
+  "sunshine-background-prominent": "$sunshine-700",
+  "sunshine-background-subtle": "$sunshine-200",
+  "teal-background": "$teal-500",
+  "teal-background-mild": "$teal-350",
+  "teal-background-prominent": "$teal-700",
+  "teal-background-subtle": "$teal-200",
+  "coal-border": "$coal-600",
+  "coal-border-prominent": "$coal-800",
+  "coal-border-subtle": "$coal-450",
+  "coral-border": "$coral-600",
+  "coral-border-prominent": "$coral-800",
+  "coral-border-subtle": "$coral-450",
+  "cyan-border": "$cyan-600",
+  "cyan-border-prominent": "$cyan-800",
+  "cyan-border-subtle": "$cyan-450",
+  "lilac-border": "$lilac-600",
+  "lilac-border-prominent": "$lilac-800",
+  "lilac-border-subtle": "$lilac-450",
+  "lime-border": "$lime-600",
+  "lime-border-prominent": "$lime-800",
+  "lime-border-subtle": "$lime-450",
+  "moss-border": "$moss-600",
+  "moss-border-prominent": "$moss-800",
+  "moss-border-subtle": "$moss-450",
+  "ocean-border": "$ocean-600",
+  "ocean-border-prominent": "$ocean-800",
+  "ocean-border-subtle": "$ocean-450",
+  "orange-border": "$orange-600",
+  "orange-border-prominent": "$orange-800",
+  "orange-border-subtle": "$orange-450",
+  "pink-border": "$pink-600",
+  "pink-border-prominent": "$pink-800",
+  "pink-border-subtle": "$pink-450",
+  "sunshine-border": "$sunshine-600",
+  "sunshine-border-prominent": "$sunshine-750",
+  "sunshine-border-subtle": "$sunshine-450",
+  "teal-border": "$teal-600",
+  "teal-border-prominent": "$teal-800",
+  "teal-border-subtle": "$teal-450",
+  "coal-avatar-background": "$coal-750",
+  "coral-avatar-background": "$coral-750",
+  "cyan-avatar-background": "$cyan-750",
+  "light-coal-avatar-background": "$coal-450",
+  "light-coral-avatar-background": "$coral-450",
+  "light-cyan-avatar-background": "$cyan-450",
+  "light-lilac-avatar-background": "$lilac-450",
+  "light-lime-avatar-background": "$lime-450",
+  "light-moss-avatar-background": "$moss-450",
+  "light-ocean-avatar-background": "$ocean-450",
+  "light-orange-avatar-background": "$orange-450",
+  "light-pink-avatar-background": "$pink-450",
+  "light-sunshine-avatar-background": "$sunshine-450",
+  "light-teal-avatar-background": "$teal-450",
+  "lilac-avatar-background": "$lilac-750",
+  "lime-avatar-background": "$lime-750",
+  "moss-avatar-background": "$moss-750",
+  "ocean-avatar-background": "$ocean-750",
+  "orange-avatar-background": "$orange-750",
+  "pink-avatar-background": "$pink-750",
+  "sunshine-avatar-background": "$sunshine-750",
+  "teal-avatar-background": "$teal-750",
+  "coral-comment-background": "$coral-750",
+  "cyan-comment-background": "$cyan-650",
+  "lime-comment-background": "$lime-650",
+  "coal-cursor-background": "$coal-800",
+  "coral-cursor-background": "$coral-800",
+  "cyan-cursor-background": "$cyan-800",
+  "light-cursor-background": "$ocean-300",
+  "light-coal-cursor-background": "$coal-300",
+  "light-coral-cursor-background": "$coral-300",
+  "light-cyan-cursor-background": "$cyan-300",
+  "light-lilac-cursor-background": "$lilac-300",
+  "light-lime-cursor-background": "$lime-300",
+  "light-moss-cursor-background": "$moss-300",
+  "light-orange-cursor-background": "$orange-300",
+  "light-pink-cursor-background": "$pink-300",
+  "light-sunshine-cursor-background": "$sunshine-300",
+  "light-teal-cursor-background": "$teal-300",
+  "lilac-cursor-background": "$lilac-800",
+  "lime-cursor-background": "$lime-800",
+  "moss-cursor-background": "$moss-800",
+  "ocean-cursor-background": "$ocean-800",
+  "orange-cursor-background": "$orange-800",
+  "pink-cursor-background": "$pink-800",
+  "sunshine-cursor-background": "$sunshine-800",
+  "teal-cursor-background": "$teal-800",
+  "black-sticky-background": "#151515",
+  "coral-sticky-background": "$coral-400",
+  "cyan-sticky-background": "$cyan-400",
+  "light-coal-sticky-background": "$coal-150",
+  "light-lime-sticky-background": "$lime-250",
+  "light-ocean-sticky-background": "$ocean-250",
+  "light-pink-sticky-background": "$pink-250",
+  "light-sunshine-sticky-background": "$sunshine-250",
+  "lilac-sticky-background": "$lilac-400",
+  "lime-sticky-background": "$lime-400",
+  "moss-sticky-background": "$moss-400",
+  "ocean-sticky-background": "$ocean-400",
+  "orange-sticky-background": "$orange-400",
+  "pink-sticky-background": "$pink-400",
+  "sunshine-sticky-background": "$sunshine-400",
+  "teal-sticky-background": "$teal-400",
+  "coal-icon": "$coal-900",
+  "coal-icon-mild": "$coal-700",
+  "coal-icon-subtle": "$coal-100",
+  "coral-icon": "$coral-900",
+  "coral-icon-mild": "$coral-700",
+  "coral-icon-subtle": "$coral-100",
+  "cyan-icon": "$cyan-900",
+  "cyan-icon-mild": "$cyan-700",
+  "cyan-icon-subtle": "$cyan-100",
+  "lilac-icon": "$lilac-900",
+  "lilac-icon-mild": "$lilac-600",
+  "lilac-icon-subtle": "$lilac-100",
+  "lime-icon": "$lime-900",
+  "lime-icon-mild": "$lime-700",
+  "lime-icon-subtle": "$lime-100",
+  "moss-icon": "$moss-900",
+  "moss-icon-mild": "$moss-700",
+  "moss-icon-subtle": "$moss-100",
+  "ocean-icon": "$ocean-900",
+  "ocean-icon-mild": "$ocean-700",
+  "ocean-icon-subtle": "$ocean-100",
+  "orange-icon": "$orange-900",
+  "orange-icon-mild": "$orange-700",
+  "orange-icon-subtle": "$orange-100",
+  "pink-icon": "$pink-900",
+  "pink-icon-mild": "$pink-650",
+  "pink-icon-subtle": "$pink-100",
+  "sunshine-icon": "$sunshine-900",
+  "sunshine-icon-mild": "$sunshine-700",
+  "sunshine-icon-subtle": "$sunshine-100",
+  "teal-icon": "$teal-900",
+  "teal-icon-mild": "$teal-700",
+  "teal-icon-subtle": "$teal-100",
+  "coal-text": "$coal-900",
+  "coal-text-mild": "$coal-700",
+  "coal-text-subtle": "$coal-100",
+  "coral-text": "$coral-900",
+  "coral-text-mild": "$coral-700",
+  "coral-text-subtle": "$coral-100",
+  "cyan-text": "$cyan-900",
+  "cyan-text-mild": "$cyan-700",
+  "cyan-text-subtle": "$cyan-100",
+  "lilac-text": "$lilac-900",
+  "lilac-text-mild": "$lilac-650",
+  "lilac-text-subtle": "$lilac-100",
+  "lime-text": "$lime-900",
+  "lime-text-mild": "$lime-700",
+  "lime-text-subtle": "$lime-100",
+  "moss-text": "$moss-900",
+  "moss-text-mild": "$moss-700",
+  "moss-text-subtle": "$moss-100",
+  "ocean-text": "$ocean-900",
+  "ocean-text-mild": "$ocean-700",
+  "ocean-text-subtle": "$ocean-100",
+  "orange-text": "$orange-900",
+  "orange-text-mild": "$orange-700",
+  "orange-text-subtle": "$orange-100",
+  "pink-text": "$pink-900",
+  "pink-text-mild": "$pink-650",
+  "pink-text-subtle": "$pink-100",
+  "sunshine-text": "$sunshine-900",
+  "sunshine-text-mild": "$sunshine-700",
+  "sunshine-text-subtle": "$sunshine-100",
+  "teal-text": "$teal-900",
+  "teal-text-mild": "$teal-700",
+  "teal-text-subtle": "$teal-100"
 };
@@ -579,0 +785,0 @@

dist/module.js

@@ -572,3 +572,209 @@ const colors$1 = {
   "text-warning": "$yellow-200",
-  "text-warning-subtle": "$yellow-300"
+  "text-warning-subtle": "$yellow-300",
+  "coal-background": "$coal-500",
+  "coal-background-mild": "$coal-350",
+  "coal-background-prominent": "$coal-700",
+  "coal-background-subtle": "$coal-200",
+  "coral-background": "$coral-500",
+  "coral-background-mild": "$coral-350",
+  "coral-background-prominent": "$coral-700",
+  "coral-background-subtle": "$coral-200",
+  "cyan-background": "$cyan-500",
+  "cyan-background-mild": "$cyan-350",
+  "cyan-background-prominent": "$cyan-700",
+  "cyan-background-subtle": "$cyan-200",
+  "lilac-background": "$lilac-500",
+  "lilac-background-mild": "$lilac-350",
+  "lilac-background-prominent": "$lilac-700",
+  "lilac-background-subtle": "$lilac-200",
+  "lime-background": "$lime-500",
+  "lime-background-mild": "$lime-350",
+  "lime-background-prominent": "$lime-700",
+  "lime-background-subtle": "$lime-200",
+  "moss-background": "$moss-500",
+  "moss-background-mild": "$moss-350",
+  "moss-background-prominent": "$moss-700",
+  "moss-background-subtle": "$moss-200",
+  "ocean-background": "$ocean-500",
+  "ocean-background-mild": "$ocean-350",
+  "ocean-background-prominent": "$ocean-700",
+  "ocean-background-subtle": "$ocean-200",
+  "orange-background": "$orange-500",
+  "orange-background-mild": "$orange-350",
+  "orange-background-prominent": "$orange-700",
+  "orange-background-subtle": "$orange-200",
+  "pink-background": "$pink-500",
+  "pink-background-mild": "$pink-350",
+  "pink-background-prominent": "$pink-700",
+  "pink-background-subtle": "$pink-200",
+  "sunshine-background": "$sunshine-500",
+  "sunshine-background-mild": "$sunshine-350",
+  "sunshine-background-prominent": "$sunshine-700",
+  "sunshine-background-subtle": "$sunshine-200",
+  "teal-background": "$teal-500",
+  "teal-background-mild": "$teal-350",
+  "teal-background-prominent": "$teal-700",
+  "teal-background-subtle": "$teal-200",
+  "coal-border": "$coal-600",
+  "coal-border-prominent": "$coal-800",
+  "coal-border-subtle": "$coal-450",
+  "coral-border": "$coral-600",
+  "coral-border-prominent": "$coral-800",
+  "coral-border-subtle": "$coral-450",
+  "cyan-border": "$cyan-600",
+  "cyan-border-prominent": "$cyan-800",
+  "cyan-border-subtle": "$cyan-450",
+  "lilac-border": "$lilac-600",
+  "lilac-border-prominent": "$lilac-800",
+  "lilac-border-subtle": "$lilac-450",
+  "lime-border": "$lime-600",
+  "lime-border-prominent": "$lime-800",
+  "lime-border-subtle": "$lime-450",
+  "moss-border": "$moss-600",
+  "moss-border-prominent": "$moss-800",
+  "moss-border-subtle": "$moss-450",
+  "ocean-border": "$ocean-600",
+  "ocean-border-prominent": "$ocean-800",
+  "ocean-border-subtle": "$ocean-450",
+  "orange-border": "$orange-600",
+  "orange-border-prominent": "$orange-800",
+  "orange-border-subtle": "$orange-450",
+  "pink-border": "$pink-600",
+  "pink-border-prominent": "$pink-800",
+  "pink-border-subtle": "$pink-450",
+  "sunshine-border": "$sunshine-600",
+  "sunshine-border-prominent": "$sunshine-750",
+  "sunshine-border-subtle": "$sunshine-450",
+  "teal-border": "$teal-600",
+  "teal-border-prominent": "$teal-800",
+  "teal-border-subtle": "$teal-450",
+  "coal-avatar-background": "$coal-750",
+  "coral-avatar-background": "$coral-750",
+  "cyan-avatar-background": "$cyan-750",
+  "light-coal-avatar-background": "$coal-450",
+  "light-coral-avatar-background": "$coral-450",
+  "light-cyan-avatar-background": "$cyan-450",
+  "light-lilac-avatar-background": "$lilac-450",
+  "light-lime-avatar-background": "$lime-450",
+  "light-moss-avatar-background": "$moss-450",
+  "light-ocean-avatar-background": "$ocean-450",
+  "light-orange-avatar-background": "$orange-450",
+  "light-pink-avatar-background": "$pink-450",
+  "light-sunshine-avatar-background": "$sunshine-450",
+  "light-teal-avatar-background": "$teal-450",
+  "lilac-avatar-background": "$lilac-750",
+  "lime-avatar-background": "$lime-750",
+  "moss-avatar-background": "$moss-750",
+  "ocean-avatar-background": "$ocean-750",
+  "orange-avatar-background": "$orange-750",
+  "pink-avatar-background": "$pink-750",
+  "sunshine-avatar-background": "$sunshine-750",
+  "teal-avatar-background": "$teal-750",
+  "coral-comment-background": "$coral-750",
+  "cyan-comment-background": "$cyan-650",
+  "lime-comment-background": "$lime-650",
+  "coal-cursor-background": "$coal-800",
+  "coral-cursor-background": "$coral-800",
+  "cyan-cursor-background": "$cyan-800",
+  "light-cursor-background": "$ocean-300",
+  "light-coal-cursor-background": "$coal-300",
+  "light-coral-cursor-background": "$coral-300",
+  "light-cyan-cursor-background": "$cyan-300",
+  "light-lilac-cursor-background": "$lilac-300",
+  "light-lime-cursor-background": "$lime-300",
+  "light-moss-cursor-background": "$moss-300",
+  "light-orange-cursor-background": "$orange-300",
+  "light-pink-cursor-background": "$pink-300",
+  "light-sunshine-cursor-background": "$sunshine-300",
+  "light-teal-cursor-background": "$teal-300",
+  "lilac-cursor-background": "$lilac-800",
+  "lime-cursor-background": "$lime-800",
+  "moss-cursor-background": "$moss-800",
+  "ocean-cursor-background": "$ocean-800",
+  "orange-cursor-background": "$orange-800",
+  "pink-cursor-background": "$pink-800",
+  "sunshine-cursor-background": "$sunshine-800",
+  "teal-cursor-background": "$teal-800",
+  "black-sticky-background": "#151515",
+  "coral-sticky-background": "$coral-400",
+  "cyan-sticky-background": "$cyan-400",
+  "light-coal-sticky-background": "$coal-150",
+  "light-lime-sticky-background": "$lime-250",
+  "light-ocean-sticky-background": "$ocean-250",
+  "light-pink-sticky-background": "$pink-250",
+  "light-sunshine-sticky-background": "$sunshine-250",
+  "lilac-sticky-background": "$lilac-400",
+  "lime-sticky-background": "$lime-400",
+  "moss-sticky-background": "$moss-400",
+  "ocean-sticky-background": "$ocean-400",
+  "orange-sticky-background": "$orange-400",
+  "pink-sticky-background": "$pink-400",
+  "sunshine-sticky-background": "$sunshine-400",
+  "teal-sticky-background": "$teal-400",
+  "coal-icon": "$coal-900",
+  "coal-icon-mild": "$coal-700",
+  "coal-icon-subtle": "$coal-100",
+  "coral-icon": "$coral-900",
+  "coral-icon-mild": "$coral-700",
+  "coral-icon-subtle": "$coral-100",
+  "cyan-icon": "$cyan-900",
+  "cyan-icon-mild": "$cyan-700",
+  "cyan-icon-subtle": "$cyan-100",
+  "lilac-icon": "$lilac-900",
+  "lilac-icon-mild": "$lilac-600",
+  "lilac-icon-subtle": "$lilac-100",
+  "lime-icon": "$lime-900",
+  "lime-icon-mild": "$lime-700",
+  "lime-icon-subtle": "$lime-100",
+  "moss-icon": "$moss-900",
+  "moss-icon-mild": "$moss-700",
+  "moss-icon-subtle": "$moss-100",
+  "ocean-icon": "$ocean-900",
+  "ocean-icon-mild": "$ocean-700",
+  "ocean-icon-subtle": "$ocean-100",
+  "orange-icon": "$orange-900",
+  "orange-icon-mild": "$orange-700",
+  "orange-icon-subtle": "$orange-100",
+  "pink-icon": "$pink-900",
+  "pink-icon-mild": "$pink-650",
+  "pink-icon-subtle": "$pink-100",
+  "sunshine-icon": "$sunshine-900",
+  "sunshine-icon-mild": "$sunshine-700",
+  "sunshine-icon-subtle": "$sunshine-100",
+  "teal-icon": "$teal-900",
+  "teal-icon-mild": "$teal-700",
+  "teal-icon-subtle": "$teal-100",
+  "coal-text": "$coal-900",
+  "coal-text-mild": "$coal-700",
+  "coal-text-subtle": "$coal-100",
+  "coral-text": "$coral-900",
+  "coral-text-mild": "$coral-700",
+  "coral-text-subtle": "$coral-100",
+  "cyan-text": "$cyan-900",
+  "cyan-text-mild": "$cyan-700",
+  "cyan-text-subtle": "$cyan-100",
+  "lilac-text": "$lilac-900",
+  "lilac-text-mild": "$lilac-650",
+  "lilac-text-subtle": "$lilac-100",
+  "lime-text": "$lime-900",
+  "lime-text-mild": "$lime-700",
+  "lime-text-subtle": "$lime-100",
+  "moss-text": "$moss-900",
+  "moss-text-mild": "$moss-700",
+  "moss-text-subtle": "$moss-100",
+  "ocean-text": "$ocean-900",
+  "ocean-text-mild": "$ocean-700",
+  "ocean-text-subtle": "$ocean-100",
+  "orange-text": "$orange-900",
+  "orange-text-mild": "$orange-700",
+  "orange-text-subtle": "$orange-100",
+  "pink-text": "$pink-900",
+  "pink-text-mild": "$pink-650",
+  "pink-text-subtle": "$pink-100",
+  "sunshine-text": "$sunshine-900",
+  "sunshine-text-mild": "$sunshine-700",
+  "sunshine-text-subtle": "$sunshine-100",
+  "teal-text": "$teal-900",
+  "teal-text-mild": "$teal-700",
+  "teal-text-subtle": "$teal-100"
 };
@@ -575,0 +781,0 @@

dist/types.d.ts

@@ -23,6 +23,6 @@ import { Colors } from '@mirohq/design-tokens';
     colors: {
-        [Key in AliasColors]?: Color;
+        [Key in AliasColors]: Color;
     };
     shadows: {
-        [Key in AliasShadows]?: string;
+        [Key in AliasShadows]: string;
     };
@@ -29,0 +29,0 @@ };

package.json

 {
   "name": "@mirohq/design-system-themes",
-  "version": "0.14.0-sync-design-tokens.1",
+  "version": "0.14.0-sync-design-tokens.2",
   "description": "",
@@ -31,3 +31,3 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-tokens": "^6.6.0-sync-design-tokens.1"
+    "@mirohq/design-tokens": "^6.6.0-sync-design-tokens.2"
   },
@@ -37,3 +37,3 @@ "devDependencies": {
     "lodash.kebabcase": "4.1.1",
-    "@mirohq/design-tokens-dictionary": "^0.7.0-sync-design-tokens.1"
+    "@mirohq/design-tokens-dictionary": "^0.7.0-sync-design-tokens.2"
   },
@@ -40,0 +40,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

233650

increased by23.33%

Lines of code

2276

increased by22.1%

Dependency changes

• Updated@mirohq/design-tokens@^6.6.0-sync-design-tokens.2