@mirohq/design-system-themes 1.4.10 → 1.4.11

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 (13) hide show
  1. package/base.css +8 -0
  2. package/base.json +8 -0
  3. package/dark.css +8 -0
  4. package/dist/main.js +32 -0
  5. package/dist/main.js.map +1 -1
  6. package/dist/module.js +32 -0
  7. package/dist/module.js.map +1 -1
  8. package/dist/types.d.ts +1 -1
  9. package/light.css +8 -0
  10. package/metadata.json +24 -0
  11. package/new-dark.css +8 -0
  12. package/new-light.css +8 -0
  13. package/package.json +2 -2
package/dist/module.js CHANGED
@@ -167,6 +167,9 @@ const colors$3 = {
167
167
  "button-background-ghost-inverse-hover": "$gray-800",
168
168
  "button-background-ghost-inverse-pressed": "$gray-750",
169
169
  "button-background-ghost-pressed": "$gray-200",
170
+ "button-background-info": "$blue-500",
171
+ "button-background-info-hover": "$blue-550",
172
+ "button-background-info-pressed": "$blue-600",
170
173
  "button-background-inverse": "$blue-500",
171
174
  "button-background-inverse-disabled": "$gray-850",
172
175
  "button-background-inverse-hover": "$blue-550",
@@ -183,6 +186,9 @@ const colors$3 = {
183
186
  "button-background-tertiary": "$transparent",
184
187
  "button-background-tertiary-hover": "$blue-150",
185
188
  "button-background-tertiary-pressed": "$blue-200",
189
+ "button-background-warning": "$yellow-700",
190
+ "button-background-warning-hover": "$yellow-750",
191
+ "button-background-warning-pressed": "$yellow-800",
186
192
  "button-border-danger": "$red-500",
187
193
  "button-border-danger-hover": "$red-550",
188
194
  "button-border-danger-pressed": "$red-600",
@@ -298,6 +304,7 @@ const colors$3 = {
298
304
  "icon-interactive-on-inverted-secondary": "$gray-150",
299
305
  "icon-interactive-on-inverted-secondary-hover": "$gray-200",
300
306
  "icon-interactive-on-inverted-secondary-pressed": "$gray-250",
307
+ "icon-interactive-on-inverted-selected": "$blue-400",
301
308
  "icon-interactive-primary": "$blue-500",
302
309
  "icon-interactive-primary-hover": "$blue-550",
303
310
  "icon-interactive-primary-pressed": "$blue-600",
@@ -409,6 +416,7 @@ const colors$3 = {
409
416
  "text-inverted-secondary": "$gray-150",
410
417
  "text-muted": "$gray-400",
411
418
  "text-on-disabled": "$gray-350",
419
+ "text-on-inverse-disabled": "$gray-450",
412
420
  "text-on-static-dark": "$gray-50",
413
421
  "text-on-static-dark-subtle": "$gray-300",
414
422
  "text-on-static-light": "$gray-900",
@@ -816,6 +824,9 @@ const colors$2 = {
816
824
  "button-background-ghost-inverse-hover": "$gray-150",
817
825
  "button-background-ghost-inverse-pressed": "$gray-200",
818
826
  "button-background-ghost-pressed": "$gray-750",
827
+ "button-background-info": "$blue-500",
828
+ "button-background-info-hover": "$blue-550",
829
+ "button-background-info-pressed": "$blue-600",
819
830
  "button-background-inverse": "$blue-500",
820
831
  "button-background-inverse-disabled": "$gray-150",
821
832
  "button-background-inverse-hover": "$blue-450",
@@ -832,6 +843,9 @@ const colors$2 = {
832
843
  "button-background-tertiary": "$transparent",
833
844
  "button-background-tertiary-hover": "$blue-900",
834
845
  "button-background-tertiary-pressed": "$blue-800",
846
+ "button-background-warning": "$yellow-700",
847
+ "button-background-warning-hover": "$yellow-750",
848
+ "button-background-warning-pressed": "$yellow-800",
835
849
  "button-border-danger": "$red-500",
836
850
  "button-border-danger-hover": "$red-450",
837
851
  "button-border-danger-pressed": "$red-400",
@@ -947,6 +961,7 @@ const colors$2 = {
947
961
  "icon-interactive-on-inverted-secondary": "$gray-700",
948
962
  "icon-interactive-on-inverted-secondary-hover": "$gray-650",
949
963
  "icon-interactive-on-inverted-secondary-pressed": "$gray-600",
964
+ "icon-interactive-on-inverted-selected": "$blue-550",
950
965
  "icon-interactive-primary": "$blue-400",
951
966
  "icon-interactive-primary-hover": "$blue-350",
952
967
  "icon-interactive-primary-pressed": "$blue-300",
@@ -1058,6 +1073,7 @@ const colors$2 = {
1058
1073
  "text-inverted-secondary": "$gray-700",
1059
1074
  "text-muted": "$gray-400",
1060
1075
  "text-on-disabled": "$gray-450",
1076
+ "text-on-inverse-disabled": "$gray-350",
1061
1077
  "text-on-static-dark": "$gray-50",
1062
1078
  "text-on-static-dark-subtle": "$gray-300",
1063
1079
  "text-on-static-light": "$gray-900",
@@ -1465,6 +1481,9 @@ const colors$1 = {
1465
1481
  "button-background-ghost-inverse-hover": "$cloud-750",
1466
1482
  "button-background-ghost-inverse-pressed": "$cloud-700",
1467
1483
  "button-background-ghost-pressed": "$cloud-200",
1484
+ "button-background-info": "$blue-500",
1485
+ "button-background-info-hover": "$blue-550",
1486
+ "button-background-info-pressed": "$blue-600",
1468
1487
  "button-background-inverse": "$white",
1469
1488
  "button-background-inverse-disabled": "$cloud-650",
1470
1489
  "button-background-inverse-hover": "$cloud-100",
@@ -1481,6 +1500,9 @@ const colors$1 = {
1481
1500
  "button-background-tertiary": "$transparent",
1482
1501
  "button-background-tertiary-hover": "$cloud-150",
1483
1502
  "button-background-tertiary-pressed": "$cloud-200",
1503
+ "button-background-warning": "$yellow-700",
1504
+ "button-background-warning-hover": "$yellow-750",
1505
+ "button-background-warning-pressed": "$yellow-800",
1484
1506
  "button-border-danger": "$red-500",
1485
1507
  "button-border-danger-hover": "$red-550",
1486
1508
  "button-border-danger-pressed": "$red-600",
@@ -1596,6 +1618,7 @@ const colors$1 = {
1596
1618
  "icon-interactive-on-inverted-secondary": "$cloud-300",
1597
1619
  "icon-interactive-on-inverted-secondary-hover": "$cloud-350",
1598
1620
  "icon-interactive-on-inverted-secondary-pressed": "$cloud-400",
1621
+ "icon-interactive-on-inverted-selected": "$blue-400",
1599
1622
  "icon-interactive-primary": "$blue-500",
1600
1623
  "icon-interactive-primary-hover": "$blue-550",
1601
1624
  "icon-interactive-primary-pressed": "$blue-600",
@@ -1707,6 +1730,7 @@ const colors$1 = {
1707
1730
  "text-inverted-secondary": "$cloud-300",
1708
1731
  "text-muted": "$cloud-500",
1709
1732
  "text-on-disabled": "$cloud-350",
1733
+ "text-on-inverse-disabled": "$cloud-500",
1710
1734
  "text-on-static-dark": "$white",
1711
1735
  "text-on-static-dark-subtle": "$cloud-300",
1712
1736
  "text-on-static-light": "$cloud-900",
@@ -2114,6 +2138,9 @@ const colors = {
2114
2138
  "button-background-ghost-inverse-hover": "$ink-150",
2115
2139
  "button-background-ghost-inverse-pressed": "$ink-200",
2116
2140
  "button-background-ghost-pressed": "$ink-700",
2141
+ "button-background-info": "$blue-500",
2142
+ "button-background-info-hover": "$blue-550",
2143
+ "button-background-info-pressed": "$blue-600",
2117
2144
  "button-background-inverse": "$ink-800",
2118
2145
  "button-background-inverse-disabled": "$ink-150",
2119
2146
  "button-background-inverse-hover": "$ink-900",
@@ -2130,6 +2157,9 @@ const colors = {
2130
2157
  "button-background-tertiary": "$transparent",
2131
2158
  "button-background-tertiary-hover": "$ink-750",
2132
2159
  "button-background-tertiary-pressed": "$ink-700",
2160
+ "button-background-warning": "$yellow-700",
2161
+ "button-background-warning-hover": "$yellow-750",
2162
+ "button-background-warning-pressed": "$yellow-800",
2133
2163
  "button-border-danger": "$red-500",
2134
2164
  "button-border-danger-hover": "$red-450",
2135
2165
  "button-border-danger-pressed": "$red-400",
@@ -2245,6 +2275,7 @@ const colors = {
2245
2275
  "icon-interactive-on-inverted-secondary": "$ink-700",
2246
2276
  "icon-interactive-on-inverted-secondary-hover": "$ink-650",
2247
2277
  "icon-interactive-on-inverted-secondary-pressed": "$ink-600",
2278
+ "icon-interactive-on-inverted-selected": "$blue-550",
2248
2279
  "icon-interactive-primary": "$blue-500",
2249
2280
  "icon-interactive-primary-hover": "$blue-450",
2250
2281
  "icon-interactive-primary-pressed": "$blue-400",
@@ -2356,6 +2387,7 @@ const colors = {
2356
2387
  "text-inverted-secondary": "$ink-700",
2357
2388
  "text-muted": "$ink-400",
2358
2389
  "text-on-disabled": "$ink-500",
2390
+ "text-on-inverse-disabled": "$ink-350",
2359
2391
  "text-on-static-dark": "$white",
2360
2392
  "text-on-static-dark-subtle": "$ink-300",
2361
2393
  "text-on-static-light": "$ink-900",