@mirohq/design-system-themes-native 1.2.7 → 1.2.9
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/dist/main.js +38 -20
- package/dist/main.js.map +1 -1
- package/dist/module.js +38 -20
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -1
- 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(
|
|
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(
|
|
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)",
|
|
@@ -203,8 +208,8 @@ const colors$1 = {
|
|
|
203
208
|
formatIconSlides: "rgba(219, 79, 79, 1)",
|
|
204
209
|
formatIconTable: "rgba(15, 168, 60, 1)",
|
|
205
210
|
formatIconTimeline: "rgba(15, 168, 60, 1)",
|
|
206
|
-
inputBackgroundAltActive: "rgba(241, 242, 245, 1)",
|
|
207
211
|
inputBackgroundAltDefault: "rgba(241, 242, 245, 1)",
|
|
212
|
+
inputBackgroundAltFocused: "rgba(241, 242, 245, 1)",
|
|
208
213
|
inputBackgroundAltHover: "rgba(241, 242, 245, 1)",
|
|
209
214
|
inputBackgroundDefault: "rgba(255, 255, 255, 1)",
|
|
210
215
|
inputBackgroundDisabled: "rgba(233, 234, 239, 1)",
|
|
@@ -227,7 +232,7 @@ const colors$1 = {
|
|
|
227
232
|
sliderControlBackground: "rgba(255, 255, 255, 1)",
|
|
228
233
|
sliderNotchBackground: "rgba(199, 202, 213, 1)",
|
|
229
234
|
switchBackgroundDefault: "rgba(125, 130, 151, 1)",
|
|
230
|
-
switchBackgroundHover: "rgba(
|
|
235
|
+
switchBackgroundHover: "rgba(174, 178, 192, 1)",
|
|
231
236
|
switchControlBackground: "rgba(255, 255, 255, 1)",
|
|
232
237
|
tooltipBackground: "rgba(26, 27, 30, 1)",
|
|
233
238
|
tooltipBackgroundInset: "rgba(77, 81, 95, 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(
|
|
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(
|
|
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(
|
|
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(
|
|
278
|
-
iconNeutralsSubtle: "rgba(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
629
|
-
backgroundDangerSubtlePressed: "rgba(
|
|
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(
|
|
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
|
-
|
|
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(56, 89, 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(
|
|
771
|
-
buttonBackgroundTertiaryPressed: "rgba(
|
|
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)",
|
|
@@ -802,8 +816,8 @@ const colors = {
|
|
|
802
816
|
formatIconSlides: "rgba(219, 79, 79, 1)",
|
|
803
817
|
formatIconTable: "rgba(15, 168, 60, 1)",
|
|
804
818
|
formatIconTimeline: "rgba(15, 168, 60, 1)",
|
|
805
|
-
inputBackgroundAltActive: "rgba(60, 63, 73, 1)",
|
|
806
819
|
inputBackgroundAltDefault: "rgba(60, 63, 73, 1)",
|
|
820
|
+
inputBackgroundAltFocused: "rgba(60, 63, 73, 1)",
|
|
807
821
|
inputBackgroundAltHover: "rgba(60, 63, 73, 1)",
|
|
808
822
|
inputBackgroundDefault: "rgba(26, 27, 30, 1)",
|
|
809
823
|
inputBackgroundDisabled: "rgba(43, 45, 51, 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(
|
|
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)",
|