@mirohq/design-system-themes-native 1.2.7 → 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/module.js CHANGED
@@ -12,6 +12,7 @@ const colors$1 = {
12
12
  backgroundInvertedSecondary: "rgba(52, 54, 62, 1)",
13
13
  backgroundLayout: "rgba(255, 255, 255, 1)",
14
14
  backgroundOverlay: "rgba(0, 0, 0, 0.4)",
15
+ backgroundSpace: "rgba(250, 250, 252, 1)",
15
16
  backgroundStaticDark: "rgba(43, 45, 51, 1)",
16
17
  backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
17
18
  backgroundStaticLight: "rgba(255, 255, 255, 1)",
@@ -45,7 +46,7 @@ const colors$1 = {
45
46
  backgroundNeutralsDisabled: "rgba(233, 234, 239, 1)",
46
47
  backgroundNeutralsHover: "rgba(241, 242, 245, 1)",
47
48
  backgroundNeutralsInactive: "rgba(125, 130, 151, 1)",
48
- backgroundNeutralsInactiveHover: "rgba(101, 107, 129, 1)",
49
+ backgroundNeutralsInactiveHover: "rgba(100, 107, 129, 1)",
49
50
  backgroundNeutralsInverted: "rgba(26, 27, 30, 1)",
50
51
  backgroundNeutralsInvertedSubtle: "rgba(52, 54, 62, 1)",
51
52
  backgroundNeutralsLayout: "rgba(255, 255, 255, 1)",
@@ -89,6 +90,7 @@ const colors$1 = {
89
90
  borderOptionHover: "rgba(49, 76, 217, 1)",
90
91
  borderStaticDark: "rgba(125, 130, 151, 1)",
91
92
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
93
+ borderStaticLight: "rgba(255, 255, 255, 1)",
92
94
  borderStrong: "rgba(149, 154, 172, 1)",
93
95
  borderSubtle: "rgba(233, 234, 239, 1)",
94
96
  borderTransparent: "rgba(255, 255, 255, 0)",
@@ -131,7 +133,7 @@ const colors$1 = {
131
133
  borderNeutralsText: "rgba(34, 36, 40, 1)",
132
134
  borderNeutralsTextActive: "rgba(26, 27, 30, 1)",
133
135
  borderNeutralsTextHover: "rgba(26, 27, 30, 1)",
134
- borderNeutralsTextSubtle: "rgba(101, 107, 129, 1)",
136
+ borderNeutralsTextSubtle: "rgba(100, 107, 129, 1)",
135
137
  borderNeutralsTextSubtleActive: "rgba(85, 90, 106, 1)",
136
138
  borderNeutralsTextSubtleHover: "rgba(93, 99, 118, 1)",
137
139
  borderNeutralsTransparent: "rgba(255, 255, 255, 0)",
@@ -153,6 +155,8 @@ const colors$1 = {
153
155
  borderSuccessSubtle: "rgba(186, 222, 177, 1)",
154
156
  borderWarning: "rgba(255, 208, 47, 1)",
155
157
  borderWarningSubtle: "rgba(255, 235, 163, 1)",
158
+ badgeBorder: "rgba(255, 255, 255, 1)",
159
+ badgeBorderInverted: "rgba(56, 89, 255, 1)",
156
160
  buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
157
161
  buttonBackgroundDangerHover: "rgba(185, 24, 41, 1)",
158
162
  buttonBackgroundDangerPressed: "rgba(156, 24, 37, 1)",
@@ -191,6 +195,7 @@ const colors$1 = {
191
195
  buttonTextOnSecondary: "rgba(34, 36, 40, 1)",
192
196
  buttonTextOnTertiary: "rgba(56, 89, 255, 1)",
193
197
  chipBackground: "rgba(241, 242, 245, 1)",
198
+ chipBackgroundDisabled: "rgba(241, 242, 245, 1)",
194
199
  chipBackgroundHover: "rgba(233, 234, 239, 1)",
195
200
  chipText: "rgba(34, 36, 40, 1)",
196
201
  formatIconDiagram: "rgba(218, 121, 43, 1)",
@@ -225,7 +230,7 @@ const colors$1 = {
225
230
  sliderControlBackground: "rgba(255, 255, 255, 1)",
226
231
  sliderNotchBackground: "rgba(199, 202, 213, 1)",
227
232
  switchBackgroundDefault: "rgba(125, 130, 151, 1)",
228
- switchBackgroundHover: "rgba(101, 107, 129, 1)",
233
+ switchBackgroundHover: "rgba(174, 178, 192, 1)",
229
234
  switchControlBackground: "rgba(255, 255, 255, 1)",
230
235
  tooltipBackground: "rgba(26, 27, 30, 1)",
231
236
  tooltipBackgroundInset: "rgba(77, 81, 95, 1)",
@@ -242,8 +247,10 @@ const colors$1 = {
242
247
  iconOnDisabled: "rgba(174, 178, 192, 1)",
243
248
  iconOnStaticDark: "rgba(250, 250, 252, 1)",
244
249
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
250
+ iconOnStaticLight: "rgba(34, 36, 40, 1)",
251
+ iconOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
245
252
  iconPlaceholder: "rgba(111, 116, 137, 1)",
246
- iconSecondary: "rgba(101, 107, 129, 1)",
253
+ iconSecondary: "rgba(100, 107, 129, 1)",
247
254
  iconInteractiveOnInverted: "rgba(255, 255, 255, 1)",
248
255
  iconInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
249
256
  iconInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
@@ -253,7 +260,7 @@ const colors$1 = {
253
260
  iconInteractivePrimary: "rgba(56, 89, 255, 1)",
254
261
  iconInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
255
262
  iconInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
256
- iconInteractiveSecondary: "rgba(101, 107, 129, 1)",
263
+ iconInteractiveSecondary: "rgba(100, 107, 129, 1)",
257
264
  iconInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
258
265
  iconInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
259
266
  iconInteractiveSelected: "rgba(49, 76, 217, 1)",
@@ -265,15 +272,15 @@ const colors$1 = {
265
272
  iconNeutralsDisabled: "rgba(174, 178, 192, 1)",
266
273
  iconNeutralsHover: "rgba(26, 27, 30, 1)",
267
274
  iconNeutralsInactive: "rgba(125, 130, 151, 1)",
268
- iconNeutralsInactiveHover: "rgba(101, 107, 129, 1)",
275
+ iconNeutralsInactiveHover: "rgba(100, 107, 129, 1)",
269
276
  iconNeutralsInverted: "rgba(255, 255, 255, 1)",
270
277
  iconNeutralsInvertedHover: "rgba(250, 250, 252, 1)",
271
278
  iconNeutralsInvertedSubtle: "rgba(241, 242, 245, 1)",
272
279
  iconNeutralsInvertedSubtleHover: "rgba(233, 234, 239, 1)",
273
280
  iconNeutralsPlaceholder: "rgba(174, 178, 192, 1)",
274
281
  iconNeutralsPressed: "rgba(26, 27, 30, 1)",
275
- iconNeutralsSearch: "rgba(101, 107, 129, 1)",
276
- iconNeutralsSubtle: "rgba(101, 107, 129, 1)",
282
+ iconNeutralsSearch: "rgba(100, 107, 129, 1)",
283
+ iconNeutralsSubtle: "rgba(100, 107, 129, 1)",
277
284
  iconNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
278
285
  iconNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
279
286
  iconNeutralsText: "rgba(69, 72, 84, 1)",
@@ -313,7 +320,7 @@ const colors$1 = {
313
320
  textInteractivePrimary: "rgba(56, 89, 255, 1)",
314
321
  textInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
315
322
  textInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
316
- textInteractiveSecondary: "rgba(101, 107, 129, 1)",
323
+ textInteractiveSecondary: "rgba(100, 107, 129, 1)",
317
324
  textInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
318
325
  textInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
319
326
  textInteractiveSelected: "rgba(49, 76, 217, 1)",
@@ -332,7 +339,7 @@ const colors$1 = {
332
339
  textNeutralsPlaceholder: "rgba(111, 116, 137, 1)",
333
340
  textNeutralsPlaceholderOnly: "rgba(174, 178, 192, 1)",
334
341
  textNeutralsPressed: "rgba(26, 27, 30, 1)",
335
- textNeutralsSubtle: "rgba(101, 107, 129, 1)",
342
+ textNeutralsSubtle: "rgba(100, 107, 129, 1)",
336
343
  textNeutralsSubtleActive: "rgba(69, 72, 84, 1)",
337
344
  textNeutralsSubtleHover: "rgba(93, 99, 118, 1)",
338
345
  textNeutralsSubtlePressed: "rgba(85, 90, 106, 1)",
@@ -363,8 +370,10 @@ const colors$1 = {
363
370
  textOnDisabled: "rgba(174, 178, 192, 1)",
364
371
  textOnStaticDark: "rgba(250, 250, 252, 1)",
365
372
  textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
373
+ textOnStaticLight: "rgba(34, 36, 40, 1)",
374
+ textOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
366
375
  textPlaceholder: "rgba(111, 116, 137, 1)",
367
- textSecondary: "rgba(101, 107, 129, 1)",
376
+ textSecondary: "rgba(100, 107, 129, 1)",
368
377
  textWarning: "rgba(69, 57, 17, 1)",
369
378
  textWarningSubtle: "rgba(179, 146, 35, 1)",
370
379
  coalBackground: "rgba(176, 176, 176, 1)",
@@ -611,6 +620,7 @@ const colors = {
611
620
  backgroundInvertedSecondary: "rgba(233, 234, 239, 1)",
612
621
  backgroundLayout: "rgba(43, 45, 51, 1)",
613
622
  backgroundOverlay: "rgba(0, 0, 0, 0.4)",
623
+ backgroundSpace: "rgba(26, 27, 30, 1)",
614
624
  backgroundStaticDark: "rgba(43, 45, 51, 1)",
615
625
  backgroundStaticDarkSubtle: "rgba(60, 63, 73, 1)",
616
626
  backgroundStaticLight: "rgba(255, 255, 255, 1)",
@@ -623,8 +633,8 @@ const colors = {
623
633
  backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
624
634
  backgroundDangerSubtle: "rgba(47, 23, 25, 1)",
625
635
  backgroundDangerSubtleActive: "rgba(47, 23, 25, 1)",
626
- backgroundDangerSubtleHover: "rgba(70, 23, 28, 1)",
627
- backgroundDangerSubtlePressed: "rgba(87, 23, 30, 1)",
636
+ backgroundDangerSubtleHover: "rgba(47, 23, 25, 1)",
637
+ backgroundDangerSubtlePressed: "rgba(70, 23, 28, 1)",
628
638
  backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
629
639
  backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
630
640
  backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
@@ -643,7 +653,7 @@ const colors = {
643
653
  backgroundNeutralsControlPressed: "rgba(85, 90, 106, 1)",
644
654
  backgroundNeutralsDisabled: "rgba(43, 45, 51, 1)",
645
655
  backgroundNeutralsHover: "rgba(34, 36, 40, 1)",
646
- backgroundNeutralsInactive: "rgba(101, 107, 129, 1)",
656
+ backgroundNeutralsInactive: "rgba(100, 107, 129, 1)",
647
657
  backgroundNeutralsInactiveHover: "rgba(85, 90, 106, 1)",
648
658
  backgroundNeutralsInverted: "rgba(255, 255, 255, 1)",
649
659
  backgroundNeutralsInvertedSubtle: "rgba(233, 234, 239, 1)",
@@ -688,7 +698,8 @@ const colors = {
688
698
  borderOptionHover: "rgba(91, 118, 254, 1)",
689
699
  borderStaticDark: "rgba(125, 130, 151, 1)",
690
700
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
691
- borderStrong: "rgba(101, 107, 129, 1)",
701
+ borderStaticLight: "rgba(255, 255, 255, 1)",
702
+ borderStrong: "rgba(100, 107, 129, 1)",
692
703
  borderSubtle: "rgba(52, 54, 62, 1)",
693
704
  borderTransparent: "rgba(255, 255, 255, 0)",
694
705
  borderDanger: "rgba(229, 102, 115, 1)",
@@ -752,6 +763,8 @@ const colors = {
752
763
  borderSuccessSubtle: "rgba(21, 75, 8, 1)",
753
764
  borderWarning: "rgba(255, 208, 47, 1)",
754
765
  borderWarningSubtle: "rgba(116, 96, 25, 1)",
766
+ badgeBorder: "rgba(43, 45, 51, 1)",
767
+ badgeBorderInverted: "rgba(255, 255, 255, 1)",
755
768
  buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
756
769
  buttonBackgroundDangerHover: "rgba(223, 64, 81, 1)",
757
770
  buttonBackgroundDangerPressed: "rgba(223, 64, 81, 1)",
@@ -765,8 +778,8 @@ const colors = {
765
778
  buttonBackgroundSecondaryHover: "rgba(69, 72, 84, 1)",
766
779
  buttonBackgroundSecondaryPressed: "rgba(69, 72, 84, 1)",
767
780
  buttonBackgroundTertiary: "rgba(255, 255, 255, 0)",
768
- buttonBackgroundTertiaryHover: "rgba(36, 55, 151, 1)",
769
- buttonBackgroundTertiaryPressed: "rgba(42, 65, 182, 1)",
781
+ buttonBackgroundTertiaryHover: "rgba(16, 22, 51, 1)",
782
+ buttonBackgroundTertiaryPressed: "rgba(21, 31, 78, 1)",
770
783
  buttonBorderDanger: "rgba(216, 24, 44, 1)",
771
784
  buttonBorderDangerHover: "rgba(223, 64, 81, 1)",
772
785
  buttonBorderDangerPressed: "rgba(229, 102, 115, 1)",
@@ -790,6 +803,7 @@ const colors = {
790
803
  buttonTextOnSecondary: "rgba(250, 250, 252, 1)",
791
804
  buttonTextOnTertiary: "rgba(122, 144, 254, 1)",
792
805
  chipBackground: "rgba(60, 63, 73, 1)",
806
+ chipBackgroundDisabled: "rgba(60, 63, 73, 1)",
793
807
  chipBackgroundHover: "rgba(69, 72, 84, 1)",
794
808
  chipText: "rgba(250, 250, 252, 1)",
795
809
  formatIconDiagram: "rgba(218, 121, 43, 1)",
@@ -813,7 +827,7 @@ const colors = {
813
827
  inputBorderFocused: "rgba(151, 168, 254, 1)",
814
828
  inputBorderHover: "rgba(151, 168, 254, 1)",
815
829
  inputBorderSuccess: "rgba(101, 180, 82, 1)",
816
- notificationBackground: "rgba(233, 234, 239, 1)",
830
+ notificationBackground: "rgba(250, 250, 252, 1)",
817
831
  notificationBorder: "rgba(125, 130, 151, 1)",
818
832
  notificationBorderSubtle: "rgba(199, 202, 213, 1)",
819
833
  popoverBackground: "rgba(52, 54, 62, 1)",
@@ -841,6 +855,8 @@ const colors = {
841
855
  iconOnDisabled: "rgba(125, 130, 151, 1)",
842
856
  iconOnStaticDark: "rgba(250, 250, 252, 1)",
843
857
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
858
+ iconOnStaticLight: "rgba(34, 36, 40, 1)",
859
+ iconOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
844
860
  iconPlaceholder: "rgba(125, 130, 151, 1)",
845
861
  iconSecondary: "rgba(199, 202, 213, 1)",
846
862
  iconInteractiveOnInverted: "rgba(34, 36, 40, 1)",
@@ -962,6 +978,8 @@ const colors = {
962
978
  textOnDisabled: "rgba(125, 130, 151, 1)",
963
979
  textOnStaticDark: "rgba(250, 250, 252, 1)",
964
980
  textOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
981
+ textOnStaticLight: "rgba(34, 36, 40, 1)",
982
+ textOnStaticLightSubtle: "rgba(100, 107, 129, 1)",
965
983
  textPlaceholder: "rgba(125, 130, 151, 1)",
966
984
  textSecondary: "rgba(199, 202, 213, 1)",
967
985
  textWarning: "rgba(255, 244, 203, 1)",