@ovotech/element-native 4.1.9 → 4.2.0-canary-7a84545-291

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
@@ -102,6 +102,22 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
102
102
  black: number;
103
103
  };
104
104
  fontSize: {
105
+ display0: {
106
+ small: number;
107
+ large: number;
108
+ };
109
+ display1: {
110
+ small: number;
111
+ large: number;
112
+ };
113
+ display2: {
114
+ small: number;
115
+ large: number;
116
+ };
117
+ display3: {
118
+ small: number;
119
+ large: number;
120
+ };
105
121
  heading1: {
106
122
  small: number;
107
123
  large: number;
@@ -141,6 +157,22 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
141
157
  extraCompressed: number;
142
158
  };
143
159
  lineHeight: {
160
+ display0: {
161
+ small: number;
162
+ large: number;
163
+ };
164
+ display1: {
165
+ small: number;
166
+ large: number;
167
+ };
168
+ display2: {
169
+ small: number;
170
+ large: number;
171
+ };
172
+ display3: {
173
+ small: number;
174
+ large: number;
175
+ };
144
176
  heading1: {
145
177
  small: number;
146
178
  large: number;
@@ -392,6 +424,54 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
392
424
  surfaceInverted: string;
393
425
  };
394
426
  };
427
+ display0: {
428
+ fontFamily: string;
429
+ fontWeight: number;
430
+ lineHeight: {
431
+ small: number;
432
+ large: number;
433
+ };
434
+ fontSize: {
435
+ small: number;
436
+ large: number;
437
+ };
438
+ };
439
+ display1: {
440
+ fontFamily: string;
441
+ fontWeight: number;
442
+ lineHeight: {
443
+ small: number;
444
+ large: number;
445
+ };
446
+ fontSize: {
447
+ small: number;
448
+ large: number;
449
+ };
450
+ };
451
+ display2: {
452
+ fontFamily: string;
453
+ fontWeight: number;
454
+ lineHeight: {
455
+ small: number;
456
+ large: number;
457
+ };
458
+ fontSize: {
459
+ small: number;
460
+ large: number;
461
+ };
462
+ };
463
+ display3: {
464
+ fontFamily: string;
465
+ fontWeight: number;
466
+ lineHeight: {
467
+ small: number;
468
+ large: number;
469
+ };
470
+ fontSize: {
471
+ small: number;
472
+ large: number;
473
+ };
474
+ };
395
475
  heading1: {
396
476
  fontFamily: string;
397
477
  fontWeight: number;
@@ -101,6 +101,22 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
101
101
  black: number;
102
102
  };
103
103
  fontSize: {
104
+ display0: {
105
+ small: number;
106
+ large: number;
107
+ };
108
+ display1: {
109
+ small: number;
110
+ large: number;
111
+ };
112
+ display2: {
113
+ small: number;
114
+ large: number;
115
+ };
116
+ display3: {
117
+ small: number;
118
+ large: number;
119
+ };
104
120
  heading1: {
105
121
  small: number;
106
122
  large: number;
@@ -140,6 +156,22 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
140
156
  extraCompressed: number;
141
157
  };
142
158
  lineHeight: {
159
+ display0: {
160
+ small: number;
161
+ large: number;
162
+ };
163
+ display1: {
164
+ small: number;
165
+ large: number;
166
+ };
167
+ display2: {
168
+ small: number;
169
+ large: number;
170
+ };
171
+ display3: {
172
+ small: number;
173
+ large: number;
174
+ };
143
175
  heading1: {
144
176
  small: number;
145
177
  large: number;
@@ -391,6 +423,54 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
391
423
  surfaceInverted: string;
392
424
  };
393
425
  };
426
+ display0: {
427
+ fontFamily: string;
428
+ fontWeight: number;
429
+ lineHeight: {
430
+ small: number;
431
+ large: number;
432
+ };
433
+ fontSize: {
434
+ small: number;
435
+ large: number;
436
+ };
437
+ };
438
+ display1: {
439
+ fontFamily: string;
440
+ fontWeight: number;
441
+ lineHeight: {
442
+ small: number;
443
+ large: number;
444
+ };
445
+ fontSize: {
446
+ small: number;
447
+ large: number;
448
+ };
449
+ };
450
+ display2: {
451
+ fontFamily: string;
452
+ fontWeight: number;
453
+ lineHeight: {
454
+ small: number;
455
+ large: number;
456
+ };
457
+ fontSize: {
458
+ small: number;
459
+ large: number;
460
+ };
461
+ };
462
+ display3: {
463
+ fontFamily: string;
464
+ fontWeight: number;
465
+ lineHeight: {
466
+ small: number;
467
+ large: number;
468
+ };
469
+ fontSize: {
470
+ small: number;
471
+ large: number;
472
+ };
473
+ };
394
474
  heading1: {
395
475
  fontFamily: string;
396
476
  fontWeight: number;
@@ -97,6 +97,22 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
97
97
  black: number;
98
98
  };
99
99
  fontSize: {
100
+ display0: {
101
+ small: number;
102
+ large: number;
103
+ };
104
+ display1: {
105
+ small: number;
106
+ large: number;
107
+ };
108
+ display2: {
109
+ small: number;
110
+ large: number;
111
+ };
112
+ display3: {
113
+ small: number;
114
+ large: number;
115
+ };
100
116
  heading1: {
101
117
  small: number;
102
118
  large: number;
@@ -136,6 +152,22 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
136
152
  extraCompressed: number;
137
153
  };
138
154
  lineHeight: {
155
+ display0: {
156
+ small: number;
157
+ large: number;
158
+ };
159
+ display1: {
160
+ small: number;
161
+ large: number;
162
+ };
163
+ display2: {
164
+ small: number;
165
+ large: number;
166
+ };
167
+ display3: {
168
+ small: number;
169
+ large: number;
170
+ };
139
171
  heading1: {
140
172
  small: number;
141
173
  large: number;
@@ -387,6 +419,54 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
387
419
  surfaceInverted: string;
388
420
  };
389
421
  };
422
+ display0: {
423
+ fontFamily: string;
424
+ fontWeight: number;
425
+ lineHeight: {
426
+ small: number;
427
+ large: number;
428
+ };
429
+ fontSize: {
430
+ small: number;
431
+ large: number;
432
+ };
433
+ };
434
+ display1: {
435
+ fontFamily: string;
436
+ fontWeight: number;
437
+ lineHeight: {
438
+ small: number;
439
+ large: number;
440
+ };
441
+ fontSize: {
442
+ small: number;
443
+ large: number;
444
+ };
445
+ };
446
+ display2: {
447
+ fontFamily: string;
448
+ fontWeight: number;
449
+ lineHeight: {
450
+ small: number;
451
+ large: number;
452
+ };
453
+ fontSize: {
454
+ small: number;
455
+ large: number;
456
+ };
457
+ };
458
+ display3: {
459
+ fontFamily: string;
460
+ fontWeight: number;
461
+ lineHeight: {
462
+ small: number;
463
+ large: number;
464
+ };
465
+ fontSize: {
466
+ small: number;
467
+ large: number;
468
+ };
469
+ };
390
470
  heading1: {
391
471
  fontFamily: string;
392
472
  fontWeight: number;
@@ -102,6 +102,22 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
102
102
  black: number;
103
103
  };
104
104
  fontSize: {
105
+ display0: {
106
+ small: number;
107
+ large: number;
108
+ };
109
+ display1: {
110
+ small: number;
111
+ large: number;
112
+ };
113
+ display2: {
114
+ small: number;
115
+ large: number;
116
+ };
117
+ display3: {
118
+ small: number;
119
+ large: number;
120
+ };
105
121
  heading1: {
106
122
  small: number;
107
123
  large: number;
@@ -141,6 +157,22 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
141
157
  extraCompressed: number;
142
158
  };
143
159
  lineHeight: {
160
+ display0: {
161
+ small: number;
162
+ large: number;
163
+ };
164
+ display1: {
165
+ small: number;
166
+ large: number;
167
+ };
168
+ display2: {
169
+ small: number;
170
+ large: number;
171
+ };
172
+ display3: {
173
+ small: number;
174
+ large: number;
175
+ };
144
176
  heading1: {
145
177
  small: number;
146
178
  large: number;
@@ -392,6 +424,54 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
392
424
  surfaceInverted: string;
393
425
  };
394
426
  };
427
+ display0: {
428
+ fontFamily: string;
429
+ fontWeight: number;
430
+ lineHeight: {
431
+ small: number;
432
+ large: number;
433
+ };
434
+ fontSize: {
435
+ small: number;
436
+ large: number;
437
+ };
438
+ };
439
+ display1: {
440
+ fontFamily: string;
441
+ fontWeight: number;
442
+ lineHeight: {
443
+ small: number;
444
+ large: number;
445
+ };
446
+ fontSize: {
447
+ small: number;
448
+ large: number;
449
+ };
450
+ };
451
+ display2: {
452
+ fontFamily: string;
453
+ fontWeight: number;
454
+ lineHeight: {
455
+ small: number;
456
+ large: number;
457
+ };
458
+ fontSize: {
459
+ small: number;
460
+ large: number;
461
+ };
462
+ };
463
+ display3: {
464
+ fontFamily: string;
465
+ fontWeight: number;
466
+ lineHeight: {
467
+ small: number;
468
+ large: number;
469
+ };
470
+ fontSize: {
471
+ small: number;
472
+ large: number;
473
+ };
474
+ };
395
475
  heading1: {
396
476
  fontFamily: string;
397
477
  fontWeight: number;
@@ -11,8 +11,8 @@ export type InputProps = TextInputProps & {
11
11
  declare const Input: import("react").ForwardRefExoticComponent<TextInputProps & {
12
12
  invalid?: boolean | undefined;
13
13
  stretch?: boolean | undefined;
14
- iconLeft?: string | undefined;
15
- iconRight?: string | undefined;
14
+ iconLeft?: IconNameExtended | undefined;
15
+ iconRight?: IconNameExtended | undefined;
16
16
  rightSlot?: ReactNode;
17
17
  } & import("react").RefAttributes<TextInput>>;
18
18
  export { Input };
@@ -102,6 +102,22 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
102
102
  black: number;
103
103
  };
104
104
  fontSize: {
105
+ display0: {
106
+ small: number;
107
+ large: number;
108
+ };
109
+ display1: {
110
+ small: number;
111
+ large: number;
112
+ };
113
+ display2: {
114
+ small: number;
115
+ large: number;
116
+ };
117
+ display3: {
118
+ small: number;
119
+ large: number;
120
+ };
105
121
  heading1: {
106
122
  small: number;
107
123
  large: number;
@@ -141,6 +157,22 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
141
157
  extraCompressed: number;
142
158
  };
143
159
  lineHeight: {
160
+ display0: {
161
+ small: number;
162
+ large: number;
163
+ };
164
+ display1: {
165
+ small: number;
166
+ large: number;
167
+ };
168
+ display2: {
169
+ small: number;
170
+ large: number;
171
+ };
172
+ display3: {
173
+ small: number;
174
+ large: number;
175
+ };
144
176
  heading1: {
145
177
  small: number;
146
178
  large: number;
@@ -392,6 +424,54 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
392
424
  surfaceInverted: string;
393
425
  };
394
426
  };
427
+ display0: {
428
+ fontFamily: string;
429
+ fontWeight: number;
430
+ lineHeight: {
431
+ small: number;
432
+ large: number;
433
+ };
434
+ fontSize: {
435
+ small: number;
436
+ large: number;
437
+ };
438
+ };
439
+ display1: {
440
+ fontFamily: string;
441
+ fontWeight: number;
442
+ lineHeight: {
443
+ small: number;
444
+ large: number;
445
+ };
446
+ fontSize: {
447
+ small: number;
448
+ large: number;
449
+ };
450
+ };
451
+ display2: {
452
+ fontFamily: string;
453
+ fontWeight: number;
454
+ lineHeight: {
455
+ small: number;
456
+ large: number;
457
+ };
458
+ fontSize: {
459
+ small: number;
460
+ large: number;
461
+ };
462
+ };
463
+ display3: {
464
+ fontFamily: string;
465
+ fontWeight: number;
466
+ lineHeight: {
467
+ small: number;
468
+ large: number;
469
+ };
470
+ fontSize: {
471
+ small: number;
472
+ large: number;
473
+ };
474
+ };
395
475
  heading1: {
396
476
  fontFamily: string;
397
477
  fontWeight: number;
@@ -95,6 +95,22 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
95
95
  black: number;
96
96
  };
97
97
  fontSize: {
98
+ display0: {
99
+ small: number;
100
+ large: number;
101
+ };
102
+ display1: {
103
+ small: number;
104
+ large: number;
105
+ };
106
+ display2: {
107
+ small: number;
108
+ large: number;
109
+ };
110
+ display3: {
111
+ small: number;
112
+ large: number;
113
+ };
98
114
  heading1: {
99
115
  small: number;
100
116
  large: number;
@@ -134,6 +150,22 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
134
150
  extraCompressed: number;
135
151
  };
136
152
  lineHeight: {
153
+ display0: {
154
+ small: number;
155
+ large: number;
156
+ };
157
+ display1: {
158
+ small: number;
159
+ large: number;
160
+ };
161
+ display2: {
162
+ small: number;
163
+ large: number;
164
+ };
165
+ display3: {
166
+ small: number;
167
+ large: number;
168
+ };
137
169
  heading1: {
138
170
  small: number;
139
171
  large: number;
@@ -385,6 +417,54 @@ export declare const LineThrough: import("styled-components").StyledComponent<ty
385
417
  surfaceInverted: string;
386
418
  };
387
419
  };
420
+ display0: {
421
+ fontFamily: string;
422
+ fontWeight: number;
423
+ lineHeight: {
424
+ small: number;
425
+ large: number;
426
+ };
427
+ fontSize: {
428
+ small: number;
429
+ large: number;
430
+ };
431
+ };
432
+ display1: {
433
+ fontFamily: string;
434
+ fontWeight: number;
435
+ lineHeight: {
436
+ small: number;
437
+ large: number;
438
+ };
439
+ fontSize: {
440
+ small: number;
441
+ large: number;
442
+ };
443
+ };
444
+ display2: {
445
+ fontFamily: string;
446
+ fontWeight: number;
447
+ lineHeight: {
448
+ small: number;
449
+ large: number;
450
+ };
451
+ fontSize: {
452
+ small: number;
453
+ large: number;
454
+ };
455
+ };
456
+ display3: {
457
+ fontFamily: string;
458
+ fontWeight: number;
459
+ lineHeight: {
460
+ small: number;
461
+ large: number;
462
+ };
463
+ fontSize: {
464
+ small: number;
465
+ large: number;
466
+ };
467
+ };
388
468
  heading1: {
389
469
  fontFamily: string;
390
470
  fontWeight: number;