@ovotech/element-native 3.7.0 → 3.8.0-canary-9bfdab2-202

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 (72) hide show
  1. package/dist/components/Accordion/styles.d.ts +33 -6
  2. package/dist/components/ActionCard/ActionCard.js +1 -1
  3. package/dist/components/ActionList/ActionList.d.ts +1 -1
  4. package/dist/components/ActionList/ActionList.js +2 -1
  5. package/dist/components/ActionList/styled.d.ts +66 -12
  6. package/dist/components/Badge/Badge.d.ts +12 -3
  7. package/dist/components/Card/Card.d.ts +14 -3
  8. package/dist/components/Card/Card.js +2 -4
  9. package/dist/components/DataTable/styles.d.ts +143 -26
  10. package/dist/components/DescriptionList/styled.d.ts +11 -2
  11. package/dist/components/Em/Em.d.ts +11 -2
  12. package/dist/components/ErrorText/ErrorText.d.ts +11 -2
  13. package/dist/components/Grid/Col.d.ts +11 -2
  14. package/dist/components/Grid/Row.d.ts +11 -2
  15. package/dist/components/Heading1/Heading1.d.ts +3 -1
  16. package/dist/components/Heading1/Heading1.js +4 -2
  17. package/dist/components/Heading2/Heading2.d.ts +3 -1
  18. package/dist/components/Heading2/Heading2.js +4 -2
  19. package/dist/components/Heading3/Heading3.d.ts +3 -1
  20. package/dist/components/Heading3/Heading3.js +4 -2
  21. package/dist/components/Heading4/Heading4.d.ts +3 -1
  22. package/dist/components/Heading4/Heading4.js +4 -2
  23. package/dist/components/HintText/HintText.d.ts +11 -2
  24. package/dist/components/HorizontalCarousel/HorizontalCarousel.d.ts +13 -0
  25. package/dist/components/HorizontalCarousel/HorizontalCarousel.js +92 -0
  26. package/dist/components/HorizontalCarousel/NavigationDots.d.ts +5 -0
  27. package/dist/components/HorizontalCarousel/NavigationDots.js +88 -0
  28. package/dist/components/HorizontalCarousel/index.d.ts +1 -0
  29. package/dist/components/HorizontalCarousel/index.js +17 -0
  30. package/dist/components/Label/Label.d.ts +5 -241
  31. package/dist/components/Label/Label.js +16 -4
  32. package/dist/components/LabelText/LabelText.d.ts +11 -2
  33. package/dist/components/Lead/Lead.d.ts +5 -241
  34. package/dist/components/Lead/Lead.js +18 -4
  35. package/dist/components/LineThrough/LineThrough.d.ts +11 -2
  36. package/dist/components/List/styled.d.ts +44 -8
  37. package/dist/components/Margin/Margin.d.ts +11 -2
  38. package/dist/components/NavHeader/NavHeader.styles.d.ts +88 -16
  39. package/dist/components/Notification/Notification.d.ts +23 -5
  40. package/dist/components/Notification/Notification.js +14 -14
  41. package/dist/components/P/P.d.ts +2 -0
  42. package/dist/components/P/P.js +2 -2
  43. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +11 -2
  44. package/dist/components/SelectField/Select.d.ts +11 -2
  45. package/dist/components/Small/Small.d.ts +11 -2
  46. package/dist/components/Strong/Strong.d.ts +11 -2
  47. package/dist/components/SubLabelText/SubLabelText.d.ts +11 -2
  48. package/dist/components/Tabs/Tab.js +6 -6
  49. package/dist/components/Toggle/styles.d.ts +44 -8
  50. package/dist/esm/components/ActionCard/ActionCard.js +1 -1
  51. package/dist/esm/components/ActionList/ActionList.js +2 -1
  52. package/dist/esm/components/Card/Card.js +2 -4
  53. package/dist/esm/components/Heading1/Heading1.js +4 -2
  54. package/dist/esm/components/Heading2/Heading2.js +4 -2
  55. package/dist/esm/components/Heading3/Heading3.js +4 -2
  56. package/dist/esm/components/Heading4/Heading4.js +4 -2
  57. package/dist/esm/components/HorizontalCarousel/HorizontalCarousel.js +62 -0
  58. package/dist/esm/components/HorizontalCarousel/NavigationDots.js +61 -0
  59. package/dist/esm/components/HorizontalCarousel/index.js +1 -0
  60. package/dist/esm/components/Label/Label.js +16 -4
  61. package/dist/esm/components/Lead/Lead.js +18 -4
  62. package/dist/esm/components/Notification/Notification.js +14 -14
  63. package/dist/esm/components/P/P.js +2 -2
  64. package/dist/esm/components/Tabs/Tab.js +7 -7
  65. package/dist/esm/index.js +1 -0
  66. package/dist/esm/theme/index.js +1 -0
  67. package/dist/index.d.ts +1 -0
  68. package/dist/index.js +1 -0
  69. package/dist/styled.native.d.ts +66 -12
  70. package/dist/theme/index.d.ts +1 -0
  71. package/dist/theme/index.js +17 -0
  72. package/package.json +4 -3
package/dist/styled.native.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
7
7
  borderWidth: Record<"small" | "medium" | "large", string>;
8
8
  breakpoint: Record<"small" | "medium" | "large", string | number>;
9
9
  mediaQuery: Record<"small" | "medium" | "large", string>;
10
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
10
11
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
11
12
  transition: Record<"medium" | "slow" | "fast", string>;
12
13
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -38,12 +39,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
38
39
  };
39
40
  semantic: {
40
41
  surface: Record<"base" | "cutout" | "elevated", string>;
41
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
42
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
43
+ branded: Record<"message" | "heading" | "surface", string>;
42
44
  border: Record<"graphic" | "differentiated" | "functional", string>;
43
45
  focus: Record<"surface" | "outline" | "hover", string>;
44
- inverted: Record<"surface" | "border", string> & {
46
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
45
47
  message: Record<"base" | "link" | "secondary" | "branded", string>;
46
48
  };
49
+ neutral: {
50
+ border: string;
51
+ surface: string;
52
+ surfaceEmphasis: string;
53
+ message: string;
54
+ messageOnEmphasis: string;
55
+ };
47
56
  success: {
48
57
  border: string;
49
58
  surface: string;
@@ -238,6 +247,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
238
247
  borderWidth: Record<"small" | "medium" | "large", string>;
239
248
  breakpoint: Record<"small" | "medium" | "large", string | number>;
240
249
  mediaQuery: Record<"small" | "medium" | "large", string>;
250
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
241
251
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
242
252
  transition: Record<"medium" | "slow" | "fast", string>;
243
253
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -269,12 +279,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
269
279
  };
270
280
  semantic: {
271
281
  surface: Record<"base" | "cutout" | "elevated", string>;
272
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
282
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
283
+ branded: Record<"message" | "heading" | "surface", string>;
273
284
  border: Record<"graphic" | "differentiated" | "functional", string>;
274
285
  focus: Record<"surface" | "outline" | "hover", string>;
275
- inverted: Record<"surface" | "border", string> & {
286
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
276
287
  message: Record<"base" | "link" | "secondary" | "branded", string>;
277
288
  };
289
+ neutral: {
290
+ border: string;
291
+ surface: string;
292
+ surfaceEmphasis: string;
293
+ message: string;
294
+ messageOnEmphasis: string;
295
+ };
278
296
  success: {
279
297
  border: string;
280
298
  surface: string;
@@ -469,6 +487,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
469
487
  borderWidth: Record<"small" | "medium" | "large", string>;
470
488
  breakpoint: Record<"small" | "medium" | "large", string | number>;
471
489
  mediaQuery: Record<"small" | "medium" | "large", string>;
490
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
472
491
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
473
492
  transition: Record<"medium" | "slow" | "fast", string>;
474
493
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -500,12 +519,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
500
519
  };
501
520
  semantic: {
502
521
  surface: Record<"base" | "cutout" | "elevated", string>;
503
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
522
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
523
+ branded: Record<"message" | "heading" | "surface", string>;
504
524
  border: Record<"graphic" | "differentiated" | "functional", string>;
505
525
  focus: Record<"surface" | "outline" | "hover", string>;
506
- inverted: Record<"surface" | "border", string> & {
526
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
507
527
  message: Record<"base" | "link" | "secondary" | "branded", string>;
508
528
  };
529
+ neutral: {
530
+ border: string;
531
+ surface: string;
532
+ surfaceEmphasis: string;
533
+ message: string;
534
+ messageOnEmphasis: string;
535
+ };
509
536
  success: {
510
537
  border: string;
511
538
  surface: string;
@@ -700,6 +727,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
700
727
  borderWidth: Record<"small" | "medium" | "large", string>;
701
728
  breakpoint: Record<"small" | "medium" | "large", string | number>;
702
729
  mediaQuery: Record<"small" | "medium" | "large", string>;
730
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
703
731
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
704
732
  transition: Record<"medium" | "slow" | "fast", string>;
705
733
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -731,12 +759,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
731
759
  };
732
760
  semantic: {
733
761
  surface: Record<"base" | "cutout" | "elevated", string>;
734
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
762
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
763
+ branded: Record<"message" | "heading" | "surface", string>;
735
764
  border: Record<"graphic" | "differentiated" | "functional", string>;
736
765
  focus: Record<"surface" | "outline" | "hover", string>;
737
- inverted: Record<"surface" | "border", string> & {
766
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
738
767
  message: Record<"base" | "link" | "secondary" | "branded", string>;
739
768
  };
769
+ neutral: {
770
+ border: string;
771
+ surface: string;
772
+ surfaceEmphasis: string;
773
+ message: string;
774
+ messageOnEmphasis: string;
775
+ };
740
776
  success: {
741
777
  border: string;
742
778
  surface: string;
@@ -931,6 +967,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
931
967
  borderWidth: Record<"small" | "medium" | "large", string>;
932
968
  breakpoint: Record<"small" | "medium" | "large", string | number>;
933
969
  mediaQuery: Record<"small" | "medium" | "large", string>;
970
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
934
971
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
935
972
  transition: Record<"medium" | "slow" | "fast", string>;
936
973
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -962,12 +999,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
962
999
  };
963
1000
  semantic: {
964
1001
  surface: Record<"base" | "cutout" | "elevated", string>;
965
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
1002
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
1003
+ branded: Record<"message" | "heading" | "surface", string>;
966
1004
  border: Record<"graphic" | "differentiated" | "functional", string>;
967
1005
  focus: Record<"surface" | "outline" | "hover", string>;
968
- inverted: Record<"surface" | "border", string> & {
1006
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
969
1007
  message: Record<"base" | "link" | "secondary" | "branded", string>;
970
1008
  };
1009
+ neutral: {
1010
+ border: string;
1011
+ surface: string;
1012
+ surfaceEmphasis: string;
1013
+ message: string;
1014
+ messageOnEmphasis: string;
1015
+ };
971
1016
  success: {
972
1017
  border: string;
973
1018
  surface: string;
@@ -1162,6 +1207,7 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1162
1207
  borderWidth: Record<"small" | "medium" | "large", string>;
1163
1208
  breakpoint: Record<"small" | "medium" | "large", string | number>;
1164
1209
  mediaQuery: Record<"small" | "medium" | "large", string>;
1210
+ customMediaQuery: Record<"small-and-up" | "medium-and-up" | "large-and-up", string>;
1165
1211
  space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
1166
1212
  transition: Record<"medium" | "slow" | "fast", string>;
1167
1213
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
@@ -1193,12 +1239,20 @@ declare const styled: styledComponents.ReactNativeStyledInterface<{
1193
1239
  };
1194
1240
  semantic: {
1195
1241
  surface: Record<"base" | "cutout" | "elevated", string>;
1196
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
1242
+ message: Record<"base" | "link" | "secondary" | "branded" | "error", string>;
1243
+ branded: Record<"message" | "heading" | "surface", string>;
1197
1244
  border: Record<"graphic" | "differentiated" | "functional", string>;
1198
1245
  focus: Record<"surface" | "outline" | "hover", string>;
1199
- inverted: Record<"surface" | "border", string> & {
1246
+ inverted: Record<"surface" | "surfaceAlt" | "border" | "borderAlt", string> & {
1200
1247
  message: Record<"base" | "link" | "secondary" | "branded", string>;
1201
1248
  };
1249
+ neutral: {
1250
+ border: string;
1251
+ surface: string;
1252
+ surfaceEmphasis: string;
1253
+ message: string;
1254
+ messageOnEmphasis: string;
1255
+ };
1202
1256
  success: {
1203
1257
  border: string;
1204
1258
  surface: string;
package/dist/theme/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from '@ovotech/element-core';
package/dist/theme/index.js ADDED
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("@ovotech/element-core"), exports);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ovotech/element-native",
3
- "version": "3.7.0",
3
+ "version": "3.8.0-canary-9bfdab2-202",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -14,9 +14,10 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "@backpackapp-io/react-native-toast": "^0.10.0",
17
- "@ovotech/element-core": "^2.2.0",
17
+ "@ovotech/element-core": "^2.2.0-canary-9bfdab2-202",
18
18
  "deepmerge": "^4.2.2",
19
- "lodash.groupby": "^4.6.0"
19
+ "lodash.groupby": "^4.6.0",
20
+ "react-native-reanimated-carousel": "^3.5.1"
20
21
  },
21
22
  "devDependencies": {
22
23
  "@babel/core": "^7.11.5",