@mirohq/design-system-themes-native 1.2.6 → 1.2.8

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 (6) hide show
  1. package/dist/main.js +36 -18
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +36 -18
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +1 -1
  6. package/package.json +2 -2
package/dist/main.js CHANGED
@@ -14,6 +14,7 @@ const colors$1 = {
14
14
  backgroundInvertedSecondary: "rgba(52, 54, 62, 1)",
15
15
  backgroundLayout: "rgba(255, 255, 255, 1)",
16
16
  backgroundOverlay: "rgba(0, 0, 0, 0.4)",
17
+ backgroundSpace: "rgba(250, 250, 252, 1)",
17
18
  backgroundStaticDark: "rgba(43, 45, 51, 1)",
18
19
  backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
19
20
  backgroundStaticLight: "rgba(255, 255, 255, 1)",
@@ -47,7 +48,7 @@ const colors$1 = {
47
48
  backgroundNeutralsDisabled: "rgba(233, 234, 239, 1)",
48
49
  backgroundNeutralsHover: "rgba(241, 242, 245, 1)",
49
50
  backgroundNeutralsInactive: "rgba(125, 130, 151, 1)",
50
- backgroundNeutralsInactiveHover: "rgba(101, 107, 129, 1)",
51
+ backgroundNeutralsInactiveHover: "rgba(100, 107, 129, 1)",
51
52
  backgroundNeutralsInverted: "rgba(26, 27, 30, 1)",
52
53
  backgroundNeutralsInvertedSubtle: "rgba(52, 54, 62, 1)",
53
54
  backgroundNeutralsLayout: "rgba(255, 255, 255, 1)",
@@ -91,6 +92,7 @@ const colors$1 = {
91
92
  borderOptionHover: "rgba(49, 76, 217, 1)",
92
93
  borderStaticDark: "rgba(125, 130, 151, 1)",
93
94
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
95
+ borderStaticLight: "rgba(255, 255, 255, 1)",
94
96
  borderStrong: "rgba(149, 154, 172, 1)",
95
97
  borderSubtle: "rgba(233, 234, 239, 1)",
96
98
  borderTransparent: "rgba(255, 255, 255, 0)",
@@ -133,7 +135,7 @@ const colors$1 = {
133
135
  borderNeutralsText: "rgba(34, 36, 40, 1)",
134
136
  borderNeutralsTextActive: "rgba(26, 27, 30, 1)",
135
137
  borderNeutralsTextHover: "rgba(26, 27, 30, 1)",
136
- borderNeutralsTextSubtle: "rgba(101, 107, 129, 1)",
138
+ borderNeutralsTextSubtle: "rgba(100, 107, 129, 1)",
137
139
  borderNeutralsTextSubtleActive: "rgba(85, 90, 106, 1)",
138
140
  borderNeutralsTextSubtleHover: "rgba(93, 99, 118, 1)",
139
141
  borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
@@ -155,6 +157,8 @@ const colors$1 = {
155
157
  borderSuccessSubtle: "rgba(186, 222, 177, 1)",
156
158
  borderWarning: "rgba(255, 208, 47, 1)",
157
159
  borderWarningSubtle: "rgba(255, 235, 163, 1)",
160
+ badgeBorder: "rgba(255, 255, 255, 1)",
161
+ badgeBorderInverted: "rgba(56, 89, 255, 1)",
158
162
  buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
159
163
  buttonBackgroundDangerHover: "rgba(185, 24, 41, 1)",
160
164
  buttonBackgroundDangerPressed: "rgba(156, 24, 37, 1)",
@@ -193,6 +197,7 @@ const colors$1 = {
193
197
  buttonTextOnSecondary: "rgba(34, 36, 40, 1)",
194
198
  buttonTextOnTertiary: "rgba(56, 89, 255, 1)",
195
199
  chipBackground: "rgba(241, 242, 245, 1)",
200
+ chipBackgroundDisabled: "rgba(241, 242, 245, 1)",
196
201
  chipBackgroundHover: "rgba(233, 234, 239, 1)",
197
202
  chipText: "rgba(34, 36, 40, 1)",
198
203
  formatIconDiagram: "rgba(218, 121, 43, 1)",
@@ -226,7 +231,7 @@ const colors$1 = {
226
231
  sliderBackground: "rgba(199, 202, 213, 1)",
227
232
  sliderControlBackground: "rgba(255, 255, 255, 1)",
228
233
  sliderNotchBackground: "rgba(199, 202, 213, 1)",
229
- switchBackgroundDefault: "rgba(199, 202, 213, 1)",
234
+ switchBackgroundDefault: "rgba(125, 130, 151, 1)",
230
235
  switchBackgroundHover: "rgba(174, 178, 192, 1)",
231
236
  switchControlBackground: "rgba(255, 255, 255, 1)",
232
237
  tooltipBackground: "rgba(26, 27, 30, 1)",
@@ -244,8 +249,10 @@ const colors$1 = {
244
249
  iconOnDisabled: "rgba(174, 178, 192, 1)",
245
250
  iconOnStaticDark: "rgba(250, 250, 252, 1)",
246
251
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
252
+ iconOnStaticLight: "rgba(34, 36, 40, 1)",
253
+ iconOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
247
254
  iconPlaceholder: "rgba(111, 116, 137, 1)",
248
- iconSecondary: "rgba(101, 107, 129, 1)",
255
+ iconSecondary: "rgba(100, 107, 129, 1)",
249
256
  iconInteractiveOnInverted: "rgba(255, 255, 255, 1)",
250
257
  iconInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
251
258
  iconInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
@@ -255,7 +262,7 @@ const colors$1 = {
255
262
  iconInteractivePrimary: "rgba(56, 89, 255, 1)",
256
263
  iconInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
257
264
  iconInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
258
- iconInteractiveSecondary: "rgba(101, 107, 129, 1)",
265
+ iconInteractiveSecondary: "rgba(100, 107, 129, 1)",
259
266
  iconInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
260
267
  iconInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
261
268
  iconInteractiveSelected: "rgba(49, 76, 217, 1)",
@@ -267,15 +274,15 @@ const colors$1 = {
267
274
  iconNeutralsDisabled: "rgba(174, 178, 192, 1)",
268
275
  iconNeutralsHover: "rgba(26, 27, 30, 1)",
269
276
  iconNeutralsInactive: "rgba(125, 130, 151, 1)",
270
- iconNeutralsInactiveHover: "rgba(101, 107, 129, 1)",
277
+ iconNeutralsInactiveHover: "rgba(100, 107, 129, 1)",
271
278
  iconNeutralsInverted: "rgba(255, 255, 255, 1)",
272
279
  iconNeutralsInvertedHover: "rgba(250, 250, 252, 1)",
273
280
  iconNeutralsInvertedSubtle: "rgba(241, 242, 245, 1)",
274
281
  iconNeutralsInvertedSubtleHover: "rgba(233, 234, 239, 1)",
275
282
  iconNeutralsPlaceholder: "rgba(174, 178, 192, 1)",
276
283
  iconNeutralsPressed: "rgba(26, 27, 30, 1)",
277
- iconNeutralsSearch: "rgba(101, 107, 129, 1)",
278
- iconNeutralsSubtle: "rgba(101, 107, 129, 1)",
284
+ iconNeutralsSearch: "rgba(100, 107, 129, 1)",
285
+ iconNeutralsSubtle: "rgba(100, 107, 129, 1)",
279
286
  iconNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
280
287
  iconNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
281
288
  iconNeutralsText: "rgba(69, 72, 84, 1)",
@@ -315,7 +322,7 @@ const colors$1 = {
315
322
  textInteractivePrimary: "rgba(56, 89, 255, 1)",
316
323
  textInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
317
324
  textInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
318
- textInteractiveSecondary: "rgba(101, 107, 129, 1)",
325
+ textInteractiveSecondary: "rgba(100, 107, 129, 1)",
319
326
  textInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
320
327
  textInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
321
328
  textInteractiveSelected: "rgba(49, 76, 217, 1)",
@@ -334,7 +341,7 @@ const colors$1 = {
334
341
  textNeutralsPlaceholder: "rgba(111, 116, 137, 1)",
335
342
  textNeutralsPlaceholderOnly: "rgba(174, 178, 192, 1)",
336
343
  textNeutralsPressed: "rgba(26, 27, 30, 1)",
337
- textNeutralsSubtle: "rgba(101, 107, 129, 1)",
344
+ textNeutralsSubtle: "rgba(100, 107, 129, 1)",
338
345
  textNeutralsSubtleActive: "rgba(69, 72, 84, 1)",
339
346
  textNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
340
347
  textNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
@@ -365,8 +372,10 @@ const colors$1 = {
365
372
  textOnDisabled: "rgba(174, 178, 192, 1)",
366
373
  textOnStaticDark: "rgba(250, 250, 252, 1)",
367
374
  textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
375
+ textOnStaticLight: "rgba(34, 36, 40, 1)",
376
+ textOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
368
377
  textPlaceholder: "rgba(111, 116, 137, 1)",
369
- textSecondary: "rgba(101, 107, 129, 1)",
378
+ textSecondary: "rgba(100, 107, 129, 1)",
370
379
  textWarning: "rgba(69, 57, 17, 1)",
371
380
  textWarningSubtle: "rgba(179, 146, 35, 1)",
372
381
  coalBackground: "rgba(176, 176, 176, 1)",
@@ -613,6 +622,7 @@ const colors = {
613
622
  backgroundInvertedSecondary: "rgba(233, 234, 239, 1)",
614
623
  backgroundLayout: "rgba(43, 45, 51, 1)",
615
624
  backgroundOverlay: "rgba(0, 0, 0, 0.4)",
625
+ backgroundSpace: "rgba(26, 27, 30, 1)",
616
626
  backgroundStaticDark: "rgba(43, 45, 51, 1)",
617
627
  backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
618
628
  backgroundStaticLight: "rgba(255, 255, 255, 1)",
@@ -625,8 +635,8 @@ const colors = {
625
635
  backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
626
636
  backgroundDangerSubtle: "rgba(47, 23, 25, 1)",
627
637
  backgroundDangerSubtleActive: "rgba(47, 23, 25, 1)",
628
- backgroundDangerSubtleHover: "rgba(70, 23, 28, 1)",
629
- backgroundDangerSubtlePressed: "rgba(87, 23, 30, 1)",
638
+ backgroundDangerSubtleHover: "rgba(47, 23, 25, 1)",
639
+ backgroundDangerSubtlePressed: "rgba(70, 23, 28, 1)",
630
640
  backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
631
641
  backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
632
642
  backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
@@ -645,7 +655,7 @@ const colors = {
645
655
  backgroundNeutralsControlPressed: "rgba(85, 90, 106, 1)",
646
656
  backgroundNeutralsDisabled: "rgba(43, 45, 51, 1)",
647
657
  backgroundNeutralsHover: "rgba(34, 36, 40, 1)",
648
- backgroundNeutralsInactive: "rgba(101, 107, 129, 1)",
658
+ backgroundNeutralsInactive: "rgba(100, 107, 129, 1)",
649
659
  backgroundNeutralsInactiveHover: "rgba(85, 90, 106, 1)",
650
660
  backgroundNeutralsInverted: "rgba(255, 255, 255, 1)",
651
661
  backgroundNeutralsInvertedSubtle: "rgba(233, 234, 239, 1)",
@@ -690,7 +700,8 @@ const colors = {
690
700
  borderOptionHover: "rgba(91, 118, 254, 1)",
691
701
  borderStaticDark: "rgba(125, 130, 151, 1)",
692
702
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
693
- borderStrong: "rgba(101, 107, 129, 1)",
703
+ borderStaticLight: "rgba(255, 255, 255, 1)",
704
+ borderStrong: "rgba(100, 107, 129, 1)",
694
705
  borderSubtle: "rgba(52, 54, 62, 1)",
695
706
  borderTransparent: "rgba(255, 255, 255, 0)",
696
707
  borderDanger: "rgba(229, 102, 115, 1)",
@@ -754,6 +765,8 @@ const colors = {
754
765
  borderSuccessSubtle: "rgba(21, 75, 8, 1)",
755
766
  borderWarning: "rgba(255, 208, 47, 1)",
756
767
  borderWarningSubtle: "rgba(116, 96, 25, 1)",
768
+ badgeBorder: "rgba(43, 45, 51, 1)",
769
+ badgeBorderInverted: "rgba(255, 255, 255, 1)",
757
770
  buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
758
771
  buttonBackgroundDangerHover: "rgba(223, 64, 81, 1)",
759
772
  buttonBackgroundDangerPressed: "rgba(223, 64, 81, 1)",
@@ -767,8 +780,8 @@ const colors = {
767
780
  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
768
781
  buttonBackgroundSecondaryPressed: "rgba(69, 72, 84, 1)",
769
782
  buttonBackgroundTertiary: "rgba(255, 255, 255, 0)",
770
- buttonBackgroundTertiaryHover: "rgba(36, 55, 151, 1)",
771
- buttonBackgroundTertiaryPressed: "rgba(42, 65, 182, 1)",
783
+ buttonBackgroundTertiaryHover: "rgba(16, 22, 51, 1)",
784
+ buttonBackgroundTertiaryPressed: "rgba(21, 31, 78, 1)",
772
785
  buttonBorderDanger: "rgba(216, 24, 44, 1)",
773
786
  buttonBorderDangerHover: "rgba(223, 64, 81, 1)",
774
787
  buttonBorderDangerPressed: "rgba(229, 102, 115, 1)",
@@ -792,6 +805,7 @@ const colors = {
792
805
  buttonTextOnSecondary: "rgba(250, 250, 252, 1)",
793
806
  buttonTextOnTertiary: "rgba(122, 144, 254, 1)",
794
807
  chipBackground: "rgba(60, 63, 73, 1)",
808
+ chipBackgroundDisabled: "rgba(60, 63, 73, 1)",
795
809
  chipBackgroundHover: "rgba(69, 72, 84, 1)",
796
810
  chipText: "rgba(250, 250, 252, 1)",
797
811
  formatIconDiagram: "rgba(218, 121, 43, 1)",
@@ -815,7 +829,7 @@ const colors = {
815
829
  inputBorderFocused: "rgba(151, 168, 254, 1)",
816
830
  inputBorderHover: "rgba(151, 168, 254, 1)",
817
831
  inputBorderSuccess: "rgba(101, 180, 82, 1)",
818
- notificationBackground: "rgba(233, 234, 239, 1)",
832
+ notificationBackground: "rgba(250, 250, 252, 1)",
819
833
  notificationBorder: "rgba(125, 130, 151, 1)",
820
834
  notificationBorderSubtle: "rgba(199, 202, 213, 1)",
821
835
  popoverBackground: "rgba(52, 54, 62, 1)",
@@ -843,6 +857,8 @@ const colors = {
843
857
  iconOnDisabled: "rgba(125, 130, 151, 1)",
844
858
  iconOnStaticDark: "rgba(250, 250, 252, 1)",
845
859
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
860
+ iconOnStaticLight: "rgba(34, 36, 40, 1)",
861
+ iconOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
846
862
  iconPlaceholder: "rgba(125, 130, 151, 1)",
847
863
  iconSecondary: "rgba(199, 202, 213, 1)",
848
864
  iconInteractiveOnInverted: "rgba(34, 36, 40, 1)",
@@ -964,6 +980,8 @@ const colors = {
964
980
  textOnDisabled: "rgba(125, 130, 151, 1)",
965
981
  textOnStaticDark: "rgba(250, 250, 252, 1)",
966
982
  textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
983
+ textOnStaticLight: "rgba(34, 36, 40, 1)",
984
+ textOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
967
985
  textPlaceholder: "rgba(125, 130, 151, 1)",
968
986
  textSecondary: "rgba(199, 202, 213, 1)",
969
987
  textWarning: "rgba(255, 244, 203, 1)",