@mirohq/design-system-themes-native 1.2.3 → 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 +60 -56
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +60 -56
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +1 -1
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -86,6 +86,8 @@ const colors$1 = {
86
86
  borderDisabled: "rgba(233, 234, 239, 1)",
87
87
  borderInverted: "rgba(255, 255, 255, 1)",
88
88
  borderInvertedSubtle: "rgba(69, 72, 84, 1)",
89
+ borderOption: "rgba(125, 130, 151, 1)",
90
+ borderOptionHover: "rgba(49, 76, 217, 1)",
89
91
  borderStaticDark: "rgba(125, 130, 151, 1)",
90
92
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
91
93
  borderStrong: "rgba(149, 154, 172, 1)",
@@ -207,12 +209,11 @@ const colors$1 = {
207
209
  inputBackgroundDefault: "rgba(255, 255, 255, 1)",
208
210
  inputBackgroundDisabled: "rgba(233, 234, 239, 1)",
209
211
  inputBackgroundHover: "rgba(255, 255, 255, 1)",
210
- inputBorderActive: "rgba(49, 76, 217, 1)",
211
212
  inputBorderDefault: "rgba(224, 226, 232, 1)",
212
213
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
213
214
  inputBorderError: "rgba(216, 24, 44, 1)",
215
+ inputBorderFocused: "rgba(49, 76, 217, 1)",
214
216
  inputBorderHover: "rgba(49, 76, 217, 1)",
215
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
216
217
  inputBorderSuccess: "rgba(28, 143, 0, 1)",
217
218
  notificationBackground: "rgba(43, 45, 51, 1)",
218
219
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -222,6 +223,7 @@ const colors$1 = {
222
223
  scrollbarBackground: "rgba(199, 202, 213, 1)",
223
224
  scrollbarBackgroundHover: "rgba(174, 178, 192, 1)",
224
225
  sliderBackground: "rgba(199, 202, 213, 1)",
226
+ sliderControlBackground: "rgba(255, 255, 255, 1)",
225
227
  sliderNotchBackground: "rgba(199, 202, 213, 1)",
226
228
  switchBackgroundDefault: "rgba(199, 202, 213, 1)",
227
229
  switchBackgroundHover: "rgba(174, 178, 192, 1)",
@@ -243,19 +245,19 @@ const colors$1 = {
243
245
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
244
246
  iconPlaceholder: "rgba(111, 116, 137, 1)",
245
247
  iconSecondary: "rgba(101, 107, 129, 1)",
248
+ iconInteractiveOnInverted: "rgba(255, 255, 255, 1)",
249
+ iconInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
250
+ iconInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
251
+ iconInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
252
+ iconInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
253
+ iconInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
254
+ iconInteractivePrimary: "rgba(56, 89, 255, 1)",
255
+ iconInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
256
+ iconInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
257
+ iconInteractiveSecondary: "rgba(101, 107, 129, 1)",
258
+ iconInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
259
+ iconInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
246
260
  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
261
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
260
262
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
261
263
  iconOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -303,19 +305,19 @@ const colors$1 = {
303
305
  textDangerHover: "rgba(185, 24, 41, 1)",
304
306
  textDangerInverted: "rgba(254, 247, 248, 1)",
305
307
  textDangerPressed: "rgba(156, 24, 37, 1)",
308
+ textInteractiveOnInverted: "rgba(255, 255, 255, 1)",
309
+ textInteractiveOnInvertedHover: "rgba(250, 250, 252, 1)",
310
+ textInteractiveOnInvertedPressed: "rgba(241, 242, 245, 1)",
311
+ textInteractiveOnInvertedSecondary: "rgba(233, 234, 239, 1)",
312
+ textInteractiveOnInvertedSecondaryHover: "rgba(224, 226, 232, 1)",
313
+ textInteractiveOnInvertedSecondaryPressed: "rgba(216, 218, 226, 1)",
314
+ textInteractivePrimary: "rgba(56, 89, 255, 1)",
315
+ textInteractivePrimaryHover: "rgba(49, 76, 217, 1)",
316
+ textInteractivePrimaryPressed: "rgba(42, 65, 182, 1)",
317
+ textInteractiveSecondary: "rgba(101, 107, 129, 1)",
318
+ textInteractiveSecondaryHover: "rgba(93, 99, 118, 1)",
319
+ textInteractiveSecondaryPressed: "rgba(85, 90, 106, 1)",
306
320
  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
321
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
320
322
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
321
323
  textOnInteractiveSecondary: "rgba(34, 36, 40, 1)",
@@ -621,9 +623,9 @@ const colors = {
621
623
  backgroundDangerProminentHover: "rgba(223, 64, 81, 1)",
622
624
  backgroundDangerProminentPressed: "rgba(229, 102, 115, 1)",
623
625
  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)",
626
+ backgroundDangerSubtleActive: "rgba(47, 23, 25, 1)",
627
+ backgroundDangerSubtleHover: "rgba(70, 23, 28, 1)",
628
+ backgroundDangerSubtlePressed: "rgba(87, 23, 30, 1)",
627
629
  backgroundInteractiveDanger: "rgba(216, 24, 44, 1)",
628
630
  backgroundInteractiveDangerHover: "rgba(223, 64, 81, 1)",
629
631
  backgroundInteractiveDangerPressed: "rgba(229, 102, 115, 1)",
@@ -682,6 +684,8 @@ const colors = {
682
684
  borderDisabled: "rgba(60, 63, 73, 1)",
683
685
  borderInverted: "rgba(69, 72, 84, 1)",
684
686
  borderInvertedSubtle: "rgba(85, 90, 106, 1)",
687
+ borderOption: "rgba(125, 130, 151, 1)",
688
+ borderOptionHover: "rgba(91, 118, 254, 1)",
685
689
  borderStaticDark: "rgba(125, 130, 151, 1)",
686
690
  borderStaticDarkSubtle: "rgba(60, 63, 73, 1)",
687
691
  borderStrong: "rgba(101, 107, 129, 1)",
@@ -750,7 +754,7 @@ const colors = {
750
754
  borderWarningSubtle: "rgba(116, 96, 25, 1)",
751
755
  buttonBackgroundDanger: "rgba(216, 24, 44, 1)",
752
756
  buttonBackgroundDangerHover: "rgba(223, 64, 81, 1)",
753
- buttonBackgroundDangerPressed: "rgba(229, 102, 115, 1)",
757
+ buttonBackgroundDangerPressed: "rgba(223, 64, 81, 1)",
754
758
  buttonBackgroundGhost: "rgba(255, 255, 255, 0)",
755
759
  buttonBackgroundGhostHover: "rgba(52, 54, 62, 1)",
756
760
  buttonBackgroundGhostPressed: "rgba(60, 63, 73, 1)",
@@ -803,12 +807,11 @@ const colors = {
803
807
  inputBackgroundDefault: "rgba(26, 27, 30, 1)",
804
808
  inputBackgroundDisabled: "rgba(43, 45, 51, 1)",
805
809
  inputBackgroundHover: "rgba(26, 27, 30, 1)",
806
- inputBorderActive: "rgba(151, 168, 254, 1)",
807
810
  inputBorderDefault: "rgba(77, 81, 95, 1)",
808
811
  inputBorderDisabled: "rgba(255, 255, 255, 0)",
809
812
  inputBorderError: "rgba(229, 102, 115, 1)",
813
+ inputBorderFocused: "rgba(151, 168, 254, 1)",
810
814
  inputBorderHover: "rgba(151, 168, 254, 1)",
811
- inputBorderSelectionControl: "rgba(125, 130, 151, 1)",
812
815
  inputBorderSuccess: "rgba(101, 180, 82, 1)",
813
816
  notificationBackground: "rgba(233, 234, 239, 1)",
814
817
  notificationBorder: "rgba(125, 130, 151, 1)",
@@ -818,6 +821,7 @@ const colors = {
818
821
  scrollbarBackground: "rgba(69, 72, 84, 1)",
819
822
  scrollbarBackgroundHover: "rgba(77, 81, 95, 1)",
820
823
  sliderBackground: "rgba(69, 72, 84, 1)",
824
+ sliderControlBackground: "rgba(26, 27, 30, 1)",
821
825
  sliderNotchBackground: "rgba(69, 72, 84, 1)",
822
826
  switchBackgroundDefault: "rgba(69, 72, 84, 1)",
823
827
  switchBackgroundHover: "rgba(77, 81, 95, 1)",
@@ -839,19 +843,19 @@ const colors = {
839
843
  iconOnStaticDarkSubtle: "rgba(199, 202, 213, 1)",
840
844
  iconPlaceholder: "rgba(125, 130, 151, 1)",
841
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)",
842
858
  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
859
  iconOnInteractiveDanger: "rgba(255, 255, 255, 1)",
856
860
  iconOnInteractivePrimary: "rgba(255, 255, 255, 1)",
857
861
  iconOnInteractiveSecondary: "rgba(250, 250, 252, 1)",
@@ -899,19 +903,19 @@ const colors = {
899
903
  textDangerHover: "rgba(235, 135, 146, 1)",
900
904
  textDangerInverted: "rgba(47, 23, 25, 1)",
901
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)",
902
918
  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
919
  textOnInteractiveDanger: "rgba(255, 255, 255, 1)",
916
920
  textOnInteractivePrimary: "rgba(255, 255, 255, 1)",
917
921
  textOnInteractiveSecondary: "rgba(250, 250, 252, 1)",