@ovotech/element-native 3.4.1-canary-f5ccea2-152 → 3.4.1

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 (42) hide show
  1. package/dist/components/Accordion/styles.d.ts +0 -12
  2. package/dist/components/ActionCard/ActionCard.js +1 -1
  3. package/dist/components/ActionList/ActionList.d.ts +1 -2
  4. package/dist/components/ActionList/ActionList.js +4 -4
  5. package/dist/components/ActionList/styled.d.ts +2 -263
  6. package/dist/components/ActionList/styled.js +10 -12
  7. package/dist/components/Badge/Badge.d.ts +0 -4
  8. package/dist/components/Card/Card.d.ts +0 -4
  9. package/dist/components/DataTable/TableRow.js +1 -7
  10. package/dist/components/DataTable/styles.d.ts +0 -510
  11. package/dist/components/DataTable/styles.js +5 -16
  12. package/dist/components/DataTable/types.d.ts +2 -8
  13. package/dist/components/DescriptionList/styled.d.ts +0 -4
  14. package/dist/components/Em/Em.d.ts +0 -4
  15. package/dist/components/ErrorText/ErrorText.d.ts +0 -4
  16. package/dist/components/Grid/Col.d.ts +0 -4
  17. package/dist/components/Grid/Row.d.ts +0 -4
  18. package/dist/components/HintText/HintText.d.ts +0 -4
  19. package/dist/components/LabelText/LabelText.d.ts +0 -4
  20. package/dist/components/LineThrough/LineThrough.d.ts +0 -4
  21. package/dist/components/List/List.d.ts +0 -4
  22. package/dist/components/List/List.js +24 -30
  23. package/dist/components/List/styled.d.ts +0 -24
  24. package/dist/components/List/styled.js +2 -2
  25. package/dist/components/Margin/Margin.d.ts +0 -4
  26. package/dist/components/NavHeader/NavHeader.styles.d.ts +0 -28
  27. package/dist/components/Notification/Notification.d.ts +0 -8
  28. package/dist/components/P/P.d.ts +0 -4
  29. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +0 -4
  30. package/dist/components/SelectField/Select.d.ts +0 -4
  31. package/dist/components/Small/Small.d.ts +0 -4
  32. package/dist/components/Strong/Strong.d.ts +0 -4
  33. package/dist/components/SubLabelText/SubLabelText.d.ts +0 -4
  34. package/dist/esm/components/ActionCard/ActionCard.js +1 -1
  35. package/dist/esm/components/ActionList/ActionList.js +4 -4
  36. package/dist/esm/components/ActionList/styled.js +10 -12
  37. package/dist/esm/components/DataTable/TableRow.js +2 -8
  38. package/dist/esm/components/DataTable/styles.js +4 -15
  39. package/dist/esm/components/List/List.js +25 -31
  40. package/dist/esm/components/List/styled.js +2 -2
  41. package/dist/styled.native.d.ts +0 -24
  42. package/package.json +2 -2
package/dist/components/DataTable/styles.d.ts CHANGED
@@ -203,10 +203,6 @@ export declare const StyledTableContainer: import("styled-components").StyledCom
203
203
  };
204
204
  badge: {
205
205
  variants: {
206
- neutral: {
207
- foreground: string;
208
- background: string;
209
- };
210
206
  red: {
211
207
  foreground: string;
212
208
  background: string;
@@ -435,10 +431,6 @@ export declare const TableHeader: import("styled-components").StyledComponent<ty
435
431
  };
436
432
  badge: {
437
433
  variants: {
438
- neutral: {
439
- foreground: string;
440
- background: string;
441
- };
442
434
  red: {
443
435
  foreground: string;
444
436
  background: string;
@@ -669,10 +661,6 @@ export declare const TableHeaderText: import("styled-components").StyledComponen
669
661
  };
670
662
  badge: {
671
663
  variants: {
672
- neutral: {
673
- foreground: string;
674
- background: string;
675
- };
676
664
  red: {
677
665
  foreground: string;
678
666
  background: string;
@@ -901,10 +889,6 @@ export declare const TableCaptionText: import("styled-components").StyledCompone
901
889
  };
902
890
  badge: {
903
891
  variants: {
904
- neutral: {
905
- foreground: string;
906
- background: string;
907
- };
908
892
  red: {
909
893
  foreground: string;
910
894
  background: string;
@@ -1133,10 +1117,6 @@ export declare const CellText: import("styled-components").StyledComponent<typeo
1133
1117
  };
1134
1118
  badge: {
1135
1119
  variants: {
1136
- neutral: {
1137
- foreground: string;
1138
- background: string;
1139
- };
1140
1120
  red: {
1141
1121
  foreground: string;
1142
1122
  background: string;
@@ -1365,10 +1345,6 @@ export declare const TableCaption: import("styled-components").StyledComponent<t
1365
1345
  };
1366
1346
  badge: {
1367
1347
  variants: {
1368
- neutral: {
1369
- foreground: string;
1370
- background: string;
1371
- };
1372
1348
  red: {
1373
1349
  foreground: string;
1374
1350
  background: string;
@@ -1597,10 +1573,6 @@ export declare const TableRow: import("styled-components").StyledComponent<typeo
1597
1573
  };
1598
1574
  badge: {
1599
1575
  variants: {
1600
- neutral: {
1601
- foreground: string;
1602
- background: string;
1603
- };
1604
1576
  red: {
1605
1577
  foreground: string;
1606
1578
  background: string;
@@ -1831,10 +1803,6 @@ export declare const TableRowHeading: import("styled-components").StyledComponen
1831
1803
  };
1832
1804
  badge: {
1833
1805
  variants: {
1834
- neutral: {
1835
- foreground: string;
1836
- background: string;
1837
- };
1838
1806
  red: {
1839
1807
  foreground: string;
1840
1808
  background: string;
@@ -2063,10 +2031,6 @@ export declare const TableBody: import("styled-components").StyledComponent<type
2063
2031
  };
2064
2032
  badge: {
2065
2033
  variants: {
2066
- neutral: {
2067
- foreground: string;
2068
- background: string;
2069
- };
2070
2034
  red: {
2071
2035
  foreground: string;
2072
2036
  background: string;
@@ -2295,10 +2259,6 @@ export declare const TableCell: import("styled-components").StyledComponent<type
2295
2259
  };
2296
2260
  badge: {
2297
2261
  variants: {
2298
- neutral: {
2299
- foreground: string;
2300
- background: string;
2301
- };
2302
2262
  red: {
2303
2263
  foreground: string;
2304
2264
  background: string;
@@ -2529,10 +2489,6 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
2529
2489
  };
2530
2490
  badge: {
2531
2491
  variants: {
2532
- neutral: {
2533
- foreground: string;
2534
- background: string;
2535
- };
2536
2492
  red: {
2537
2493
  foreground: string;
2538
2494
  background: string;
@@ -2559,469 +2515,3 @@ export declare const RowHeading: import("styled-components").StyledComponent<typ
2559
2515
  }, {
2560
2516
  cellWidth: string;
2561
2517
  } & Breakpoints, never>;
2562
- export declare const StyledSeparatorRow: import("styled-components").StyledComponent<typeof import("react-native").View, {
2563
- core: {
2564
- radius: Record<"small" | "medium" | "large" | "max", string>;
2565
- borderWidth: Record<"small" | "medium" | "large", string>;
2566
- breakpoint: Record<"small" | "medium" | "large", string | number>;
2567
- mediaQuery: Record<"small" | "medium" | "large", string>;
2568
- space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
2569
- transition: Record<"medium" | "slow" | "fast", string>;
2570
- opacity: Record<"solid" | "transparent" | "translucent", string | number>;
2571
- color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
2572
- lightest: string;
2573
- lighter: string;
2574
- light: string;
2575
- base: string;
2576
- dark: string;
2577
- darker: string;
2578
- darkest: string;
2579
- }> & {
2580
- brand: Record<string, string>;
2581
- };
2582
- fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
2583
- native: string;
2584
- web: string;
2585
- }>;
2586
- fontWeight: Record<"bold" | "book" | "black", string | number>;
2587
- fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
2588
- small: string | number;
2589
- large: string | number;
2590
- }>;
2591
- lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
2592
- small: string | number;
2593
- large: string | number;
2594
- }>;
2595
- letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
2596
- };
2597
- semantic: {
2598
- surface: Record<"base" | "cutout" | "elevated", string>;
2599
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
2600
- border: Record<"graphic" | "differentiated" | "functional", string>;
2601
- focus: Record<"surface" | "outline" | "hover", string>;
2602
- inverted: Record<"surface" | "border", string> & {
2603
- message: Record<"base" | "link" | "secondary" | "branded", string>;
2604
- };
2605
- success: {
2606
- border: string;
2607
- surface: string;
2608
- surfaceEmphasis: string;
2609
- message: string;
2610
- messageOnEmphasis: string;
2611
- };
2612
- warning: {
2613
- border: string;
2614
- surface: string;
2615
- surfaceEmphasis: string;
2616
- message: string;
2617
- messageOnEmphasis: string;
2618
- };
2619
- error: {
2620
- border: string;
2621
- surface: string;
2622
- surfaceEmphasis: string;
2623
- message: string;
2624
- messageOnEmphasis: string;
2625
- };
2626
- info: {
2627
- border: string;
2628
- surface: string;
2629
- surfaceEmphasis: string;
2630
- message: string;
2631
- messageOnEmphasis: string;
2632
- };
2633
- data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
2634
- };
2635
- component: {
2636
- heading1: {
2637
- fontFamily: string;
2638
- fontWeight: string | number;
2639
- fontSize: {
2640
- small: string | number;
2641
- large: string | number;
2642
- };
2643
- lineHeight: {
2644
- small: string | number;
2645
- large: string | number;
2646
- };
2647
- };
2648
- heading2: {
2649
- fontFamily: string;
2650
- fontWeight: string | number;
2651
- fontSize: {
2652
- small: string | number;
2653
- large: string | number;
2654
- };
2655
- lineHeight: {
2656
- small: string | number;
2657
- large: string | number;
2658
- };
2659
- };
2660
- heading3: {
2661
- fontFamily: string;
2662
- fontWeight: string | number;
2663
- fontSize: {
2664
- small: string | number;
2665
- large: string | number;
2666
- };
2667
- lineHeight: {
2668
- small: string | number;
2669
- large: string | number;
2670
- };
2671
- };
2672
- heading4: {
2673
- fontFamily: string;
2674
- fontWeight: string | number;
2675
- fontSize: {
2676
- small: string | number;
2677
- large: string | number;
2678
- };
2679
- lineHeight: {
2680
- small: string | number;
2681
- large: string | number;
2682
- };
2683
- };
2684
- lead: {
2685
- fontFamily: string;
2686
- fontWeight: string | number;
2687
- fontSize: {
2688
- small: string | number;
2689
- large: string | number;
2690
- };
2691
- lineHeight: {
2692
- small: string | number;
2693
- large: string | number;
2694
- };
2695
- };
2696
- body: {
2697
- fontFamily: string;
2698
- fontWeight: string | number;
2699
- fontSize: {
2700
- small: string | number;
2701
- large: string | number;
2702
- };
2703
- lineHeight: {
2704
- small: string | number;
2705
- large: string | number;
2706
- };
2707
- };
2708
- small: {
2709
- fontFamily: string;
2710
- fontWeight: string | number;
2711
- fontSize: {
2712
- small: string | number;
2713
- large: string | number;
2714
- };
2715
- lineHeight: {
2716
- small: string | number;
2717
- large: string | number;
2718
- };
2719
- };
2720
- label: {
2721
- fontFamily: string;
2722
- fontWeight: string | number;
2723
- fontSize: {
2724
- small: string | number;
2725
- large: string | number;
2726
- };
2727
- lineHeight: {
2728
- small: string | number;
2729
- large: string | number;
2730
- };
2731
- };
2732
- cta: {
2733
- primary: {
2734
- message: string;
2735
- surface: string;
2736
- messageHover: string;
2737
- surfaceHover: string;
2738
- messageFocused: string;
2739
- surfaceFocused: string;
2740
- outlineFocused: string;
2741
- backgroundFocused: string;
2742
- };
2743
- secondary: {
2744
- message: string;
2745
- surface: string;
2746
- messageHover: string;
2747
- surfaceHover: string;
2748
- messageFocused: string;
2749
- surfaceFocused: string;
2750
- outlineFocused: string;
2751
- backgroundFocused: string;
2752
- };
2753
- destructive: {
2754
- message: string;
2755
- surface: string;
2756
- messageHover: string;
2757
- surfaceHover: string;
2758
- messageFocused: string;
2759
- surfaceFocused: string;
2760
- outlineFocused: string;
2761
- backgroundFocused: string;
2762
- };
2763
- };
2764
- badge: {
2765
- variants: {
2766
- neutral: {
2767
- foreground: string;
2768
- background: string;
2769
- };
2770
- red: {
2771
- foreground: string;
2772
- background: string;
2773
- };
2774
- orange: {
2775
- foreground: string;
2776
- background: string;
2777
- };
2778
- yellow: {
2779
- foreground: string;
2780
- background: string;
2781
- };
2782
- green: {
2783
- foreground: string;
2784
- background: string;
2785
- };
2786
- blue: {
2787
- foreground: string;
2788
- background: string;
2789
- };
2790
- };
2791
- };
2792
- };
2793
- }, {
2794
- width?: number | undefined;
2795
- }, never>;
2796
- export declare const SeparatorRowText: import("styled-components").StyledComponent<typeof import("react-native").Text, {
2797
- core: {
2798
- radius: Record<"small" | "medium" | "large" | "max", string>;
2799
- borderWidth: Record<"small" | "medium" | "large", string>;
2800
- breakpoint: Record<"small" | "medium" | "large", string | number>;
2801
- mediaQuery: Record<"small" | "medium" | "large", string>;
2802
- space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
2803
- transition: Record<"medium" | "slow" | "fast", string>;
2804
- opacity: Record<"solid" | "transparent" | "translucent", string | number>;
2805
- color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
2806
- lightest: string;
2807
- lighter: string;
2808
- light: string;
2809
- base: string;
2810
- dark: string;
2811
- darker: string;
2812
- darkest: string;
2813
- }> & {
2814
- brand: Record<string, string>;
2815
- };
2816
- fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
2817
- native: string;
2818
- web: string;
2819
- }>;
2820
- fontWeight: Record<"bold" | "book" | "black", string | number>;
2821
- fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
2822
- small: string | number;
2823
- large: string | number;
2824
- }>;
2825
- lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
2826
- small: string | number;
2827
- large: string | number;
2828
- }>;
2829
- letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
2830
- };
2831
- semantic: {
2832
- surface: Record<"base" | "cutout" | "elevated", string>;
2833
- message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
2834
- border: Record<"graphic" | "differentiated" | "functional", string>;
2835
- focus: Record<"surface" | "outline" | "hover", string>;
2836
- inverted: Record<"surface" | "border", string> & {
2837
- message: Record<"base" | "link" | "secondary" | "branded", string>;
2838
- };
2839
- success: {
2840
- border: string;
2841
- surface: string;
2842
- surfaceEmphasis: string;
2843
- message: string;
2844
- messageOnEmphasis: string;
2845
- };
2846
- warning: {
2847
- border: string;
2848
- surface: string;
2849
- surfaceEmphasis: string;
2850
- message: string;
2851
- messageOnEmphasis: string;
2852
- };
2853
- error: {
2854
- border: string;
2855
- surface: string;
2856
- surfaceEmphasis: string;
2857
- message: string;
2858
- messageOnEmphasis: string;
2859
- };
2860
- info: {
2861
- border: string;
2862
- surface: string;
2863
- surfaceEmphasis: string;
2864
- message: string;
2865
- messageOnEmphasis: string;
2866
- };
2867
- data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
2868
- };
2869
- component: {
2870
- heading1: {
2871
- fontFamily: string;
2872
- fontWeight: string | number;
2873
- fontSize: {
2874
- small: string | number;
2875
- large: string | number;
2876
- };
2877
- lineHeight: {
2878
- small: string | number;
2879
- large: string | number;
2880
- };
2881
- };
2882
- heading2: {
2883
- fontFamily: string;
2884
- fontWeight: string | number;
2885
- fontSize: {
2886
- small: string | number;
2887
- large: string | number;
2888
- };
2889
- lineHeight: {
2890
- small: string | number;
2891
- large: string | number;
2892
- };
2893
- };
2894
- heading3: {
2895
- fontFamily: string;
2896
- fontWeight: string | number;
2897
- fontSize: {
2898
- small: string | number;
2899
- large: string | number;
2900
- };
2901
- lineHeight: {
2902
- small: string | number;
2903
- large: string | number;
2904
- };
2905
- };
2906
- heading4: {
2907
- fontFamily: string;
2908
- fontWeight: string | number;
2909
- fontSize: {
2910
- small: string | number;
2911
- large: string | number;
2912
- };
2913
- lineHeight: {
2914
- small: string | number;
2915
- large: string | number;
2916
- };
2917
- };
2918
- lead: {
2919
- fontFamily: string;
2920
- fontWeight: string | number;
2921
- fontSize: {
2922
- small: string | number;
2923
- large: string | number;
2924
- };
2925
- lineHeight: {
2926
- small: string | number;
2927
- large: string | number;
2928
- };
2929
- };
2930
- body: {
2931
- fontFamily: string;
2932
- fontWeight: string | number;
2933
- fontSize: {
2934
- small: string | number;
2935
- large: string | number;
2936
- };
2937
- lineHeight: {
2938
- small: string | number;
2939
- large: string | number;
2940
- };
2941
- };
2942
- small: {
2943
- fontFamily: string;
2944
- fontWeight: string | number;
2945
- fontSize: {
2946
- small: string | number;
2947
- large: string | number;
2948
- };
2949
- lineHeight: {
2950
- small: string | number;
2951
- large: string | number;
2952
- };
2953
- };
2954
- label: {
2955
- fontFamily: string;
2956
- fontWeight: string | number;
2957
- fontSize: {
2958
- small: string | number;
2959
- large: string | number;
2960
- };
2961
- lineHeight: {
2962
- small: string | number;
2963
- large: string | number;
2964
- };
2965
- };
2966
- cta: {
2967
- primary: {
2968
- message: string;
2969
- surface: string;
2970
- messageHover: string;
2971
- surfaceHover: string;
2972
- messageFocused: string;
2973
- surfaceFocused: string;
2974
- outlineFocused: string;
2975
- backgroundFocused: string;
2976
- };
2977
- secondary: {
2978
- message: string;
2979
- surface: string;
2980
- messageHover: string;
2981
- surfaceHover: string;
2982
- messageFocused: string;
2983
- surfaceFocused: string;
2984
- outlineFocused: string;
2985
- backgroundFocused: string;
2986
- };
2987
- destructive: {
2988
- message: string;
2989
- surface: string;
2990
- messageHover: string;
2991
- surfaceHover: string;
2992
- messageFocused: string;
2993
- surfaceFocused: string;
2994
- outlineFocused: string;
2995
- backgroundFocused: string;
2996
- };
2997
- };
2998
- badge: {
2999
- variants: {
3000
- neutral: {
3001
- foreground: string;
3002
- background: string;
3003
- };
3004
- red: {
3005
- foreground: string;
3006
- background: string;
3007
- };
3008
- orange: {
3009
- foreground: string;
3010
- background: string;
3011
- };
3012
- yellow: {
3013
- foreground: string;
3014
- background: string;
3015
- };
3016
- green: {
3017
- foreground: string;
3018
- background: string;
3019
- };
3020
- blue: {
3021
- foreground: string;
3022
- background: string;
3023
- };
3024
- };
3025
- };
3026
- };
3027
- }, Breakpoints, never>;
package/dist/components/DataTable/styles.js CHANGED
@@ -27,7 +27,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
27
27
  return result;
28
28
  };
29
29
  Object.defineProperty(exports, "__esModule", { value: true });
30
- exports.SeparatorRowText = exports.StyledSeparatorRow = exports.RowHeading = exports.TableCell = exports.TableBody = exports.TableRowHeading = exports.TableRow = exports.TableCaption = exports.CellText = exports.TableCaptionText = exports.TableHeaderText = exports.TableHeader = exports.StyledTableContainer = void 0;
30
+ exports.RowHeading = exports.TableCell = exports.TableBody = exports.TableRowHeading = exports.TableRow = exports.TableCaption = exports.CellText = exports.TableCaptionText = exports.TableHeaderText = exports.TableHeader = exports.StyledTableContainer = void 0;
31
31
  var styled_native_1 = __importStar(require("../../styled.native"));
32
32
  exports.StyledTableContainer = styled_native_1.default.View(function (_a) {
33
33
  var _b = _a.theme, core = _b.core, semantic = _b.semantic;
@@ -47,11 +47,11 @@ exports.TableCaptionText = styled_native_1.default.Text(function (_a) {
47
47
  });
48
48
  exports.CellText = styled_native_1.default.Text(function (_a) {
49
49
  var core = _a.theme.core, smallAndUp = _a.smallAndUp;
50
- return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-family: ", ";\n line-height: ", ";\n font-size: ", ";\n "], ["\n font-family: ", ";\n line-height: ", ";\n font-size: ", ";\n "])), core.fontFamily.body.native, core.lineHeight.body.large, core.fontSize.body[smallAndUp ? 'large' : 'small']);
50
+ return (0, styled_native_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-family: ", ";\n line-height: ", ";\n\n font-size: ", ";\n "], ["\n font-family: ", ";\n line-height: ", ";\n\n font-size: ", ";\n "])), core.fontFamily.body.native, core.lineHeight.body.large, core.fontSize.body[smallAndUp ? 'large' : 'small']);
51
51
  });
52
52
  exports.TableCaption = styled_native_1.default.View(function (_a) {
53
53
  var core = _a.theme.core;
54
- return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding: ", " ", ";\n "], ["\n padding: ", " ", ";\n "])), core.space[4], core.space[2]);
54
+ return (0, styled_native_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding: ", " ", ";\n "], ["\n padding: ", " ", ";\n "])), core.space[4], core.space[1]);
55
55
  });
56
56
  exports.TableRow = styled_native_1.default.View(function (_a) {
57
57
  var _b = _a.theme, semantic = _b.semantic, core = _b.core, stripe = _a.stripe;
@@ -68,21 +68,10 @@ exports.TableRowHeading = styled_native_1.default.View(function (_a) {
68
68
  exports.TableBody = styled_native_1.default.View(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex-direction: column;\n flex-wrap: nowrap;\n"], ["\n flex-direction: column;\n flex-wrap: nowrap;\n"])));
69
69
  exports.TableCell = styled_native_1.default.View(function (_a) {
70
70
  var core = _a.theme.core, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
71
- return (0, styled_native_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "], ["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "])), core.space[smallAndUp ? 3 : 2], core.space[2], cellWidth, cellWidth === 'auto' ? 1 : 0);
71
+ return (0, styled_native_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "], ["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "])), core.space[smallAndUp ? 3 : 2], core.space[1], cellWidth, cellWidth === 'auto' ? 1 : 0);
72
72
  });
73
73
  exports.RowHeading = styled_native_1.default.View(function (_a) {
74
74
  var core = _a.theme.core, cellWidth = _a.cellWidth, smallAndUp = _a.smallAndUp;
75
- return (0, styled_native_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "], ["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "])), core.space[smallAndUp ? 3 : 2], core.space[2], cellWidth, cellWidth === 'auto' ? 1 : 0);
76
- });
77
- exports.StyledSeparatorRow = styled_native_1.default.View(function (_a) {
78
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, width = _a.width;
79
- var minWidth = width
80
- ? "".concat(width - parseInt(core.space[2]) * 2, "px")
81
- : '100%';
82
- return "\n min-width: ".concat(minWidth, ";\n flex: 1;\n flex-direction: row;\n background-color: ").concat(semantic.surface.elevated, ";\n padding: ").concat(core.space[1], " ").concat(core.space[2], ";\n ");
83
- });
84
- exports.SeparatorRowText = styled_native_1.default.Text(function (_a) {
85
- var _b = _a.theme, core = _b.core, semantic = _b.semantic, smallAndUp = _a.smallAndUp;
86
- return "\n flex: 1;\n font-family: ".concat(core.fontFamily.body.native, ";\n font-size: ").concat(core.fontSize.small[smallAndUp ? 'large' : 'small'], ";\n line-height: ").concat(core.lineHeight.small[smallAndUp ? 'large' : 'small'], ";\n color: ").concat(semantic.message.secondary, ";\n");
75
+ return (0, styled_native_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "], ["\n padding: ", " ", ";\n width: ", ";\n flex: ", ";\n "])), core.space[smallAndUp ? 3 : 2], core.space[1], cellWidth, cellWidth === 'auto' ? 1 : 0);
87
76
  });
88
77
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
package/dist/components/DataTable/types.d.ts CHANGED
@@ -1,12 +1,7 @@
1
1
  import { ReactNode, Ref } from 'react';
2
2
  import { View } from 'react-native';
3
- export declare type SeparatorRow = {
4
- content: string;
5
- isSeparator: boolean;
6
- };
7
- declare type Item = ReactNode | SeparatorRow;
8
3
  export declare type TableProps = {
9
- items: Item[][];
4
+ items: ReactNode[][];
10
5
  columnHeadings?: ReactNode[];
11
6
  caption?: ReactNode;
12
7
  rowHeadings?: boolean;
@@ -15,7 +10,6 @@ export declare type TableProps = {
15
10
  ref: Ref<View>;
16
11
  };
17
12
  export declare type TableRowProps = Pick<TableProps, 'rowHeadings' | 'striped' | 'columnWidths'> & {
18
- data: Item[];
13
+ data: ReactNode[];
19
14
  index: number;
20
15
  };
21
- export {};
package/dist/components/DescriptionList/styled.d.ts CHANGED
@@ -209,10 +209,6 @@ export declare const Dl: import("react").ForwardRefExoticComponent<Pick<Omit<{
209
209
  };
210
210
  badge: {
211
211
  variants: {
212
- neutral: {
213
- foreground: string;
214
- background: string;
215
- };
216
212
  red: {
217
213
  foreground: string;
218
214
  background: string;
package/dist/components/Em/Em.d.ts CHANGED
@@ -202,10 +202,6 @@ export declare const Em: import("styled-components").StyledComponent<typeof impo
202
202
  };
203
203
  badge: {
204
204
  variants: {
205
- neutral: {
206
- foreground: string;
207
- background: string;
208
- };
209
205
  red: {
210
206
  foreground: string;
211
207
  background: string;
package/dist/components/ErrorText/ErrorText.d.ts CHANGED
@@ -209,10 +209,6 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
209
209
  };
210
210
  badge: {
211
211
  variants: {
212
- neutral: {
213
- foreground: string;
214
- background: string;
215
- };
216
212
  red: {
217
213
  foreground: string;
218
214
  background: string;