@mirohq/design-system-themes 1.3.9 → 1.3.11

package/dist/module.js

@@ -206,8 +206,8 @@ const colors$3 = {
   "format-icon-slides": "$coral-600",
   "format-icon-table": "$moss-600",
   "format-icon-timeline": "$moss-600",
-  "input-background-alt-active": "$gray-100",
   "input-background-alt-default": "$gray-100",
+  "input-background-alt-focused": "$gray-100",
   "input-background-alt-hover": "$gray-100",
   "input-background-default": "$white",
   "input-background-disabled": "$gray-150",
@@ -764,7 +764,7 @@ const colors$2 = {
   "border-warning": "$yellow-500",
   "border-warning-subtle": "$yellow-700",
   "badge-border": "$gray-850",
-  "badge-border-inverted": "#FFFFFF",
+  "badge-border-inverted": "$blue-500",
   "button-background-danger": "$red-500",
   "button-background-danger-hover": "$red-450",
   "button-background-danger-pressed": "$red-450",
@@ -814,8 +814,8 @@ const colors$2 = {
   "format-icon-slides": "$coral-600",
   "format-icon-table": "$moss-600",
   "format-icon-timeline": "$moss-600",
-  "input-background-alt-active": "$gray-750",
   "input-background-alt-default": "$gray-750",
+  "input-background-alt-focused": "$gray-750",
   "input-background-alt-hover": "$gray-750",
   "input-background-default": "$gray-950",
   "input-background-disabled": "$gray-850",
@@ -1331,9 +1331,9 @@ const colors$1 = {
   "border-interactive-primary": "$blue-500",
   "border-interactive-primary-hover": "$blue-550",
   "border-interactive-primary-pressed": "$blue-600",
-  "border-interactive-secondary": "$cloud-900",
-  "border-interactive-secondary-hover": "$cloud-950",
-  "border-interactive-secondary-pressed": "$cloud-1000",
+  "border-interactive-secondary": "$cloud-150",
+  "border-interactive-secondary-hover": "$cloud-300",
+  "border-interactive-secondary-pressed": "$cloud-350",
   "border-interactive-selected": "$blue-550",
   "border-neutrals": "$cloud-200",
   "border-neutrals-active": "$cloud-350",
@@ -1422,18 +1422,18 @@ const colors$1 = {
   "format-icon-slides": "$coral-600",
   "format-icon-table": "$moss-600",
   "format-icon-timeline": "$moss-600",
-  "input-background-alt-active": "$cloud-200",
-  "input-background-alt-default": "$cloud-150",
-  "input-background-alt-hover": "$cloud-200",
+  "input-background-alt-default": "$cloud-100",
+  "input-background-alt-focused": "$cloud-100",
+  "input-background-alt-hover": "$cloud-150",
   "input-background-default": "$white",
   "input-background-disabled": "$cloud-150",
   "input-background-focused": "$white",
   "input-background-hover": "$white",
-  "input-border-default": "$cloud-425",
+  "input-border-default": "$cloud-250",
   "input-border-disabled": "$transparent",
   "input-border-error": "$red-500",
   "input-border-focused": "$blue-550",
-  "input-border-hover": "$cloud-450",
+  "input-border-hover": "$cloud-400",
   "input-border-success": "$green-500",
   "notification-background": "$cloud-850",
   "notification-border": "$cloud-450",
@@ -1460,12 +1460,12 @@ const colors$1 = {
   "icon-inverted": "$white",
   "icon-inverted-secondary": "$cloud-300",
   "icon-muted": "$cloud-400",
-  "icon-on-disabled": "$cloud-450",
+  "icon-on-disabled": "$cloud-350",
   "icon-on-static-dark": "$gray-50",
   "icon-on-static-dark-subtle": "$gray-300",
   "icon-on-static-light": "$cloud-900",
   "icon-on-static-light-subtle": "$cloud-700",
-  "icon-placeholder": "$cloud-400",
+  "icon-placeholder": "$cloud-475",
   "icon-secondary": "$cloud-700",
   "icon-interactive-on-inverted": "$white",
   "icon-interactive-on-inverted-hover": "$cloud-50",
@@ -1536,9 +1536,9 @@ const colors$1 = {
   "text-interactive-primary": "$blue-500",
   "text-interactive-primary-hover": "$blue-550",
   "text-interactive-primary-pressed": "$blue-600",
-  "text-interactive-secondary": "$cloud-700",
-  "text-interactive-secondary-hover": "$cloud-750",
-  "text-interactive-secondary-pressed": "$cloud-800",
+  "text-interactive-secondary": "$cloud-500",
+  "text-interactive-secondary-hover": "$cloud-600",
+  "text-interactive-secondary-pressed": "$cloud-650",
   "text-interactive-selected": "$blue-550",
   "text-on-interactive-danger": "$white",
   "text-on-interactive-primary": "$white",
@@ -1583,7 +1583,7 @@ const colors$1 = {
   "text-inverted": "$white",
   "text-inverted-secondary": "$cloud-300",
   "text-muted": "$cloud-400",
-  "text-on-disabled": "$cloud-450",
+  "text-on-disabled": "$cloud-350",
   "text-on-static-dark": "$cloud-50",
   "text-on-static-dark-subtle": "$cloud-300",
   "text-on-static-light": "$cloud-900",
@@ -1848,9 +1848,9 @@ const colors = {
   "background-danger-prominent-hover": "$red-450",
   "background-danger-prominent-pressed": "$red-400",
   "background-danger-subtle": "$red-900",
-  "background-danger-subtle-active": "$red-500",
-  "background-danger-subtle-hover": "$red-550",
-  "background-danger-subtle-pressed": "$red-500",
+  "background-danger-subtle-active": "$red-900",
+  "background-danger-subtle-hover": "$red-850",
+  "background-danger-subtle-pressed": "$red-800",
   "background-interactive-danger": "$red-500",
   "background-interactive-danger-hover": "$red-450",
   "background-interactive-danger-pressed": "$red-400",
@@ -1980,7 +1980,7 @@ const colors = {
   "border-warning": "$yellow-500",
   "border-warning-subtle": "$yellow-700",
   "badge-border": "$ink-850",
-  "badge-border-inverted": "#FFFFFF",
+  "badge-border-inverted": "$blue-500",
   "button-background-danger": "$red-500",
   "button-background-danger-hover": "$red-450",
   "button-background-danger-pressed": "$red-450",
@@ -2030,9 +2030,9 @@ const colors = {
   "format-icon-slides": "$coral-600",
   "format-icon-table": "$moss-600",
   "format-icon-timeline": "$moss-600",
-  "input-background-alt-active": "$ink-650",
-  "input-background-alt-default": "$ink-700",
-  "input-background-alt-hover": "$ink-650",
+  "input-background-alt-default": "$ink-750",
+  "input-background-alt-focused": "$ink-750",
+  "input-background-alt-hover": "$ink-700",
   "input-background-default": "$ink-850",
   "input-background-disabled": "$ink-750",
   "input-background-focused": "$ink-800",
@@ -2041,7 +2041,7 @@ const colors = {
   "input-border-disabled": "$transparent",
   "input-border-error": "$red-400",
   "input-border-focused": "$blue-450",
-  "input-border-hover": "$ink-450",
+  "input-border-hover": "$ink-400",
   "input-border-success": "$green-400",
   "notification-background": "$ink-50",
   "notification-border": "$ink-500",
@@ -2073,7 +2073,7 @@ const colors = {
   "icon-on-static-dark-subtle": "$ink-300",
   "icon-on-static-light": "$ink-900",
   "icon-on-static-light-subtle": "$ink-700",
-  "icon-placeholder": "$ink-400",
+  "icon-placeholder": "$ink-450",
   "icon-secondary": "$ink-300",
   "icon-interactive-on-inverted": "$ink-900",
   "icon-interactive-on-inverted-hover": "$ink-850",
@@ -2145,13 +2145,13 @@ const colors = {
   "text-interactive-primary-hover": "$blue-450",
   "text-interactive-primary-pressed": "$blue-400",
   "text-interactive-secondary": "$ink-300",
-  "text-interactive-secondary-hover": "$ink-250",
-  "text-interactive-secondary-pressed": "$ink-200",
+  "text-interactive-secondary-hover": "$ink-200",
+  "text-interactive-secondary-pressed": "$ink-150",
   "text-interactive-selected": "$blue-400",
   "text-on-interactive-danger": "$white",
   "text-on-interactive-primary": "$white",
   "text-on-interactive-secondary": "$white",
-  "text-on-interactive-selected": "$blue-400",
+  "text-on-interactive-selected": "$blue-200",
   "text-neutrals": "$ink-100",
   "text-neutrals-active": "$ink-50",
   "text-neutrals-disabled": "$ink-400",
@@ -2191,7 +2191,7 @@ const colors = {
   "text-inverted": "$ink-900",
   "text-inverted-secondary": "$ink-700",
   "text-muted": "$ink-400",
-  "text-on-disabled": "$ink-450",
+  "text-on-disabled": "$ink-500",
   "text-on-static-dark": "$ink-50",
   "text-on-static-dark-subtle": "$ink-300",
   "text-on-static-light": "$ink-900",