@mirohq/design-system-themes 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/base.css +4 -3
  2. package/dark.css +2 -1
  3. package/dist/main.js +10 -6
  4. package/dist/main.js.map +1 -1
  5. package/dist/module.js +10 -6
  6. package/dist/module.js.map +1 -1
  7. package/dist/types.d.ts +1 -1
  8. package/light.css +4 -3
  9. package/metadata.json +6 -3
  10. package/new-dark.css +2 -1
  11. package/new-light.css +2 -1
  12. package/package.json +2 -2
package/dist/module.js CHANGED
@@ -32,6 +32,7 @@ const colors$3 = {
32
32
  "background-interactive-primary": "$blue-500",
33
33
  "background-interactive-primary-hover": "$blue-550",
34
34
  "background-interactive-primary-pressed": "$blue-600",
35
+ "background-interactive-secondary-selected": "$blue-150",
35
36
  "background-interactive-selected": "$blue-500",
36
37
  "background-interactive-surface-hover": "$gray-100",
37
38
  "background-interactive-surface-secondary-hover": "$gray-150",
@@ -200,12 +201,12 @@ const colors$3 = {
200
201
  "format-icon-slides": "$coral-600",
201
202
  "format-icon-table": "$moss-600",
202
203
  "format-icon-timeline": "$moss-600",
203
- "input-background-active": "$white",
204
204
  "input-background-alt-active": "$gray-100",
205
205
  "input-background-alt-default": "$gray-100",
206
206
  "input-background-alt-hover": "$gray-100",
207
207
  "input-background-default": "$white",
208
208
  "input-background-disabled": "$gray-150",
209
+ "input-background-focused": "$white",
209
210
  "input-background-hover": "$white",
210
211
  "input-border-default": "$gray-200",
211
212
  "input-border-disabled": "$transparent",
@@ -223,8 +224,8 @@ const colors$3 = {
223
224
  "slider-background": "$gray-300",
224
225
  "slider-control-background": "$white",
225
226
  "slider-notch-background": "$gray-300",
226
- "switch-background-default": "$gray-300",
227
- "switch-background-hover": "$gray-350",
227
+ "switch-background-default": "$gray-450",
228
+ "switch-background-hover": "$gray-500",
228
229
  "switch-control-background": "$white",
229
230
  "tooltip-background": "$gray-950",
230
231
  "tooltip-background-inset": "$gray-650",
@@ -630,6 +631,7 @@ const colors$2 = {
630
631
  "background-interactive-primary": "$blue-500",
631
632
  "background-interactive-primary-hover": "$blue-450",
632
633
  "background-interactive-primary-pressed": "$blue-400",
634
+ "background-interactive-secondary-selected": "$blue-700",
633
635
  "background-interactive-selected": "$blue-500",
634
636
  "background-interactive-surface-hover": "$gray-900",
635
637
  "background-interactive-surface-secondary-hover": "$gray-700",
@@ -798,12 +800,12 @@ const colors$2 = {
798
800
  "format-icon-slides": "$coral-600",
799
801
  "format-icon-table": "$moss-600",
800
802
  "format-icon-timeline": "$moss-600",
801
- "input-background-active": "$gray-950",
802
803
  "input-background-alt-active": "$gray-750",
803
804
  "input-background-alt-default": "$gray-750",
804
805
  "input-background-alt-hover": "$gray-750",
805
806
  "input-background-default": "$gray-950",
806
807
  "input-background-disabled": "$gray-850",
808
+ "input-background-focused": "$gray-950",
807
809
  "input-background-hover": "$gray-950",
808
810
  "input-border-default": "$gray-650",
809
811
  "input-border-disabled": "$transparent",
@@ -1228,6 +1230,7 @@ const colors$1 = {
1228
1230
  "background-interactive-primary": "$blue-500",
1229
1231
  "background-interactive-primary-hover": "$blue-550",
1230
1232
  "background-interactive-primary-pressed": "$blue-600",
1233
+ "background-interactive-secondary-selected": "$blue-150",
1231
1234
  "background-interactive-selected": "$blue-500",
1232
1235
  "background-interactive-surface-hover": "$cloud-100",
1233
1236
  "background-interactive-surface-secondary-hover": "$cloud-150",
@@ -1396,12 +1399,12 @@ const colors$1 = {
1396
1399
  "format-icon-slides": "$coral-600",
1397
1400
  "format-icon-table": "$moss-600",
1398
1401
  "format-icon-timeline": "$moss-600",
1399
- "input-background-active": "$cloud-100",
1400
1402
  "input-background-alt-active": "$cloud-100",
1401
1403
  "input-background-alt-default": "$cloud-100",
1402
1404
  "input-background-alt-hover": "$cloud-100",
1403
1405
  "input-background-default": "$cloud-100",
1404
1406
  "input-background-disabled": "$cloud-150",
1407
+ "input-background-focused": "$cloud-100",
1405
1408
  "input-background-hover": "$cloud-100",
1406
1409
  "input-border-default": "$transparent",
1407
1410
  "input-border-disabled": "$transparent",
@@ -1826,6 +1829,7 @@ const colors = {
1826
1829
  "background-interactive-primary": "$blue-500",
1827
1830
  "background-interactive-primary-hover": "$blue-450",
1828
1831
  "background-interactive-primary-pressed": "$blue-400",
1832
+ "background-interactive-secondary-selected": "$blue-700",
1829
1833
  "background-interactive-selected": "$blue-500",
1830
1834
  "background-interactive-surface-hover": "$cloud-850",
1831
1835
  "background-interactive-surface-secondary-hover": "$cloud-700",
@@ -1994,12 +1998,12 @@ const colors = {
1994
1998
  "format-icon-slides": "$coral-600",
1995
1999
  "format-icon-table": "$moss-600",
1996
2000
  "format-icon-timeline": "$moss-600",
1997
- "input-background-active": "$cloud-850",
1998
2001
  "input-background-alt-active": "$cloud-950",
1999
2002
  "input-background-alt-default": "$cloud-950",
2000
2003
  "input-background-alt-hover": "$cloud-950",
2001
2004
  "input-background-default": "$cloud-850",
2002
2005
  "input-background-disabled": "$cloud-850",
2006
+ "input-background-focused": "$cloud-850",
2003
2007
  "input-background-hover": "$cloud-850",
2004
2008
  "input-border-default": "$transparent",
2005
2009
  "input-border-disabled": "$transparent",