@mirohq/design-system-themes 1.3.11 → 1.3.13

package/dist/module.js

@@ -36,7 +36,9 @@ const colors$3 = {
   "background-interactive-secondary-selected": "$blue-150",
   "background-interactive-selected": "$blue-500",
   "background-interactive-surface-hover": "$gray-100",
+  "background-interactive-surface-pressed": "$gray-150",
   "background-interactive-surface-secondary-hover": "$gray-150",
+  "background-interactive-surface-secondary-pressed": "$gray-200",
   "background-neutrals": "$white",
   "background-neutrals-active": "$gray-150",
   "background-neutrals-container": "$white",
@@ -208,7 +210,7 @@ const colors$3 = {
   "format-icon-timeline": "$moss-600",
   "input-background-alt-default": "$gray-100",
   "input-background-alt-focused": "$gray-100",
-  "input-background-alt-hover": "$gray-100",
+  "input-background-alt-hover": "$gray-150",
   "input-background-default": "$white",
   "input-background-disabled": "$gray-150",
   "input-background-focused": "$white",
@@ -644,7 +646,9 @@ const colors$2 = {
   "background-interactive-secondary-selected": "$blue-700",
   "background-interactive-selected": "$blue-500",
   "background-interactive-surface-hover": "$gray-900",
+  "background-interactive-surface-pressed": "$gray-800",
   "background-interactive-surface-secondary-hover": "$gray-700",
+  "background-interactive-surface-secondary-pressed": "$gray-650",
   "background-neutrals": "$gray-950",
   "background-neutrals-active": "$gray-850",
   "background-neutrals-container": "$gray-850",
@@ -1252,7 +1256,9 @@ const colors$1 = {
   "background-interactive-secondary-selected": "$blue-150",
   "background-interactive-selected": "$blue-500",
   "background-interactive-surface-hover": "$cloud-100",
+  "background-interactive-surface-pressed": "$cloud-150",
   "background-interactive-surface-secondary-hover": "$cloud-150",
+  "background-interactive-surface-secondary-pressed": "$cloud-200",
   "background-neutrals": "$white",
   "background-neutrals-active": "$cloud-150",
   "background-neutrals-container": "$white",
@@ -1483,7 +1489,7 @@ const colors$1 = {
   "icon-on-interactive-danger": "$white",
   "icon-on-interactive-primary": "$white",
   "icon-on-interactive-secondary": "$cloud-900",
-  "icon-on-interactive-selected": "$blue-550",
+  "icon-on-interactive-selected": "$cloud-900",
   "icon-neutrals": "$cloud-900",
   "icon-neutrals-disabled": "$cloud-300",
   "icon-neutrals-hover": "$cloud-950",
@@ -1543,7 +1549,7 @@ const colors$1 = {
   "text-on-interactive-danger": "$white",
   "text-on-interactive-primary": "$white",
   "text-on-interactive-secondary": "$cloud-900",
-  "text-on-interactive-selected": "$blue-550",
+  "text-on-interactive-selected": "$cloud-900",
   "text-neutrals": "$cloud-900",
   "text-neutrals-active": "$cloud-950",
   "text-neutrals-disabled": "$cloud-300",
@@ -1860,7 +1866,9 @@ const colors = {
   "background-interactive-secondary-selected": "$blue-700",
   "background-interactive-selected": "$blue-500",
   "background-interactive-surface-hover": "$ink-750",
+  "background-interactive-surface-pressed": "$ink-700",
   "background-interactive-surface-secondary-hover": "$ink-650",
+  "background-interactive-surface-secondary-pressed": "$ink-600",
   "background-neutrals": "$ink-850",
   "background-neutrals-active": "$ink-800",
   "background-neutrals-container": "$ink-850",
@@ -2091,7 +2099,7 @@ const colors = {
   "icon-on-interactive-danger": "$white",
   "icon-on-interactive-primary": "$white",
   "icon-on-interactive-secondary": "$white",
-  "icon-on-interactive-selected": "$blue-400",
+  "icon-on-interactive-selected": "$ink-50",
   "icon-neutrals": "$ink-50",
   "icon-neutrals-disabled": "$ink-450",
   "icon-neutrals-hover": "$ink-100",
@@ -2151,7 +2159,7 @@ const colors = {
   "text-on-interactive-danger": "$white",
   "text-on-interactive-primary": "$white",
   "text-on-interactive-secondary": "$white",
-  "text-on-interactive-selected": "$blue-200",
+  "text-on-interactive-selected": "$ink-50",
   "text-neutrals": "$ink-100",
   "text-neutrals-active": "$ink-50",
   "text-neutrals-disabled": "$ink-400",
@@ -2462,71 +2470,83 @@ const shadows = {
 };
 
 const radii$3 = {
-  panel: "$150",
-  notification: "$100",
+  "avatar-group": "$50",
   "avatar-people": "$round",
   "avatar-team": "$50",
-  "avatar-group": "$50",
+  button: "$50",
+  calendar: "$100",
+  card: "$100",
+  checkbox: "$50",
   dropdown: "$100",
+  input: "$50",
+  "list-item": "$50",
+  notification: "$100",
+  panel: "$150",
+  popover: "$100",
+  tag: "$50",
   toolbar: "$100",
   "toolbar-item": "$50",
-  input: "$50",
-  button: "$50",
-  popup: "$100",
-  tooltip: "$100",
-  checkbox: "$50",
-  "list-item": "$50"
+  tooltip: "$100"
 };
 
 const radii$2 = {
-  panel: "$150",
-  notification: "$100",
+  "avatar-group": "$50",
   "avatar-people": "$round",
   "avatar-team": "$50",
-  "avatar-group": "$50",
+  button: "$50",
+  calendar: "$100",
+  card: "$100",
+  checkbox: "$50",
   dropdown: "$100",
+  input: "$50",
+  "list-item": "$50",
+  notification: "$100",
+  panel: "$150",
+  popover: "$100",
+  tag: "$50",
   toolbar: "$100",
   "toolbar-item": "$50",
-  input: "$50",
-  button: "$50",
-  popup: "$100",
-  tooltip: "$100",
-  checkbox: "$50",
-  "list-item": "$50"
+  tooltip: "$100"
 };
 
 const radii$1 = {
-  panel: "$150",
-  notification: "$100",
+  "avatar-group": "$50",
   "avatar-people": "$round",
   "avatar-team": "$50",
-  "avatar-group": "$50",
+  button: "$100",
+  calendar: "$250",
+  card: "$250",
+  checkbox: "$75",
   dropdown: "$250",
+  input: "$150",
+  "list-item": "$150",
+  notification: "$150",
+  panel: "$150",
+  popover: "$150",
+  tag: "$round",
   toolbar: "$200",
   "toolbar-item": "$150",
-  input: "$150",
-  button: "$100",
-  popup: "$100",
-  tooltip: "$100",
-  checkbox: "$75",
-  "list-item": "$150"
+  tooltip: "$100"
 };
 
 const radii = {
-  panel: "$150",
-  notification: "$100",
+  "avatar-group": "$50",
   "avatar-people": "$round",
   "avatar-team": "$50",
-  "avatar-group": "$50",
+  button: "$100",
+  calendar: "$250",
+  card: "$250",
+  checkbox: "$75",
   dropdown: "$250",
+  input: "$150",
+  "list-item": "$150",
+  notification: "$150",
+  panel: "$150",
+  popover: "$150",
+  tag: "$round",
   toolbar: "$200",
   "toolbar-item": "$150",
-  input: "$150",
-  button: "$100",
-  popup: "$100",
-  tooltip: "$100",
-  checkbox: "$75",
-  "list-item": "$150"
+  tooltip: "$100"
 };
 
 const light = Object.freeze({