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

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 +59 -55
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +59 -55
  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
@@ -84,6 +84,8 @@ const colors$1 = {
84
84
  borderDisabled: "rgba(233, 234, 239, 1)",
85
85
  borderInverted: "rgba(255, 255, 255, 1)",
86
86
  borderInvertedSubtle: "rgba(69, 72, 84, 1)",
87
+ borderOption: "rgba(125, 130, 151, 1)",
88
+ borderOptionHover: "rgba(49, 76, 217, 1)",
87
89
  borderStaticDark: "rgba(125, 130, 151, 1)",
88
90
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
89
91
  borderStrong: "rgba(149, 154, 172, 1)",
@@ -205,12 +207,11 @@ const colors$1 = {
205
207
  inputBackgroundDefault: "rgba(255, 255, 255, 1)",
206
208
  inputBackgroundDisabled: "rgba(233, 234, 239, 1)",
207
209
  inputBackgroundHover: "rgba(255, 255, 255, 1)",
208
- inputBorderActive: "rgba(49, 76, 217, 1)",
209
210
  inputBorderDefault: "rgba(224, 226, 232, 1)",
210
211
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
211
212
  inputBorderError: "rgba(216, 24, 44, 1)",
213
+ inputBorderFocused: "rgba(49, 76, 217, 1)",
212
214
  inputBorderHover: "rgba(49, 76, 217, 1)",
213
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
214
215
  inputBorderSuccess: "rgba(28, 143, 0, 1)",
215
216
  notificationBackground: "rgba(43, 45, 51, 1)",
216
217
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -220,6 +221,7 @@ const colors$1 = {
220
221
  scrollbarBackground: "rgba(199, 202, 213, 1)",
221
222
  scrollbarBackgroundHover: "rgba(174, 178, 192, 1)",
222
223
  sliderBackground: "rgba(199, 202, 213, 1)",
224
+ sliderControlBackground: "rgba(255, 255, 255, 1)",
223
225
  sliderNotchBackground: "rgba(199, 202, 213, 1)",
224
226
  switchBackgroundDefault: "rgba(199, 202, 213, 1)",
225
227
  switchBackgroundHover: "rgba(174, 178, 192, 1)",
@@ -241,19 +243,19 @@ const colors$1 = {
241
243
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
242
244
  iconPlaceholder: "rgba(111, 116, 137, 1)",
243
245
  iconSecondary: "rgba(101, 107, 129, 1)",
246
+ iconInteractiveOnInverted: "rgba(255, 255, 255, 1)",
247
+ iconInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
248
+ iconInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
249
+ iconInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
250
+ iconInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
251
+ iconInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
252
+ iconInteractivePrimary: "rgba(56, 89, 255, 1)",
253
+ iconInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
254
+ iconInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
255
+ iconInteractiveSecondary: "rgba(101, 107, 129, 1)",
256
+ iconInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
257
+ iconInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
244
258
  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
259
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
258
260
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
259
261
  iconOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -301,19 +303,19 @@ const colors$1 = {
301
303
  textDangerHover: "rgba(185, 24, 41, 1)",
302
304
  textDangerInverted: "rgba(254, 247, 248, 1)",
303
305
  textDangerPressed: "rgba(156, 24, 37, 1)",
306
+ textInteractiveOnInverted: "rgba(255, 255, 255, 1)",
307
+ textInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
308
+ textInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
309
+ textInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
310
+ textInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
311
+ textInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
312
+ textInteractivePrimary: "rgba(56, 89, 255, 1)",
313
+ textInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
314
+ textInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
315
+ textInteractiveSecondary: "rgba(101, 107, 129, 1)",
316
+ textInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
317
+ textInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
304
318
  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
319
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
318
320
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
319
321
  textOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -619,9 +621,9 @@ const colors = {
619
621
  backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
620
622
  backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
621
623
  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)",
624
+ backgroundDangerSubtleActive: "rgba(47, 23, 25, 1)",
625
+ backgroundDangerSubtleHover: "rgba(70, 23, 28, 1)",
626
+ backgroundDangerSubtlePressed: "rgba(87, 23, 30, 1)",
625
627
  backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
626
628
  backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
627
629
  backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
@@ -680,6 +682,8 @@ const colors = {
680
682
  borderDisabled: "rgba(60, 63, 73, 1)",
681
683
  borderInverted: "rgba(69, 72, 84, 1)",
682
684
  borderInvertedSubtle: "rgba(85, 90, 106, 1)",
685
+ borderOption: "rgba(125, 130, 151, 1)",
686
+ borderOptionHover: "rgba(91, 118, 254, 1)",
683
687
  borderStaticDark: "rgba(125, 130, 151, 1)",
684
688
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
685
689
  borderStrong: "rgba(101, 107, 129, 1)",
@@ -801,12 +805,11 @@ const colors = {
801
805
  inputBackgroundDefault: "rgba(26, 27, 30, 1)",
802
806
  inputBackgroundDisabled: "rgba(43, 45, 51, 1)",
803
807
  inputBackgroundHover: "rgba(26, 27, 30, 1)",
804
- inputBorderActive: "rgba(151, 168, 254, 1)",
805
808
  inputBorderDefault: "rgba(77, 81, 95, 1)",
806
809
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
807
810
  inputBorderError: "rgba(229, 102, 115, 1)",
811
+ inputBorderFocused: "rgba(151, 168, 254, 1)",
808
812
  inputBorderHover: "rgba(151, 168, 254, 1)",
809
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
810
813
  inputBorderSuccess: "rgba(101, 180, 82, 1)",
811
814
  notificationBackground: "rgba(233, 234, 239, 1)",
812
815
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -816,6 +819,7 @@ const colors = {
816
819
  scrollbarBackground: "rgba(69, 72, 84, 1)",
817
820
  scrollbarBackgroundHover: "rgba(77, 81, 95, 1)",
818
821
  sliderBackground: "rgba(69, 72, 84, 1)",
822
+ sliderControlBackground: "rgba(26, 27, 30, 1)",
819
823
  sliderNotchBackground: "rgba(69, 72, 84, 1)",
820
824
  switchBackgroundDefault: "rgba(69, 72, 84, 1)",
821
825
  switchBackgroundHover: "rgba(77, 81, 95, 1)",
@@ -837,19 +841,19 @@ const colors = {
837
841
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
838
842
  iconPlaceholder: "rgba(125, 130, 151, 1)",
839
843
  iconSecondary: "rgba(199, 202, 213, 1)",
844
+ iconInteractiveOnInverted: "rgba(34, 36, 40, 1)",
845
+ iconInteractiveOnInvertedHover: "rgba(43, 45, 51, 1)",
846
+ iconInteractiveOnInvertedPressed: "rgba(52, 54, 62, 1)",
847
+ iconInteractiveOnInvertedSecondary: "rgba(69, 72, 84, 1)",
848
+ iconInteractiveOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
849
+ iconInteractiveOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
850
+ iconInteractivePrimary: "rgba(122, 144, 254, 1)",
851
+ iconInteractivePrimaryHover: "rgba(151, 168, 254, 1)",
852
+ iconInteractivePrimaryPressed: "rgba(177, 189, 253, 1)",
853
+ iconInteractiveSecondary: "rgba(199, 202, 213, 1)",
854
+ iconInteractiveSecondaryHover: "rgba(216, 218, 226, 1)",
855
+ iconInteractiveSecondaryPressed: "rgba(224, 226, 232, 1)",
840
856
  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
857
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
854
858
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
855
859
  iconOnInteractiveSecondary: "rgba(250, 250, 252, 1)",
@@ -897,19 +901,19 @@ const colors = {
897
901
  textDangerHover: "rgba(235, 135, 146, 1)",
898
902
  textDangerInverted: "rgba(47, 23, 25, 1)",
899
903
  textDangerPressed: "rgba(240, 165, 173, 1)",
904
+ textInteractiveOnInverted: "rgba(34, 36, 40, 1)",
905
+ textInteractiveOnInvertedHover: "rgba(43, 45, 51, 1)",
906
+ textInteractiveOnInvertedPressed: "rgba(52, 54, 62, 1)",
907
+ textInteractiveOnInvertedSecondary: "rgba(69, 72, 84, 1)",
908
+ textInteractiveOnInvertedSecondaryHover: "rgba(77, 81, 95, 1)",
909
+ textInteractiveOnInvertedSecondaryPressed: "rgba(85, 90, 106, 1)",
910
+ textInteractivePrimary: "rgba(122, 144, 254, 1)",
911
+ textInteractivePrimaryHover: "rgba(151, 168, 254, 1)",
912
+ textInteractivePrimaryPressed: "rgba(177, 189, 253, 1)",
913
+ textInteractiveSecondary: "rgba(199, 202, 213, 1)",
914
+ textInteractiveSecondaryHover: "rgba(216, 218, 226, 1)",
915
+ textInteractiveSecondaryPressed: "rgba(224, 226, 232, 1)",
900
916
  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
917
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
914
918
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
915
919
  textOnInteractiveSecondary: "rgba(250, 250, 252, 1)",