@mirohq/design-system-themes 1.4.10 → 1.4.12

package/dist/module.js

@@ -167,6 +167,9 @@ const colors$3 = {
   "button-background-ghost-inverse-hover": "$gray-800",
   "button-background-ghost-inverse-pressed": "$gray-750",
   "button-background-ghost-pressed": "$gray-200",
+  "button-background-info": "$blue-500",
+  "button-background-info-hover": "$blue-550",
+  "button-background-info-pressed": "$blue-600",
   "button-background-inverse": "$blue-500",
   "button-background-inverse-disabled": "$gray-850",
   "button-background-inverse-hover": "$blue-550",
@@ -183,6 +186,9 @@ const colors$3 = {
   "button-background-tertiary": "$transparent",
   "button-background-tertiary-hover": "$blue-150",
   "button-background-tertiary-pressed": "$blue-200",
+  "button-background-warning": "$yellow-700",
+  "button-background-warning-hover": "$yellow-750",
+  "button-background-warning-pressed": "$yellow-800",
   "button-border-danger": "$red-500",
   "button-border-danger-hover": "$red-550",
   "button-border-danger-pressed": "$red-600",
@@ -215,9 +221,21 @@ const colors$3 = {
   "button-text-on-secondary": "$gray-900",
   "button-text-on-tertiary": "$blue-500",
   "chip-background": "$gray-100",
+  "chip-background-default": "$gray-150",
+  "chip-background-default-hover": "$gray-200",
+  "chip-background-default-pressed": "$gray-250",
   "chip-background-disabled": "$gray-100",
   "chip-background-hover": "$gray-150",
+  "chip-background-outline-hover": "$blue-150",
+  "chip-background-outline-pressed": "$blue-200",
+  "chip-border-default": "$gray-150",
+  "chip-border-default-hover": "$gray-200",
+  "chip-border-outline": "$blue-500",
+  "chip-border-outline-hover": "$blue-550",
+  "chip-border-outline-pressed": "$blue-600",
   "chip-text": "$gray-900",
+  "chip-text-on-default": "$gray-900",
+  "chip-text-on-outline": "$blue-500",
   "format-icon-diagram": "$orange-600",
   "format-icon-docs": "$cyan-600",
   "format-icon-external": "$teal-600",
@@ -298,6 +316,7 @@ const colors$3 = {
   "icon-interactive-on-inverted-secondary": "$gray-150",
   "icon-interactive-on-inverted-secondary-hover": "$gray-200",
   "icon-interactive-on-inverted-secondary-pressed": "$gray-250",
+  "icon-interactive-on-inverted-selected": "$blue-400",
   "icon-interactive-primary": "$blue-500",
   "icon-interactive-primary-hover": "$blue-550",
   "icon-interactive-primary-pressed": "$blue-600",
@@ -409,6 +428,7 @@ const colors$3 = {
   "text-inverted-secondary": "$gray-150",
   "text-muted": "$gray-400",
   "text-on-disabled": "$gray-350",
+  "text-on-inverse-disabled": "$gray-450",
   "text-on-static-dark": "$gray-50",
   "text-on-static-dark-subtle": "$gray-300",
   "text-on-static-light": "$gray-900",
@@ -816,6 +836,9 @@ const colors$2 = {
   "button-background-ghost-inverse-hover": "$gray-150",
   "button-background-ghost-inverse-pressed": "$gray-200",
   "button-background-ghost-pressed": "$gray-750",
+  "button-background-info": "$blue-500",
+  "button-background-info-hover": "$blue-550",
+  "button-background-info-pressed": "$blue-600",
   "button-background-inverse": "$blue-500",
   "button-background-inverse-disabled": "$gray-150",
   "button-background-inverse-hover": "$blue-450",
@@ -832,6 +855,9 @@ const colors$2 = {
   "button-background-tertiary": "$transparent",
   "button-background-tertiary-hover": "$blue-900",
   "button-background-tertiary-pressed": "$blue-800",
+  "button-background-warning": "$yellow-700",
+  "button-background-warning-hover": "$yellow-750",
+  "button-background-warning-pressed": "$yellow-800",
   "button-border-danger": "$red-500",
   "button-border-danger-hover": "$red-450",
   "button-border-danger-pressed": "$red-400",
@@ -864,9 +890,21 @@ const colors$2 = {
   "button-text-on-secondary": "$gray-50",
   "button-text-on-tertiary": "$blue-400",
   "chip-background": "$gray-750",
+  "chip-background-default": "$gray-750",
+  "chip-background-default-hover": "$gray-700",
+  "chip-background-default-pressed": "$gray-700",
   "chip-background-disabled": "$gray-750",
   "chip-background-hover": "$gray-700",
+  "chip-background-outline-hover": "$blue-900",
+  "chip-background-outline-pressed": "$blue-800",
+  "chip-border-default": "$gray-750",
+  "chip-border-default-hover": "$gray-700",
+  "chip-border-outline": "$blue-500",
+  "chip-border-outline-hover": "$blue-450",
+  "chip-border-outline-pressed": "$blue-400",
   "chip-text": "$gray-50",
+  "chip-text-on-default": "$gray-50",
+  "chip-text-on-outline": "$blue-400",
   "format-icon-diagram": "$orange-600",
   "format-icon-docs": "$cyan-600",
   "format-icon-external": "$teal-600",
@@ -947,6 +985,7 @@ const colors$2 = {
   "icon-interactive-on-inverted-secondary": "$gray-700",
   "icon-interactive-on-inverted-secondary-hover": "$gray-650",
   "icon-interactive-on-inverted-secondary-pressed": "$gray-600",
+  "icon-interactive-on-inverted-selected": "$blue-550",
   "icon-interactive-primary": "$blue-400",
   "icon-interactive-primary-hover": "$blue-350",
   "icon-interactive-primary-pressed": "$blue-300",
@@ -1058,6 +1097,7 @@ const colors$2 = {
   "text-inverted-secondary": "$gray-700",
   "text-muted": "$gray-400",
   "text-on-disabled": "$gray-450",
+  "text-on-inverse-disabled": "$gray-350",
   "text-on-static-dark": "$gray-50",
   "text-on-static-dark-subtle": "$gray-300",
   "text-on-static-light": "$gray-900",
@@ -1465,6 +1505,9 @@ const colors$1 = {
   "button-background-ghost-inverse-hover": "$cloud-750",
   "button-background-ghost-inverse-pressed": "$cloud-700",
   "button-background-ghost-pressed": "$cloud-200",
+  "button-background-info": "$blue-500",
+  "button-background-info-hover": "$blue-550",
+  "button-background-info-pressed": "$blue-600",
   "button-background-inverse": "$white",
   "button-background-inverse-disabled": "$cloud-650",
   "button-background-inverse-hover": "$cloud-100",
@@ -1481,6 +1524,9 @@ const colors$1 = {
   "button-background-tertiary": "$transparent",
   "button-background-tertiary-hover": "$cloud-150",
   "button-background-tertiary-pressed": "$cloud-200",
+  "button-background-warning": "$yellow-700",
+  "button-background-warning-hover": "$yellow-750",
+  "button-background-warning-pressed": "$yellow-800",
   "button-border-danger": "$red-500",
   "button-border-danger-hover": "$red-550",
   "button-border-danger-pressed": "$red-600",
@@ -1513,9 +1559,21 @@ const colors$1 = {
   "button-text-on-secondary": "$cloud-900",
   "button-text-on-tertiary": "$cloud-900",
   "chip-background": "$cloud-150",
+  "chip-background-default": "$cloud-150",
+  "chip-background-default-hover": "$cloud-200",
+  "chip-background-default-pressed": "$cloud-250",
   "chip-background-disabled": "$cloud-50",
   "chip-background-hover": "$cloud-200",
+  "chip-background-outline-hover": "$cloud-150",
+  "chip-background-outline-pressed": "$cloud-200",
+  "chip-border-default": "$transparent",
+  "chip-border-default-hover": "$transparent",
+  "chip-border-outline": "$cloud-500",
+  "chip-border-outline-hover": "$cloud-550",
+  "chip-border-outline-pressed": "$cloud-600",
   "chip-text": "$cloud-900",
+  "chip-text-on-default": "$cloud-900",
+  "chip-text-on-outline": "$cloud-900",
   "format-icon-diagram": "$orange-600",
   "format-icon-docs": "$cyan-600",
   "format-icon-external": "$teal-600",
@@ -1596,6 +1654,7 @@ const colors$1 = {
   "icon-interactive-on-inverted-secondary": "$cloud-300",
   "icon-interactive-on-inverted-secondary-hover": "$cloud-350",
   "icon-interactive-on-inverted-secondary-pressed": "$cloud-400",
+  "icon-interactive-on-inverted-selected": "$blue-400",
   "icon-interactive-primary": "$blue-500",
   "icon-interactive-primary-hover": "$blue-550",
   "icon-interactive-primary-pressed": "$blue-600",
@@ -1707,6 +1766,7 @@ const colors$1 = {
   "text-inverted-secondary": "$cloud-300",
   "text-muted": "$cloud-500",
   "text-on-disabled": "$cloud-350",
+  "text-on-inverse-disabled": "$cloud-500",
   "text-on-static-dark": "$white",
   "text-on-static-dark-subtle": "$cloud-300",
   "text-on-static-light": "$cloud-900",
@@ -2114,6 +2174,9 @@ const colors = {
   "button-background-ghost-inverse-hover": "$ink-150",
   "button-background-ghost-inverse-pressed": "$ink-200",
   "button-background-ghost-pressed": "$ink-700",
+  "button-background-info": "$blue-500",
+  "button-background-info-hover": "$blue-550",
+  "button-background-info-pressed": "$blue-600",
   "button-background-inverse": "$ink-800",
   "button-background-inverse-disabled": "$ink-150",
   "button-background-inverse-hover": "$ink-900",
@@ -2130,6 +2193,9 @@ const colors = {
   "button-background-tertiary": "$transparent",
   "button-background-tertiary-hover": "$ink-750",
   "button-background-tertiary-pressed": "$ink-700",
+  "button-background-warning": "$yellow-700",
+  "button-background-warning-hover": "$yellow-750",
+  "button-background-warning-pressed": "$yellow-800",
   "button-border-danger": "$red-500",
   "button-border-danger-hover": "$red-450",
   "button-border-danger-pressed": "$red-400",
@@ -2162,9 +2228,21 @@ const colors = {
   "button-text-on-secondary": "$white",
   "button-text-on-tertiary": "$white",
   "chip-background": "$ink-750",
+  "chip-background-default": "$ink-700",
+  "chip-background-default-hover": "$ink-650",
+  "chip-background-default-pressed": "$ink-600",
   "chip-background-disabled": "$ink-650",
   "chip-background-hover": "$ink-700",
+  "chip-background-outline-hover": "$ink-750",
+  "chip-background-outline-pressed": "$ink-700",
+  "chip-border-default": "$transparent",
+  "chip-border-default-hover": "$transparent",
+  "chip-border-outline": "$ink-600",
+  "chip-border-outline-hover": "$ink-550",
+  "chip-border-outline-pressed": "$ink-500",
   "chip-text": "$ink-50",
+  "chip-text-on-default": "$white",
+  "chip-text-on-outline": "$white",
   "format-icon-diagram": "$orange-600",
   "format-icon-docs": "$cyan-600",
   "format-icon-external": "$teal-600",
@@ -2245,6 +2323,7 @@ const colors = {
   "icon-interactive-on-inverted-secondary": "$ink-700",
   "icon-interactive-on-inverted-secondary-hover": "$ink-650",
   "icon-interactive-on-inverted-secondary-pressed": "$ink-600",
+  "icon-interactive-on-inverted-selected": "$blue-550",
   "icon-interactive-primary": "$blue-500",
   "icon-interactive-primary-hover": "$blue-450",
   "icon-interactive-primary-pressed": "$blue-400",
@@ -2356,6 +2435,7 @@ const colors = {
   "text-inverted-secondary": "$ink-700",
   "text-muted": "$ink-400",
   "text-on-disabled": "$ink-500",
+  "text-on-inverse-disabled": "$ink-350",
   "text-on-static-dark": "$white",
   "text-on-static-dark-subtle": "$ink-300",
   "text-on-static-light": "$ink-900",