@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/Tile/Tile.js

@@ -0,0 +1,106 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { mergeRefs } from '../../effects/mergeRefs';
+import { StyledActions } from '../../layouts/Content/Content.styles';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledFooter, StyledHeroMedia, StyledHeroText, StyledTileContent, StyledHeroOverlay, } from './Tile.styles';
+var heroTextGridTemplateColumns = 'auto 1fr';
+var TileContext = React.createContext({
+    orientation: 'portrait',
+});
+var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
+    var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--core-tile-grid-template-columns');
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroMedia, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props),
+        overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
+        children));
+});
+var HeroText = React.forwardRef(function HeroText(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var orientation = React.useContext(TileContext).orientation;
+    var heroRef = React.useRef(null);
+    React.useLayoutEffect(function () {
+        var _a, _b;
+        if (orientation === 'landscape') {
+            (_b = (_a = heroRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
+        }
+    }, [orientation]);
+    return (React.createElement(StyledHeroText, __assign({ ref: mergeRefs(heroRef, ref), "$orientation": orientation }, props), children));
+});
+var Content = React.forwardRef(function Content(props, ref) {
+    return React.createElement(StyledTileContent, __assign({ ref: ref }, props));
+});
+var Footer = React.forwardRef(function Footer(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledFooter, __assign({ ref: ref }, props), children));
+});
+var Actions = React.forwardRef(function Actions(_a, ref) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(StyledActions, __assign({ ref: ref }, props), children));
+});
+export var InteractableTile = React.forwardRef(function InteractableTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledInteractableTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var LinkTile = React.forwardRef(function LinkTile(_a, ref) {
+    var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
+    return (React.createElement(StyledLinkTile, __assign({ ref: ref, "$orientation": orientation }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+export var SelectableTile = React.forwardRef(function SelectableTile(_a, ref) {
+    var orientation = _a.orientation, _b = _a.selected, selected = _b === void 0 ? false : _b, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["orientation", "selected", "onClick", "onKeyDown", "disabled", "children"]);
+    return (React.createElement(StyledSelectableTile, __assign({ ref: ref, "$disabled": disabled, "$orientation": orientation, "$selected": selected, tabIndex: !disabled ? 0 : undefined, onClick: function (e) {
+            if (!disabled) {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+        }, onKeyDown: function (e) {
+            var code = e.code;
+            if (code === 'Enter' || code === 'Space') {
+                onClick === null || onClick === void 0 ? void 0 : onClick();
+            }
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        } }, props),
+        React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
+});
+var Tile_ = React.forwardRef(function Tile(_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'interactive' : _b, _c = _a.orientation, orientation = _c === void 0 ? 'portrait' : _c, props = __rest(_a, ["variant", "orientation"]);
+    switch (variant) {
+        case 'interactive':
+            return (React.createElement(InteractableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'selectable':
+            return (React.createElement(SelectableTile, __assign({ ref: ref, orientation: orientation }, props)));
+        case 'link':
+            return (React.createElement(LinkTile, __assign({ ref: ref, orientation: orientation }, props)));
+    }
+});
+export var Tile = addSubcomponents({ Actions: Actions, Content: Content, Footer: Footer, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
+//# sourceMappingURL=Tile.js.map

package/dist/esm/components/Tile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tile/Tile.styles.d.ts

@@ -0,0 +1,20 @@
+import { TileCommonProps } from './Tile.types';
+interface StyledTile {
+    $orientation: TileCommonProps['orientation'];
+}
+export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
+export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
+    $selected: boolean;
+    $disabled: boolean;
+}, never>;
+export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
+export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTileContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export declare const StyledHeroOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroText: import("styled-components").StyledComponent<"div", any, {
+    $orientation: TileCommonProps['orientation'];
+}, never>;
+export {};

package/dist/esm/components/Tile/Tile.styles.js

@@ -0,0 +1,65 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { spacing } from '../../styles/spacing';
+import { getShadow } from '../../styles/shadows';
+import { getFocus } from '../../styles/mixins';
+import { StyledActions, StyledContent, } from '../../layouts/Content/Content.styles';
+import { mediaIE11Hack } from '../../styles/media';
+import { isIE11 } from '../../utils/isIE11';
+import { StyledFormikForm as SFormikForm, StyledForm as SForm, StyledFormRow as SFormRow, } from '../Form/Form.styles';
+var getHover = function ($selected) {
+    if ($selected === void 0) { $selected = false; }
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"], ["\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n"])), $selected ? colors.blue94 : colors.gray96);
+};
+var getSelected = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), colors.blue98); };
+var getDisabled = function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: not-allowed;\n"], ["\n  cursor: not-allowed;\n"]))); };
+var oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)';
+var getLandscapeTemplate = function () {
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "], ["\n    --core-tile-grid-template-columns: ", ";\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ", "\n    );\n  "])), oneThirdTwoThirds, oneThirdTwoThirds);
+};
+var getPortraitTemplate = function () {
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "], ["\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  "])));
+};
+var getTileStyles = function (_a) {
+    var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d;
+    return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "], ["\n    display: grid;\n    ", ";\n\n    background-color: ", ";\n    border-radius: ", "px;\n    width: 100%;\n    ", "\n\n    &:focus, &.focus {\n      ", "\n    }\n\n    ", "\n    ", "\n    ", "\n  "])), $orientation === 'landscape'
+        ? getLandscapeTemplate()
+        : getPortraitTemplate(), colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
+};
+export var StyledLinkTile = styled.a(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"], ["\n  ", "\n  text-decoration: none;\n  color: inherit;\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation, $hoverable: true });
+});
+export var StyledSelectableTile = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
+    return getTileStyles({
+        $orientation: $orientation,
+        $selected: $selected,
+        $disabled: $disabled,
+        $hoverable: true,
+    });
+});
+export var StyledInteractableTile = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var $orientation = _a.$orientation;
+    return getTileStyles({ $orientation: $orientation });
+});
+export var StyledFooter = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"], ["\n  grid-area: footer;\n  padding: ", "px;\n\n  > ", " {\n    flex-wrap: wrap-reverse;\n  }\n"])), spacing.lg, StyledActions);
+export var StyledTileContent = styled(StyledContent)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"], ["\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ", "px;\n\n  + ", " {\n    padding-top: 0;\n  }\n\n  > ", ", > ", " > ", ", > ", " > ", " {\n    grid-column-gap: ", "px;\n  }\n"])), spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormikForm, SFormRow, spacing.md);
+export var StyledHeroMedia = styled.figure(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"], ["\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ", " {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ", ";\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ", "\n"])), StyledTileContent, colors.black, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape' && !isIE11()
+        ? css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "], ["\n          border-top-left-radius: inherit;\n          border-bottom-left-radius: inherit;\n          > *,\n          > picture > img {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ", " {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        "])), mediaIE11Hack) : css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "], ["\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: inherit;\n          border-top-right-radius: inherit;\n          > *,\n          > picture > img {\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        "])));
+});
+export var StyledHeroOverlay = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n"])));
+export var StyledHeroText = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"], ["\n  grid-area: hero;\n\n  + ", " {\n    grid-area: body;\n  }\n\n  padding: ", "px;\n  border-radius: inherit;\n  ", "\n"])), StyledTileContent, spacing.lg, function (_a) {
+    var $orientation = _a.$orientation;
+    return $orientation === 'landscape'
+        ? css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "], ["\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding-right: 0;\n        "]))) : css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          padding-bottom: 0;\n        "], ["\n          padding-bottom: 0;\n        "])));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=Tile.styles.js.map

package/dist/esm/components/Tile/Tile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.styles.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Tile/Tile.types.d.ts

@@ -0,0 +1,62 @@
+import { AnchorAttributes, DivAttributes, Props } from '../../utils/types';
+import React from 'react';
+export interface HeroTextProps extends Props {
+}
+export interface HeroMediaProps extends Props {
+    overlay?: boolean;
+    onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export interface TileCommonProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    orientation: 'portrait' | 'landscape';
+}
+export interface InteractableTileProps extends TileCommonProps, DivAttributes {
+    /**
+     * @since 10.19.0
+     */
+    variant?: 'interactive';
+}
+export interface LinkTileProps extends TileCommonProps, AnchorAttributes {
+    /**
+     * @since 10.19.0
+     */
+    variant?: 'link';
+}
+export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes, 'onClick'> {
+    /**
+     * To change tile behaviour
+     * @since 10.19.0
+     */
+    variant?: 'selectable';
+    /**
+     * For variant selectable
+     * <CodeBlock>{`() : void`}</CodeBlock>A function for controlling{' '}
+     * <Code>selected</Code> Tile prop.
+     * <br />
+     * <br />
+     * For variant interactive. There is no restriction for using it with
+     * interactive, but interactive means that there is a button or a link
+     * inside tile, so be careful with potential clicks inside clicks. And
+     * there is also no hover state for interactive.
+     * <CodeBlock>{`React.MouseEventHandler<HTMLDivElement>`}</CodeBlock>
+     * For variant link:
+     * <CodeBlock>{`React.MouseEventHandler<HTMLAnchorElement>`}</CodeBlock>
+     * @since 10.19.0
+     */
+    onClick?: () => {};
+    /**
+     * Only with selectable variant.
+     * @default false
+     * @since 10.19.0
+     */
+    selected?: boolean;
+    /**
+     * Only with selectable variant.
+     * @default false
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+}
+export declare type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;

package/dist/esm/components/Tile/Tile.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tile.types.js.map

package/dist/esm/components/Tile/Tile.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.types.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Tile/index.d.ts

@@ -0,0 +1 @@
+export { Tile, Tile as default } from './Tile';

package/dist/esm/components/Tile/index.js

@@ -0,0 +1,2 @@
+export { Tile, Tile as default } from './Tile';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Tile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAA"}

package/dist/esm/components/Tile/mocks/iframe.d.ts

@@ -0,0 +1,2 @@
+declare const iframe: JSX.Element;
+export default iframe;

package/dist/esm/components/Tile/mocks/iframe.js

@@ -0,0 +1,5 @@
+import React from 'react';
+var iframeHtml = "\n<html style=\"\n    height: 100%;\n    width: 100%;\n\">\n    <head></head>\n    <body style=\"\n      height: 100%;\n      width: 100%;\n      margin: 0;\n    \">\n        <video style=\"width: 100%;height: 100%;position: absolute;background: black;\" top:=\"\" 0;=\"\" left:=\"\">\n            <source src=\"static/media/src/components/Tile/mocks/video.mp4\" type=\"video/mp4\">\n            Your browser doesn't support HTML5 video tag.\n        </video>\n    </body>\n</html>";
+var iframe = (React.createElement("iframe", { width: "400px", height: "225px", srcDoc: iframeHtml, title: "Video player", frameBorder: "0" }));
+export default iframe;
+//# sourceMappingURL=iframe.js.map

package/dist/esm/components/Tile/mocks/iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.js","sourceRoot":"","sources":["../../../../../src/components/Tile/mocks/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,UAAU,GAAG,meAgBX,CAAA;AAER,IAAM,MAAM,GAAG,CACb,gCACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,MAAM,EAAE,UAAU,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,GAAG,GACf,CACH,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Tile/mocks/svg.d.ts

@@ -0,0 +1,2 @@
+declare const svg: JSX.Element;
+export default svg;

package/dist/esm/components/Tile/mocks/svg.js

@@ -0,0 +1,247 @@
+import React from 'react';
+var svg = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 558.883 449.635", overflow: "visible" },
+    React.createElement("switch", null,
+        React.createElement("foreignObject", { y: "0", width: "1", requiredExtensions: "http://ns.adobe.com/AdobeIllustrator/10.0/", x: "0", height: "1" }),
+        React.createElement("g", null,
+            React.createElement("g", { id: "Layer_1" },
+                React.createElement("path", { d: "m555.95 166.89c0-18.83-5.633-64.56-30.98-88.77s-94.816-39.453-138.94-64.56c-44.12-25.104-118.29-7.171-168.98-11.655s-92.939 10.76-153.96 28.693c-61.021 17.934-38.49 69.94-29.103 78.01 9.388 8.07 16.898 69.94 5.633 78.011-11.266 8.069 0 50.213 17.837 71.732 17.837 21.521 13.143 26.004-1.877 53.8-15.021 27.797 14.082 48.42 14.082 48.42l14.082 12.554 422.45-23.313s2.816-14.347 1.878-25.106 14.082-28.693 30.979-38.557c16.898-9.863-0.938-29.59-19.714-43.937s11.265-22.417 29.102-34.97c17.84-12.54 7.51-21.51 7.51-40.34z", fill: "#B8EBFF" }),
+                React.createElement("linearGradient", { id: "XMLID_1_", gradientUnits: "userSpaceOnUse", y1: "374.5", y2: "374.5", x2: "510.63" },
+                    React.createElement("stop", { stopColor: "#00D281", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#006F74", offset: "1" })),
+                React.createElement("path", { d: "m439.76 385.64c28.535-3.459 63.792-18.883 70.874-46.268-7.926-19.192 7.079-32.66-24.378-27.997-40.457 5.999-18.205-13.194-45.514-11.995-27.31 1.199-58.663 3.599-77.881 4.799-19.217 1.199-265 27.59-265 27.59s-39.445 0-65.743 16.794c-26.296 16.795-50.571 38.388-12.137 50.383 38.435 11.996 14.16 35.988 60.686 25.191 46.525-10.796-26.298 37.188 42.48 22.792 12.364-2.588 23.542-5.564 33.817-8.606 21.19-14.587 48.652-21.248 75.47-20.566 1.104-0.08 2.206-0.146 3.305-0.182 8.351-1.579 16.952-0.66 25.016 0.806 28.562 5.078 55.916 11.344 83.594 13.469 7.797-4.819 14.291-10.861 22.406-14.469 2.248-0.963 4.533-1.764 6.842-2.463 12.032-10 30.479-4.461 44.158-12.277 9-3.99 12-15.99 22-16.99z", fill: "url(#XMLID_1_)" }),
+                React.createElement("path", { d: "m165.57 165.71l-78.111 103.23-0.415-7.399 78.701-103.62-0.17 7.79", fill: "#fff" })),
+            React.createElement("g", { id: "Layer_4" },
+                React.createElement("path", { d: "m258.76 363.64v-99l-156-14v97l156 16z", fill: "#FF9766" }),
+                React.createElement("linearGradient", { id: "XMLID_2_", y2: "362.22", gradientUnits: "userSpaceOnUse", y1: "362.22", x2: "259.26", x1: "103.26" },
+                    React.createElement("stop", { stopColor: "#FFF2FC", offset: ".2079" }),
+                    React.createElement("stop", { stopColor: "#EBE3E9", offset: ".3593" }),
+                    React.createElement("stop", { stopColor: "#DAD6D9", offset: ".5455" }),
+                    React.createElement("stop", { stopColor: "#CFCECF", offset: ".7469" }),
+                    React.createElement("stop", { stopColor: "#ccc", offset: ".9888" })),
+                React.createElement("path", { d: "m103.26 346.3v15.833l156 16v-14.448l-156-17.38z", fill: "url(#XMLID_2_)" })),
+            React.createElement("g", { id: "Layer_3" },
+                React.createElement("path", { d: "m409.76 234.14l-151 44.877v86.623l151-68.881v-62.62z", fill: "#CC6635" })),
+            React.createElement("g", { id: "Layer_2" },
+                React.createElement("linearGradient", { id: "XMLID_3_", y2: "243.84", gradientUnits: "userSpaceOnUse", y1: "263.86", x2: "180.71", x1: "180.71" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m254.91 256.11l-149.47-12.279-6.003 6.833 162.55 13.19-7.08-7.74z", fill: "url(#XMLID_3_)" }),
+                React.createElement("linearGradient", { id: "XMLID_4_", y2: "217.32", gradientUnits: "userSpaceOnUse", y1: "232.06", x2: "178.16", x1: "178.16" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m227.58 226.19l-98.842-8.87-5.375 6.119 109.59 8.629-5.37-5.88z", fill: "url(#XMLID_4_)" }),
+                React.createElement("linearGradient", { id: "XMLID_5_", y2: "206.33", gradientUnits: "userSpaceOnUse", y1: "218.75", x2: "176.83", x1: "176.83" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m220.79 218.75l-7.984-8.742-74.413-3.681-5.524 6.289 87.91 6.13z", fill: "url(#XMLID_5_)" }),
+                React.createElement("linearGradient", { id: "XMLID_6_", y2: "188.38", gradientUnits: "userSpaceOnUse", y1: "196.55", x2: "174.6", x1: "174.6" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m154.16 188.38l-5.466 6.223 51.816 1.948-7.462-8.171h-38.89z", fill: "url(#XMLID_6_)" }),
+                React.createElement("linearGradient", { id: "XMLID_7_", y2: "166.67", gradientUnits: "userSpaceOnUse", y1: "173.59", x2: "173.49", x1: "173.49" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m173.23 166.67l-5.8 6.603 12.121 0.318-6.32-6.92z", fill: "url(#XMLID_7_)" }),
+                React.createElement("linearGradient", { id: "XMLID_8_", y2: "173.27", gradientUnits: "userSpaceOnUse", y1: "180.94", x2: "173.8", x1: "173.8" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m167.43 173.27l-6.078 6.918 24.909 0.748-6.71-7.348-12.12-0.32z", fill: "url(#XMLID_8_)" }),
+                React.createElement("linearGradient", { id: "XMLID_9_", y2: "180.19", gradientUnits: "userSpaceOnUse", y1: "188.38", x2: "173.6", x1: "173.6" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m161.35 180.19l-7.188 8.183h38.887l-6.791-7.435-24.91-0.75z", fill: "url(#XMLID_9_)" }),
+                React.createElement("linearGradient", { id: "XMLID_10_", y2: "194.6", gradientUnits: "userSpaceOnUse", y1: "204.3", x2: "175.22", x1: "175.22" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m148.69 194.6l-5.849 6.658 64.749 3.047-7.084-7.757-51.82-1.95z", fill: "url(#XMLID_10_)" }),
+                React.createElement("linearGradient", { id: "XMLID_11_", y2: "201.26", gradientUnits: "userSpaceOnUse", y1: "210.01", x2: "175.6", x1: "175.6" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m142.85 201.26l-4.455 5.07 74.413 3.681-5.209-5.704-64.75-3.05z", fill: "url(#XMLID_11_)" }),
+                React.createElement("linearGradient", { id: "XMLID_12_", y2: "212.62", gradientUnits: "userSpaceOnUse", y1: "226.19", x2: "178.16", x1: "178.16" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m132.87 212.62l-4.129 4.7 98.842 8.87-6.792-7.437-87.92-6.13z", fill: "url(#XMLID_12_)" }),
+                React.createElement("linearGradient", { id: "XMLID_13_", y2: "223.43", gradientUnits: "userSpaceOnUse", y1: "240.6", x2: "179.18", x1: "179.18" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m232.95 232.06l-109.59-8.629-5.739 6.533 123.12 10.629-7.79-8.53z", fill: "url(#XMLID_13_)" }),
+                React.createElement("linearGradient", { id: "XMLID_14_", y2: "229.97", gradientUnits: "userSpaceOnUse", y1: "247.49", x2: "179.76", x1: "179.76" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m240.74 240.6l-123.12-10.629-5.145 5.856 134.56 11.665-6.3-6.9z", fill: "url(#XMLID_14_)" }),
+                React.createElement("linearGradient", { id: "XMLID_15_", y2: "235.82", gradientUnits: "userSpaceOnUse", y1: "256.11", x2: "180.18", x1: "180.18" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m247.04 247.49l-134.56-11.665-7.037 8.011 149.47 12.279-7.87-8.62z", fill: "url(#XMLID_15_)" }),
+                React.createElement("linearGradient", { id: "XMLID_16_", y2: "245.73", gradientUnits: "userSpaceOnUse", y1: "156.14", gradientTransform: "matrix(.9991 -.0422 .0422 .9991 -7.8689 10.896)", x2: "412.11", x1: "165.95" },
+                    React.createElement("stop", { stopColor: "#FFEDCF", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#F3C6AD", offset: ".0871" }),
+                    React.createElement("stop", { stopColor: "#E3927F", offset: ".2164" }),
+                    React.createElement("stop", { stopColor: "#D56558", offset: ".3479" }),
+                    React.createElement("stop", { stopColor: "#CA4138", offset: ".4791" }),
+                    React.createElement("stop", { stopColor: "#C12420", offset: ".61" }),
+                    React.createElement("stop", { stopColor: "#BB100E", offset: ".7406" }),
+                    React.createElement("stop", { stopColor: "#B70404", offset: ".8707" }),
+                    React.createElement("stop", { stopColor: "#B60000", offset: "1" })),
+                React.createElement("path", { d: "m334.42 125.94l-169.23 31.832 87.334 117.81 165.61-48.859-83.71-100.78z", fill: "url(#XMLID_16_)" }),
+                React.createElement("path", { d: "m410.03 295.54l-150.62 68.041v13.783l150.62-72.374v-9.45z", fill: "#999" }),
+                React.createElement("linearGradient", { id: "XMLID_17_", y2: "398.44", gradientUnits: "userSpaceOnUse", y1: "398.44", x2: "378.28", x1: "29.8" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m267.96 381.29l-168.44-28.93-69.72 5.207c11.773 2.648 23.686 5.23 35.87 8.469 53.261 14.761 107.97 27.494 155.1 52.899 7.441 0.588 14.814 1.72 21.969 3.415 20.08 5.336 38.206 15.89 57.515 22.162 26.26-1.01 51.242-9.981 72.503-28.88 1.708-1.565 3.562-2.777 5.518-3.744-8.409-2.575-17.114-4.607-25.726-7.831-29.5-8.15-57.07-14.9-84.59-22.78z", fill: "url(#XMLID_17_)" }),
+                React.createElement("path", { d: "m341.93 268.25l-24.182 5.266-1.106 65.447 25.359-10.77-0.07-59.95z", fill: "#ccc" }),
+                React.createElement("path", { d: "m167.85 163.74l2.664 4.781-69.129 89.751 0.074 10.322-13.995 0.344 80.395-105.19z", fill: "#B60000" }),
+                React.createElement("linearGradient", { id: "XMLID_18_", y2: "340.07", gradientUnits: "userSpaceOnUse", y1: "272.81", x2: "329.08", x1: "329.08" },
+                    React.createElement("stop", { stopColor: "#CC6635", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#FFC27C", offset: "1" })),
+                React.createElement("path", { d: "m338.37 272.81l-17.247 4.152-1.319 63.11 18.139-10.595 0.43-56.67z", fill: "url(#XMLID_18_)" }),
+                React.createElement("linearGradient", { id: "XMLID_19_", y2: "282.21", gradientUnits: "userSpaceOnUse", y1: "299.21", gradientTransform: "matrix(.9998 .0184 -.0184 .9998 5.1684 -5.9182)", x2: "325.69", x1: "325.69" },
+                    React.createElement("stop", { stopColor: "#689A9D", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#003D97", offset: "1" })),
+                React.createElement("path", { d: "m323.87 282.92l4.075-0.649-0.305 16.636-4.694 0.275 0.92-16.26z", fill: "url(#XMLID_19_)" }),
+                React.createElement("path", { d: "m335.69 304.57c-0.054 1.681-0.963 3.018-2.03 2.982-1.068-0.034-1.889-1.425-1.834-3.107 0.054-1.682 0.962-3.017 2.03-2.982 1.06 0.03 1.88 1.42 1.83 3.11z", fill: "#930" }),
+                React.createElement("path", { d: "m295.76 280.38l-26 5.521 1 50.479 2.5-1.183 22.5-8.282v-46.54z", fill: "#ccc" }),
+                React.createElement("linearGradient", { id: "XMLID_20_", y2: "284.42", gradientUnits: "userSpaceOnUse", y1: "331.49", x2: "282.89", x1: "282.89" },
+                    React.createElement("stop", { stopColor: "#689A9D", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#003D97", offset: "1" })),
+                React.createElement("path", { d: "m292.68 284.42l-19.58 4.655-0.003 42.414 18.896-6.596 0.68-40.47z", fill: "url(#XMLID_20_)" }),
+                React.createElement("path", { stroke: "#ccc", strokeWidth: "3.4707", d: "m271.06 311.03l22.885-7.683", fill: "none" }),
+                React.createElement("path", { d: "m229.37 332.56l-1.778-47.657-28.161-1.049 0.619 46.361 29.32 2.35z", fill: "#cff" }),
+                React.createElement("linearGradient", { id: "XMLID_21_", y2: "298.6", gradientUnits: "userSpaceOnUse", y1: "356.13", gradientTransform: "matrix(.9997 -.0255 .019 .7434 -5.1843 70.479)", x2: "212.9", x1: "212.9" },
+                    React.createElement("stop", { stopColor: "#fff", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#009FFF", offset: "1" })),
+                React.createElement("path", { d: "m202.87 287.3l20.946 0.994 1.469 41.229-21.811-2.118-0.61-40.1z", fill: "url(#XMLID_21_)" }),
+                React.createElement("path", { d: "m124.98 278.24l28.161 1.049 1.777 47.657-29.319-2.345-0.62-46.36z", fill: "#cff" }),
+                React.createElement("linearGradient", { id: "XMLID_22_", y2: "288.51", gradientUnits: "userSpaceOnUse", y1: "346.04", gradientTransform: "matrix(.9997 -.0255 .019 .7434 -5.1843 70.479)", x2: "138.62", x1: "138.62" },
+                    React.createElement("stop", { stopColor: "#fff", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#009FFF", offset: "1" })),
+                React.createElement("path", { d: "m128.42 281.69l20.946 0.994 1.47 41.229-21.811-2.118-0.61-40.1z", fill: "url(#XMLID_22_)" }),
+                React.createElement("path", { stroke: "#cff", strokeWidth: "3.1277", d: "m201.26 307.88l25 2", fill: "none" }),
+                React.createElement("path", { stroke: "#cff", strokeWidth: "3", d: "m126.76 302.88l24.5 1.5", fill: "none" }),
+                React.createElement("path", { d: "m299.55 108.98l-0.306-7.244 4.924-1.709 0.422 9.991-5.03-1.04z", fill: "#FF682D" }),
+                React.createElement("path", { d: "m304.17 100.03l0.422 9.991 7.252-0.306-0.854-9.472-6.82-0.21z", fill: "#D20000" }),
+                React.createElement("path", { d: "m316.19 106.02l-13.987 0.59 1.47 34.841 13.872-3.337-1.35-32.09z", fill: "#CC6635" }),
+                React.createElement("path", { d: "m304.68 141.54l-7.353-8.197-3.226 0.636-0.044-24.77 9.146-2.638 1.47 34.97z", fill: "#FF9766" }),
+                React.createElement("path", { d: "m49.13 70.604c7.778-3.949 16.477-5.95 25.24-7.585 11.822-2.206 24.188-3.771 36.206-1.771 0.5 1.305-1.441 2.41-0.867 3.416 11.276-3.312 23.928-7.857 36.127-6.857 3.053 0.25 15.038 2.445 12.09 7.216 9.857 1.678 19.873-2.042 29.949-0.782 7.039 0.88 20.663 4.423 14.131 12.554-6.983 8.691-22.477 10.729-33.547 12.071-5.37 0.651-10.556 1.42-15.794 2.667-2.367 0.563-6.476 1.121-7.957 3.258-2.183 3.151 1.082 6.168 0.839 9.285-0.471 6.071-11.313 8.294-16.723 7.18-8.872-1.827-15.727-8.26-24.404-10.706-4.016-1.131-8.151-1.349-12.311-1.764-3.418-0.341-6.649-0.687-10.059-0.005-2.038 0.407-1.276 1.176-2.591 1.563-1.354 0.398-3.219 0.136-4.589 0.153-9.625 0.115-17.989-1.702-25.918-6.617-2.152-1.334-4.047-3.051-6.312-4.243-2.216-1.166-4.325-1.222-6.765-1.724-2.131-0.438-3.969-1.051-6.149-1.303-1.044-0.12-2.907-0.179-3.779-0.822-3.028-2.232 0.626-6.563 2.497-8.322 3.127-2.94 8.078-5.751 12.49-6.894 2.856-0.74 6.891-2.076 9.936-1.461 2.13 0.431 3.549 0.767 5.822 0.764", fill: "#fff" }),
+                React.createElement("path", { d: "m405.76 101.92c7.762-4.054 16.862-4.688 26.11-4.68 3.998-0.074 7.956 0.18 11.876 0.76 3.558 0.874 3.467 1.66 4.887 3.917 3.443 5.468 13.157 4.001 19.091 2.454 5.874-1.531 11.022-4.256 17.056-5.475 5.139-1.039 11.02-1.354 16.253-0.514 2.416 0.292 4.629 0.948 6.639 1.968 0.901 0.999-0.108 3.57-0.03 4.606 0.368 4.889 5.508 6.596 11.076 7.699 4.562 0.904 13.239 1.196 15.436 5.23 1.483 2.726-2.656 4.483-5.08 5.651-5.108 2.462-10.196 3.159-16.17 3.468-4.675 0.144-9.352 0.196-14.03 0.157-5.55-0.088-10.577-1.151-15.997-1.519-2.819-0.191-6.133 1.356-6.232 3.774-0.109 2.617 2.91 2.283-1.758 3.938-10.219 3.624-19.83 2.941-30.145-0.095-8.406-2.475-15.823-5.781-24.797-7.021-6.093-0.841-12.169-0.048-18.18-0.794-5.668-0.703-11.187-2.77-15.85-5.225-2.557-1.346-4.876-2.567-7.048-4.265-1.116-0.873-1.464-1.569-3.016-1.964-0.98-3.566 6.837-6.046 10.155-6.593 4.323-0.711 7.817-1.129 11.754-2.619 2.344-0.887 4.288-2.569 6.845-2.896 1.994-0.254 4.325 0.447 6.278 0.077 1.377-0.262 2.355-1.045 3.877-0.802", fill: "#fff" }),
+                React.createElement("linearGradient", { id: "XMLID_23_", y2: "373.53", gradientUnits: "userSpaceOnUse", y1: "373.53", x2: "488.46", x1: "486.53" },
+                    React.createElement("stop", { stopColor: "#ccc", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m486.74 374.07c0.575-0.361 1.144-0.727 1.715-1.089-0.636 0.354-1.28 0.701-1.929 1.045 0.07 0.02 0.15 0.04 0.21 0.05z", fill: "url(#XMLID_23_)" }),
+                React.createElement("linearGradient", { id: "XMLID_24_", y2: "362.62", gradientUnits: "userSpaceOnUse", y1: "362.62", x2: "489.72", x1: "373.16" },
+                    React.createElement("stop", { stopColor: "#ccc", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m373.16 353.66c10.245 1.464 57.489 17.781 86.203 27.904 10.81-3.18 21.481-7.933 30.358-14.26-47.886-16.515-98.043-23.624-98.043-23.624l-18.52 9.98z", fill: "url(#XMLID_24_)" }),
+                React.createElement("linearGradient", { id: "XMLID_25_", y2: "344.37", gradientUnits: "userSpaceOnUse", y1: "344.37", x2: "398", x1: "349.95" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m397.57 332.31l0.427-10.458-47.7 30.639-0.201-0.036-0.148 3.405 0.717 11.032 46.9-34.58z", fill: "url(#XMLID_25_)" }),
+                React.createElement("linearGradient", { id: "XMLID_26_", y2: "355.79", gradientUnits: "userSpaceOnUse", y1: "355.79", x2: "351.25", x1: "302.81" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m351.22 355.27l-0.176-1.888 0.18 1.89 0.037-3.625-47.469-6.8-0.973 12.793 48.287 9.107 0.11-11.47z", fill: "url(#XMLID_26_)" }),
+                React.createElement("linearGradient", { id: "XMLID_27_", y2: "343.84", gradientUnits: "userSpaceOnUse", y1: "343.84", x2: "408.36", x1: "360.74" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m408.36 334.94l-22.674-1.073-0.57 0.315-24.375 16.603 20.254 3.021 27.37-18.86z", fill: "url(#XMLID_27_)" }),
+                React.createElement("linearGradient", { id: "XMLID_28_", y2: "356.03", gradientUnits: "userSpaceOnUse", y1: "356.03", x2: "382.16", x1: "360.07" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m382.16 353.75l-21.045-3.584-1.045 8.769 21.071 2.956 1.01-8.15z", fill: "url(#XMLID_28_)" }),
+                React.createElement("linearGradient", { id: "XMLID_29_", y2: "336.74", gradientUnits: "userSpaceOnUse", y1: "336.74", x2: "398.47", x1: "304.44" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m350.71 354.27l47.76-32.398-37.535-2.659-56.494 25.457 0.011 0.494 46.25 9.11z", fill: "url(#XMLID_29_)" }),
+                React.createElement("linearGradient", { id: "XMLID_30_", y2: "348.32", gradientUnits: "userSpaceOnUse", y1: "348.32", x2: "408.1", x1: "380.56" },
+                    React.createElement("stop", { stopColor: "#E8E3E8", offset: ".0056" }),
+                    React.createElement("stop", { stopColor: "#DFDADF", offset: ".1525" }),
+                    React.createElement("stop", { stopColor: "#C6C1C6", offset: ".3957" }),
+                    React.createElement("stop", { stopColor: "#9D989F", offset: ".7028" }),
+                    React.createElement("stop", { stopColor: "#6F6A72", offset: "1" })),
+                React.createElement("path", { d: "m408.1 334.41l-26.448 19.171-0.507 8.043-0.581 0.623 27.46-20.475 0.08-7.35z", fill: "url(#XMLID_30_)" }),
+                React.createElement("linearGradient", { id: "XMLID_31_", y2: "234.1", gradientUnits: "userSpaceOnUse", y1: "281.46", gradientTransform: "matrix(.9991 -.0422 .0422 .9991 -7.8689 10.896)", x2: "332.77", x1: "332.77" },
+                    React.createElement("stop", { stopColor: "#92CCCC", offset: ".2978" }),
+                    React.createElement("stop", { stopColor: "#9FD5D5", offset: ".3613" }),
+                    React.createElement("stop", { stopColor: "#BBE7E7", offset: ".5179" }),
+                    React.createElement("stop", { stopColor: "#CEF4F4", offset: ".6763" }),
+                    React.createElement("stop", { stopColor: "#DAFCFC", offset: ".8363" }),
+                    React.createElement("stop", { stopColor: "#DEFFFF", offset: "1" })),
+                React.createElement("path", { d: "m252.53 275.65l0.065 0.765 0.443 5.183 164.82-49.296 0.304-5.074-165.63 48.42z", fill: "url(#XMLID_31_)" }),
+                React.createElement("path", { d: "m165.19 157.77l0.661 8.644 87.184 115.18 0.236-6.266-88.08-117.55z", fill: "#fff" }),
+                React.createElement("linearGradient", { id: "XMLID_32_", y2: "255.63", gradientUnits: "userSpaceOnUse", y1: "306.71", x2: "374.4", x1: "374.4" },
+                    React.createElement("stop", { stopColor: "#689A9D", offset: "0" }),
+                    React.createElement("stop", { stopColor: "#003D97", offset: "1" })),
+                React.createElement("path", { stroke: "#ccc", strokeWidth: "3.5", d: "m390.29 255.64v37.575l-31.785 13.496v-41.7l31.79-9.38z", fill: "url(#XMLID_32_)" }))))));
+export default svg;
+//# sourceMappingURL=svg.js.map