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

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 +63 -57
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +63 -57
  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
@@ -34,6 +34,7 @@ const colors$1 = {
34
34
  backgroundInteractivePrimary: "rgba(56, 89, 255, 1)",
35
35
  backgroundInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
36
36
  backgroundInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
37
+ backgroundInteractiveSecondarySelected: "rgba(232, 236, 252, 1)",
37
38
  backgroundInteractiveSelected: "rgba(56, 89, 255, 1)",
38
39
  backgroundInteractiveSurfaceHover: "rgba(241, 242, 245, 1)",
39
40
  backgroundInteractiveSurfaceSecondaryHover: "rgba(233, 234, 239, 1)",
@@ -86,6 +87,8 @@ const colors$1 = {
86
87
  borderDisabled: "rgba(233, 234, 239, 1)",
87
88
  borderInverted: "rgba(255, 255, 255, 1)",
88
89
  borderInvertedSubtle: "rgba(69, 72, 84, 1)",
90
+ borderOption: "rgba(125, 130, 151, 1)",
91
+ borderOptionHover: "rgba(49, 76, 217, 1)",
89
92
  borderStaticDark: "rgba(125, 130, 151, 1)",
90
93
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
91
94
  borderStrong: "rgba(149, 154, 172, 1)",
@@ -200,19 +203,18 @@ const colors$1 = {
200
203
  formatIconSlides: "rgba(219, 79, 79, 1)",
201
204
  formatIconTable: "rgba(15, 168, 60, 1)",
202
205
  formatIconTimeline: "rgba(15, 168, 60, 1)",
203
- inputBackgroundActive: "rgba(255, 255, 255, 1)",
204
206
  inputBackgroundAltActive: "rgba(241, 242, 245, 1)",
205
207
  inputBackgroundAltDefault: "rgba(241, 242, 245, 1)",
206
208
  inputBackgroundAltHover: "rgba(241, 242, 245, 1)",
207
209
  inputBackgroundDefault: "rgba(255, 255, 255, 1)",
208
210
  inputBackgroundDisabled: "rgba(233, 234, 239, 1)",
211
+ inputBackgroundFocused: "rgba(255, 255, 255, 1)",
209
212
  inputBackgroundHover: "rgba(255, 255, 255, 1)",
210
- inputBorderActive: "rgba(49, 76, 217, 1)",
211
213
  inputBorderDefault: "rgba(224, 226, 232, 1)",
212
214
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
213
215
  inputBorderError: "rgba(216, 24, 44, 1)",
216
+ inputBorderFocused: "rgba(49, 76, 217, 1)",
214
217
  inputBorderHover: "rgba(49, 76, 217, 1)",
215
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
216
218
  inputBorderSuccess: "rgba(28, 143, 0, 1)",
217
219
  notificationBackground: "rgba(43, 45, 51, 1)",
218
220
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -222,6 +224,7 @@ const colors$1 = {
222
224
  scrollbarBackground: "rgba(199, 202, 213, 1)",
223
225
  scrollbarBackgroundHover: "rgba(174, 178, 192, 1)",
224
226
  sliderBackground: "rgba(199, 202, 213, 1)",
227
+ sliderControlBackground: "rgba(255, 255, 255, 1)",
225
228
  sliderNotchBackground: "rgba(199, 202, 213, 1)",
226
229
  switchBackgroundDefault: "rgba(199, 202, 213, 1)",
227
230
  switchBackgroundHover: "rgba(174, 178, 192, 1)",
@@ -243,19 +246,19 @@ const colors$1 = {
243
246
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
244
247
  iconPlaceholder: "rgba(111, 116, 137, 1)",
245
248
  iconSecondary: "rgba(101, 107, 129, 1)",
249
+ iconInteractiveOnInverted: "rgba(255, 255, 255, 1)",
250
+ iconInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
251
+ iconInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
252
+ iconInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
253
+ iconInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
254
+ iconInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
255
+ iconInteractivePrimary: "rgba(56, 89, 255, 1)",
256
+ iconInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
257
+ iconInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
258
+ iconInteractiveSecondary: "rgba(101, 107, 129, 1)",
259
+ iconInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
260
+ iconInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
246
261
  iconInteractiveSelected: "rgba(49, 76, 217, 1)",
247
- iconLink: "rgba(56, 89, 255, 1)",
248
- iconLinkHover: "rgba(49, 76, 217, 1)",
249
- iconLinkOnInverted: "rgba(255, 255, 255, 1)",
250
- iconLinkOnInvertedHover: "rgba(250, 250, 252, 1)",
251
- iconLinkOnInvertedPressed: "rgba(241, 242, 245, 1)",
252
- iconLinkOnInvertedSecondary: "rgba(233, 234, 239, 1)",
253
- iconLinkOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
254
- iconLinkOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
255
- iconLinkPressed: "rgba(42, 65, 182, 1)",
256
- iconLinkSecondary: "rgba(101, 107, 129, 1)",
257
- iconLinkSecondaryHover: "rgba(93, 99, 118, 1)",
258
- iconLinkSecondaryPressed: "rgba(85, 90, 106, 1)",
259
262
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
260
263
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
261
264
  iconOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -303,19 +306,19 @@ const colors$1 = {
303
306
  textDangerHover: "rgba(185, 24, 41, 1)",
304
307
  textDangerInverted: "rgba(254, 247, 248, 1)",
305
308
  textDangerPressed: "rgba(156, 24, 37, 1)",
309
+ textInteractiveOnInverted: "rgba(255, 255, 255, 1)",
310
+ textInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
311
+ textInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
312
+ textInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
313
+ textInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
314
+ textInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
315
+ textInteractivePrimary: "rgba(56, 89, 255, 1)",
316
+ textInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
317
+ textInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
318
+ textInteractiveSecondary: "rgba(101, 107, 129, 1)",
319
+ textInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
320
+ textInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
306
321
  textInteractiveSelected: "rgba(49, 76, 217, 1)",
307
- textLink: "rgba(56, 89, 255, 1)",
308
- textLinkHover: "rgba(49, 76, 217, 1)",
309
- textLinkOnInverted: "rgba(255, 255, 255, 1)",
310
- textLinkOnInvertedHover: "rgba(250, 250, 252, 1)",
311
- textLinkOnInvertedPressed: "rgba(241, 242, 245, 1)",
312
- textLinkOnInvertedSecondary: "rgba(233, 234, 239, 1)",
313
- textLinkOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
314
- textLinkOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
315
- textLinkPressed: "rgba(42, 65, 182, 1)",
316
- textLinkSecondary: "rgba(101, 107, 129, 1)",
317
- textLinkSecondaryHover: "rgba(93, 99, 118, 1)",
318
- textLinkSecondaryPressed: "rgba(85, 90, 106, 1)",
319
322
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
320
323
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
321
324
  textOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -621,15 +624,16 @@ const colors = {
621
624
  backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
622
625
  backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
623
626
  backgroundDangerSubtle: "rgba(47, 23, 25, 1)",
624
- backgroundDangerSubtleActive: "rgba(216, 24, 44, 1)",
625
- backgroundDangerSubtleHover: "rgba(185, 24, 41, 1)",
626
- backgroundDangerSubtlePressed: "rgba(216, 24, 44, 1)",
627
+ backgroundDangerSubtleActive: "rgba(47, 23, 25, 1)",
628
+ backgroundDangerSubtleHover: "rgba(70, 23, 28, 1)",
629
+ backgroundDangerSubtlePressed: "rgba(87, 23, 30, 1)",
627
630
  backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
628
631
  backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
629
632
  backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
630
633
  backgroundInteractivePrimary: "rgba(56, 89, 255, 1)",
631
634
  backgroundInteractivePrimaryHover: "rgba(91, 118, 254, 1)",
632
635
  backgroundInteractivePrimaryPressed: "rgba(122, 144, 254, 1)",
636
+ backgroundInteractiveSecondarySelected: "rgba(30, 45, 123, 1)",
633
637
  backgroundInteractiveSelected: "rgba(56, 89, 255, 1)",
634
638
  backgroundInteractiveSurfaceHover: "rgba(34, 36, 40, 1)",
635
639
  backgroundInteractiveSurfaceSecondaryHover: "rgba(69, 72, 84, 1)",
@@ -682,6 +686,8 @@ const colors = {
682
686
  borderDisabled: "rgba(60, 63, 73, 1)",
683
687
  borderInverted: "rgba(69, 72, 84, 1)",
684
688
  borderInvertedSubtle: "rgba(85, 90, 106, 1)",
689
+ borderOption: "rgba(125, 130, 151, 1)",
690
+ borderOptionHover: "rgba(91, 118, 254, 1)",
685
691
  borderStaticDark: "rgba(125, 130, 151, 1)",
686
692
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
687
693
  borderStrong: "rgba(101, 107, 129, 1)",
@@ -796,19 +802,18 @@ const colors = {
796
802
  formatIconSlides: "rgba(219, 79, 79, 1)",
797
803
  formatIconTable: "rgba(15, 168, 60, 1)",
798
804
  formatIconTimeline: "rgba(15, 168, 60, 1)",
799
- inputBackgroundActive: "rgba(26, 27, 30, 1)",
800
805
  inputBackgroundAltActive: "rgba(60, 63, 73, 1)",
801
806
  inputBackgroundAltDefault: "rgba(60, 63, 73, 1)",
802
807
  inputBackgroundAltHover: "rgba(60, 63, 73, 1)",
803
808
  inputBackgroundDefault: "rgba(26, 27, 30, 1)",
804
809
  inputBackgroundDisabled: "rgba(43, 45, 51, 1)",
810
+ inputBackgroundFocused: "rgba(26, 27, 30, 1)",
805
811
  inputBackgroundHover: "rgba(26, 27, 30, 1)",
806
- inputBorderActive: "rgba(151, 168, 254, 1)",
807
812
  inputBorderDefault: "rgba(77, 81, 95, 1)",
808
813
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
809
814
  inputBorderError: "rgba(229, 102, 115, 1)",
815
+ inputBorderFocused: "rgba(151, 168, 254, 1)",
810
816
  inputBorderHover: "rgba(151, 168, 254, 1)",
811
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
812
817
  inputBorderSuccess: "rgba(101, 180, 82, 1)",
813
818
  notificationBackground: "rgba(233, 234, 239, 1)",
814
819
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -818,6 +823,7 @@ const colors = {
818
823
  scrollbarBackground: "rgba(69, 72, 84, 1)",
819
824
  scrollbarBackgroundHover: "rgba(77, 81, 95, 1)",
820
825
  sliderBackground: "rgba(69, 72, 84, 1)",
826
+ sliderControlBackground: "rgba(26, 27, 30, 1)",
821
827
  sliderNotchBackground: "rgba(69, 72, 84, 1)",
822
828
  switchBackgroundDefault: "rgba(69, 72, 84, 1)",
823
829
  switchBackgroundHover: "rgba(77, 81, 95, 1)",
@@ -839,19 +845,19 @@ const colors = {
839
845
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
840
846
  iconPlaceholder: "rgba(125, 130, 151, 1)",
841
847
  iconSecondary: "rgba(199, 202, 213, 1)",
848
+ iconInteractiveOnInverted: "rgba(34, 36, 40, 1)",
849
+ iconInteractiveOnInvertedHover: "rgba(43, 45, 51, 1)",
850
+ iconInteractiveOnInvertedPressed: "rgba(52, 54, 62, 1)",
851
+ iconInteractiveOnInvertedSecondary: "rgba(69, 72, 84, 1)",
852
+ iconInteractiveOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
853
+ iconInteractiveOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
854
+ iconInteractivePrimary: "rgba(122, 144, 254, 1)",
855
+ iconInteractivePrimaryHover: "rgba(151, 168, 254, 1)",
856
+ iconInteractivePrimaryPressed: "rgba(177, 189, 253, 1)",
857
+ iconInteractiveSecondary: "rgba(199, 202, 213, 1)",
858
+ iconInteractiveSecondaryHover: "rgba(216, 218, 226, 1)",
859
+ iconInteractiveSecondaryPressed: "rgba(224, 226, 232, 1)",
842
860
  iconInteractiveSelected: "rgba(122, 144, 254, 1)",
843
- iconLink: "rgba(122, 144, 254, 1)",
844
- iconLinkHover: "rgba(151, 168, 254, 1)",
845
- iconLinkOnInverted: "rgba(34, 36, 40, 1)",
846
- iconLinkOnInvertedHover: "rgba(43, 45, 51, 1)",
847
- iconLinkOnInvertedPressed: "rgba(52, 54, 62, 1)",
848
- iconLinkOnInvertedSecondary: "rgba(69, 72, 84, 1)",
849
- iconLinkOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
850
- iconLinkOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
851
- iconLinkPressed: "rgba(177, 189, 253, 1)",
852
- iconLinkSecondary: "rgba(199, 202, 213, 1)",
853
- iconLinkSecondaryHover: "rgba(216, 218, 226, 1)",
854
- iconLinkSecondaryPressed: "rgba(224, 226, 232, 1)",
855
861
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
856
862
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
857
863
  iconOnInteractiveSecondary: "rgba(250, 250, 252, 1)",
@@ -899,19 +905,19 @@ const colors = {
899
905
  textDangerHover: "rgba(235, 135, 146, 1)",
900
906
  textDangerInverted: "rgba(47, 23, 25, 1)",
901
907
  textDangerPressed: "rgba(240, 165, 173, 1)",
908
+ textInteractiveOnInverted: "rgba(34, 36, 40, 1)",
909
+ textInteractiveOnInvertedHover: "rgba(43, 45, 51, 1)",
910
+ textInteractiveOnInvertedPressed: "rgba(52, 54, 62, 1)",
911
+ textInteractiveOnInvertedSecondary: "rgba(69, 72, 84, 1)",
912
+ textInteractiveOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
913
+ textInteractiveOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
914
+ textInteractivePrimary: "rgba(122, 144, 254, 1)",
915
+ textInteractivePrimaryHover: "rgba(151, 168, 254, 1)",
916
+ textInteractivePrimaryPressed: "rgba(177, 189, 253, 1)",
917
+ textInteractiveSecondary: "rgba(199, 202, 213, 1)",
918
+ textInteractiveSecondaryHover: "rgba(216, 218, 226, 1)",
919
+ textInteractiveSecondaryPressed: "rgba(224, 226, 232, 1)",
902
920
  textInteractiveSelected: "rgba(122, 144, 254, 1)",
903
- textLink: "rgba(122, 144, 254, 1)",
904
- textLinkHover: "rgba(151, 168, 254, 1)",
905
- textLinkOnInverted: "rgba(34, 36, 40, 1)",
906
- textLinkOnInvertedHover: "rgba(43, 45, 51, 1)",
907
- textLinkOnInvertedPressed: "rgba(52, 54, 62, 1)",
908
- textLinkOnInvertedSecondary: "rgba(69, 72, 84, 1)",
909
- textLinkOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
910
- textLinkOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
911
- textLinkPressed: "rgba(177, 189, 253, 1)",
912
- textLinkSecondary: "rgba(199, 202, 213, 1)",
913
- textLinkSecondaryHover: "rgba(216, 218, 226, 1)",
914
- textLinkSecondaryPressed: "rgba(224, 226, 232, 1)",
915
921
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
916
922
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
917
923
  textOnInteractiveSecondary: "rgba(250, 250, 252, 1)",