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