@mirohq/design-system-themes 1.4.3 → 1.4.5

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.
package/base.css CHANGED
@@ -260,6 +260,9 @@
260
260
  --colors-switch-background-hover: var(--colors-gray-350);
261
261
  --colors-switch-control-background: var(--colors-white);
262
262
  --colors-tab-background-selected: var(--colors-blue-150);
263
+ --colors-toolbar-item-background-hover: var(--colors-gray-100);
264
+ --colors-toolbar-item-background-pressed: var(--colors-gray-150);
265
+ --colors-toolbar-item-background-selected: var(--colors-blue-150);
263
266
  --colors-tooltip-background: var(--colors-gray-950);
264
267
  --colors-tooltip-background-inset: var(--colors-gray-650);
265
268
  --colors-icon-danger: var(--colors-red-500);
package/dark.css CHANGED
@@ -260,6 +260,9 @@
260
260
  --colors-switch-background-hover: var(--colors-gray-650);
261
261
  --colors-switch-control-background: var(--colors-gray-950);
262
262
  --colors-tab-background-selected: var(--colors-blue-700);
263
+ --colors-toolbar-item-background-hover: var(--colors-gray-900);
264
+ --colors-toolbar-item-background-pressed: var(--colors-gray-800);
265
+ --colors-toolbar-item-background-selected: var(--colors-blue-700);
263
266
  --colors-tooltip-background: var(--colors-gray-650);
264
267
  --colors-tooltip-background-inset: var(--colors-gray-650);
265
268
  --colors-icon-danger: var(--colors-red-400);
package/dist/main.js CHANGED
@@ -252,6 +252,9 @@ const colors$3 = {
252
252
  "switch-background-hover": "$gray-350",
253
253
  "switch-control-background": "$white",
254
254
  "tab-background-selected": "$blue-150",
255
+ "toolbar-item-background-hover": "$gray-100",
256
+ "toolbar-item-background-pressed": "$gray-150",
257
+ "toolbar-item-background-selected": "$blue-150",
255
258
  "tooltip-background": "$gray-950",
256
259
  "tooltip-background-inset": "$gray-650",
257
260
  "icon-danger": "$red-500",
@@ -878,6 +881,9 @@ const colors$2 = {
878
881
  "switch-background-hover": "$gray-650",
879
882
  "switch-control-background": "$gray-950",
880
883
  "tab-background-selected": "$blue-700",
884
+ "toolbar-item-background-hover": "$gray-900",
885
+ "toolbar-item-background-pressed": "$gray-800",
886
+ "toolbar-item-background-selected": "$blue-700",
881
887
  "tooltip-background": "$gray-650",
882
888
  "tooltip-background-inset": "$gray-650",
883
889
  "icon-danger": "$red-400",
@@ -1504,6 +1510,9 @@ const colors$1 = {
1504
1510
  "switch-background-hover": "$cloud-450",
1505
1511
  "switch-control-background": "$white",
1506
1512
  "tab-background-selected": "$cloud-150",
1513
+ "toolbar-item-background-hover": "$cloud-100",
1514
+ "toolbar-item-background-pressed": "$cloud-150",
1515
+ "toolbar-item-background-selected": "$cloud-150",
1507
1516
  "tooltip-background": "$cloud-950",
1508
1517
  "tooltip-background-inset": "$cloud-650",
1509
1518
  "icon-danger": "$red-500",
@@ -2130,6 +2139,9 @@ const colors = {
2130
2139
  "switch-background-hover": "$ink-475",
2131
2140
  "switch-control-background": "$ink-700",
2132
2141
  "tab-background-selected": "$ink-700",
2142
+ "toolbar-item-background-hover": "$ink-750",
2143
+ "toolbar-item-background-pressed": "$ink-700",
2144
+ "toolbar-item-background-selected": "$ink-700",
2133
2145
  "tooltip-background": "$ink-650",
2134
2146
  "tooltip-background-inset": "$ink-800",
2135
2147
  "icon-danger": "$red-400",