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

Comparing version 0.8.0-style-dictionary.2 to 0.8.0-style-dictionary.3

dist/main.js

@@ -7,2 +7,4 @@ 'use strict';
   "background-alpha": "$alpha-gray-100",
+  "background-alpha-active": "$alpha-gray-50",
+  "background-alpha-hover": "$alpha-gray-100",
   "background-alpha-subtle": "$alpha-gray-50",
@@ -12,8 +14,12 @@ "background-neutrals-overlay": "$alpha-black-300",
   "background-danger-prominent": "$red-500",
+  "background-danger-prominent-active": "$red-600",
   "background-danger-prominent-hover": "$red-550",
   "background-danger-prominent-pressed": "$red-600",
   "background-danger-subtle": "$red-50",
+  "background-danger-subtle-active": "$red-150",
   "background-danger-subtle-hover": "$red-100",
   "background-danger-subtle-pressed": "$red-150",
   "background-neutrals": "$white",
+  "background-neutrals-active": "$gray-150",
+  "background-neutrals-container": "$white",
   "background-neutrals-control": "$gray-300",
@@ -24,6 +30,15 @@ "background-neutrals-control-hover": "$gray-350",
   "background-neutrals-hover": "$gray-100",
+  "background-neutrals-inactive": "$gray-450",
+  "background-neutrals-inactive-hover": "$gray-500",
   "background-neutrals-inverted": "$gray-950",
   "background-neutrals-inverted-subtle": "$gray-800",
+  "background-neutrals-layout": "$gray-50",
+  "background-neutrals-page": "$gray-100",
+  "background-neutrals-page-subtle": "$gray-150",
   "background-neutrals-pressed": "$gray-150",
+  "background-neutrals-scrollbar": "$gray-300",
+  "background-neutrals-scrollbar-active": "$gray-400",
+  "background-neutrals-scrollbar-hover": "$gray-350",
   "background-neutrals-subtle": "$gray-100",
+  "background-neutrals-subtle-active": "$gray-200",
   "background-neutrals-subtle-hover": "$gray-150",
@@ -33,2 +48,3 @@ "background-neutrals-subtle-pressed": "$gray-200",
   "background-primary-prominent": "$blue-500",
+  "background-primary-prominent-active": "$blue-600",
   "background-primary-prominent-hover": "$blue-550",
@@ -38,2 +54,3 @@ "background-primary-prominent-pressed": "$blue-600",
   "background-primary-subtle": "$blue-100",
+  "background-primary-subtle-active": "$blue-200",
   "background-primary-subtle-hover": "$blue-150",
@@ -43,2 +60,3 @@ "background-primary-subtle-pressed": "$blue-200",
   "background-success-prominent": "$green-500",
+  "background-success-prominent-active": "$green-600",
   "background-success-prominent-hover": "$green-550",
@@ -50,6 +68,19 @@ "background-success-prominent-pressed": "$green-600",
   "border-danger": "$red-500",
+  "border-danger-active": "$red-600",
   "border-danger-hover": "$red-550",
   "border-danger-pressed": "$red-600",
+  "border-focus-error-inner": "$white",
+  "border-focus-error-middle": "$blue-400",
+  "border-focus-error-outer": "$blue-200",
+  "border-focus-inner": "$white",
+  "border-focus-middle": "$blue-400",
+  "border-focus-outer": "$blue-200",
+  "border-focus-success-inner": "$white",
+  "border-focus-success-middle": "$blue-400",
+  "border-focus-success-outer": "$blue-200",
   "focus-keyboard": "#2B4DF8",
   "border-neutrals": "$gray-200",
+  "border-neutrals-active": "$gray-350",
+  "border-neutrals-controls": "$gray-200",
+  "border-neutrals-controls-disabled": "$gray-150",
   "border-neutrals-disabled": "$alpha-gray-50",
@@ -62,4 +93,11 @@ "border-neutrals-hover": "$gray-300",
   "border-neutrals-subtle-pressed": "$gray-250",
+  "border-neutrals-text": "$gray-900",
+  "border-neutrals-text-active": "$gray-950",
+  "border-neutrals-text-hover": "$gray-950",
+  "border-neutrals-text-subtle": "$gray-500",
+  "border-neutrals-text-subtle-active": "$gray-600",
+  "border-neutrals-text-subtle-hover": "$gray-550",
   "border-neutrals-transparent": "$transparent",
   "border-primary": "$blue-500",
+  "border-primary-active": "$blue-600",
   "border-primary-hover": "$blue-550",
@@ -70,6 +108,14 @@ "border-primary-inverted": "$blue-50",
   "border-success": "$green-500",
+  "border-success-active": "$green-600",
   "border-success-hover": "$green-550",
   "border-success-pressed": "$green-600",
   "border-warning": "$yellow-500",
+  "button-background-primary": "$blue-500",
+  "button-background-primary-hover": "$blue-550",
+  "button-background-primary-pressed": "$blue-600",
+  "button-background-secondary": "$gray-150",
+  "button-background-secondary-hover": "$gray-200",
+  "button-background-secondary-pressed": "$gray-250",
   "icon-danger": "$red-500",
+  "icon-danger-active": "$red-600",
   "icon-danger-hover": "$red-550",
@@ -81,2 +127,4 @@ "icon-danger-inverted": "$red-50",
   "icon-neutrals-hover": "$gray-950",
+  "icon-neutrals-inactive": "$gray-450",
+  "icon-neutrals-inactive-hover": "$gray-500",
   "icon-neutrals-inverted": "$white",
@@ -88,6 +136,9 @@ "icon-neutrals-inverted-hover": "$gray-50",
   "icon-neutrals-pressed": "$gray-950",
+  "icon-neutrals-search": "$gray-500",
   "icon-neutrals-subtle": "$gray-600",
   "icon-neutrals-subtle-hover": "$gray-650",
   "icon-neutrals-subtle-pressed": "$gray-700",
+  "icon-neutrals-text": "$gray-700",
   "icon-primary": "$blue-500",
+  "icon-primary-active": "$blue-600",
   "icon-primary-hover": "$blue-550",
@@ -99,2 +150,3 @@ "icon-primary-inverted": "$blue-50",
   "icon-success": "$green-600",
+  "icon-success-active": "$green-700",
   "icon-success-hover": "$green-650",
@@ -104,3 +156,6 @@ "icon-success-inverted": "$green-50",
   "icon-warning": "$yellow-800",
+  "icon-warning-prominent": "$yellow-600",
+  "icon-warning-subtle": "$yellow-700",
   "text-danger": "$red-500",
+  "text-danger-active": "$red-600",
   "text-danger-hover": "$red-550",
@@ -110,3 +165,4 @@ "text-danger-inverted": "$red-50",
   "text-neutrals": "$gray-900",
-  "text-neutrals-disabled": "$alpha-gray-300",
+  "text-neutrals-active": "$gray-950",
+  "text-neutrals-disabled": "$alpha-gray-500",
   "text-neutrals-hover": "$gray-950",
@@ -117,8 +173,11 @@ "text-neutrals-inverted": "$white",
   "text-neutrals-inverted-subtle-hover": "$alpha-white-600",
-  "text-neutrals-placeholder": "$gray-500",
+  "text-neutrals-placeholder": "$gray-350",
+  "text-neutrals-placeholder-only": "$gray-350",
   "text-neutrals-pressed": "$gray-950",
   "text-neutrals-subtle": "$gray-600",
+  "text-neutrals-subtle-active": "$gray-700",
   "text-neutrals-subtle-hover": "$gray-650",
   "text-neutrals-subtle-pressed": "$gray-700",
   "text-primary": "$blue-500",
+  "text-primary-active": "$blue-600",
   "text-primary-hover": "$blue-550",
@@ -130,6 +189,8 @@ "text-primary-inverted": "$blue-50",
   "text-success": "$green-600",
+  "text-success-active": "$green-700",
   "text-success-hover": "$green-650",
   "text-success-inverted": "$green-50",
   "text-success-pressed": "$green-700",
-  "text-warning": "$yellow-800"
+  "text-warning": "$yellow-800",
+  "text-warning-subtle": "$yellow-600"
 };
@@ -139,2 +200,4 @@
   "background-alpha": "$alpha-black-100",
+  "background-alpha-active": "$alpha-black-50",
+  "background-alpha-hover": "$alpha-black-100",
   "background-alpha-subtle": "$alpha-black-50",
@@ -144,8 +207,12 @@ "background-neutrals-overlay": "$alpha-black-300",
   "background-danger-prominent": "$red-500",
+  "background-danger-prominent-active": "$red-400",
   "background-danger-prominent-hover": "$red-450",
   "background-danger-prominent-pressed": "$red-400",
-  "background-danger-subtle": "$red-600",
+  "background-danger-subtle": "$red-950",
+  "background-danger-subtle-active": "$red-500",
   "background-danger-subtle-hover": "$red-550",
   "background-danger-subtle-pressed": "$red-500",
   "background-neutrals": "$gray-950",
+  "background-neutrals-active": "$gray-850",
+  "background-neutrals-container": "$gray-850",
   "background-neutrals-control": "$gray-700",
@@ -156,6 +223,15 @@ "background-neutrals-control-hover": "$gray-650",
   "background-neutrals-hover": "$gray-900",
+  "background-neutrals-inactive": "$gray-500",
+  "background-neutrals-inactive-hover": "$gray-600",
   "background-neutrals-inverted": "$white",
   "background-neutrals-inverted-subtle": "$gray-150",
+  "background-neutrals-layout": "$gray-850",
+  "background-neutrals-page": "$gray-850",
+  "background-neutrals-page-subtle": "$gray-800",
   "background-neutrals-pressed": "$gray-850",
+  "background-neutrals-scrollbar": "$gray-700",
+  "background-neutrals-scrollbar-active": "$gray-600",
+  "background-neutrals-scrollbar-hover": "$gray-650",
   "background-neutrals-subtle": "$gray-750",
+  "background-neutrals-subtle-active": "$gray-650",
   "background-neutrals-subtle-hover": "$gray-700",
@@ -165,2 +241,3 @@ "background-neutrals-subtle-pressed": "$gray-650",
   "background-primary-prominent": "$blue-400",
+  "background-primary-prominent-active": "$blue-300",
   "background-primary-prominent-hover": "$blue-350",
@@ -170,2 +247,3 @@ "background-primary-prominent-pressed": "$blue-300",
   "background-primary-subtle": "$blue-700",
+  "background-primary-subtle-active": "$blue-600",
   "background-primary-subtle-hover": "$blue-650",
@@ -175,2 +253,3 @@ "background-primary-subtle-pressed": "$blue-600",
   "background-success-prominent": "$green-500",
+  "background-success-prominent-active": "$green-400",
   "background-success-prominent-hover": "$green-450",
@@ -181,7 +260,20 @@ "background-success-prominent-pressed": "$green-400",
   "background-warning-subtle": "$yellow-50",
-  "border-danger": "$red-500",
-  "border-danger-hover": "$red-450",
-  "border-danger-pressed": "$red-400",
+  "border-danger": "$red-400",
+  "border-danger-active": "$red-300",
+  "border-danger-hover": "$red-350",
+  "border-danger-pressed": "$red-300",
+  "border-focus-error-inner": "$gray-950",
+  "border-focus-error-middle": "$blue-350",
+  "border-focus-error-outer": "$blue-550",
+  "border-focus-inner": "$gray-950",
+  "border-focus-middle": "$blue-350",
+  "border-focus-outer": "$blue-550",
+  "border-focus-success-inner": "$gray-950",
+  "border-focus-success-middle": "$blue-350",
+  "border-focus-success-outer": "$blue-550",
   "focus-keyboard": "#2B4DF8",
   "border-neutrals": "$gray-550",
+  "border-neutrals-active": "$gray-350",
+  "border-neutrals-controls": "$gray-600",
+  "border-neutrals-controls-disabled": "$gray-800",
   "border-neutrals-disabled": "$alpha-gray-50",
@@ -194,4 +286,11 @@ "border-neutrals-hover": "$gray-400",
   "border-neutrals-subtle-pressed": "$gray-650",
+  "border-neutrals-text": "$gray-100",
+  "border-neutrals-text-active": "$gray-50",
+  "border-neutrals-text-hover": "$gray-50",
+  "border-neutrals-text-subtle": "$gray-300",
+  "border-neutrals-text-subtle-active": "$gray-100",
+  "border-neutrals-text-subtle-hover": "$gray-200",
   "border-neutrals-transparent": "$transparent",
   "border-primary": "$blue-400",
+  "border-primary-active": "$blue-300",
   "border-primary-hover": "$blue-350",
@@ -202,6 +301,14 @@ "border-primary-inverted": "$blue-900",
   "border-success": "$green-500",
+  "border-success-active": "$green-400",
   "border-success-hover": "$green-450",
   "border-success-pressed": "$green-400",
   "border-warning": "$yellow-500",
+  "button-background-primary": "$blue-400",
+  "button-background-primary-hover": "$blue-350",
+  "button-background-primary-pressed": "$blue-300",
+  "button-background-secondary": "$gray-750",
+  "button-background-secondary-hover": "$gray-700",
+  "button-background-secondary-pressed": "$gray-650",
   "icon-danger": "$red-400",
+  "icon-danger-active": "$red-300",
   "icon-danger-hover": "$red-350",
@@ -213,2 +320,4 @@ "icon-danger-inverted": "$red-900",
   "icon-neutrals-hover": "$gray-100",
+  "icon-neutrals-inactive": "$gray-400",
+  "icon-neutrals-inactive-hover": "$gray-300",
   "icon-neutrals-inverted": "$gray-950",
@@ -220,6 +329,9 @@ "icon-neutrals-inverted-hover": "$gray-900",
   "icon-neutrals-pressed": "$gray-150",
+  "icon-neutrals-search": "$gray-400",
   "icon-neutrals-subtle": "$gray-300",
   "icon-neutrals-subtle-hover": "$gray-250",
   "icon-neutrals-subtle-pressed": "$gray-200",
+  "icon-neutrals-text": "$gray-300",
   "icon-primary": "$blue-400",
+  "icon-primary-active": "$blue-300",
   "icon-primary-hover": "$blue-350",
@@ -231,2 +343,3 @@ "icon-primary-inverted": "$blue-900",
   "icon-success": "$green-400",
+  "icon-success-active": "$green-300",
   "icon-success-hover": "$green-350",
@@ -236,8 +349,12 @@ "icon-success-inverted": "$green-900",
   "icon-warning": "$yellow-200",
-  "text-danger": "$red-500",
-  "text-danger-hover": "$red-450",
-  "text-danger-inverted": "$red-900",
-  "text-danger-pressed": "$red-400",
+  "icon-warning-prominent": "$yellow-300",
+  "icon-warning-subtle": "$yellow-200",
+  "text-danger": "$red-400",
+  "text-danger-active": "$red-300",
+  "text-danger-hover": "$red-350",
+  "text-danger-inverted": "$red-50",
+  "text-danger-pressed": "$red-300",
   "text-neutrals": "$gray-50",
-  "text-neutrals-disabled": "$alpha-black-300",
+  "text-neutrals-active": "$gray-150",
+  "text-neutrals-disabled": "$alpha-black-500",
   "text-neutrals-hover": "$gray-100",
@@ -248,8 +365,11 @@ "text-neutrals-inverted": "$gray-900",
   "text-neutrals-inverted-subtle-hover": "$alpha-black-800",
-  "text-neutrals-placeholder": "$gray-300",
+  "text-neutrals-placeholder": "$gray-650",
+  "text-neutrals-placeholder-only": "$gray-650",
   "text-neutrals-pressed": "$gray-150",
   "text-neutrals-subtle": "$gray-300",
+  "text-neutrals-subtle-active": "$gray-200",
   "text-neutrals-subtle-hover": "$gray-250",
   "text-neutrals-subtle-pressed": "$gray-200",
   "text-primary": "$blue-400",
+  "text-primary-active": "$blue-300",
   "text-primary-hover": "$blue-350",
@@ -261,6 +381,8 @@ "text-primary-inverted": "$blue-900",
   "text-success": "$green-400",
+  "text-success-active": "$green-300",
   "text-success-hover": "$green-350",
   "text-success-inverted": "$green-900",
   "text-success-pressed": "$green-300",
-  "text-warning": "$yellow-200"
+  "text-warning": "$yellow-200",
+  "text-warning-subtle": "$yellow-300"
 };
@@ -267,0 +389,0 @@

dist/module.js

 const colors$1 = {
   "background-alpha": "$alpha-gray-100",
+  "background-alpha-active": "$alpha-gray-50",
+  "background-alpha-hover": "$alpha-gray-100",
   "background-alpha-subtle": "$alpha-gray-50",
@@ -7,8 +9,12 @@ "background-neutrals-overlay": "$alpha-black-300",
   "background-danger-prominent": "$red-500",
+  "background-danger-prominent-active": "$red-600",
   "background-danger-prominent-hover": "$red-550",
   "background-danger-prominent-pressed": "$red-600",
   "background-danger-subtle": "$red-50",
+  "background-danger-subtle-active": "$red-150",
   "background-danger-subtle-hover": "$red-100",
   "background-danger-subtle-pressed": "$red-150",
   "background-neutrals": "$white",
+  "background-neutrals-active": "$gray-150",
+  "background-neutrals-container": "$white",
   "background-neutrals-control": "$gray-300",
@@ -19,6 +25,15 @@ "background-neutrals-control-hover": "$gray-350",
   "background-neutrals-hover": "$gray-100",
+  "background-neutrals-inactive": "$gray-450",
+  "background-neutrals-inactive-hover": "$gray-500",
   "background-neutrals-inverted": "$gray-950",
   "background-neutrals-inverted-subtle": "$gray-800",
+  "background-neutrals-layout": "$gray-50",
+  "background-neutrals-page": "$gray-100",
+  "background-neutrals-page-subtle": "$gray-150",
   "background-neutrals-pressed": "$gray-150",
+  "background-neutrals-scrollbar": "$gray-300",
+  "background-neutrals-scrollbar-active": "$gray-400",
+  "background-neutrals-scrollbar-hover": "$gray-350",
   "background-neutrals-subtle": "$gray-100",
+  "background-neutrals-subtle-active": "$gray-200",
   "background-neutrals-subtle-hover": "$gray-150",
@@ -28,2 +43,3 @@ "background-neutrals-subtle-pressed": "$gray-200",
   "background-primary-prominent": "$blue-500",
+  "background-primary-prominent-active": "$blue-600",
   "background-primary-prominent-hover": "$blue-550",
@@ -33,2 +49,3 @@ "background-primary-prominent-pressed": "$blue-600",
   "background-primary-subtle": "$blue-100",
+  "background-primary-subtle-active": "$blue-200",
   "background-primary-subtle-hover": "$blue-150",
@@ -38,2 +55,3 @@ "background-primary-subtle-pressed": "$blue-200",
   "background-success-prominent": "$green-500",
+  "background-success-prominent-active": "$green-600",
   "background-success-prominent-hover": "$green-550",
@@ -45,6 +63,19 @@ "background-success-prominent-pressed": "$green-600",
   "border-danger": "$red-500",
+  "border-danger-active": "$red-600",
   "border-danger-hover": "$red-550",
   "border-danger-pressed": "$red-600",
+  "border-focus-error-inner": "$white",
+  "border-focus-error-middle": "$blue-400",
+  "border-focus-error-outer": "$blue-200",
+  "border-focus-inner": "$white",
+  "border-focus-middle": "$blue-400",
+  "border-focus-outer": "$blue-200",
+  "border-focus-success-inner": "$white",
+  "border-focus-success-middle": "$blue-400",
+  "border-focus-success-outer": "$blue-200",
   "focus-keyboard": "#2B4DF8",
   "border-neutrals": "$gray-200",
+  "border-neutrals-active": "$gray-350",
+  "border-neutrals-controls": "$gray-200",
+  "border-neutrals-controls-disabled": "$gray-150",
   "border-neutrals-disabled": "$alpha-gray-50",
@@ -57,4 +88,11 @@ "border-neutrals-hover": "$gray-300",
   "border-neutrals-subtle-pressed": "$gray-250",
+  "border-neutrals-text": "$gray-900",
+  "border-neutrals-text-active": "$gray-950",
+  "border-neutrals-text-hover": "$gray-950",
+  "border-neutrals-text-subtle": "$gray-500",
+  "border-neutrals-text-subtle-active": "$gray-600",
+  "border-neutrals-text-subtle-hover": "$gray-550",
   "border-neutrals-transparent": "$transparent",
   "border-primary": "$blue-500",
+  "border-primary-active": "$blue-600",
   "border-primary-hover": "$blue-550",
@@ -65,6 +103,14 @@ "border-primary-inverted": "$blue-50",
   "border-success": "$green-500",
+  "border-success-active": "$green-600",
   "border-success-hover": "$green-550",
   "border-success-pressed": "$green-600",
   "border-warning": "$yellow-500",
+  "button-background-primary": "$blue-500",
+  "button-background-primary-hover": "$blue-550",
+  "button-background-primary-pressed": "$blue-600",
+  "button-background-secondary": "$gray-150",
+  "button-background-secondary-hover": "$gray-200",
+  "button-background-secondary-pressed": "$gray-250",
   "icon-danger": "$red-500",
+  "icon-danger-active": "$red-600",
   "icon-danger-hover": "$red-550",
@@ -76,2 +122,4 @@ "icon-danger-inverted": "$red-50",
   "icon-neutrals-hover": "$gray-950",
+  "icon-neutrals-inactive": "$gray-450",
+  "icon-neutrals-inactive-hover": "$gray-500",
   "icon-neutrals-inverted": "$white",
@@ -83,6 +131,9 @@ "icon-neutrals-inverted-hover": "$gray-50",
   "icon-neutrals-pressed": "$gray-950",
+  "icon-neutrals-search": "$gray-500",
   "icon-neutrals-subtle": "$gray-600",
   "icon-neutrals-subtle-hover": "$gray-650",
   "icon-neutrals-subtle-pressed": "$gray-700",
+  "icon-neutrals-text": "$gray-700",
   "icon-primary": "$blue-500",
+  "icon-primary-active": "$blue-600",
   "icon-primary-hover": "$blue-550",
@@ -94,2 +145,3 @@ "icon-primary-inverted": "$blue-50",
   "icon-success": "$green-600",
+  "icon-success-active": "$green-700",
   "icon-success-hover": "$green-650",
@@ -99,3 +151,6 @@ "icon-success-inverted": "$green-50",
   "icon-warning": "$yellow-800",
+  "icon-warning-prominent": "$yellow-600",
+  "icon-warning-subtle": "$yellow-700",
   "text-danger": "$red-500",
+  "text-danger-active": "$red-600",
   "text-danger-hover": "$red-550",
@@ -105,3 +160,4 @@ "text-danger-inverted": "$red-50",
   "text-neutrals": "$gray-900",
-  "text-neutrals-disabled": "$alpha-gray-300",
+  "text-neutrals-active": "$gray-950",
+  "text-neutrals-disabled": "$alpha-gray-500",
   "text-neutrals-hover": "$gray-950",
@@ -112,8 +168,11 @@ "text-neutrals-inverted": "$white",
   "text-neutrals-inverted-subtle-hover": "$alpha-white-600",
-  "text-neutrals-placeholder": "$gray-500",
+  "text-neutrals-placeholder": "$gray-350",
+  "text-neutrals-placeholder-only": "$gray-350",
   "text-neutrals-pressed": "$gray-950",
   "text-neutrals-subtle": "$gray-600",
+  "text-neutrals-subtle-active": "$gray-700",
   "text-neutrals-subtle-hover": "$gray-650",
   "text-neutrals-subtle-pressed": "$gray-700",
   "text-primary": "$blue-500",
+  "text-primary-active": "$blue-600",
   "text-primary-hover": "$blue-550",
@@ -125,6 +184,8 @@ "text-primary-inverted": "$blue-50",
   "text-success": "$green-600",
+  "text-success-active": "$green-700",
   "text-success-hover": "$green-650",
   "text-success-inverted": "$green-50",
   "text-success-pressed": "$green-700",
-  "text-warning": "$yellow-800"
+  "text-warning": "$yellow-800",
+  "text-warning-subtle": "$yellow-600"
 };
@@ -134,2 +195,4 @@
   "background-alpha": "$alpha-black-100",
+  "background-alpha-active": "$alpha-black-50",
+  "background-alpha-hover": "$alpha-black-100",
   "background-alpha-subtle": "$alpha-black-50",
@@ -139,8 +202,12 @@ "background-neutrals-overlay": "$alpha-black-300",
   "background-danger-prominent": "$red-500",
+  "background-danger-prominent-active": "$red-400",
   "background-danger-prominent-hover": "$red-450",
   "background-danger-prominent-pressed": "$red-400",
-  "background-danger-subtle": "$red-600",
+  "background-danger-subtle": "$red-950",
+  "background-danger-subtle-active": "$red-500",
   "background-danger-subtle-hover": "$red-550",
   "background-danger-subtle-pressed": "$red-500",
   "background-neutrals": "$gray-950",
+  "background-neutrals-active": "$gray-850",
+  "background-neutrals-container": "$gray-850",
   "background-neutrals-control": "$gray-700",
@@ -151,6 +218,15 @@ "background-neutrals-control-hover": "$gray-650",
   "background-neutrals-hover": "$gray-900",
+  "background-neutrals-inactive": "$gray-500",
+  "background-neutrals-inactive-hover": "$gray-600",
   "background-neutrals-inverted": "$white",
   "background-neutrals-inverted-subtle": "$gray-150",
+  "background-neutrals-layout": "$gray-850",
+  "background-neutrals-page": "$gray-850",
+  "background-neutrals-page-subtle": "$gray-800",
   "background-neutrals-pressed": "$gray-850",
+  "background-neutrals-scrollbar": "$gray-700",
+  "background-neutrals-scrollbar-active": "$gray-600",
+  "background-neutrals-scrollbar-hover": "$gray-650",
   "background-neutrals-subtle": "$gray-750",
+  "background-neutrals-subtle-active": "$gray-650",
   "background-neutrals-subtle-hover": "$gray-700",
@@ -160,2 +236,3 @@ "background-neutrals-subtle-pressed": "$gray-650",
   "background-primary-prominent": "$blue-400",
+  "background-primary-prominent-active": "$blue-300",
   "background-primary-prominent-hover": "$blue-350",
@@ -165,2 +242,3 @@ "background-primary-prominent-pressed": "$blue-300",
   "background-primary-subtle": "$blue-700",
+  "background-primary-subtle-active": "$blue-600",
   "background-primary-subtle-hover": "$blue-650",
@@ -170,2 +248,3 @@ "background-primary-subtle-pressed": "$blue-600",
   "background-success-prominent": "$green-500",
+  "background-success-prominent-active": "$green-400",
   "background-success-prominent-hover": "$green-450",
@@ -176,7 +255,20 @@ "background-success-prominent-pressed": "$green-400",
   "background-warning-subtle": "$yellow-50",
-  "border-danger": "$red-500",
-  "border-danger-hover": "$red-450",
-  "border-danger-pressed": "$red-400",
+  "border-danger": "$red-400",
+  "border-danger-active": "$red-300",
+  "border-danger-hover": "$red-350",
+  "border-danger-pressed": "$red-300",
+  "border-focus-error-inner": "$gray-950",
+  "border-focus-error-middle": "$blue-350",
+  "border-focus-error-outer": "$blue-550",
+  "border-focus-inner": "$gray-950",
+  "border-focus-middle": "$blue-350",
+  "border-focus-outer": "$blue-550",
+  "border-focus-success-inner": "$gray-950",
+  "border-focus-success-middle": "$blue-350",
+  "border-focus-success-outer": "$blue-550",
   "focus-keyboard": "#2B4DF8",
   "border-neutrals": "$gray-550",
+  "border-neutrals-active": "$gray-350",
+  "border-neutrals-controls": "$gray-600",
+  "border-neutrals-controls-disabled": "$gray-800",
   "border-neutrals-disabled": "$alpha-gray-50",
@@ -189,4 +281,11 @@ "border-neutrals-hover": "$gray-400",
   "border-neutrals-subtle-pressed": "$gray-650",
+  "border-neutrals-text": "$gray-100",
+  "border-neutrals-text-active": "$gray-50",
+  "border-neutrals-text-hover": "$gray-50",
+  "border-neutrals-text-subtle": "$gray-300",
+  "border-neutrals-text-subtle-active": "$gray-100",
+  "border-neutrals-text-subtle-hover": "$gray-200",
   "border-neutrals-transparent": "$transparent",
   "border-primary": "$blue-400",
+  "border-primary-active": "$blue-300",
   "border-primary-hover": "$blue-350",
@@ -197,6 +296,14 @@ "border-primary-inverted": "$blue-900",
   "border-success": "$green-500",
+  "border-success-active": "$green-400",
   "border-success-hover": "$green-450",
   "border-success-pressed": "$green-400",
   "border-warning": "$yellow-500",
+  "button-background-primary": "$blue-400",
+  "button-background-primary-hover": "$blue-350",
+  "button-background-primary-pressed": "$blue-300",
+  "button-background-secondary": "$gray-750",
+  "button-background-secondary-hover": "$gray-700",
+  "button-background-secondary-pressed": "$gray-650",
   "icon-danger": "$red-400",
+  "icon-danger-active": "$red-300",
   "icon-danger-hover": "$red-350",
@@ -208,2 +315,4 @@ "icon-danger-inverted": "$red-900",
   "icon-neutrals-hover": "$gray-100",
+  "icon-neutrals-inactive": "$gray-400",
+  "icon-neutrals-inactive-hover": "$gray-300",
   "icon-neutrals-inverted": "$gray-950",
@@ -215,6 +324,9 @@ "icon-neutrals-inverted-hover": "$gray-900",
   "icon-neutrals-pressed": "$gray-150",
+  "icon-neutrals-search": "$gray-400",
   "icon-neutrals-subtle": "$gray-300",
   "icon-neutrals-subtle-hover": "$gray-250",
   "icon-neutrals-subtle-pressed": "$gray-200",
+  "icon-neutrals-text": "$gray-300",
   "icon-primary": "$blue-400",
+  "icon-primary-active": "$blue-300",
   "icon-primary-hover": "$blue-350",
@@ -226,2 +338,3 @@ "icon-primary-inverted": "$blue-900",
   "icon-success": "$green-400",
+  "icon-success-active": "$green-300",
   "icon-success-hover": "$green-350",
@@ -231,8 +344,12 @@ "icon-success-inverted": "$green-900",
   "icon-warning": "$yellow-200",
-  "text-danger": "$red-500",
-  "text-danger-hover": "$red-450",
-  "text-danger-inverted": "$red-900",
-  "text-danger-pressed": "$red-400",
+  "icon-warning-prominent": "$yellow-300",
+  "icon-warning-subtle": "$yellow-200",
+  "text-danger": "$red-400",
+  "text-danger-active": "$red-300",
+  "text-danger-hover": "$red-350",
+  "text-danger-inverted": "$red-50",
+  "text-danger-pressed": "$red-300",
   "text-neutrals": "$gray-50",
-  "text-neutrals-disabled": "$alpha-black-300",
+  "text-neutrals-active": "$gray-150",
+  "text-neutrals-disabled": "$alpha-black-500",
   "text-neutrals-hover": "$gray-100",
@@ -243,8 +360,11 @@ "text-neutrals-inverted": "$gray-900",
   "text-neutrals-inverted-subtle-hover": "$alpha-black-800",
-  "text-neutrals-placeholder": "$gray-300",
+  "text-neutrals-placeholder": "$gray-650",
+  "text-neutrals-placeholder-only": "$gray-650",
   "text-neutrals-pressed": "$gray-150",
   "text-neutrals-subtle": "$gray-300",
+  "text-neutrals-subtle-active": "$gray-200",
   "text-neutrals-subtle-hover": "$gray-250",
   "text-neutrals-subtle-pressed": "$gray-200",
   "text-primary": "$blue-400",
+  "text-primary-active": "$blue-300",
   "text-primary-hover": "$blue-350",
@@ -256,6 +376,8 @@ "text-primary-inverted": "$blue-900",
   "text-success": "$green-400",
+  "text-success-active": "$green-300",
   "text-success-hover": "$green-350",
   "text-success-inverted": "$green-900",
   "text-success-pressed": "$green-300",
-  "text-warning": "$yellow-200"
+  "text-warning": "$yellow-200",
+  "text-warning-subtle": "$yellow-300"
 };
@@ -262,0 +384,0 @@

dist/types.d.ts

@@ -6,3 +6,3 @@ import { Colors } from '@mirohq/design-tokens';
  */
-declare type AliasColors = 'background-alpha' | 'background-alpha-subtle' | 'background-neutrals-overlay' | 'background-neutrals-overlay-subtle' | 'background-danger-prominent' | 'background-danger-prominent-hover' | 'background-danger-prominent-pressed' | 'background-danger-subtle' | 'background-danger-subtle-hover' | 'background-danger-subtle-pressed' | 'background-neutrals' | 'background-neutrals-control' | 'background-neutrals-control-hover' | 'background-neutrals-control-pressed' | 'background-neutrals-disabled' | 'background-neutrals-hover' | 'background-neutrals-inverted' | 'background-neutrals-inverted-subtle' | 'background-neutrals-pressed' | 'background-neutrals-subtle' | 'background-neutrals-subtle-hover' | 'background-neutrals-subtle-pressed' | 'background-neutrals-transparent' | 'background-primary-prominent' | 'background-primary-prominent-hover' | 'background-primary-prominent-pressed' | 'background-primary-prominent-selected' | 'background-primary-subtle' | 'background-primary-subtle-hover' | 'background-primary-subtle-pressed' | 'background-primary-subtle-selected' | 'background-success-prominent' | 'background-success-prominent-hover' | 'background-success-prominent-pressed' | 'background-success-subtle' | 'background-warning-prominent' | 'background-warning-subtle' | 'border-danger' | 'border-danger-hover' | 'border-danger-pressed' | 'focus-keyboard' | 'border-neutrals' | 'border-neutrals-disabled' | 'border-neutrals-hover' | 'border-neutrals-inverted' | 'border-neutrals-pressed' | 'border-neutrals-subtle' | 'border-neutrals-subtle-hover' | 'border-neutrals-subtle-pressed' | 'border-neutrals-transparent' | 'border-primary' | 'border-primary-hover' | 'border-primary-inverted' | 'border-primary-pressed' | 'border-primary-selected' | 'border-success' | 'border-success-hover' | 'border-success-pressed' | 'border-warning' | 'icon-danger' | 'icon-danger-hover' | 'icon-danger-inverted' | 'icon-danger-pressed' | 'icon-neutrals' | 'icon-neutrals-disabled' | 'icon-neutrals-hover' | 'icon-neutrals-inverted' | 'icon-neutrals-inverted-hover' | 'icon-neutrals-inverted-subtle' | 'icon-neutrals-inverted-subtle-hover' | 'icon-neutrals-placeholder' | 'icon-neutrals-pressed' | 'icon-neutrals-subtle' | 'icon-neutrals-subtle-hover' | 'icon-neutrals-subtle-pressed' | 'icon-primary' | 'icon-primary-hover' | 'icon-primary-inverted' | 'icon-primary-inverted-hover' | 'icon-primary-pressed' | 'icon-primary-selected' | 'icon-success' | 'icon-success-hover' | 'icon-success-inverted' | 'icon-success-pressed' | 'icon-warning' | 'text-danger' | 'text-danger-hover' | 'text-danger-inverted' | 'text-danger-pressed' | 'text-neutrals' | 'text-neutrals-disabled' | 'text-neutrals-hover' | 'text-neutrals-inverted' | 'text-neutrals-inverted-hover' | 'text-neutrals-inverted-subtle' | 'text-neutrals-inverted-subtle-hover' | 'text-neutrals-placeholder' | 'text-neutrals-pressed' | 'text-neutrals-subtle' | 'text-neutrals-subtle-hover' | 'text-neutrals-subtle-pressed' | 'text-primary' | 'text-primary-hover' | 'text-primary-inverted' | 'text-primary-inverted-subtle' | 'text-primary-pressed' | 'text-primary-selected' | 'text-success' | 'text-success-hover' | 'text-success-inverted' | 'text-success-pressed' | 'text-warning';
+declare type AliasColors = 'background-alpha' | 'background-alpha-active' | 'background-alpha-hover' | 'background-alpha-subtle' | 'background-neutrals-overlay' | 'background-neutrals-overlay-subtle' | 'background-danger-prominent' | 'background-danger-prominent-active' | 'background-danger-prominent-hover' | 'background-danger-prominent-pressed' | 'background-danger-subtle' | 'background-danger-subtle-active' | 'background-danger-subtle-hover' | 'background-danger-subtle-pressed' | 'background-neutrals' | 'background-neutrals-active' | 'background-neutrals-container' | 'background-neutrals-control' | 'background-neutrals-control-hover' | 'background-neutrals-control-pressed' | 'background-neutrals-disabled' | 'background-neutrals-hover' | 'background-neutrals-inactive' | 'background-neutrals-inactive-hover' | 'background-neutrals-inverted' | 'background-neutrals-inverted-subtle' | 'background-neutrals-layout' | 'background-neutrals-page' | 'background-neutrals-page-subtle' | 'background-neutrals-pressed' | 'background-neutrals-scrollbar' | 'background-neutrals-scrollbar-active' | 'background-neutrals-scrollbar-hover' | 'background-neutrals-subtle' | 'background-neutrals-subtle-active' | 'background-neutrals-subtle-hover' | 'background-neutrals-subtle-pressed' | 'background-neutrals-transparent' | 'background-primary-prominent' | 'background-primary-prominent-active' | 'background-primary-prominent-hover' | 'background-primary-prominent-pressed' | 'background-primary-prominent-selected' | 'background-primary-subtle' | 'background-primary-subtle-active' | 'background-primary-subtle-hover' | 'background-primary-subtle-pressed' | 'background-primary-subtle-selected' | 'background-success-prominent' | 'background-success-prominent-active' | 'background-success-prominent-hover' | 'background-success-prominent-pressed' | 'background-success-subtle' | 'background-warning-prominent' | 'background-warning-subtle' | 'border-danger' | 'border-danger-active' | 'border-danger-hover' | 'border-danger-pressed' | 'border-focus-error-inner' | 'border-focus-error-middle' | 'border-focus-error-outer' | 'border-focus-inner' | 'border-focus-middle' | 'border-focus-outer' | 'border-focus-success-inner' | 'border-focus-success-middle' | 'border-focus-success-outer' | 'focus-keyboard' | 'border-neutrals' | 'border-neutrals-active' | 'border-neutrals-controls' | 'border-neutrals-controls-disabled' | 'border-neutrals-disabled' | 'border-neutrals-hover' | 'border-neutrals-inverted' | 'border-neutrals-pressed' | 'border-neutrals-subtle' | 'border-neutrals-subtle-hover' | 'border-neutrals-subtle-pressed' | 'border-neutrals-text' | 'border-neutrals-text-active' | 'border-neutrals-text-hover' | 'border-neutrals-text-subtle' | 'border-neutrals-text-subtle-active' | 'border-neutrals-text-subtle-hover' | 'border-neutrals-transparent' | 'border-primary' | 'border-primary-active' | 'border-primary-hover' | 'border-primary-inverted' | 'border-primary-pressed' | 'border-primary-selected' | 'border-success' | 'border-success-active' | 'border-success-hover' | 'border-success-pressed' | 'border-warning' | 'button-background-primary' | 'button-background-primary-hover' | 'button-background-primary-pressed' | 'button-background-secondary' | 'button-background-secondary-hover' | 'button-background-secondary-pressed' | 'icon-danger' | 'icon-danger-active' | 'icon-danger-hover' | 'icon-danger-inverted' | 'icon-danger-pressed' | 'icon-neutrals' | 'icon-neutrals-disabled' | 'icon-neutrals-hover' | 'icon-neutrals-inactive' | 'icon-neutrals-inactive-hover' | 'icon-neutrals-inverted' | 'icon-neutrals-inverted-hover' | 'icon-neutrals-inverted-subtle' | 'icon-neutrals-inverted-subtle-hover' | 'icon-neutrals-placeholder' | 'icon-neutrals-pressed' | 'icon-neutrals-search' | 'icon-neutrals-subtle' | 'icon-neutrals-subtle-hover' | 'icon-neutrals-subtle-pressed' | 'icon-neutrals-text' | 'icon-primary' | 'icon-primary-active' | 'icon-primary-hover' | 'icon-primary-inverted' | 'icon-primary-inverted-hover' | 'icon-primary-pressed' | 'icon-primary-selected' | 'icon-success' | 'icon-success-active' | 'icon-success-hover' | 'icon-success-inverted' | 'icon-success-pressed' | 'icon-warning' | 'icon-warning-prominent' | 'icon-warning-subtle' | 'text-danger' | 'text-danger-active' | 'text-danger-hover' | 'text-danger-inverted' | 'text-danger-pressed' | 'text-neutrals' | 'text-neutrals-active' | 'text-neutrals-disabled' | 'text-neutrals-hover' | 'text-neutrals-inverted' | 'text-neutrals-inverted-hover' | 'text-neutrals-inverted-subtle' | 'text-neutrals-inverted-subtle-hover' | 'text-neutrals-placeholder' | 'text-neutrals-placeholder-only' | 'text-neutrals-pressed' | 'text-neutrals-subtle' | 'text-neutrals-subtle-active' | 'text-neutrals-subtle-hover' | 'text-neutrals-subtle-pressed' | 'text-primary' | 'text-primary-active' | 'text-primary-hover' | 'text-primary-inverted' | 'text-primary-inverted-subtle' | 'text-primary-pressed' | 'text-primary-selected' | 'text-success' | 'text-success-active' | 'text-success-hover' | 'text-success-inverted' | 'text-success-pressed' | 'text-warning' | 'text-warning-subtle';
 
@@ -9,0 +9,0 @@ declare const focus: {

package.json

 {
   "name": "@mirohq/design-system-themes",
-  "version": "0.8.0-style-dictionary.2",
+  "version": "0.8.0-style-dictionary.3",
   "description": "",
@@ -33,3 +33,3 @@ "author": "Miro",
     "lodash.kebabcase": "4.1.1",
-    "@mirohq/design-tokens": "^6.0.0-style-dictionary.2"
+    "@mirohq/design-tokens": "^6.0.0-style-dictionary.3"
   },
@@ -36,0 +36,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

98181

increased by46.02%

Lines of code

814

increased by44.58%

Dependency changes

• Updated@mirohq/design-tokens@^6.0.0-style-dictionary.3