@ovotech/element-native 2.0.4 → 2.2.0-canary-1cac2ba-73

package/dist/esm/components/TextLink/TextLink.js

@@ -30,8 +30,8 @@ import styled, { css, ThemeContext } from '../../styled.native';
 import { getText } from '../../utils/utils';
 import { Icon } from '../Icon';
 var StyledText = styled.Text(function (_a) {
-    var textLink = _a.theme.textLink;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    font-weight: ", ";\n  "], ["\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n    font-weight: ", ";\n  "])), textLink.color, textLink.color, textLink.fontWeight);
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  "], ["\n    font-family: ", ";\n    color: ", ";\n    text-decoration: underline;\n    text-decoration-color: ", ";\n  "])), core.fontFamily.body.native, semantic.message.link, semantic.message.link);
 });
 var TextLink = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);

package/dist/esm/components/index.js

@@ -5,7 +5,9 @@ export * from './Checkbox';
 export * from './CTAButton';
 export * from './CTALink';
 export * from './DateField';
+export * from './DescriptionList';
 export * from './Disclosure';
+export * from './Divider';
 export * from './ErrorSummaryNotification';
 export * from './Field';
 export * from './Grid';
@@ -25,3 +27,4 @@ export * from './TextField';
 export * from './TextLink';
 export * from './DataTable';
 export * from './SkeletonLoading';
+export * from './SelectField';

package/dist/esm/providers/icons/Logo.js

@@ -10,6 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { Path, Svg } from 'react-native-svg';
-export var Logo = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 155 64", width: 155, height: 64 }, props),
-    React.createElement(Path, { fill: "#0a9928", d: "M10.6,19a15.29,15.29,0,0,1,8.8,2.7l-.9-2.3H28l3.2,11.4.7,2.6s.4-1.3.7-2.6l3.3-11.4h9.5l-.8,2.4a14.59,14.59,0,0,1,8.8-2.7,6.6,6.6,0,0,1,1.4.1L49.9.8.7,14l1.9,7.2A15.22,15.22,0,0,1,10.6,19Zm42.8,8.3a4.62,4.62,0,0,0-4.7,4.9A4.49,4.49,0,0,0,53.4,37a4.54,4.54,0,0,0,4.7-4.8,3.75,3.75,0,0,0-.1-1.1l-.2-.6A4.44,4.44,0,0,0,53.4,27.3ZM15.2,32.1a4.62,4.62,0,0,0-4.7-4.9,4.62,4.62,0,0,0-4.7,4.9,4.49,4.49,0,0,0,4.7,4.8C13.3,37,15.2,35,15.2,32.1ZM53.4,44.9c-6.9,0-12.6-3.9-13.7-10.5L35.8,44.5H28.1L24.2,34.4C23.1,41,17.4,44.9,10.5,44.9a8.6,8.6,0,0,1-1.6-.1l4.9,18.4L63,50l-1.9-7.1A14.7,14.7,0,0,1,53.4,44.9ZM70.8,33.5a4.7,4.7,0,0,0,4.9,5c3.6,0,4.6-2.2,5.6-2.2a1.06,1.06,0,0,1,1,1.2c0,1.3-3.4,3.4-6.6,3.4-5.3,0-7.6-4.1-7.6-8.5s2.8-8.5,7.4-8.5S82.6,28,82.6,32c0,1-.3,1.5-1.5,1.5Zm9.1-2.1c0-2.4-1.4-5.1-4.4-5.1-3.4-.1-4.6,2.6-4.7,5.1Zm4.9-6a1.34,1.34,0,0,1,1.4-1.5,1.39,1.39,0,0,1,1.4,1.5v.7l.1.1A5.53,5.53,0,0,1,92.3,24c2.6,0,5.8,1.6,5.8,6.3v9.2A1.34,1.34,0,0,1,96.7,41a1.39,1.39,0,0,1-1.4-1.5v-9a3.81,3.81,0,1,0-7.6,0v9A1.34,1.34,0,0,1,86.3,41a1.39,1.39,0,0,1-1.4-1.5V25.4ZM103,33.5a4.7,4.7,0,0,0,4.9,5c3.6,0,4.6-2.2,5.6-2.2a1.06,1.06,0,0,1,1,1.2c0,1.3-3.4,3.4-6.6,3.4-5.3,0-7.6-4.1-7.6-8.5s2.8-8.5,7.4-8.5,7.1,4.1,7.1,8.1c0,1-.3,1.5-1.5,1.5Zm9.1-2.1c0-2.4-1.4-5.1-4.4-5.1-3.4-.1-4.6,2.6-4.7,5.1Zm4.9-6a1.34,1.34,0,0,1,1.4-1.5,1.39,1.39,0,0,1,1.4,1.5v1.4h.1c.6-1.3,2.1-2.9,3.7-2.9a1.34,1.34,0,0,1,1.5,1.4c0,.8-.6,1.3-1.7,1.5-1.6.3-3.6,1.5-3.6,4.7v7.9a1.34,1.34,0,0,1-1.4,1.5,1.39,1.39,0,0,1-1.4-1.5Zm23,14.1c0,4.9-3,7.9-7.5,7.9-2.8,0-6.3-1.6-6.3-3a1.17,1.17,0,0,1,1.2-1.3c1.2,0,2.5,1.9,5.4,1.9,3.5,0,4.5-2.7,4.5-5.1V38.5h-.1a4.75,4.75,0,0,1-4.2,2.4c-4.7,0-7.3-4.1-7.3-8.5s2.6-8.5,7.3-8.5a5.53,5.53,0,0,1,4.2,2.1h.1v-.7c0-1,.7-1.3,1.5-1.3a1.31,1.31,0,0,1,1.3,1.3V39.5Zm-7-1c3.4,0,4.5-3.3,4.5-6.1s-1.2-6.1-4.5-6.1-4.5,3.3-4.5,6.1S129.6,38.5,133,38.5Zm9.4-11.9a5.37,5.37,0,0,1-.4-1.5,1.22,1.22,0,0,1,1.2-1.2,1.41,1.41,0,0,1,1.4,1l3.8,11.4h.1l3.7-11.4a1.3,1.3,0,0,1,1.3-1,1.22,1.22,0,0,1,1.2,1.2,5.37,5.37,0,0,1-.4,1.5l-6.9,19.7a1.38,1.38,0,0,1-1.3,1,1.22,1.22,0,0,1-1.2-1.2,5.37,5.37,0,0,1,.4-1.5L147,40Z" }))); };
+import { Path, Svg, ClipPath, Defs } from 'react-native-svg';
+export var Logo = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props),
+    React.createElement(Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }),
+    React.createElement(Defs, null,
+        React.createElement(ClipPath, { id: "a" },
+            React.createElement(Path, { fill: "#fff", d: "M0 0h48v48H0z" }))))); };

package/dist/esm/theme/create-theme.js

@@ -84,12 +84,6 @@ export var defaultTokens = {
         standard: 1.5,
     },
     fontSizes: ['12px', '14px', '16px', '20px', '24px', '28px', '32px', '48px'],
-    fontWeights: {
-        normal: 400,
-        bold: 700,
-        semiBold: 600,
-        heading: 900,
-    },
     colors: {
         primary: brand.primary.base,
         primaryAlt: brand.primary.darker,
@@ -150,7 +144,7 @@ export function createTheme(customTheme, additional) {
     var mergeOptions = { arrayMerge: function (_, source) { return source; } };
     var customThemeWithAdditional = deepMerge(customTheme, additional || {}, mergeOptions);
     var theme = deepMerge(defaultTokens, customThemeWithAdditional, mergeOptions);
-    var fontSizes = theme.fontSizes, breakpoints = theme.breakpoints, colors = theme.colors, fontWeights = theme.fontWeights, fonts = theme.fonts, lineHeights = theme.lineHeights, space = theme.space, radii = theme.radii, shadows = theme.shadows, borderWidths = theme.borderWidths, responsiveFontSizes = theme.responsiveFontSizes, responsiveLineHeights = theme.responsiveLineHeights;
+    var fontSizes = theme.fontSizes, breakpoints = theme.breakpoints, colors = theme.colors, fonts = theme.fonts, lineHeights = theme.lineHeights, space = theme.space, radii = theme.radii, shadows = theme.shadows, borderWidths = theme.borderWidths, responsiveFontSizes = theme.responsiveFontSizes, responsiveLineHeights = theme.responsiveLineHeights;
     return deepMerge({
         field: {
             fontFamily: fonts.body,
@@ -160,21 +154,17 @@ export function createTheme(customTheme, additional) {
             gap: space[2],
             error: {
                 color: colors.error,
-                fontWeight: fontWeights.bold,
                 fontFamily: fonts.bold,
             },
             hint: {
-                fontWeight: fontWeights.normal,
                 color: colors.border,
             },
             label: {
                 color: colors.heading,
-                fontWeight: fontWeights.bold,
                 fontFamily: fonts.bold,
             },
             subLabel: {
                 color: colors.border,
-                fontWeight: fontWeights.normal,
             },
             legend: {
                 marginBottom: space[1],
@@ -194,7 +184,6 @@ export function createTheme(customTheme, additional) {
             fontSize: responsiveFontSizes.body,
             color: colors.body,
             lineHeight: lineHeights.standard,
-            fontWeight: fontWeights.normal,
             height: space[11],
             borderColor: colors.border,
             borderWidth: borderWidths.standard,
@@ -215,75 +204,6 @@ export function createTheme(customTheme, additional) {
             borderColor: colors.borderMuted,
             padding: [space[3], space[6], space[9]],
         },
-        badge: {
-            fontWeight: fontWeights.bold,
-            fontFamily: fonts.bold,
-            lineHeight: lineHeights.standard,
-            paddingHorizontal: space[2],
-            borderRadius: radii.small,
-            fontSize: responsiveFontSizes.body,
-            variants: {
-                default: {
-                    background: colors.primaryMuted,
-                    foreground: colors.primaryAlt,
-                },
-                error: {
-                    background: colors.errorMuted,
-                    foreground: colors.errorAlt,
-                },
-                success: {
-                    background: colors.successMuted,
-                    foreground: colors.successAlt,
-                },
-                info: {
-                    background: colors.infoMuted,
-                    foreground: colors.infoAlt,
-                },
-                warning: {
-                    background: colors.warningMuted,
-                    foreground: colors.warningAlt,
-                },
-            },
-        },
-        cta: {
-            fontSize: responsiveFontSizes.body,
-            fontWeight: fontWeights.bold,
-            fontFamily: fonts.bold,
-            lineHeight: lineHeights.standard,
-            paddingVertical: space[2],
-            paddingHorizontal: space[3],
-            borderRadius: radii.small,
-            borderWidth: borderWidths.standard,
-            iconGap: space[1],
-            minHeight: space[11],
-            variants: {
-                primary: {
-                    background: colors.primary,
-                    foreground: colors.primaryContrast,
-                    border: colors.primary,
-                },
-                secondary: {
-                    background: colors.primaryContrast,
-                    foreground: colors.primary,
-                    border: colors.primary,
-                },
-                destructive: {
-                    background: colors.error,
-                    foreground: colors.errorContrast,
-                    border: colors.error,
-                },
-                missionPrimary: {
-                    background: colors.mission,
-                    foreground: colors.missionContrast,
-                    border: colors.mission,
-                },
-                missionSecondary: {
-                    background: colors.primaryContrast,
-                    foreground: colors.primary,
-                    border: colors.primary,
-                },
-            },
-        },
         checkbox: {
             touchSize: space[11],
             size: space[6],
@@ -298,44 +218,8 @@ export function createTheme(customTheme, additional) {
             checkColor: colors.info,
             errorColor: colors.error,
         },
-        notification: {
-            borderRadius: radii.small,
-            borderWidth: borderWidths.heavy,
-            borderColor: colors.error,
-            background: colors.errorMuted,
-            paddingX: [space[2], space[2]],
-            paddingY: [space[3], space[6]],
-            dismiss: {
-                touchSize: space[6],
-                size: space[4],
-                icon: 'cross',
-            },
-            variants: {
-                error: {
-                    borderColor: colors.errorMuted,
-                    background: colors.errorMuted,
-                    textColor: colors.errorAlt,
-                },
-                success: {
-                    borderColor: colors.successMuted,
-                    background: colors.successMuted,
-                    textColor: colors.successAlt,
-                },
-                info: {
-                    borderColor: colors.infoMuted,
-                    background: colors.infoMuted,
-                    textColor: colors.infoAlt,
-                },
-                warning: {
-                    borderColor: colors.warningMuted,
-                    background: colors.warningMuted,
-                    textColor: colors.warningAlt,
-                },
-            },
-        },
         text: {
             fontFamily: fonts.body,
-            fontWeight: fontWeights.normal,
             lineHeight: 1,
             color: colors.body,
             p: {
@@ -349,7 +233,6 @@ export function createTheme(customTheme, additional) {
                 lineHeight: responsiveLineHeights.small,
             },
             strong: {
-                fontWeight: fontWeights.bold,
                 fontFamily: fonts.bold,
             },
         },
@@ -366,19 +249,17 @@ export function createTheme(customTheme, additional) {
             },
             descriptionTerm: {
                 color: colors.heading,
-                fontWeight: fontWeights.bold,
                 fontFamily: fonts.bold,
                 marginTop: [space[3], space[4]],
                 marginBottom: [space[1], space[1]],
             },
         },
         textLink: {
+            fontFamily: fonts.body,
             color: colors.primary,
-            fontWeight: fontWeights.normal,
         },
         heading: {
             fontFamily: fonts.heading,
-            fontWeight: fontWeights.heading,
             color: colors.heading,
             heading1: {
                 fontSize: responsiveFontSizes.level1,
@@ -420,7 +301,6 @@ export function createTheme(customTheme, additional) {
             checkedBackground: colors.infoMuted,
             errorColor: colors.error,
         },
-        fontWeights: fontWeights,
         fontSizes: fontSizes,
         fonts: fonts,
         responsiveFontSizes: responsiveFontSizes,
@@ -438,35 +318,6 @@ export function createTheme(customTheme, additional) {
             iconGap: [space[1], space[2]],
             panelGap: [space[2], space[3]],
         },
-        dataTable: {
-            borderWidth: borderWidths.standard,
-            borderRadius: radii.small,
-            borderColor: colors.canvasMuted,
-            responsivePadding: {
-                vertical: [space[2], space[3]],
-                horizontal: [space[1], space[1]],
-            },
-            tableHeader: {
-                color: colors.heading,
-                backgroundColor: colors.canvas,
-                borderWidth: borderWidths.standard,
-                borderColor: colors.border,
-                fontWeight: fontWeights.bold,
-                fontFamily: fonts.bold,
-            },
-            tableCaption: {
-                color: colors.heading,
-                fontWeight: fontWeights.bold,
-                fontFamily: fonts.bold,
-            },
-            tableCell: {
-                color: colors.body,
-            },
-            tableRow: {
-                backgroundColor: colors.canvas,
-                stripeColor: colors.canvasMuted,
-            },
-        },
         accordion: {
             header: {
                 color: colors.primary,
@@ -475,30 +326,5 @@ export function createTheme(customTheme, additional) {
                 iconGap: space[3],
             },
         },
-        tabs: {
-            tab: {
-                borderTopWidth: borderWidths.heavy,
-                borderBottomWidth: borderWidths.heavy,
-                borderColor: colors.canvas,
-                fontSize: responsiveFontSizes.body,
-                fontWeight: fontWeights.bold,
-                fontFamily: fonts.bold,
-                lineHeight: lineHeights.standard,
-                paddingHorizontal: [space[4], space[4]],
-                paddingVertical: [space[3], space[3]],
-                active: {
-                    borderColor: colors.primary,
-                    foregroundColor: colors.primary,
-                    backgroundColor: colors.canvas,
-                },
-                inactive: {
-                    foregroundColor: colors.heading,
-                    backgroundColor: colors.canvas,
-                },
-                hover: {
-                    foregroundColor: colors.primaryAlt,
-                },
-            },
-        },
     }, theme, mergeOptions);
 }

package/dist/esm/theme/index.js

@@ -1,8 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { themeNative } from '@ovotech/element-core';
 import { pxToNumber } from '../utils';
 import { createTheme } from './create-theme';
-export * from './theme';
 export * from './create-theme';
-export var theme = createTheme({});
+export var theme = createTheme(__assign({}, themeNative));
 export var calculateLineHeight = function (size, lineHeight) {
     return pxToNumber(size) * (lineHeight || 1) + 'px';
 };

package/dist/providers/icons/Logo.js

@@ -17,6 +17,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logo = void 0;
 var react_1 = __importDefault(require("react"));
 var react_native_svg_1 = require("react-native-svg");
-var Logo = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 155 64", width: 155, height: 64 }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fill: "#0a9928", d: "M10.6,19a15.29,15.29,0,0,1,8.8,2.7l-.9-2.3H28l3.2,11.4.7,2.6s.4-1.3.7-2.6l3.3-11.4h9.5l-.8,2.4a14.59,14.59,0,0,1,8.8-2.7,6.6,6.6,0,0,1,1.4.1L49.9.8.7,14l1.9,7.2A15.22,15.22,0,0,1,10.6,19Zm42.8,8.3a4.62,4.62,0,0,0-4.7,4.9A4.49,4.49,0,0,0,53.4,37a4.54,4.54,0,0,0,4.7-4.8,3.75,3.75,0,0,0-.1-1.1l-.2-.6A4.44,4.44,0,0,0,53.4,27.3ZM15.2,32.1a4.62,4.62,0,0,0-4.7-4.9,4.62,4.62,0,0,0-4.7,4.9,4.49,4.49,0,0,0,4.7,4.8C13.3,37,15.2,35,15.2,32.1ZM53.4,44.9c-6.9,0-12.6-3.9-13.7-10.5L35.8,44.5H28.1L24.2,34.4C23.1,41,17.4,44.9,10.5,44.9a8.6,8.6,0,0,1-1.6-.1l4.9,18.4L63,50l-1.9-7.1A14.7,14.7,0,0,1,53.4,44.9ZM70.8,33.5a4.7,4.7,0,0,0,4.9,5c3.6,0,4.6-2.2,5.6-2.2a1.06,1.06,0,0,1,1,1.2c0,1.3-3.4,3.4-6.6,3.4-5.3,0-7.6-4.1-7.6-8.5s2.8-8.5,7.4-8.5S82.6,28,82.6,32c0,1-.3,1.5-1.5,1.5Zm9.1-2.1c0-2.4-1.4-5.1-4.4-5.1-3.4-.1-4.6,2.6-4.7,5.1Zm4.9-6a1.34,1.34,0,0,1,1.4-1.5,1.39,1.39,0,0,1,1.4,1.5v.7l.1.1A5.53,5.53,0,0,1,92.3,24c2.6,0,5.8,1.6,5.8,6.3v9.2A1.34,1.34,0,0,1,96.7,41a1.39,1.39,0,0,1-1.4-1.5v-9a3.81,3.81,0,1,0-7.6,0v9A1.34,1.34,0,0,1,86.3,41a1.39,1.39,0,0,1-1.4-1.5V25.4ZM103,33.5a4.7,4.7,0,0,0,4.9,5c3.6,0,4.6-2.2,5.6-2.2a1.06,1.06,0,0,1,1,1.2c0,1.3-3.4,3.4-6.6,3.4-5.3,0-7.6-4.1-7.6-8.5s2.8-8.5,7.4-8.5,7.1,4.1,7.1,8.1c0,1-.3,1.5-1.5,1.5Zm9.1-2.1c0-2.4-1.4-5.1-4.4-5.1-3.4-.1-4.6,2.6-4.7,5.1Zm4.9-6a1.34,1.34,0,0,1,1.4-1.5,1.39,1.39,0,0,1,1.4,1.5v1.4h.1c.6-1.3,2.1-2.9,3.7-2.9a1.34,1.34,0,0,1,1.5,1.4c0,.8-.6,1.3-1.7,1.5-1.6.3-3.6,1.5-3.6,4.7v7.9a1.34,1.34,0,0,1-1.4,1.5,1.39,1.39,0,0,1-1.4-1.5Zm23,14.1c0,4.9-3,7.9-7.5,7.9-2.8,0-6.3-1.6-6.3-3a1.17,1.17,0,0,1,1.2-1.3c1.2,0,2.5,1.9,5.4,1.9,3.5,0,4.5-2.7,4.5-5.1V38.5h-.1a4.75,4.75,0,0,1-4.2,2.4c-4.7,0-7.3-4.1-7.3-8.5s2.6-8.5,7.3-8.5a5.53,5.53,0,0,1,4.2,2.1h.1v-.7c0-1,.7-1.3,1.5-1.3a1.31,1.31,0,0,1,1.3,1.3V39.5Zm-7-1c3.4,0,4.5-3.3,4.5-6.1s-1.2-6.1-4.5-6.1-4.5,3.3-4.5,6.1S129.6,38.5,133,38.5Zm9.4-11.9a5.37,5.37,0,0,1-.4-1.5,1.22,1.22,0,0,1,1.2-1.2,1.41,1.41,0,0,1,1.4,1l3.8,11.4h.1l3.7-11.4a1.3,1.3,0,0,1,1.3-1,1.22,1.22,0,0,1,1.2,1.2,5.37,5.37,0,0,1-.4,1.5l-6.9,19.7a1.38,1.38,0,0,1-1.3,1,1.22,1.22,0,0,1-1.2-1.2,5.37,5.37,0,0,1,.4-1.5L147,40Z" }))); };
+var Logo = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props),
+    react_1.default.createElement(react_native_svg_1.Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }),
+    react_1.default.createElement(react_native_svg_1.Defs, null,
+        react_1.default.createElement(react_native_svg_1.ClipPath, { id: "a" },
+            react_1.default.createElement(react_native_svg_1.Path, { fill: "#fff", d: "M0 0h48v48H0z" }))))); };
 exports.Logo = Logo;