@ovotech/element-native 5.5.0 → 5.6.0

package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayContentContainer = exports.OverlayWrapper = exports.CardWithHeroImage = void 0;
+const react_native_1 = require("react-native");
+const styled_native_1 = __importDefault(require("../../../styled.native"));
+const shared_styles_1 = require("../shared.styles");
+exports.CardWithHeroImage = (0, styled_native_1.default)(shared_styles_1.CardWithMinHeight)(({ theme, isSquare }) => (Object.assign({ paddingTop: theme.space[900], justifyContent: 'flex-end' }, (isSquare && {
+    aspectRatio: '1 / 1',
+    height: 'auto',
+}))));
+exports.OverlayWrapper = (0, styled_native_1.default)(react_native_1.View)(({ theme, largeAndUp }) => ({
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderBottomLeftRadius: theme.border.radius[largeAndUp ? '2xl' : 'lg'],
+    borderBottomRightRadius: theme.border.radius[largeAndUp ? '2xl' : 'lg'],
+    overflow: 'hidden',
+}));
+exports.OverlayContentContainer = (0, styled_native_1.default)(react_native_1.View)(({ theme }) => ({
+    paddingHorizontal: theme.space[400],
+    paddingBottom: theme.space[400],
+    marginTop: theme.space[1100],
+}));

package/dist/components/Cards/HeroImageCard/index.d.ts

@@ -0,0 +1 @@
+export * from './HeroImageCard';

package/dist/components/Cards/HeroImageCard/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./HeroImageCard"), exports);

package/dist/components/Cards/IconDataCard/IconDataCard.styles.d.ts

@@ -38,6 +38,7 @@ export declare const ValueContainer: import("styled-components").StyledComponent
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -80,6 +81,7 @@ export declare const ValueContainer: import("styled-components").StyledComponent
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -88,6 +90,7 @@ export declare const ValueContainer: import("styled-components").StyledComponent
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -619,6 +622,7 @@ export declare const Metric: import("styled-components").StyledComponent<(props:
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -661,6 +665,7 @@ export declare const Metric: import("styled-components").StyledComponent<(props:
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -669,6 +674,7 @@ export declare const Metric: import("styled-components").StyledComponent<(props:
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1194,6 +1200,7 @@ export declare const SubMetricsContainer: import("styled-components").StyledComp
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1236,6 +1243,7 @@ export declare const SubMetricsContainer: import("styled-components").StyledComp
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1244,6 +1252,7 @@ export declare const SubMetricsContainer: import("styled-components").StyledComp
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1769,6 +1778,7 @@ export declare const IconContainer: import("styled-components").StyledComponent<
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1811,6 +1821,7 @@ export declare const IconContainer: import("styled-components").StyledComponent<
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1819,6 +1830,7 @@ export declare const IconContainer: import("styled-components").StyledComponent<
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {

package/dist/components/Cards/IconTextCard/IconTextCard.js

@@ -2,26 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTextCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_native_1 = require("../../../styled.native");
-const Heading_1 = require("../../Heading");
 const Icon_1 = require("../../Icon");
 const P_1 = require("../../P");
+const components_1 = require("../components");
+const shared_styles_1 = require("../shared.styles");
 const utils_1 = require("../utils");
 const IconTextCard_styles_1 = require("./IconTextCard.styles");
-const ResponsiveHeading = ({ heading, size = 'default' }) => {
-    const theme = (0, styled_native_1.useTheme)();
-    const HeadingComponent = (0, utils_1.checkIsSmall)(size) ? Heading_1.Heading4 : Heading_1.Heading2;
-    const lineHeight = theme.font.lineHeight[(0, utils_1.checkIsSmall)(size) ? 'lg' : '3xl'].mediaQuery.sm;
-    if (typeof heading === 'string') {
-        return ((0, jsx_runtime_1.jsx)(HeadingComponent, { style: { lineHeight }, children: heading }));
-    }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: heading.map(segment => ((0, jsx_runtime_1.jsx)(HeadingComponent, { style: {
-                color: (0, utils_1.resolveColor)(segment.color),
-                lineHeight,
-                marginRight: theme.space[100],
-            }, children: segment.text }, segment.text))) }));
-};
 const IconTextCard = ({ icon, heading, subHeading, size = 'default', }) => {
-    return ((0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.CardWithIconText, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 24 }), (0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.TextContainer, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(IconTextCard_styles_1.TitleContainer, { children: (0, jsx_runtime_1.jsx)(ResponsiveHeading, { heading: heading, size: size }) }), !(0, utils_1.checkIsSmall)(size) && subHeading && ((0, jsx_runtime_1.jsx)(IconTextCard_styles_1.SubHeading, { children: (0, jsx_runtime_1.jsx)(P_1.P, { children: subHeading }) }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.CardWithIconText, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: 24 }), (0, jsx_runtime_1.jsxs)(IconTextCard_styles_1.TextContainer, { isSmall: (0, utils_1.checkIsSmall)(size), children: [(0, jsx_runtime_1.jsx)(shared_styles_1.TitleContainer, { children: (0, jsx_runtime_1.jsx)(components_1.ResponsiveHeading, { heading: heading, size: size }) }), !(0, utils_1.checkIsSmall)(size) && subHeading && ((0, jsx_runtime_1.jsx)(IconTextCard_styles_1.SubHeading, { children: (0, jsx_runtime_1.jsx)(P_1.P, { children: subHeading }) }))] })] }));
 };
 exports.IconTextCard = IconTextCard;