@mirohq/design-tokens - npm Package Compare versions

Comparing version 1.5.0 to 1.6.0

dist/main.js

@@ -21,4 +21,4 @@ 'use strict';
   "blue-10": "#F1F3FD",
-  "blue-20": "#DADDF5",
-  "blue-50": "#7185EF",
+  "blue-20": "#D9E0FF",
+  "blue-50": "#6881FF",
   "blue-60": "#4961F6",
@@ -29,2 +29,4 @@ "blue-70": "#3F53D9",
   "gray-30": "#E7E7E7",
+  "gray-40": "#D8D8D8",
+  "gray-50": "#C4C4C4",
   "green-70": "#1E8908",
@@ -31,0 +33,0 @@ "indigo-20": "#AFAEB8",

dist/module.js

@@ -13,4 +13,4 @@ import merge from 'lodash.merge';
   "blue-10": "#F1F3FD",
-  "blue-20": "#DADDF5",
-  "blue-50": "#7185EF",
+  "blue-20": "#D9E0FF",
+  "blue-50": "#6881FF",
   "blue-60": "#4961F6",
@@ -21,2 +21,4 @@ "blue-70": "#3F53D9",
   "gray-30": "#E7E7E7",
+  "gray-40": "#D8D8D8",
+  "gray-50": "#C4C4C4",
   "green-70": "#1E8908",
@@ -23,0 +25,0 @@ "indigo-20": "#AFAEB8",

dist/types.d.ts

@@ -12,4 +12,4 @@ declare const borderWidths$1: {
     readonly 'blue-10': "#F1F3FD";
-    readonly 'blue-20': "#DADDF5";
-    readonly 'blue-50': "#7185EF";
+    readonly 'blue-20': "#D9E0FF";
+    readonly 'blue-50': "#6881FF";
     readonly 'blue-60': "#4961F6";
@@ -20,2 +20,4 @@ readonly 'blue-70': "#3F53D9";
     readonly 'gray-30': "#E7E7E7";
+    readonly 'gray-40': "#D8D8D8";
+    readonly 'gray-50': "#C4C4C4";
     readonly 'green-70': "#1E8908";
@@ -255,4 +257,4 @@ readonly 'indigo-20': "#AFAEB8";
     readonly 'blue-10': "#F1F3FD";
-    readonly 'blue-20': "#DADDF5";
-    readonly 'blue-50': "#7185EF";
+    readonly 'blue-20': "#D9E0FF";
+    readonly 'blue-50': "#6881FF";
     readonly 'blue-60': "#4961F6";
@@ -263,2 +265,4 @@ readonly 'blue-70': "#3F53D9";
     readonly 'gray-30': "#E7E7E7";
+    readonly 'gray-40': "#D8D8D8";
+    readonly 'gray-50': "#C4C4C4";
     readonly 'green-70': "#1E8908";
@@ -282,48 +286,48 @@ readonly 'indigo-20': "#AFAEB8";
 } & {
-    readonly 'background-cta-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-cta-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-cta-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-danger-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-danger-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-danger-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-default-selected-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-info-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-secondary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-success-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'background-warning-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'border-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'canvas-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'divider-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'focus-ring-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-default-visited'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-secondary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'font-tertiary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
-    readonly 'icon-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-cta-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-cta-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-cta-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-danger-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-danger-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-danger-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-default-selected-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-info-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-secondary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-success-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'background-warning-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'border-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'canvas-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'divider-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'focus-ring-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-default-visited'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-primary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-secondary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'font-tertiary'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-cta-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-active'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-disabled'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-error'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-hover'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-idle'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
+    readonly 'icon-default-selected'?: "$blue-80" | "$gray-20" | "$blue-70" | "$blue-60" | "$red-20" | "$red-10" | "$red-60" | "$blue-20" | "$blue-10" | "$white" | "$indigo-90" | "$green-70" | "$yellow-60" | "$indigo-30" | "$gray-30" | "$blue-50" | "$indigo-50" | "$black" | "$gray-40" | "$gray-50" | "$indigo-20" | "$indigo-70" | "$pink-20" | "$pink-50" | "$red-30" | "$red-50" | "$transparent" | "$yellow-20" | undefined;
 };
@@ -330,0 +334,0 @@ declare const fontSizes: {

package.json

 {
   "name": "@mirohq/design-tokens",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "",
@@ -5,0 +5,0 @@ "author": "Miro",

tokens.json

@@ -6,4 +6,4 @@ {
     "blue-10": "#F1F3FD",
-    "blue-20": "#DADDF5",
-    "blue-50": "#7185EF",
+    "blue-20": "#D9E0FF",
+    "blue-50": "#6881FF",
     "blue-60": "#4961F6",
@@ -14,2 +14,4 @@ "blue-70": "#3F53D9",
     "gray-30": "#E7E7E7",
+    "gray-40": "#D8D8D8",
+    "gray-50": "#C4C4C4",
     "green-70": "#1E8908",
@@ -16,0 +18,0 @@ "indigo-20": "#AFAEB8",

No alert changes

Improved metrics

Total package byte prevSize

89540

increased by1.98%

Lines of code

1718

increased by0.7%

No dependency changes