@ovotech/element-native 4.1.9 → 4.2.0-canary-265b0a7-290

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 (79) hide show
  1. package/dist/components/Accordion/styles.d.ts +240 -0
  2. package/dist/components/ActionCard/ActionCard.js +44 -45
  3. package/dist/components/ActionList/ActionList.js +1 -1
  4. package/dist/components/ActionList/styled.d.ts +560 -0
  5. package/dist/components/ActionList/styled.js +1 -1
  6. package/dist/components/Badge/Badge.d.ts +80 -0
  7. package/dist/components/CurrencyField/CurrencyField.d.ts +2 -2
  8. package/dist/components/CurrencyField/CurrencyField.js +1 -1
  9. package/dist/components/CurrencyInput/CurrencyInput.d.ts +2 -2
  10. package/dist/components/DataTable/styles.d.ts +1072 -32
  11. package/dist/components/DescriptionList/styled.d.ts +80 -0
  12. package/dist/components/Display0/Display0.d.ts +5 -0
  13. package/dist/components/Display0/Display0.js +73 -0
  14. package/dist/components/Display0/index.d.ts +1 -0
  15. package/dist/components/Display0/index.js +5 -0
  16. package/dist/components/Display1/Display1.d.ts +5 -0
  17. package/dist/components/Display1/Display1.js +73 -0
  18. package/dist/components/Display1/index.d.ts +1 -0
  19. package/dist/components/Display1/index.js +5 -0
  20. package/dist/components/Display2/Display2.d.ts +5 -0
  21. package/dist/components/Display2/Display2.js +73 -0
  22. package/dist/components/Display2/index.d.ts +1 -0
  23. package/dist/components/Display2/index.js +5 -0
  24. package/dist/components/Display3/Display3.d.ts +5 -0
  25. package/dist/components/Display3/Display3.js +73 -0
  26. package/dist/components/Display3/index.d.ts +1 -0
  27. package/dist/components/Display3/index.js +5 -0
  28. package/dist/components/Em/Em.d.ts +80 -0
  29. package/dist/components/EmailField/EmailField.d.ts +2 -2
  30. package/dist/components/EmailField/EmailField.js +1 -1
  31. package/dist/components/EmailInput/EmailInput.d.ts +2 -2
  32. package/dist/components/ErrorText/ErrorText.d.ts +80 -0
  33. package/dist/components/Grid/Col.d.ts +80 -0
  34. package/dist/components/Grid/Row.d.ts +80 -0
  35. package/dist/components/HintText/HintText.d.ts +80 -0
  36. package/dist/components/Input/Input.d.ts +2 -2
  37. package/dist/components/LabelText/LabelText.d.ts +80 -0
  38. package/dist/components/LineThrough/LineThrough.d.ts +80 -0
  39. package/dist/components/List/styled.d.ts +320 -0
  40. package/dist/components/Margin/Margin.d.ts +80 -0
  41. package/dist/components/NavHeader/NavHeader.styles.d.ts +744 -24
  42. package/dist/components/Notification/Notification.d.ts +160 -0
  43. package/dist/components/NumberField/NumberField.d.ts +2 -2
  44. package/dist/components/NumberInput/NumberInput.d.ts +2 -2
  45. package/dist/components/PasswordField/PasswordField.d.ts +2 -2
  46. package/dist/components/PasswordInput/PasswordInput.d.ts +2 -2
  47. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +80 -0
  48. package/dist/components/PhoneField/PhoneField.d.ts +2 -2
  49. package/dist/components/PhoneInput/PhoneInput.d.ts +2 -2
  50. package/dist/components/SelectField/Select.d.ts +80 -0
  51. package/dist/components/SkeletonHeading/SkeletonHeading.js +1 -1
  52. package/dist/components/Small/Small.d.ts +80 -0
  53. package/dist/components/Strong/Strong.d.ts +80 -0
  54. package/dist/components/SubLabelText/SubLabelText.d.ts +80 -0
  55. package/dist/components/TextField/TextField.d.ts +2 -2
  56. package/dist/components/TextInput/TextInput.d.ts +2 -2
  57. package/dist/components/TextareaField/TextareaField.d.ts +2 -2
  58. package/dist/components/TextareaInput/TextareaInput.d.ts +2 -2
  59. package/dist/components/Toggle/styles.d.ts +320 -0
  60. package/dist/components/index.d.ts +4 -0
  61. package/dist/components/index.js +4 -0
  62. package/dist/esm/components/ActionCard/ActionCard.js +44 -45
  63. package/dist/esm/components/ActionList/ActionList.js +1 -1
  64. package/dist/esm/components/ActionList/styled.js +1 -1
  65. package/dist/esm/components/CurrencyField/CurrencyField.js +1 -1
  66. package/dist/esm/components/Display0/Display0.js +46 -0
  67. package/dist/esm/components/Display0/index.js +1 -0
  68. package/dist/esm/components/Display1/Display1.js +46 -0
  69. package/dist/esm/components/Display1/index.js +1 -0
  70. package/dist/esm/components/Display2/Display2.js +46 -0
  71. package/dist/esm/components/Display2/index.js +1 -0
  72. package/dist/esm/components/Display3/Display3.js +46 -0
  73. package/dist/esm/components/Display3/index.js +1 -0
  74. package/dist/esm/components/EmailField/EmailField.js +1 -1
  75. package/dist/esm/components/SkeletonHeading/SkeletonHeading.js +1 -1
  76. package/dist/esm/components/index.js +4 -0
  77. package/dist/providers/types.d.ts +1 -1
  78. package/dist/styled.native.d.ts +480 -0
  79. package/package.json +3 -3
@@ -98,6 +98,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
98
98
  black: number;
99
99
  };
100
100
  fontSize: {
101
+ display0: {
102
+ small: number;
103
+ large: number;
104
+ };
105
+ display1: {
106
+ small: number;
107
+ large: number;
108
+ };
109
+ display2: {
110
+ small: number;
111
+ large: number;
112
+ };
113
+ display3: {
114
+ small: number;
115
+ large: number;
116
+ };
101
117
  heading1: {
102
118
  small: number;
103
119
  large: number;
@@ -137,6 +153,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
137
153
  extraCompressed: number;
138
154
  };
139
155
  lineHeight: {
156
+ display0: {
157
+ small: number;
158
+ large: number;
159
+ };
160
+ display1: {
161
+ small: number;
162
+ large: number;
163
+ };
164
+ display2: {
165
+ small: number;
166
+ large: number;
167
+ };
168
+ display3: {
169
+ small: number;
170
+ large: number;
171
+ };
140
172
  heading1: {
141
173
  small: number;
142
174
  large: number;
@@ -388,6 +420,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
388
420
  surfaceInverted: string;
389
421
  };
390
422
  };
423
+ display0: {
424
+ fontFamily: string;
425
+ fontWeight: number;
426
+ lineHeight: {
427
+ small: number;
428
+ large: number;
429
+ };
430
+ fontSize: {
431
+ small: number;
432
+ large: number;
433
+ };
434
+ };
435
+ display1: {
436
+ fontFamily: string;
437
+ fontWeight: number;
438
+ lineHeight: {
439
+ small: number;
440
+ large: number;
441
+ };
442
+ fontSize: {
443
+ small: number;
444
+ large: number;
445
+ };
446
+ };
447
+ display2: {
448
+ fontFamily: string;
449
+ fontWeight: number;
450
+ lineHeight: {
451
+ small: number;
452
+ large: number;
453
+ };
454
+ fontSize: {
455
+ small: number;
456
+ large: number;
457
+ };
458
+ };
459
+ display3: {
460
+ fontFamily: string;
461
+ fontWeight: number;
462
+ lineHeight: {
463
+ small: number;
464
+ large: number;
465
+ };
466
+ fontSize: {
467
+ small: number;
468
+ large: number;
469
+ };
470
+ };
391
471
  heading1: {
392
472
  fontFamily: string;
393
473
  fontWeight: number;
@@ -582,6 +662,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
582
662
  black: number;
583
663
  };
584
664
  fontSize: {
665
+ display0: {
666
+ small: number;
667
+ large: number;
668
+ };
669
+ display1: {
670
+ small: number;
671
+ large: number;
672
+ };
673
+ display2: {
674
+ small: number;
675
+ large: number;
676
+ };
677
+ display3: {
678
+ small: number;
679
+ large: number;
680
+ };
585
681
  heading1: {
586
682
  small: number;
587
683
  large: number;
@@ -621,6 +717,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
621
717
  extraCompressed: number;
622
718
  };
623
719
  lineHeight: {
720
+ display0: {
721
+ small: number;
722
+ large: number;
723
+ };
724
+ display1: {
725
+ small: number;
726
+ large: number;
727
+ };
728
+ display2: {
729
+ small: number;
730
+ large: number;
731
+ };
732
+ display3: {
733
+ small: number;
734
+ large: number;
735
+ };
624
736
  heading1: {
625
737
  small: number;
626
738
  large: number;
@@ -872,6 +984,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
872
984
  surfaceInverted: string;
873
985
  };
874
986
  };
987
+ display0: {
988
+ fontFamily: string;
989
+ fontWeight: number;
990
+ lineHeight: {
991
+ small: number;
992
+ large: number;
993
+ };
994
+ fontSize: {
995
+ small: number;
996
+ large: number;
997
+ };
998
+ };
999
+ display1: {
1000
+ fontFamily: string;
1001
+ fontWeight: number;
1002
+ lineHeight: {
1003
+ small: number;
1004
+ large: number;
1005
+ };
1006
+ fontSize: {
1007
+ small: number;
1008
+ large: number;
1009
+ };
1010
+ };
1011
+ display2: {
1012
+ fontFamily: string;
1013
+ fontWeight: number;
1014
+ lineHeight: {
1015
+ small: number;
1016
+ large: number;
1017
+ };
1018
+ fontSize: {
1019
+ small: number;
1020
+ large: number;
1021
+ };
1022
+ };
1023
+ display3: {
1024
+ fontFamily: string;
1025
+ fontWeight: number;
1026
+ lineHeight: {
1027
+ small: number;
1028
+ large: number;
1029
+ };
1030
+ fontSize: {
1031
+ small: number;
1032
+ large: number;
1033
+ };
1034
+ };
875
1035
  heading1: {
876
1036
  fontFamily: string;
877
1037
  fontWeight: number;
@@ -1066,6 +1226,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1066
1226
  black: number;
1067
1227
  };
1068
1228
  fontSize: {
1229
+ display0: {
1230
+ small: number;
1231
+ large: number;
1232
+ };
1233
+ display1: {
1234
+ small: number;
1235
+ large: number;
1236
+ };
1237
+ display2: {
1238
+ small: number;
1239
+ large: number;
1240
+ };
1241
+ display3: {
1242
+ small: number;
1243
+ large: number;
1244
+ };
1069
1245
  heading1: {
1070
1246
  small: number;
1071
1247
  large: number;
@@ -1105,6 +1281,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1105
1281
  extraCompressed: number;
1106
1282
  };
1107
1283
  lineHeight: {
1284
+ display0: {
1285
+ small: number;
1286
+ large: number;
1287
+ };
1288
+ display1: {
1289
+ small: number;
1290
+ large: number;
1291
+ };
1292
+ display2: {
1293
+ small: number;
1294
+ large: number;
1295
+ };
1296
+ display3: {
1297
+ small: number;
1298
+ large: number;
1299
+ };
1108
1300
  heading1: {
1109
1301
  small: number;
1110
1302
  large: number;
@@ -1356,6 +1548,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1356
1548
  surfaceInverted: string;
1357
1549
  };
1358
1550
  };
1551
+ display0: {
1552
+ fontFamily: string;
1553
+ fontWeight: number;
1554
+ lineHeight: {
1555
+ small: number;
1556
+ large: number;
1557
+ };
1558
+ fontSize: {
1559
+ small: number;
1560
+ large: number;
1561
+ };
1562
+ };
1563
+ display1: {
1564
+ fontFamily: string;
1565
+ fontWeight: number;
1566
+ lineHeight: {
1567
+ small: number;
1568
+ large: number;
1569
+ };
1570
+ fontSize: {
1571
+ small: number;
1572
+ large: number;
1573
+ };
1574
+ };
1575
+ display2: {
1576
+ fontFamily: string;
1577
+ fontWeight: number;
1578
+ lineHeight: {
1579
+ small: number;
1580
+ large: number;
1581
+ };
1582
+ fontSize: {
1583
+ small: number;
1584
+ large: number;
1585
+ };
1586
+ };
1587
+ display3: {
1588
+ fontFamily: string;
1589
+ fontWeight: number;
1590
+ lineHeight: {
1591
+ small: number;
1592
+ large: number;
1593
+ };
1594
+ fontSize: {
1595
+ small: number;
1596
+ large: number;
1597
+ };
1598
+ };
1359
1599
  heading1: {
1360
1600
  fontFamily: string;
1361
1601
  fontWeight: number;
@@ -1550,6 +1790,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1550
1790
  black: number;
1551
1791
  };
1552
1792
  fontSize: {
1793
+ display0: {
1794
+ small: number;
1795
+ large: number;
1796
+ };
1797
+ display1: {
1798
+ small: number;
1799
+ large: number;
1800
+ };
1801
+ display2: {
1802
+ small: number;
1803
+ large: number;
1804
+ };
1805
+ display3: {
1806
+ small: number;
1807
+ large: number;
1808
+ };
1553
1809
  heading1: {
1554
1810
  small: number;
1555
1811
  large: number;
@@ -1589,6 +1845,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1589
1845
  extraCompressed: number;
1590
1846
  };
1591
1847
  lineHeight: {
1848
+ display0: {
1849
+ small: number;
1850
+ large: number;
1851
+ };
1852
+ display1: {
1853
+ small: number;
1854
+ large: number;
1855
+ };
1856
+ display2: {
1857
+ small: number;
1858
+ large: number;
1859
+ };
1860
+ display3: {
1861
+ small: number;
1862
+ large: number;
1863
+ };
1592
1864
  heading1: {
1593
1865
  small: number;
1594
1866
  large: number;
@@ -1840,6 +2112,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1840
2112
  surfaceInverted: string;
1841
2113
  };
1842
2114
  };
2115
+ display0: {
2116
+ fontFamily: string;
2117
+ fontWeight: number;
2118
+ lineHeight: {
2119
+ small: number;
2120
+ large: number;
2121
+ };
2122
+ fontSize: {
2123
+ small: number;
2124
+ large: number;
2125
+ };
2126
+ };
2127
+ display1: {
2128
+ fontFamily: string;
2129
+ fontWeight: number;
2130
+ lineHeight: {
2131
+ small: number;
2132
+ large: number;
2133
+ };
2134
+ fontSize: {
2135
+ small: number;
2136
+ large: number;
2137
+ };
2138
+ };
2139
+ display2: {
2140
+ fontFamily: string;
2141
+ fontWeight: number;
2142
+ lineHeight: {
2143
+ small: number;
2144
+ large: number;
2145
+ };
2146
+ fontSize: {
2147
+ small: number;
2148
+ large: number;
2149
+ };
2150
+ };
2151
+ display3: {
2152
+ fontFamily: string;
2153
+ fontWeight: number;
2154
+ lineHeight: {
2155
+ small: number;
2156
+ large: number;
2157
+ };
2158
+ fontSize: {
2159
+ small: number;
2160
+ large: number;
2161
+ };
2162
+ };
1843
2163
  heading1: {
1844
2164
  fontFamily: string;
1845
2165
  fontWeight: number;
@@ -2034,6 +2354,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2034
2354
  black: number;
2035
2355
  };
2036
2356
  fontSize: {
2357
+ display0: {
2358
+ small: number;
2359
+ large: number;
2360
+ };
2361
+ display1: {
2362
+ small: number;
2363
+ large: number;
2364
+ };
2365
+ display2: {
2366
+ small: number;
2367
+ large: number;
2368
+ };
2369
+ display3: {
2370
+ small: number;
2371
+ large: number;
2372
+ };
2037
2373
  heading1: {
2038
2374
  small: number;
2039
2375
  large: number;
@@ -2073,6 +2409,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2073
2409
  extraCompressed: number;
2074
2410
  };
2075
2411
  lineHeight: {
2412
+ display0: {
2413
+ small: number;
2414
+ large: number;
2415
+ };
2416
+ display1: {
2417
+ small: number;
2418
+ large: number;
2419
+ };
2420
+ display2: {
2421
+ small: number;
2422
+ large: number;
2423
+ };
2424
+ display3: {
2425
+ small: number;
2426
+ large: number;
2427
+ };
2076
2428
  heading1: {
2077
2429
  small: number;
2078
2430
  large: number;
@@ -2324,6 +2676,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2324
2676
  surfaceInverted: string;
2325
2677
  };
2326
2678
  };
2679
+ display0: {
2680
+ fontFamily: string;
2681
+ fontWeight: number;
2682
+ lineHeight: {
2683
+ small: number;
2684
+ large: number;
2685
+ };
2686
+ fontSize: {
2687
+ small: number;
2688
+ large: number;
2689
+ };
2690
+ };
2691
+ display1: {
2692
+ fontFamily: string;
2693
+ fontWeight: number;
2694
+ lineHeight: {
2695
+ small: number;
2696
+ large: number;
2697
+ };
2698
+ fontSize: {
2699
+ small: number;
2700
+ large: number;
2701
+ };
2702
+ };
2703
+ display2: {
2704
+ fontFamily: string;
2705
+ fontWeight: number;
2706
+ lineHeight: {
2707
+ small: number;
2708
+ large: number;
2709
+ };
2710
+ fontSize: {
2711
+ small: number;
2712
+ large: number;
2713
+ };
2714
+ };
2715
+ display3: {
2716
+ fontFamily: string;
2717
+ fontWeight: number;
2718
+ lineHeight: {
2719
+ small: number;
2720
+ large: number;
2721
+ };
2722
+ fontSize: {
2723
+ small: number;
2724
+ large: number;
2725
+ };
2726
+ };
2327
2727
  heading1: {
2328
2728
  fontFamily: string;
2329
2729
  fontWeight: number;
@@ -2518,6 +2918,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2518
2918
  black: number;
2519
2919
  };
2520
2920
  fontSize: {
2921
+ display0: {
2922
+ small: number;
2923
+ large: number;
2924
+ };
2925
+ display1: {
2926
+ small: number;
2927
+ large: number;
2928
+ };
2929
+ display2: {
2930
+ small: number;
2931
+ large: number;
2932
+ };
2933
+ display3: {
2934
+ small: number;
2935
+ large: number;
2936
+ };
2521
2937
  heading1: {
2522
2938
  small: number;
2523
2939
  large: number;
@@ -2557,6 +2973,22 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2557
2973
  extraCompressed: number;
2558
2974
  };
2559
2975
  lineHeight: {
2976
+ display0: {
2977
+ small: number;
2978
+ large: number;
2979
+ };
2980
+ display1: {
2981
+ small: number;
2982
+ large: number;
2983
+ };
2984
+ display2: {
2985
+ small: number;
2986
+ large: number;
2987
+ };
2988
+ display3: {
2989
+ small: number;
2990
+ large: number;
2991
+ };
2560
2992
  heading1: {
2561
2993
  small: number;
2562
2994
  large: number;
@@ -2808,6 +3240,54 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
2808
3240
  surfaceInverted: string;
2809
3241
  };
2810
3242
  };
3243
+ display0: {
3244
+ fontFamily: string;
3245
+ fontWeight: number;
3246
+ lineHeight: {
3247
+ small: number;
3248
+ large: number;
3249
+ };
3250
+ fontSize: {
3251
+ small: number;
3252
+ large: number;
3253
+ };
3254
+ };
3255
+ display1: {
3256
+ fontFamily: string;
3257
+ fontWeight: number;
3258
+ lineHeight: {
3259
+ small: number;
3260
+ large: number;
3261
+ };
3262
+ fontSize: {
3263
+ small: number;
3264
+ large: number;
3265
+ };
3266
+ };
3267
+ display2: {
3268
+ fontFamily: string;
3269
+ fontWeight: number;
3270
+ lineHeight: {
3271
+ small: number;
3272
+ large: number;
3273
+ };
3274
+ fontSize: {
3275
+ small: number;
3276
+ large: number;
3277
+ };
3278
+ };
3279
+ display3: {
3280
+ fontFamily: string;
3281
+ fontWeight: number;
3282
+ lineHeight: {
3283
+ small: number;
3284
+ large: number;
3285
+ };
3286
+ fontSize: {
3287
+ small: number;
3288
+ large: number;
3289
+ };
3290
+ };
2811
3291
  heading1: {
2812
3292
  fontFamily: string;
2813
3293
  fontWeight: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "4.1.9",
3
+ "version": "4.2.0-canary-265b0a7-290",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -14,10 +14,10 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@backpackapp-io/react-native-toast": "^0.10.0",
17
+ "@ovotech/element-core": "3.1.0-canary-265b0a7-290",
17
18
  "deepmerge": "^4.2.2",
18
19
  "lodash.groupby": "^4.6.0",
19
- "react-native-reanimated-carousel": "^3.5.1",
20
- "@ovotech/element-core": "3.0.1"
20
+ "react-native-reanimated-carousel": "^3.5.1"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@babel/core": "^7.11.5",