@mirohq/design-system-themes 1.4.8 → 1.4.10

package/dist/module.js

@@ -164,7 +164,16 @@ const colors$3 = {
   "button-background-danger-pressed": "$red-600",
   "button-background-ghost": "$transparent",
   "button-background-ghost-hover": "$gray-150",
+  "button-background-ghost-inverse-hover": "$gray-800",
+  "button-background-ghost-inverse-pressed": "$gray-750",
   "button-background-ghost-pressed": "$gray-200",
+  "button-background-inverse": "$blue-500",
+  "button-background-inverse-disabled": "$gray-850",
+  "button-background-inverse-hover": "$blue-550",
+  "button-background-inverse-pressed": "$blue-600",
+  "button-background-inverse-secondary": "$gray-750",
+  "button-background-inverse-secondary-hover": "$gray-700",
+  "button-background-inverse-secondary-pressed": "$gray-700",
   "button-background-primary": "$blue-500",
   "button-background-primary-hover": "$blue-550",
   "button-background-primary-pressed": "$blue-600",
@@ -179,6 +188,9 @@ const colors$3 = {
   "button-border-danger-pressed": "$red-600",
   "button-border-ghost-hover": "$transparent",
   "button-border-ghost-pressed": "$transparent",
+  "button-border-inverse-secondary": "$gray-750",
+  "button-border-inverse-secondary-hover": "$gray-700",
+  "button-border-inverse-secondary-pressed": "$gray-650",
   "button-border-primary": "$blue-500",
   "button-border-primary-hover": "$blue-550",
   "button-border-primary-pressed": "$blue-600",
@@ -189,10 +201,16 @@ const colors$3 = {
   "button-border-tertiary-hover": "$blue-550",
   "button-border-tertiary-pressed": "$blue-600",
   "button-icon-on-danger": "$white",
+  "button-icon-on-inverse": "$white",
+  "button-icon-on-inverse-disabled": "$gray-450",
+  "button-icon-on-inverse-secondary": "$gray-50",
   "button-icon-on-primary": "$white",
   "button-icon-on-secondary": "$gray-900",
   "button-icon-on-tertiary": "$blue-500",
   "button-text-on-danger": "$white",
+  "button-text-on-inverse": "$white",
+  "button-text-on-inverse-disabled": "$gray-450",
+  "button-text-on-inverse-secondary": "$gray-50",
   "button-text-on-primary": "$white",
   "button-text-on-secondary": "$gray-900",
   "button-text-on-tertiary": "$blue-500",
@@ -255,6 +273,7 @@ const colors$3 = {
   "toolbar-item-background-selected": "$blue-150",
   "tooltip-background": "$gray-950",
   "tooltip-background-inset": "$gray-650",
+  "tooltip-background-inverse": "$gray-650",
   "icon-danger": "$red-500",
   "icon-danger-active": "$red-600",
   "icon-danger-hover": "$red-550",
@@ -266,6 +285,7 @@ const colors$3 = {
   "icon-inverted-secondary": "$gray-150",
   "icon-muted": "$gray-400",
   "icon-on-disabled": "$gray-350",
+  "icon-on-disabled-inverse": "$gray-450",
   "icon-on-static-dark": "$gray-50",
   "icon-on-static-dark-subtle": "$gray-300",
   "icon-on-static-light": "$gray-900",
@@ -793,7 +813,16 @@ const colors$2 = {
   "button-background-danger-pressed": "$red-450",
   "button-background-ghost": "$transparent",
   "button-background-ghost-hover": "$gray-800",
+  "button-background-ghost-inverse-hover": "$gray-150",
+  "button-background-ghost-inverse-pressed": "$gray-200",
   "button-background-ghost-pressed": "$gray-750",
+  "button-background-inverse": "$blue-500",
+  "button-background-inverse-disabled": "$gray-150",
+  "button-background-inverse-hover": "$blue-450",
+  "button-background-inverse-pressed": "$blue-400",
+  "button-background-inverse-secondary": "$gray-150",
+  "button-background-inverse-secondary-hover": "$gray-200",
+  "button-background-inverse-secondary-pressed": "$gray-250",
   "button-background-primary": "$blue-500",
   "button-background-primary-hover": "$blue-450",
   "button-background-primary-pressed": "$blue-400",
@@ -808,6 +837,9 @@ const colors$2 = {
   "button-border-danger-pressed": "$red-400",
   "button-border-ghost-hover": "$transparent",
   "button-border-ghost-pressed": "$transparent",
+  "button-border-inverse-secondary": "$gray-150",
+  "button-border-inverse-secondary-hover": "$gray-200",
+  "button-border-inverse-secondary-pressed": "$gray-250",
   "button-border-primary": "$blue-500",
   "button-border-primary-hover": "$blue-450",
   "button-border-primary-pressed": "$blue-400",
@@ -818,10 +850,16 @@ const colors$2 = {
   "button-border-tertiary-hover": "$blue-450",
   "button-border-tertiary-pressed": "$blue-400",
   "button-icon-on-danger": "$white",
+  "button-icon-on-inverse": "$white",
+  "button-icon-on-inverse-disabled": "$gray-350",
+  "button-icon-on-inverse-secondary": "$gray-900",
   "button-icon-on-primary": "$white",
   "button-icon-on-secondary": "$gray-50",
   "button-icon-on-tertiary": "$blue-400",
   "button-text-on-danger": "$white",
+  "button-text-on-inverse": "$white",
+  "button-text-on-inverse-disabled": "$gray-350",
+  "button-text-on-inverse-secondary": "$gray-900",
   "button-text-on-primary": "$white",
   "button-text-on-secondary": "$gray-50",
   "button-text-on-tertiary": "$blue-400",
@@ -884,6 +922,7 @@ const colors$2 = {
   "toolbar-item-background-selected": "$blue-700",
   "tooltip-background": "$gray-650",
   "tooltip-background-inset": "$gray-650",
+  "tooltip-background-inverse": "$gray-950",
   "icon-danger": "$red-400",
   "icon-danger-active": "$red-300",
   "icon-danger-hover": "$red-350",
@@ -895,6 +934,7 @@ const colors$2 = {
   "icon-inverted-secondary": "$gray-700",
   "icon-muted": "$gray-400",
   "icon-on-disabled": "$gray-450",
+  "icon-on-disabled-inverse": "$gray-350",
   "icon-on-static-dark": "$gray-50",
   "icon-on-static-dark-subtle": "$gray-300",
   "icon-on-static-light": "$gray-900",
@@ -1422,7 +1462,16 @@ const colors$1 = {
   "button-background-danger-pressed": "$red-600",
   "button-background-ghost": "$transparent",
   "button-background-ghost-hover": "$cloud-150",
+  "button-background-ghost-inverse-hover": "$cloud-750",
+  "button-background-ghost-inverse-pressed": "$cloud-700",
   "button-background-ghost-pressed": "$cloud-200",
+  "button-background-inverse": "$white",
+  "button-background-inverse-disabled": "$cloud-650",
+  "button-background-inverse-hover": "$cloud-100",
+  "button-background-inverse-pressed": "$cloud-150",
+  "button-background-inverse-secondary": "$cloud-700",
+  "button-background-inverse-secondary-hover": "$cloud-650",
+  "button-background-inverse-secondary-pressed": "$cloud-600",
   "button-background-primary": "$cloud-800",
   "button-background-primary-hover": "$cloud-900",
   "button-background-primary-pressed": "$cloud-950",
@@ -1437,6 +1486,9 @@ const colors$1 = {
   "button-border-danger-pressed": "$red-600",
   "button-border-ghost-hover": "$transparent",
   "button-border-ghost-pressed": "$transparent",
+  "button-border-inverse-secondary": "$transparent",
+  "button-border-inverse-secondary-hover": "$transparent",
+  "button-border-inverse-secondary-pressed": "$transparent",
   "button-border-primary": "$blue-500",
   "button-border-primary-hover": "$blue-550",
   "button-border-primary-pressed": "$blue-600",
@@ -1447,10 +1499,16 @@ const colors$1 = {
   "button-border-tertiary-hover": "$cloud-550",
   "button-border-tertiary-pressed": "$cloud-600",
   "button-icon-on-danger": "$white",
+  "button-icon-on-inverse": "$cloud-900",
+  "button-icon-on-inverse-disabled": "$cloud-500",
+  "button-icon-on-inverse-secondary": "$white",
   "button-icon-on-primary": "$white",
   "button-icon-on-secondary": "$cloud-900",
   "button-icon-on-tertiary": "$cloud-900",
   "button-text-on-danger": "$white",
+  "button-text-on-inverse": "$cloud-900",
+  "button-text-on-inverse-disabled": "$cloud-500",
+  "button-text-on-inverse-secondary": "$white",
   "button-text-on-primary": "$white",
   "button-text-on-secondary": "$cloud-900",
   "button-text-on-tertiary": "$cloud-900",
@@ -1513,6 +1571,7 @@ const colors$1 = {
   "toolbar-item-background-selected": "$cloud-150",
   "tooltip-background": "$cloud-950",
   "tooltip-background-inset": "$cloud-650",
+  "tooltip-background-inverse": "$cloud-650",
   "icon-danger": "$red-500",
   "icon-danger-active": "$red-600",
   "icon-danger-hover": "$red-550",
@@ -1524,6 +1583,7 @@ const colors$1 = {
   "icon-inverted-secondary": "$cloud-300",
   "icon-muted": "$cloud-500",
   "icon-on-disabled": "$cloud-350",
+  "icon-on-disabled-inverse": "$cloud-450",
   "icon-on-static-dark": "$cloud-50",
   "icon-on-static-dark-subtle": "$cloud-300",
   "icon-on-static-light": "$cloud-900",
@@ -2051,7 +2111,16 @@ const colors = {
   "button-background-danger-pressed": "$red-450",
   "button-background-ghost": "$transparent",
   "button-background-ghost-hover": "$ink-750",
+  "button-background-ghost-inverse-hover": "$ink-150",
+  "button-background-ghost-inverse-pressed": "$ink-200",
   "button-background-ghost-pressed": "$ink-700",
+  "button-background-inverse": "$ink-800",
+  "button-background-inverse-disabled": "$ink-150",
+  "button-background-inverse-hover": "$ink-900",
+  "button-background-inverse-pressed": "$ink-950",
+  "button-background-inverse-secondary": "$ink-150",
+  "button-background-inverse-secondary-hover": "$ink-200",
+  "button-background-inverse-secondary-pressed": "$ink-250",
   "button-background-primary": "$white",
   "button-background-primary-hover": "$ink-100",
   "button-background-primary-pressed": "$ink-150",
@@ -2066,6 +2135,9 @@ const colors = {
   "button-border-danger-pressed": "$red-400",
   "button-border-ghost-hover": "$transparent",
   "button-border-ghost-pressed": "$transparent",
+  "button-border-inverse-secondary": "$transparent",
+  "button-border-inverse-secondary-hover": "$transparent",
+  "button-border-inverse-secondary-pressed": "$transparent",
   "button-border-primary": "$blue-500",
   "button-border-primary-hover": "$blue-450",
   "button-border-primary-pressed": "$blue-400",
@@ -2076,10 +2148,16 @@ const colors = {
   "button-border-tertiary-hover": "$ink-550",
   "button-border-tertiary-pressed": "$ink-500",
   "button-icon-on-danger": "$white",
+  "button-icon-on-inverse": "$white",
+  "button-icon-on-inverse-disabled": "$ink-350",
+  "button-icon-on-inverse-secondary": "$ink-900",
   "button-icon-on-primary": "$ink-900",
   "button-icon-on-secondary": "$white",
   "button-icon-on-tertiary": "$white",
   "button-text-on-danger": "$white",
+  "button-text-on-inverse": "$white",
+  "button-text-on-inverse-disabled": "$ink-350",
+  "button-text-on-inverse-secondary": "$ink-900",
   "button-text-on-primary": "$ink-900",
   "button-text-on-secondary": "$white",
   "button-text-on-tertiary": "$white",
@@ -2142,6 +2220,7 @@ const colors = {
   "toolbar-item-background-selected": "$ink-700",
   "tooltip-background": "$ink-650",
   "tooltip-background-inset": "$ink-800",
+  "tooltip-background-inverse": "$ink-950",
   "icon-danger": "$red-400",
   "icon-danger-active": "$red-300",
   "icon-danger-hover": "$red-350",
@@ -2153,6 +2232,7 @@ const colors = {
   "icon-inverted-secondary": "$ink-700",
   "icon-muted": "$ink-400",
   "icon-on-disabled": "$ink-450",
+  "icon-on-disabled-inverse": "$ink-350",
   "icon-on-static-dark": "$ink-50",
   "icon-on-static-dark-subtle": "$ink-300",
   "icon-on-static-light": "$ink-900",
@@ -2553,6 +2633,7 @@ const radii$3 = {
   calendar: "$100",
   card: "$100",
   checkbox: "$50",
+  dialog: "$150",
   dropdown: "$100",
   input: "$50",
   "list-item": "$50",
@@ -2574,6 +2655,7 @@ const radii$2 = {
   calendar: "$100",
   card: "$100",
   checkbox: "$50",
+  dialog: "$150",
   dropdown: "$100",
   input: "$50",
   "list-item": "$50",
@@ -2595,12 +2677,13 @@ const radii$1 = {
   calendar: "$250",
   card: "$250",
   checkbox: "$75",
+  dialog: "$200",
   dropdown: "$250",
   input: "$150",
   "list-item": "$150",
   notification: "$200",
-  "notification-banner": "$round",
-  panel: "$150",
+  "notification-banner": "$200",
+  panel: "$200",
   popover: "$150",
   tag: "$round",
   toolbar: "$200",
@@ -2616,12 +2699,13 @@ const radii = {
   calendar: "$250",
   card: "$250",
   checkbox: "$75",
+  dialog: "$200",
   dropdown: "$250",
   input: "$150",
   "list-item": "$150",
   notification: "$200",
-  "notification-banner": "$round",
-  panel: "$150",
+  "notification-banner": "$200",
+  panel: "$200",
   popover: "$150",
   tag: "$round",
   toolbar: "$200",