@muraldevkit/ui-toolkit 4.66.0-dev-DhSN.1 → 4.66.0-dev-T3Jw.1

package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.js

@@ -1,66 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSkeletonText = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const MrlSkeletonText_module_scss_1 = __importDefault(require("./MrlSkeletonText.module.scss.js"));
-const utils_1 = require("../../../utils");
-/**
- * MrlSkeletonText React component. Used to create skeleton elements as placeholders
- * for the MrlText component. It supports the same text sizes as the MrlText component.
- *
- * @param props {MrlSkeletonTextProps} - component props
- * @returns a MrlSkeleton React component.
- */
-function MrlSkeletonText(_a) {
-    var { className, style, width, lines = 1, size = 'medium' } = _a, rest = __rest(_a, ["className", "style", "width", "lines", "size"]);
-    const classes = (0, classnames_1.default)(MrlSkeletonText_module_scss_1.default['MrlSkeletonText'], {
-        [MrlSkeletonText_module_scss_1.default[`MrlSkeletonText-${size}`]]: !!size
-    }, className);
-    const skeletonTextLines = React.useMemo(() => {
-        const skeletonStyle = Object.assign(Object.assign({}, style), { width });
-        return new Array(lines).fill(0).map(() => {
-            return (React.createElement("div", Object.assign({ "aria-hidden": "true", className: classes, key: (0, utils_1.getUniqueId)('MrlSkeletonText-line'), style: skeletonStyle }, rest)));
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [lines]);
-    return React.createElement(React.Fragment, null, skeletonTextLines);
-}
-exports.MrlSkeletonText = MrlSkeletonText;

package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.css

@@ -1,67 +0,0 @@
-@keyframes shimmer--KMJX1 {
-  0% {
-    background-position: right;
-  }
-  100% {
-    background-position: left;
-  }
-}
-.MrlSkeletonText--jpqW5 {
-  background-color: var(--mrl-black-opacity-00);
-  border-radius: var(--mrl-border-radius-functional);
-  overflow: hidden;
-  position: relative;
-}
-.MrlSkeletonText--jpqW5::after {
-  animation-direction: normal;
-  animation-duration: 2.5s;
-  animation-iteration-count: infinite;
-  animation-name: shimmer--KMJX1;
-  animation-timing-function: ease-in-out;
-  background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, var(--mrl-white-opacity-06) 56%, rgba(255, 255, 255, 0) 64%);
-  background-repeat: no-repeat;
-  background-size: 400% 200%;
-  content: "";
-  height: 100%;
-  left: 0;
-  opacity: 0.6;
-  position: absolute;
-  top: 0;
-  width: 200%;
-}
-@media (prefers-reduced-motion) {
-  .MrlSkeletonText--jpqW5::after {
-    animation-name: none;
-    background: var(--mrl-black-opacity-00);
-  }
-}
-
-.MrlSkeletonText-large--7XgdI {
-  height: var(--mrl-spacing-03);
-  margin-bottom: calc(calc(var(--mrl-type-size-text-large) * var(--mrl-type-line-height-text-large)) - var(--mrl-spacing-03));
-  margin-top: calc((calc(var(--mrl-type-size-text-large) * var(--mrl-type-line-height-text-large)) - var(--mrl-spacing-03)) / 2);
-}
-
-.MrlSkeletonText-small--DIK66 {
-  height: var(--mrl-spacing-03);
-  margin-bottom: calc(calc(var(--mrl-type-size-text-small) * var(--mrl-type-line-height-text-small)) - var(--mrl-spacing-03));
-  margin-top: calc((calc(var(--mrl-type-size-text-small) * var(--mrl-type-line-height-text-small)) - var(--mrl-spacing-03)) / 2);
-}
-
-.MrlSkeletonText-xsmall--PCHIy {
-  height: var(--mrl-spacing-03);
-  margin-bottom: calc(calc(var(--mrl-type-size-text-xsmall) * var(--mrl-type-line-height-text-xsmall)) - var(--mrl-spacing-03));
-  margin-top: calc((calc(var(--mrl-type-size-text-xsmall) * var(--mrl-type-line-height-text-xsmall)) - var(--mrl-spacing-03)) / 2);
-}
-
-.MrlSkeletonText-xxsmall--E2Ypv {
-  height: var(--mrl-spacing-03);
-  margin-bottom: calc(calc(var(--mrl-type-size-text-xxsmall) * var(--mrl-type-line-height-text-xxsmall)) - var(--mrl-spacing-03));
-  margin-top: calc((calc(var(--mrl-type-size-text-xxsmall) * var(--mrl-type-line-height-text-xxsmall)) - var(--mrl-spacing-03)) / 2);
-}
-
-.MrlSkeletonText-medium--Gcy4d {
-  height: var(--mrl-spacing-03);
-  margin-bottom: calc(calc(var(--mrl-type-size-text) * var(--mrl-type-line-height-text)) - var(--mrl-spacing-03));
-  margin-top: calc((calc(var(--mrl-type-size-text) * var(--mrl-type-line-height-text)) - var(--mrl-spacing-03)) / 2);
-}

package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.scss.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlSkeletonText.module.css");
-exports.default = {
-	"MrlSkeletonText": "MrlSkeletonText--jpqW5",
-	"shimmer": "shimmer--KMJX1",
-	"MrlSkeletonText-large": "MrlSkeletonText-large--7XgdI",
-	"MrlSkeletonText-small": "MrlSkeletonText-small--DIK66",
-	"MrlSkeletonText-xsmall": "MrlSkeletonText-xsmall--PCHIy",
-	"MrlSkeletonText-xxsmall": "MrlSkeletonText-xxsmall--E2Ypv",
-	"MrlSkeletonText-medium": "MrlSkeletonText-medium--Gcy4d"
-};

package/dist/cjs/components/skeleton/MrlSkeletonText/index.js

@@ -1,17 +0,0 @@
-"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("./MrlSkeletonText"), exports);

package/dist/cjs/components/skeleton/index.js

@@ -1,18 +0,0 @@
-"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("./MrlSkeleton"), exports);
-__exportStar(require("./MrlSkeletonText"), exports);

package/dist/cjs/components/svg/MrlSvg/MrlSvg.js

@@ -1,169 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSvg = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
-const MrlSvg_module_scss_1 = __importDefault(require("./MrlSvg.module.scss.js"));
-/**
- * Creating and exporting component class for Mural SVG
- *
- * Supports both static SVG objects and dynamic URL loading.
- *
- * @param {SvgPropTypes} props the props for your MrlSvg
- * @returns {React.ReactElement} a rendered SVG
- */
-exports.MrlSvg = React.memo((props) => {
-    const { className, size = 'medium', svg, path, attrs = {}, isClone = false, lazyLoad } = props, remainingProps = __rest(props, ["className", "size", "svg", "path", "attrs", "isClone", "lazyLoad"]);
-    const GENERIC_WARNING_MESSAGE = 'There has been an issue rendering your SVG!';
-    /**
-     * Checks to ensure a string is valid JSON before parsing
-     *
-     * @param {Record<string, unknown>} svgData - the SVG code
-     * @returns {boolean} - a boolean for whether or not the string is valid JSON
-     */
-    const isValidJSON = (svgData) => {
-        try {
-            (0, utils_1.isObject)(svgData);
-        }
-        catch (err) {
-            // This is not valid JSON
-            console.warn(`${GENERIC_WARNING_MESSAGE} Invalid SVG code:`);
-            console.warn(svgData);
-            return false;
-        }
-        return true;
-    };
-    /**
-     * Parses a JS Object of SVG code into an SVG HTML Element
-     *
-     * @param {SVGObject} svgObj - a JS object of SVG code
-     * @param {AttrsObject} userAttributes - an optional set of attributes to be applied to the SVG
-     * @param {string} classes - an optional object of classes to be applied to the SVG
-     * @param {string} slot - an optional slot attribute for use in web components
-     * @returns {React.ReactElement} - an SVG HTML Element
-     */
-    const parseSVG = (svgObj, userAttributes = {}, classes, slot) => {
-        if (svgObj.type === 'text') {
-            return svgObj.value;
-        }
-        const Tag = svgObj.name;
-        const tagAttributes = svgObj.attributes || {};
-        /**
-         * Formats SVG attributes to from kebab case to camel case for React syntax
-         * Note: this excudes `data-` attributes
-         *
-         * @todo: Create react component for DS Icons and remove this code
-         */
-        Object.keys(tagAttributes).forEach((key) => {
-            let newKey = key;
-            if (key === 'class') {
-                newKey = 'className';
-            }
-            else if (key.slice(0, 5) !== 'data-') {
-                newKey = (0, utils_1.getCamelCase)(key);
-            }
-            tagAttributes[newKey] = tagAttributes[key];
-            if (key !== newKey) {
-                delete tagAttributes[key];
-            }
-        });
-        /**
-         * We render the `svg` element explicitly here to ensure that the user applied
-         * attributes and classes only get applied to the `svg` element.
-         */
-        if (Tag === 'svg') {
-            return (React.createElement("span", { className: (0, classnames_1.default)(MrlSvg_module_scss_1.default.MrlSvgContainer, MrlSvg_module_scss_1.default[`MrlSvgContainer--${size}`], 'MrlSvgContainer', classes), slot: slot },
-                React.createElement("svg", Object.assign({}, tagAttributes, userAttributes, remainingProps, { className: (0, classnames_1.default)(MrlSvg_module_scss_1.default.MrlSvg, MrlSvg_module_scss_1.default[`MrlSvg--${size}`], 'mrl-svg'), key: (0, utils_1.getUniqueId)() }), Array.isArray(svgObj.children) &&
-                    svgObj.children.map((child) => parseSVG(child)))));
-        }
-        return (React.createElement(Tag, Object.assign({}, tagAttributes, { key: (0, utils_1.getUniqueId)() }), Array.isArray(svgObj.children) &&
-            svgObj.children.map((child) => parseSVG(child))));
-    };
-    // We do not want to re-render the icon if it's a cloned version
-    if (isClone) {
-        return React.createElement("span", null);
-    }
-    // Validation: must provide either path or svg
-    if (!path && !svg) {
-        console.warn(`${GENERIC_WARNING_MESSAGE} Must provide either "path" or "svg" prop`);
-        return React.createElement("span", null);
-    }
-    // Validation: cannot provide both path and svg
-    if (path && svg) {
-        console.warn(`${GENERIC_WARNING_MESSAGE} Cannot provide both "path" and "svg" props. Using "svg" prop.`);
-    }
-    // Handle path prop with img tag (only if svg is not provided)
-    if (path && !svg) {
-        return (React.createElement("span", { className: (0, classnames_1.default)(MrlSvg_module_scss_1.default.MrlSvgContainer, MrlSvg_module_scss_1.default[`MrlSvgContainer--${size}`], 'MrlSvgContainer', className) },
-            React.createElement("img", { src: path, alt: "", "aria-hidden": "true", className: (0, classnames_1.default)(MrlSvg_module_scss_1.default.MrlSvg, MrlSvg_module_scss_1.default[`MrlSvg--${size}`], 'mrl-svg'), loading: lazyLoad ? 'lazy' : 'eager' })));
-    }
-    // don't render if SVG value is not defined
-    if (!svg) {
-        return React.createElement("span", null);
-    }
-    const slot = attrs.slot;
-    delete attrs.slot;
-    const allClasses = (0, classnames_1.default)(attrs.class, attrs.className, className);
-    delete attrs.class;
-    delete attrs.className;
-    const attributes = (0, utils_1.setAttributes)(attrs, constants_1.svgDefaults.attrs);
-    const isSvgString = typeof svg === 'string';
-    let svgObject;
-    if (isSvgString) {
-        try {
-            const parsedSvg = JSON.parse(svg);
-            if (!isValidJSON(parsedSvg)) {
-                return React.createElement("span", null);
-            }
-            svgObject = parsedSvg;
-        }
-        catch (err) {
-            console.warn(`${GENERIC_WARNING_MESSAGE} Invalid JSON in svg prop:`, err);
-            return React.createElement("span", null);
-        }
-    }
-    else {
-        svgObject = svg;
-    }
-    return parseSVG(svgObject, attributes, allClasses, slot);
-});
-exports.MrlSvg.displayName = 'MrlSvg';

package/dist/cjs/components/svg/MrlSvg/MrlSvg.module.css

@@ -1,46 +0,0 @@
-.MrlSvgContainer--5FaJp,
-.MrlSvg--FNeay {
-  --mrl-svg-size: var(--mrl-spacing-07);
-}
-
-.MrlSvgContainer--small--VL-L3,
-.MrlSvg--small--hTcux {
-  --mrl-svg-size: var(--mrl-spacing-06);
-}
-
-.MrlSvgContainer--large--DMDzE,
-.MrlSvg--large--26Yvv {
-  --mrl-svg-size: var(--mrl-spacing-10);
-}
-
-.MrlSvgContainer--auto--otx2o,
-.MrlSvg--auto--wvEYG {
-  --mrl-svg-size: 100%;
-}
-
-.MrlSvgContainer--5FaJp {
-  color: inherit;
-  display: inline-flex;
-  height: var(--mrl-svg-size);
-  width: var(--mrl-svg-size);
-}
-
-.MrlSvgContainer--auto--otx2o {
-  height: 100%;
-  width: 100%;
-}
-
-.MrlSvg--FNeay {
-  display: inline-block;
-  fill: currentcolor;
-  height: auto;
-  width: var(--mrl-svg-size);
-}
-.MrlSvg--FNeay * {
-  pointer-events: none;
-}
-
-.MrlSvg--auto--wvEYG {
-  height: 100%;
-  width: 100%;
-}

package/dist/cjs/components/svg/MrlSvg/MrlSvg.module.scss.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./MrlSvg.module.css");
-exports.default = {
-	"MrlSvgContainer": "MrlSvgContainer--5FaJp",
-	"MrlSvg": "MrlSvg--FNeay",
-	"MrlSvgContainer--small": "MrlSvgContainer--small--VL-L3",
-	"MrlSvg--small": "MrlSvg--small--hTcux",
-	"MrlSvgContainer--large": "MrlSvgContainer--large--DMDzE",
-	"MrlSvg--large": "MrlSvg--large--26Yvv",
-	"MrlSvgContainer--auto": "MrlSvgContainer--auto--otx2o",
-	"MrlSvg--auto": "MrlSvg--auto--wvEYG"
-};

package/dist/cjs/components/svg/MrlSvg/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSvg = void 0;
-var MrlSvg_1 = require("./MrlSvg");
-Object.defineProperty(exports, "MrlSvg", { enumerable: true, get: function () { return MrlSvg_1.MrlSvg; } });

package/dist/cjs/components/svg/MrlSvgAnimate/MrlSvgAnimate.js

@@ -1,109 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSvgAnimate = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const lottie_light_1 = __importDefault(require("lottie-web/build/player/lottie_light"));
-const constants_1 = require("../constants");
-const utils_1 = require("../../../utils");
-/**
- * MrlSvgAnimate
- *
- * This is a React functional component used for SVGs with robust After Effects animations.
- * @param {MrlSvgAnimateProps} props - The properties for the MrlSvgAnimate component.
- * @returns {React.ReactElement} - The rendered MrlSvgAnimate component.
- */
-const MrlSvgAnimate = (_a) => {
-    var { cdnFile, className, config, delay = 0, fullPath, state = 'stop', svgData } = _a, rest = __rest(_a, ["cdnFile", "className", "config", "delay", "fullPath", "state", "svgData"]);
-    const [hasReducedMotion, setHasReducedMotion] = React.useState(false);
-    const animateRef = React.useRef(null);
-    const { current: animationId } = React.useRef((0, utils_1.getUniqueId)('lottie-animation'));
-    /**
-     * Construct Lottie options object to pass to loadAnimations method
-     * @returns {AnimationConfigWithData<'svg'>} - Lottie options object
-     */
-    const getConfig = React.useCallback(() => {
-        const fullConfig = Object.assign(Object.assign(Object.assign({}, constants_1.baseLottieConfig), (config && JSON.parse(config))), { animationData: svgData && JSON.parse(svgData), container: animateRef.current, name: animationId, path: (fullPath && fullPath) ||
-                (cdnFile && `https://static.muralcdn.com/static/animations/${cdnFile}.json`) });
-        // This setting is not configurable due to security
-        if (typeof fullConfig.rendererSettings === 'undefined') {
-            fullConfig.rendererSettings = {};
-        }
-        fullConfig.rendererSettings.runExpressions = false;
-        return fullConfig;
-    }, [cdnFile, config, fullPath, svgData, animationId]);
-    /**
-     * Initialize Lottie animation
-     */
-    React.useEffect(() => {
-        if (animateRef.current) {
-            lottie_light_1.default.loadAnimation(getConfig());
-        }
-        return () => {
-            lottie_light_1.default.destroy(animationId);
-        };
-    }, [getConfig, animationId, svgData]);
-    /**
-     * Control animation based on operating system reduced motion preference.
-     */
-    React.useEffect(() => {
-        setHasReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
-    }, []);
-    /**
-     * Delay start of animation
-     */
-    React.useEffect(() => {
-        let timer;
-        if (state === 'play' && !hasReducedMotion) {
-            timer = setTimeout(() => {
-                lottie_light_1.default.play(animationId);
-            }, delay);
-        }
-        else {
-            lottie_light_1.default.stop(animationId);
-        }
-        return () => {
-            clearTimeout(timer);
-        };
-    }, [delay, hasReducedMotion, state, animationId, svgData]);
-    return (React.createElement("div", Object.assign({}, rest, { className: (0, classnames_1.default)(className, 'MrlSvgAnimate-container'), ref: animateRef })));
-};
-exports.MrlSvgAnimate = MrlSvgAnimate;
-exports.default = exports.MrlSvgAnimate;

package/dist/cjs/components/svg/MrlSvgAnimate/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlSvgAnimate = void 0;
-var MrlSvgAnimate_1 = require("./MrlSvgAnimate");
-Object.defineProperty(exports, "MrlSvgAnimate", { enumerable: true, get: function () { return MrlSvgAnimate_1.MrlSvgAnimate; } });

package/dist/cjs/components/svg/config.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.animateContainerStyles = exports.animateStoryData = exports.colorPictoStoryData = exports.headingStyles = exports.brandContainerStyles = exports.visualThinkingContainerStyles = exports.pictogramStoryData = exports.iconStoryData = exports.storyData = void 0;
-const constants_1 = require("./constants");
-exports.storyData = {
-    args: {
-        color: 'var(--mrl-text-color)',
-        size: constants_1.svgDefaults.size
-    },
-    argTypes: {
-        color: {
-            control: {
-                type: 'color'
-            }
-        },
-        size: {
-            control: {
-                options: constants_1.allowedSvgValues.sizes,
-                type: 'select'
-            }
-        }
-    },
-    manifest: {
-        scans: {
-            size: ['VRT']
-        }
-    },
-    title: 'Components/SVG'
-};
-exports.iconStoryData = {
-    manifest: {
-        exclude: {
-            default: ['A11Y', 'FUNC', 'HTML']
-        }
-    },
-    title: 'Assets/Icons'
-};
-exports.pictogramStoryData = {
-    manifest: {
-        exclude: {
-            default: ['A11Y', 'FUNC', 'HTML']
-        }
-    },
-    title: 'Assets/Pictograms'
-};
-exports.visualThinkingContainerStyles = {
-    display: 'flex',
-    flexDirection: 'row'
-};
-exports.brandContainerStyles = {
-    background: 'rgb(var(--mrl-gray-20))',
-    width: '50%'
-};
-exports.headingStyles = {
-    marginTop: 'var(--mrl-spacing-07)'
-};
-exports.colorPictoStoryData = {
-    args: {
-        state: 'default'
-    },
-    argTypes: {
-        state: {
-            control: {
-                // Not using the icon button constants here since
-                // we don't need to test disabled state
-                options: ['default', 'selected'],
-                type: 'select'
-            }
-        }
-    },
-    manifest: {
-        exclude: {
-            default: ['A11Y', 'FUNC', 'HTML']
-        },
-        scans: {
-            state: ['VRT']
-        }
-    },
-    name: 'Colors',
-    title: 'Assets/Pictograms'
-};
-exports.animateStoryData = {
-    args: {
-        delay: constants_1.animatedDefaults.delay,
-        state: constants_1.animatedDefaults.state
-    },
-    argTypes: {
-        delay: {
-            max: 50000,
-            min: 0,
-            name: 'delay (ms)',
-            step: 1,
-            type: 'number'
-        },
-        state: {
-            control: {
-                options: constants_1.allowedAnimatedValues.states,
-                type: 'select'
-            }
-        }
-    },
-    manifest: {
-        exclude: {
-            default: [
-                'A11Y',
-                'FUNC',
-                'HTML',
-                'VRT'
-            ]
-        }
-    },
-    name: 'Animate',
-    title: 'Components/SVG'
-};
-exports.animateContainerStyles = {
-    backgroundColor: 'black',
-    height: '48px',
-    width: '48px'
-};