@mirohq/design-system-themes 1.3.12 → 1.3.13

package/base.css

@@ -220,7 +220,7 @@
   --colors-format-icon-timeline: var(--colors-moss-600);
   --colors-input-background-alt-default: var(--colors-gray-100);
   --colors-input-background-alt-focused: var(--colors-gray-100);
-  --colors-input-background-alt-hover: var(--colors-gray-100);
+  --colors-input-background-alt-hover: var(--colors-gray-150);
   --colors-input-background-default: var(--colors-white);
   --colors-input-background-disabled: var(--colors-gray-150);
   --colors-input-background-focused: var(--colors-white);
@@ -397,13 +397,14 @@
   --radii-avatar-team: var(--radii-50);
   --radii-button: var(--radii-50);
   --radii-calendar: var(--radii-100);
+  --radii-card: var(--radii-100);
   --radii-checkbox: var(--radii-50);
   --radii-dropdown: var(--radii-100);
   --radii-input: var(--radii-50);
   --radii-list-item: var(--radii-50);
   --radii-notification: var(--radii-100);
   --radii-panel: var(--radii-150);
-  --radii-popup: var(--radii-100);
+  --radii-popover: var(--radii-100);
   --radii-tag: var(--radii-50);
   --radii-toolbar: var(--radii-100);
   --radii-toolbar-item: var(--radii-50);

package/dark.css

@@ -397,13 +397,14 @@
   --radii-avatar-team: var(--radii-50);
   --radii-button: var(--radii-50);
   --radii-calendar: var(--radii-100);
+  --radii-card: var(--radii-100);
   --radii-checkbox: var(--radii-50);
   --radii-dropdown: var(--radii-100);
   --radii-input: var(--radii-50);
   --radii-list-item: var(--radii-50);
   --radii-notification: var(--radii-100);
   --radii-panel: var(--radii-150);
-  --radii-popup: var(--radii-100);
+  --radii-popover: var(--radii-100);
   --radii-tag: var(--radii-50);
   --radii-toolbar: var(--radii-100);
   --radii-toolbar-item: var(--radii-50);

package/dist/main.js

@@ -212,7 +212,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",
@@ -1491,7 +1491,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",
@@ -1551,7 +1551,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",
@@ -2101,7 +2101,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",
@@ -2161,7 +2161,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",
@@ -2477,13 +2477,14 @@ const radii$3 = {
   "avatar-team": "$50",
   button: "$50",
   calendar: "$100",
+  card: "$100",
   checkbox: "$50",
   dropdown: "$100",
   input: "$50",
   "list-item": "$50",
   notification: "$100",
   panel: "$150",
-  popup: "$100",
+  popover: "$100",
   tag: "$50",
   toolbar: "$100",
   "toolbar-item": "$50",
@@ -2496,13 +2497,14 @@ const radii$2 = {
   "avatar-team": "$50",
   button: "$50",
   calendar: "$100",
+  card: "$100",
   checkbox: "$50",
   dropdown: "$100",
   input: "$50",
   "list-item": "$50",
   notification: "$100",
   panel: "$150",
-  popup: "$100",
+  popover: "$100",
   tag: "$50",
   toolbar: "$100",
   "toolbar-item": "$50",
@@ -2515,13 +2517,14 @@ const radii$1 = {
   "avatar-team": "$50",
   button: "$100",
   calendar: "$250",
+  card: "$250",
   checkbox: "$75",
   dropdown: "$250",
   input: "$150",
   "list-item": "$150",
-  notification: "$100",
+  notification: "$150",
   panel: "$150",
-  popup: "$100",
+  popover: "$150",
   tag: "$round",
   toolbar: "$200",
   "toolbar-item": "$150",
@@ -2534,13 +2537,14 @@ const radii = {
   "avatar-team": "$50",
   button: "$100",
   calendar: "$250",
+  card: "$250",
   checkbox: "$75",
   dropdown: "$250",
   input: "$150",
   "list-item": "$150",
-  notification: "$100",
+  notification: "$150",
   panel: "$150",
-  popup: "$100",
+  popover: "$150",
   tag: "$round",
   toolbar: "$200",
   "toolbar-item": "$150",