@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 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
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 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
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 @@ export declare const SquareBullet: import("styled-components").StyledComponent<t
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;
@@ -585,6 +665,22 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
585
665
  black: number;
586
666
  };
587
667
  fontSize: {
668
+ display0: {
669
+ small: number;
670
+ large: number;
671
+ };
672
+ display1: {
673
+ small: number;
674
+ large: number;
675
+ };
676
+ display2: {
677
+ small: number;
678
+ large: number;
679
+ };
680
+ display3: {
681
+ small: number;
682
+ large: number;
683
+ };
588
684
  heading1: {
589
685
  small: number;
590
686
  large: number;
@@ -624,6 +720,22 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
624
720
  extraCompressed: number;
625
721
  };
626
722
  lineHeight: {
723
+ display0: {
724
+ small: number;
725
+ large: number;
726
+ };
727
+ display1: {
728
+ small: number;
729
+ large: number;
730
+ };
731
+ display2: {
732
+ small: number;
733
+ large: number;
734
+ };
735
+ display3: {
736
+ small: number;
737
+ large: number;
738
+ };
627
739
  heading1: {
628
740
  small: number;
629
741
  large: number;
@@ -875,6 +987,54 @@ export declare const TextBullet: import("styled-components").StyledComponent<typ
875
987
  surfaceInverted: string;
876
988
  };
877
989
  };
990
+ display0: {
991
+ fontFamily: string;
992
+ fontWeight: number;
993
+ lineHeight: {
994
+ small: number;
995
+ large: number;
996
+ };
997
+ fontSize: {
998
+ small: number;
999
+ large: number;
1000
+ };
1001
+ };
1002
+ display1: {
1003
+ fontFamily: string;
1004
+ fontWeight: number;
1005
+ lineHeight: {
1006
+ small: number;
1007
+ large: number;
1008
+ };
1009
+ fontSize: {
1010
+ small: number;
1011
+ large: number;
1012
+ };
1013
+ };
1014
+ display2: {
1015
+ fontFamily: string;
1016
+ fontWeight: number;
1017
+ lineHeight: {
1018
+ small: number;
1019
+ large: number;
1020
+ };
1021
+ fontSize: {
1022
+ small: number;
1023
+ large: number;
1024
+ };
1025
+ };
1026
+ display3: {
1027
+ fontFamily: string;
1028
+ fontWeight: number;
1029
+ lineHeight: {
1030
+ small: number;
1031
+ large: number;
1032
+ };
1033
+ fontSize: {
1034
+ small: number;
1035
+ large: number;
1036
+ };
1037
+ };
878
1038
  heading1: {
879
1039
  fontFamily: string;
880
1040
  fontWeight: number;
@@ -1070,6 +1230,22 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
1070
1230
  black: number;
1071
1231
  };
1072
1232
  fontSize: {
1233
+ display0: {
1234
+ small: number;
1235
+ large: number;
1236
+ };
1237
+ display1: {
1238
+ small: number;
1239
+ large: number;
1240
+ };
1241
+ display2: {
1242
+ small: number;
1243
+ large: number;
1244
+ };
1245
+ display3: {
1246
+ small: number;
1247
+ large: number;
1248
+ };
1073
1249
  heading1: {
1074
1250
  small: number;
1075
1251
  large: number;
@@ -1109,6 +1285,22 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
1109
1285
  extraCompressed: number;
1110
1286
  };
1111
1287
  lineHeight: {
1288
+ display0: {
1289
+ small: number;
1290
+ large: number;
1291
+ };
1292
+ display1: {
1293
+ small: number;
1294
+ large: number;
1295
+ };
1296
+ display2: {
1297
+ small: number;
1298
+ large: number;
1299
+ };
1300
+ display3: {
1301
+ small: number;
1302
+ large: number;
1303
+ };
1112
1304
  heading1: {
1113
1305
  small: number;
1114
1306
  large: number;
@@ -1360,6 +1552,54 @@ export declare const FlexRow: import("styled-components").StyledComponent<typeof
1360
1552
  surfaceInverted: string;
1361
1553
  };
1362
1554
  };
1555
+ display0: {
1556
+ fontFamily: string;
1557
+ fontWeight: number;
1558
+ lineHeight: {
1559
+ small: number;
1560
+ large: number;
1561
+ };
1562
+ fontSize: {
1563
+ small: number;
1564
+ large: number;
1565
+ };
1566
+ };
1567
+ display1: {
1568
+ fontFamily: string;
1569
+ fontWeight: number;
1570
+ lineHeight: {
1571
+ small: number;
1572
+ large: number;
1573
+ };
1574
+ fontSize: {
1575
+ small: number;
1576
+ large: number;
1577
+ };
1578
+ };
1579
+ display2: {
1580
+ fontFamily: string;
1581
+ fontWeight: number;
1582
+ lineHeight: {
1583
+ small: number;
1584
+ large: number;
1585
+ };
1586
+ fontSize: {
1587
+ small: number;
1588
+ large: number;
1589
+ };
1590
+ };
1591
+ display3: {
1592
+ fontFamily: string;
1593
+ fontWeight: number;
1594
+ lineHeight: {
1595
+ small: number;
1596
+ large: number;
1597
+ };
1598
+ fontSize: {
1599
+ small: number;
1600
+ large: number;
1601
+ };
1602
+ };
1363
1603
  heading1: {
1364
1604
  fontFamily: string;
1365
1605
  fontWeight: number;
@@ -1555,6 +1795,22 @@ export declare const LiContent: import("styled-components").StyledComponent<type
1555
1795
  black: number;
1556
1796
  };
1557
1797
  fontSize: {
1798
+ display0: {
1799
+ small: number;
1800
+ large: number;
1801
+ };
1802
+ display1: {
1803
+ small: number;
1804
+ large: number;
1805
+ };
1806
+ display2: {
1807
+ small: number;
1808
+ large: number;
1809
+ };
1810
+ display3: {
1811
+ small: number;
1812
+ large: number;
1813
+ };
1558
1814
  heading1: {
1559
1815
  small: number;
1560
1816
  large: number;
@@ -1594,6 +1850,22 @@ export declare const LiContent: import("styled-components").StyledComponent<type
1594
1850
  extraCompressed: number;
1595
1851
  };
1596
1852
  lineHeight: {
1853
+ display0: {
1854
+ small: number;
1855
+ large: number;
1856
+ };
1857
+ display1: {
1858
+ small: number;
1859
+ large: number;
1860
+ };
1861
+ display2: {
1862
+ small: number;
1863
+ large: number;
1864
+ };
1865
+ display3: {
1866
+ small: number;
1867
+ large: number;
1868
+ };
1597
1869
  heading1: {
1598
1870
  small: number;
1599
1871
  large: number;
@@ -1845,6 +2117,54 @@ export declare const LiContent: import("styled-components").StyledComponent<type
1845
2117
  surfaceInverted: string;
1846
2118
  };
1847
2119
  };
2120
+ display0: {
2121
+ fontFamily: string;
2122
+ fontWeight: number;
2123
+ lineHeight: {
2124
+ small: number;
2125
+ large: number;
2126
+ };
2127
+ fontSize: {
2128
+ small: number;
2129
+ large: number;
2130
+ };
2131
+ };
2132
+ display1: {
2133
+ fontFamily: string;
2134
+ fontWeight: number;
2135
+ lineHeight: {
2136
+ small: number;
2137
+ large: number;
2138
+ };
2139
+ fontSize: {
2140
+ small: number;
2141
+ large: number;
2142
+ };
2143
+ };
2144
+ display2: {
2145
+ fontFamily: string;
2146
+ fontWeight: number;
2147
+ lineHeight: {
2148
+ small: number;
2149
+ large: number;
2150
+ };
2151
+ fontSize: {
2152
+ small: number;
2153
+ large: number;
2154
+ };
2155
+ };
2156
+ display3: {
2157
+ fontFamily: string;
2158
+ fontWeight: number;
2159
+ lineHeight: {
2160
+ small: number;
2161
+ large: number;
2162
+ };
2163
+ fontSize: {
2164
+ small: number;
2165
+ large: number;
2166
+ };
2167
+ };
1848
2168
  heading1: {
1849
2169
  fontFamily: string;
1850
2170
  fontWeight: number;
@@ -108,6 +108,22 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
108
108
  black: number;
109
109
  };
110
110
  fontSize: {
111
+ display0: {
112
+ small: number;
113
+ large: number;
114
+ };
115
+ display1: {
116
+ small: number;
117
+ large: number;
118
+ };
119
+ display2: {
120
+ small: number;
121
+ large: number;
122
+ };
123
+ display3: {
124
+ small: number;
125
+ large: number;
126
+ };
111
127
  heading1: {
112
128
  small: number;
113
129
  large: number;
@@ -147,6 +163,22 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
147
163
  extraCompressed: number;
148
164
  };
149
165
  lineHeight: {
166
+ display0: {
167
+ small: number;
168
+ large: number;
169
+ };
170
+ display1: {
171
+ small: number;
172
+ large: number;
173
+ };
174
+ display2: {
175
+ small: number;
176
+ large: number;
177
+ };
178
+ display3: {
179
+ small: number;
180
+ large: number;
181
+ };
150
182
  heading1: {
151
183
  small: number;
152
184
  large: number;
@@ -398,6 +430,54 @@ declare const StyledMargin: import("styled-components").StyledComponent<typeof i
398
430
  surfaceInverted: string;
399
431
  };
400
432
  };
433
+ display0: {
434
+ fontFamily: string;
435
+ fontWeight: number;
436
+ lineHeight: {
437
+ small: number;
438
+ large: number;
439
+ };
440
+ fontSize: {
441
+ small: number;
442
+ large: number;
443
+ };
444
+ };
445
+ display1: {
446
+ fontFamily: string;
447
+ fontWeight: number;
448
+ lineHeight: {
449
+ small: number;
450
+ large: number;
451
+ };
452
+ fontSize: {
453
+ small: number;
454
+ large: number;
455
+ };
456
+ };
457
+ display2: {
458
+ fontFamily: string;
459
+ fontWeight: number;
460
+ lineHeight: {
461
+ small: number;
462
+ large: number;
463
+ };
464
+ fontSize: {
465
+ small: number;
466
+ large: number;
467
+ };
468
+ };
469
+ display3: {
470
+ fontFamily: string;
471
+ fontWeight: number;
472
+ lineHeight: {
473
+ small: number;
474
+ large: number;
475
+ };
476
+ fontSize: {
477
+ small: number;
478
+ large: number;
479
+ };
480
+ };
401
481
  heading1: {
402
482
  fontFamily: string;
403
483
  fontWeight: number;