@linzjs/lui 17.16.1 → 17.16.2-1

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiTextInput.js","sourceRoot":"","sources":["../../../../src/components/LuiFormElements/LuiTextInput/LuiTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAIZ,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA0BhD,MAAM,UAAU,sBAAsB,CAAC,WAAoB;IAClD,IAAA,EAAE,GAAI,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,GAAlD,CAAmD;IAC5D,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;;IACnD,IAAM,EAAE,GAAG,sBAAsB,CAAC,MAAA,KAAK,CAAC,UAAU,0CAAE,EAAE,CAAC,CAAC;IAExD,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,cAAc,EACd,KAAK,CAAC,KAAK,IAAI,UAAU,EACzB,KAAK,CAAC,OAAO,IAAI,YAAY,EAC7B,KAAK,CAAC,SAAS,CAChB;QAED,+BAAO,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,EAAE;YAChD,KAAK,CAAC,SAAS,IAAI,8BAAM,SAAS,EAAC,wBAAwB,QAAS;YACrE,8BACE,SAAS,EACP,0BAA0B;oBAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,IAGpD,KAAK,CAAC,KAAK,CACP;YACP,8BAAM,SAAS,EAAC,2BAA2B;gBACzC,wCACE,IAAI,EAAE,MAAM,EACZ,SAAS,EACP,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC3D,IAAI,CAAC,oBAAoB,CAAC,EAE5B,GAAG,EAAC,GAAG,EACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IACpB,KAAK,CAAC,UAAU,IACpB,EAAE,EAAE,EAAE,IACN;gBACD,KAAK,CAAC,IAAI,CACN;YAGN,KAAK,CAAC,KAAK,IAAI,CACd,8BAAM,SAAS,EAAC,oBAAoB;gBAClC,oBAAC,OAAO,IACN,GAAG,EAAC,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,OAAO,GACd;gBACD,KAAK,CAAC,KAAK,CACP,CACR;YAEA,KAAK,CAAC,OAAO,IAAI,CAChB,8BAAM,SAAS,EAAC,sBAAsB;gBACpC,oBAAC,OAAO,IACN,GAAG,EAAC,SAAS,EACb,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,SAAS,GAChB;gBACD,KAAK,CAAC,OAAO,CACT,CACR,CACK,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.js

@@ -0,0 +1,54 @@
+import { __assign } from "tslib";
+import React, { forwardRef } from 'react';
+import Select from 'react-select';
+import { LuiMiniSpinner } from '../../LuiLoadingSpinner/LuiLoadingSpinner';
+import colors from '../../../scss/Foundation/Variables/ExportColors.scss';
+import clsx from 'clsx';
+import { useGenerateOrDefaultId } from '../../LuiFormElements/LuiTextInput/LuiTextInput';
+import CreatableSelect from 'react-select/creatable';
+import { LuiIcon } from '../../LuiIcon/LuiIcon';
+/**
+ * A wrapper around React Select with Lui styling
+ */
+export var LuiComboSelect = forwardRef(LuiComboSelectActual);
+// declare the indicator in here so it gets the types from
+// the function declaration
+var LuiLoadingIndicator = function () { return React.createElement(LuiMiniSpinner, { size: 25 }); };
+function LuiComboSelectActual(givenProps, ref) {
+    var props = Object.assign({
+        noOptionsMessage: function (i) {
+            return "No options found containing '".concat(i.inputValue, "'");
+        }
+    }, givenProps);
+    props.components = __assign({ LoadingIndicator: LuiLoadingIndicator }, props.components);
+    // box-shadow: "-8px 0px 0 0 #cc0000";
+    // border-radius: "4px";
+    var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
+    var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: colors['sea'], primary75: colors['electric'], primary50: colors['spray'], primary25: colors['polar'], neutral90: colors['charcoal'], neutral80: colors['charcoal'], neutral70: colors['charcoal'], neutral60: colors['fuscous'], neutral50: colors['fuscous'], neutral40: colors['gray'], neutral30: colors['gray'], neutral20: colors['silver'], neutral10: colors['lily'], neutral5: colors['hint'], danger: colors['error'], dangerLight: colors['error-bg'] }) })); }, styles: {
+            control: function (provided, state) { return (__assign(__assign({}, provided), { 
+                /* matches style of .LuiTextInput-input */
+                boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
+                    borderColor: '#053d52'
+                } })); },
+            dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: colors['fuscous'] })); },
+            indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
+            input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
+                    height: '38px !important'
+                } })); },
+            singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
+            placeholder: function (provided) { return (__assign(__assign({}, provided), { 
+                /* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
+                fontWeight: 'normal', fontStyle: 'italic', color: colors['input-placeholder'] })); },
+            option: function (provided, _a) {
+                var isSelected = _a.isSelected;
+                return (__assign(__assign({}, provided), { color: colors['input-text'], backgroundColor: isSelected ? colors['selection'] : colors['white'] }));
+            }
+        } });
+    return (React.createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
+        React.createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
+        props.isCreateable ? (React.createElement(CreatableSelect, __assign({ formatCreateLabel: function (inputValue) { return inputValue; }, createOptionPosition: "first", ref: ref }, selectProp))) : (React.createElement(Select, __assign({ ref: ref }, selectProp))),
+        props.error && (React.createElement("span", { className: "LuiComboSelect-error" },
+            React.createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiComboSelect-error-icon", size: "sm", status: "error" }),
+            props.error))));
+}
+//# sourceMappingURL=LuiComboSelect.js.map

package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.js.map

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

package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LuiShadow } from '../../LuiShadow/LuiShadow';
+import { HelpInfo } from './LuiHelpInfo/LuiHelpInfo';
+export var LuiFormSectionHeader = function (props) { return (React.createElement("div", { className: "LuiFormSectionHeader" },
+    React.createElement("div", { className: "LuiFormSectionHeader-header" },
+        React.createElement("h3", { className: "LuiFormSectionHeader-heading" }, props.header),
+        props.details && React.createElement(HelpInfo, { info: props.details })),
+    React.createElement(LuiShadow, { className: 'LuiFormSectionHeader-details' }, props.children))); };
+//# sourceMappingURL=LuiFormSectionHeader.js.map

package/dist/components/LuiForms/LuiFormSection/LuiFormSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiFormSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/LuiForms/LuiFormSection/LuiFormSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQrD,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,KAAiD,IAC9C,OAAA,CACH,6BAAK,SAAS,EAAC,sBAAsB;IACnC,6BAAK,SAAS,EAAC,6BAA6B;QAC1C,4BAAI,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAC,MAAM,CAAM;QAC/D,KAAK,CAAC,OAAO,IAAI,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,GAAI,CAC/C;IACN,oBAAC,SAAS,IAAC,SAAS,EAAE,8BAA8B,IACjD,KAAK,CAAC,QAAQ,CACL,CACR,CACP,EAVI,CAUJ,CAAC"}

package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import clsx from 'clsx';
+import { LuiIcon } from '../../../LuiIcon/LuiIcon';
+export var HelpInfo = function (props) { return (React.createElement("div", { className: clsx('lui-small', 'HelpInfo') },
+    React.createElement(LuiIcon, { name: "ic_error_outline", className: 'HelpInfo-icon', size: "sm", alt: "Extra Information" }),
+    React.createElement("div", { className: 'HelpInfo-info' }, props.info))); };
+//# sourceMappingURL=LuiHelpInfo.js.map

package/dist/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiHelpInfo.js","sourceRoot":"","sources":["../../../../../src/components/LuiForms/LuiFormSection/LuiHelpInfo/LuiHelpInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,CAAC,IAAM,QAAQ,GAAsD,UACzE,KAAqB,IAClB,OAAA,CACH,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC3C,oBAAC,OAAO,IACN,IAAI,EAAC,kBAAkB,EACvB,SAAS,EAAE,eAAe,EAC1B,IAAI,EAAC,IAAI,EACT,GAAG,EAAC,mBAAmB,GACvB;IACF,6BAAK,SAAS,EAAE,eAAe,IAAG,KAAK,CAAC,IAAI,CAAO,CAC/C,CACP,EAVI,CAUJ,CAAC"}

package/dist/components/LuiHeader/LuiHeader.js

@@ -0,0 +1,79 @@
+import { __assign, __rest } from "tslib";
+import React, { createContext, forwardRef, useContext, } from 'react';
+import logo from '../../assets/images/linz-logo-col-n-white-txt.svg';
+import motif from '../../assets/images/linz-motif.svg';
+import clsx from 'clsx';
+import { useEscapeFunction, usePageClickFunction } from '../common/Hooks';
+import { buildHideClassDict } from '../common/ResponsiveUtils';
+var LuiHeader = function (_a) {
+    var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c;
+    var logoElement = size === 'normal' ? (React.createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React.createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
+    var logoContainer = logoElement;
+    if (typeof homeLink === 'string') {
+        logoContainer = React.createElement("a", { href: homeLink }, logoElement);
+    }
+    else if (typeof homeLink === 'function') {
+        logoContainer = (React.createElement("div", { className: "clickable", onClick: function () {
+                homeLink();
+            } }, logoElement));
+    }
+    return (React.createElement("header", { className: clsx({
+            'lui-header': true,
+            'lui-header-transparent': transparent,
+            'lui-header-small': size === 'small',
+            'lui-header-sticky': sticky
+        }) },
+        React.createElement("div", { className: "lui-header-row" },
+            React.createElement("div", { className: "lui-header-col" },
+                React.createElement("div", { className: "lui-header-logo" }, logoContainer),
+                headingText && (React.createElement("div", { className: "lui-header-title" },
+                    React.createElement("h1", null, headingText)))),
+            React.createElement("div", { className: "lui-header-col" }, children))));
+};
+/**
+ * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
+ * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
+ * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
+ */
+var LuiHeaderMenuItem = forwardRef(function (_a, ref) {
+    var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
+    var menuItemClasses = clsx('lui-header-menu-item', hide && buildHideClassDict(hide));
+    var resolvedIcon = !icon && !label ? 'menu' : icon;
+    return (React.createElement("div", { className: menuItemClasses, ref: ref },
+        React.createElement("div", { className: clsx('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId },
+            resolvedIcon && (React.createElement("i", { title: "Main menu", className: "material-icons-round md-36" }, resolvedIcon)),
+            label && React.createElement("div", { className: "lui-menu-label" }, label),
+            badge && React.createElement("div", { className: "badge" }, badge)),
+        children));
+});
+var LuiCloseableHeaderMenuContext = createContext({
+    isOpen: function () { return false; },
+    open: function () { },
+    close: function () { }
+});
+var LuiCloseableHeaderMenuItem = function (_a) {
+    var open = _a.open, setOpen = _a.setOpen, props = __rest(_a, ["open", "setOpen"]);
+    useEscapeFunction(function () { return setOpen(false); });
+    var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
+        if (!open) {
+            event.stopPropagation();
+            setOpen(false);
+        }
+    });
+    var menuControls = {
+        isOpen: function () { return open; },
+        open: function () { return setOpen(true); },
+        close: function () { return setOpen(false); }
+    };
+    var menuItemProps = __assign({ onClick: function () { return menuControls.open(); } }, props);
+    return (React.createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
+        React.createElement(LuiHeaderMenuItem, __assign({ ref: menuDiv }, menuItemProps), props.children)));
+};
+var LuiMenuCloseButton = function (_a) {
+    var _b = _a.icon, icon = _b === void 0 ? 'close' : _b, hide = _a.hide, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'close-button' : _c;
+    var menu = useContext(LuiCloseableHeaderMenuContext);
+    var classes = clsx('material-icons-round', 'lui-menu-close-button', hide && buildHideClassDict(hide));
+    return (React.createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
+};
+export { LuiHeader, LuiHeaderMenuItem, LuiMenuCloseButton, LuiCloseableHeaderMenuItem, LuiCloseableHeaderMenuContext, };
+//# sourceMappingURL=LuiHeader.js.map

package/dist/components/LuiHeader/LuiHeader.js.map

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

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.js

@@ -0,0 +1,73 @@
+import { __assign, __rest } from "tslib";
+import React, { useContext, useEffect, useState, } from 'react';
+import { LuiCloseableHeaderMenuContext, LuiCloseableHeaderMenuItem, } from '../LuiHeader/LuiHeader';
+import clsx from 'clsx';
+import { LuiExpandableBanner } from '../LuiExpandableBanner/LuiExpandableBanner';
+var LuiDrawerMenuOptions = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: "lui-menu-drawer-options" }, children);
+};
+var LuiDrawerMenuOption = function (_a) {
+    var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
+    var menu = useContext(LuiCloseableHeaderMenuContext);
+    return (React.createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
+            menu.close();
+            onClick();
+        }, "data-testid": 'drawer-option' },
+        React.createElement("div", { className: "lui-menu-drawer-option-label" },
+            typeof icon === 'string' ? (React.createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
+            label),
+        badge));
+};
+var LuiDrawerMenu = function (_a) {
+    var restOfProps = __rest(_a, []);
+    var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest(restOfProps, ["children", "hasStickyHeader"]);
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
+    useEffect(function () {
+        // Support for non-sticky headers. Scroll back to top when menu is opened
+        if (open && !hasStickyHeader) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        // Disable page scrolling while menu is open
+        if (open) {
+            document.body.classList.add('lui-menu-drawer-open');
+        }
+        else {
+            document.body.classList.remove('lui-menu-drawer-open');
+        }
+    }, [open, hasStickyHeader]);
+    return (React.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
+        React.createElement("div", { className: clsx({
+                'lui-menu-drawer': true,
+                'lui-menu-drawer-closed': !open
+            }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
+};
+var LuiDropdownMenu = function (_a) {
+    var restOfProps = __rest(_a, []);
+    var children = restOfProps.children, menuPropsCopy = __rest(restOfProps, ["children"]);
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen });
+    return (React.createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
+        React.createElement("div", { className: clsx({
+                'lui-menu-dropdown lui-box-shadow': true,
+                'lui-menu-dropdown-closed': !open
+            }), "data-testid": 'dropdown', "aria-hidden": !open },
+            children,
+            ' ')));
+};
+var LuiDrawerMenuSection = function (props) {
+    var children = props.children, title = props.title, collapsible = props.collapsible;
+    return (React.createElement("div", null,
+        collapsible && (React.createElement(LuiExpandableBanner, { label: title || '', className: "LuiDrawerMenuSection-header" }, children)),
+        !collapsible && (React.createElement(React.Fragment, null,
+            title && (React.createElement("div", { className: "LuiDrawerMenuSection-header" },
+                React.createElement("div", { className: 'lui-expand-header', style: { cursor: 'default' } },
+                    React.createElement("h3", null, title)))),
+            children))));
+};
+var LuiDrawerMenuDivider = function () {
+    return React.createElement("hr", { className: "LuiDrawerMenuDivider" });
+};
+export { LuiDrawerMenu, LuiDrawerMenuOptions, LuiDrawerMenuOption, LuiDropdownMenu, LuiDrawerMenuSection, LuiDrawerMenuDivider, };
+//# sourceMappingURL=LuiHeaderMenus.js.map

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.js.map

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

package/dist/components/LuiIcon/LuiIcon.js

@@ -0,0 +1,39 @@
+import { __assign } from "tslib";
+import clsx from 'clsx';
+import * as React from 'react';
+// This component will import assets from the svg content file that is a code compilation our simple icons
+// At this stage new icons need their width and height removed and replaced with
+// The new icon is added to the export list for a bit of sense checking (could use * I guess)
+// Icons then biffed in an object
+// They are then typed by magic methods I read on stackoverflow (key of type of) that I will forget instantly
+// Nice thing is that for both the size and the icons they should autocomplete/typeahead
+//
+// Use these to replace the material <i> things as you find them
+// Classname gets optionally added. use this to add fill css property to change colour
+import { ICONS } from '../../assets/svg-content';
+export var ICON_SIZES = {
+    xs: 'LuiIcon--xs',
+    sm: 'LuiIcon--sm',
+    md: 'LuiIcon--md',
+    lg: 'LuiIcon--lg',
+    xl: 'LuiIcon--xl',
+    ns: 'LuiIcon--noSize'
+};
+export var ICON_STATUS = {
+    none: '',
+    error: 'LuiIcon--error',
+    warning: 'LuiIcon--warning',
+    success: 'LuiIcon--success',
+    interactive: 'LuiIcon--interactive',
+    disabled: 'LuiIcon--disabled'
+};
+export var LuiIcon = function (_a) {
+    var name = _a.name, className = _a.className, _b = _a.size, size = _b === void 0 ? 'ns' : _b, title = _a.title, alt = _a.alt, _c = _a.status, status = _c === void 0 ? 'none' : _c, spanProps = _a.spanProps;
+    var iconSVG = ICONS[name];
+    if (!iconSVG) {
+        console.warn("<LuiIcon>: No icon found for: ".concat(iconSVG));
+        return null;
+    }
+    return (React.createElement("span", __assign({ className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt }, spanProps), iconSVG));
+};
+//# sourceMappingURL=LuiIcon.js.map

package/dist/components/LuiIcon/LuiIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiIcon.js","sourceRoot":"","sources":["../../../src/components/LuiIcon/LuiIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,0GAA0G;AAC1G,gFAAgF;AAChF,6FAA6F;AAC7F,iCAAiC;AACjC,6GAA6G;AAC7G,wFAAwF;AACxF,EAAE;AACF,gEAAgE;AAChE,sFAAsF;AAEtF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAoBjD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,gBAAgB;IACvB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,WAAW,EAAE,sBAAsB;IACnC,QAAQ,EAAE,mBAAmB;CAC9B,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAQT;QAPb,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAAK,WAAA,EACL,GAAG,SAAA,EACH,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,SAAS,eAAA;IAET,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CAAC,IAAI,CAAC,wCAAiC,OAAO,CAAE,CAAC,CAAC;QACzD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,SAAS,EACT,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,EACxB,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC,CAC9B,eACU,IAAI,EACf,KAAK,EAAE,KAAK,gBACA,GAAG,IACX,SAAS,GAEZ,OAAO,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/LuiListBox/LuiListBox.js

@@ -0,0 +1,60 @@
+import { __assign, __rest } from "tslib";
+import './LuiListBox.scss';
+import { useMemo, useRef } from 'react';
+import { useLuiListBox } from './useLuiListBox';
+import LuiListBoxItem from './LuiListBoxItem';
+import clsx from 'clsx';
+import Skeleton from 'react-loading-skeleton';
+import React from 'react';
+import { useListBox } from '@react-aria/listbox';
+import { useListState } from '@react-stately/list';
+import { LuiListBoxGroup } from './LuiListBoxGroup';
+export function LuiListBox(_a) {
+    var ariaLabel = _a.ariaLabel, ariaLabelledBy = _a.ariaLabelledBy, _b = _a.itemRenderer, itemRenderer = _b === void 0 ? DefaultItemRenderer : _b, _c = _a.groupHeadingRenderer, groupHeadingRenderer = _c === void 0 ? DefaultGroupHeadingRenderer : _c, _d = _a.loadingIndicator, loadingIndicator = _d === void 0 ? DefaultLoadingIndicator : _d, _e = _a.emptyIndicator, emptyIndicator = _e === void 0 ? DefaultEmptyIndicator : _e, _f = _a.selectionMode, selectionMode = _f === void 0 ? 'single' : _f, _g = _a.selectionBehavior, selectionBehavior = _g === void 0 ? 'toggle' : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, items = _a.items, value = _a.value, onChange = _a.onChange, getKey = _a.getKey, getGroup = _a.getGroup, getLabel = _a.getLabel, ariaProps = _a.ariaProps, className = _a.className, ulProps = __rest(_a, ["ariaLabel", "ariaLabelledBy", "itemRenderer", "groupHeadingRenderer", "loadingIndicator", "emptyIndicator", "selectionMode", "selectionBehavior", "disabled", "items", "value", "onChange", "getKey", "getGroup", "getLabel", "ariaProps", "className"]);
+    var listProps = useLuiListBox({
+        selectionMode: selectionMode,
+        selectionBehavior: selectionBehavior,
+        items: items,
+        value: value,
+        onChange: onChange,
+        getKey: getKey,
+        getGroup: getGroup,
+        getLabel: getLabel,
+        ariaProps: ariaProps,
+        disabled: disabled
+    });
+    var ariaListBoxProps = useMemo(function () { return (__assign({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy }, listProps)); }, [listProps, ariaLabel, ariaLabelledBy]);
+    var ref = useRef(null);
+    var state = useListState(listProps);
+    var listBoxProps = useListBox(ariaListBoxProps, state, ref).listBoxProps;
+    return (React.createElement("ul", __assign({}, ulProps, listBoxProps, { ref: ref, className: clsx('LuiListBox', className) }),
+        !items && loadingIndicator(),
+        (items === null || items === void 0 ? void 0 : items.length) === 0 && emptyIndicator(),
+        Array.from(state.collection).map(function (node) {
+            return node.type === 'section' ? (React.createElement(LuiListBoxGroup, { key: node.key, group: node.value, state: state, headingRenderer: groupHeadingRenderer, itemRenderer: itemRenderer })) : (React.createElement(LuiListBoxItem, { key: node.key, node: node.value, state: state, renderer: itemRenderer }));
+        })));
+}
+function DefaultItemRenderer(_a) {
+    var item = _a.item;
+    if (!item.hasOwnProperty('label')) {
+        throw Error('Could not find `label` property on item, please provide a custom `itemRenderer`');
+    }
+    return React.createElement(React.Fragment, null, item.label);
+}
+function DefaultGroupHeadingRenderer(_a) {
+    var text = _a.text;
+    return text;
+}
+function DefaultLoadingIndicator() {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("li", { className: "LuiListBox-loadingIndicator" },
+            React.createElement(Skeleton, null)),
+        React.createElement("li", { className: "LuiListBox-loadingIndicator" },
+            React.createElement(Skeleton, null)),
+        React.createElement("li", { className: "LuiListBox-loadingIndicator" },
+            React.createElement(Skeleton, null))));
+}
+function DefaultEmptyIndicator() {
+    return React.createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
+}
+//# sourceMappingURL=LuiListBox.js.map

package/dist/components/LuiListBox/LuiListBox.js.map

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

package/dist/components/LuiListBox/LuiListBoxGroup.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import { useListBoxSection } from '@react-aria/listbox';
+import React from 'react';
+import LuiListBoxItem from './LuiListBoxItem';
+export function LuiListBoxGroup(_a) {
+    var group = _a.group, state = _a.state, headingRenderer = _a.headingRenderer, itemRenderer = _a.itemRenderer;
+    var _b = useListBoxSection({
+        heading: group.textValue,
+        'aria-label': group.textValue
+    }), itemProps = _b.itemProps, headingProps = _b.headingProps, groupProps = _b.groupProps;
+    return (React.createElement("li", __assign({ className: "LuiListBoxGroup" }, itemProps),
+        React.createElement("span", __assign({ className: "LuiListBoxGroup-heading" }, headingProps), headingRenderer({ text: group.textValue })),
+        React.createElement("ul", __assign({ className: "LuiListBoxGroup-items" }, groupProps), (group.childNodes || []).map(function (node) { return (React.createElement(LuiListBoxItem, { key: node.key, node: node, state: state, renderer: itemRenderer })); }))));
+}
+//# sourceMappingURL=LuiListBoxGroup.js.map

package/dist/components/LuiListBox/LuiListBoxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiListBoxGroup.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/LuiListBoxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAc9C,MAAM,UAAU,eAAe,CAAI,EAKN;QAJ3B,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,YAAY,kBAAA;IAER,IAAA,KAA0C,iBAAiB,CAAC;QAC9D,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,YAAY,EAAE,KAAK,CAAC,SAAS;KAC9B,CAAC,EAHI,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAGvC,CAAC;IAEH,OAAO,CACL,qCAAI,SAAS,EAAC,iBAAiB,IAAK,SAAS;QAC3C,uCAAM,SAAS,EAAC,yBAAyB,IAAK,YAAY,GACvD,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CACtC;QACP,qCAAI,SAAS,EAAC,uBAAuB,IAAK,UAAU,GACjD,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACtC,oBAAC,cAAc,IACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,GACtB,CACH,EAPuC,CAOvC,CAAC,CACC,CACF,CACN,CAAC;AACJ,CAAC"}

package/dist/components/LuiListBox/LuiListBoxItem.js

@@ -0,0 +1,20 @@
+import { __assign } from "tslib";
+import { useRef } from 'react';
+import { useOption } from '@react-aria/listbox';
+import clsx from 'clsx';
+import React from 'react';
+import { useFocusRing } from '@react-aria/focus';
+import { mergeProps } from '@react-aria/utils';
+export default function LuiListBoxItem(_a) {
+    var node = _a.node, state = _a.state, renderer = _a.renderer;
+    var ref = useRef(null);
+    var _b = useOption({ key: node.key, 'aria-label': node.textValue }, state, ref), optionProps = _b.optionProps, isSelected = _b.isSelected, isDisabled = _b.isDisabled;
+    var _c = useFocusRing(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
+    return (React.createElement("li", __assign({ ref: ref }, mergeProps(optionProps, focusProps), { className: clsx('LuiListBoxItem', isSelected && 'LuiListBoxItem-selected', isDisabled && 'LuiListBoxItem-disabled') }), renderer({
+        item: node.value,
+        isDisabled: isDisabled,
+        isSelected: isSelected,
+        isFocusVisible: isFocusVisible
+    })));
+}
+//# sourceMappingURL=LuiListBoxItem.js.map

package/dist/components/LuiListBox/LuiListBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiListBoxItem.js","sourceRoot":"","sources":["../../../src/components/LuiListBox/LuiListBoxItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAI,EAIhB;QAHxB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnB,IAAA,KAA0C,SAAS,CACvD,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE,EAC/C,KAAK,EACL,GAAG,CACJ,EAJO,WAAW,iBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAI1C,CAAC;IACI,IAAA,KAAiC,YAAY,EAAE,EAA7C,cAAc,oBAAA,EAAE,UAAU,gBAAmB,CAAC;IAEtD,OAAO,CACL,qCACE,GAAG,EAAE,GAAG,IACJ,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,IACvC,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,UAAU,IAAI,yBAAyB,EACvC,UAAU,IAAI,yBAAyB,CACxC,KAEA,QAAQ,CAAC;QACR,IAAI,EAAE,IAAI,CAAC,KAAM;QACjB,UAAU,YAAA;QACV,UAAU,YAAA;QACV,cAAc,gBAAA;KACf,CAAC,CACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.js

@@ -0,0 +1,10 @@
+import './CheckboxItemRenderer.scss';
+import { LuiIcon } from '../../LuiIcon/LuiIcon';
+import React from 'react';
+export function CheckboxItemRenderer(_a) {
+    var item = _a.item, isSelected = _a.isSelected;
+    return (React.createElement("div", { className: "CheckboxRenderer ".concat(isSelected ? 'LuiCheckboxInput--isChecked' : '') },
+        React.createElement(LuiIcon, { size: "md", name: isSelected ? 'ic_check' : 'ic_zoom_out', alt: isSelected ? 'Checked' : 'Indeterminate Check', className: "LuiCheckboxInput-labelCheck ".concat(isSelected ? 'LuiCheckboxInput--isChecked' : '') }),
+        item.label));
+}
+//# sourceMappingURL=CheckboxItemRenderer.js.map

package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxItemRenderer.js","sourceRoot":"","sources":["../../../../src/components/LuiListBox/Renderers/CheckboxItemRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAC,EAGC;QAFpC,IAAI,UAAA,EACJ,UAAU,gBAAA;IAEV,OAAO,CACL,6BACE,SAAS,EAAE,2BACT,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAC/C;QAEF,oBAAC,OAAO,IACN,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,EAC7C,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,EACnD,SAAS,EAAE,sCACT,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAC/C,GACF;QACD,IAAI,CAAC,KAAK,CACP,CACP,CAAC;AACJ,CAAC"}

package/dist/components/LuiListBox/Renderers/RadioItemRenderer.js

@@ -0,0 +1,7 @@
+import './RadioItemRenderer.scss';
+import React from 'react';
+export function RadioItemRenderer(_a) {
+    var item = _a.item, isSelected = _a.isSelected;
+    return (React.createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
+}
+//# sourceMappingURL=RadioItemRenderer.js.map

package/dist/components/LuiListBox/Renderers/RadioItemRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioItemRenderer.js","sourceRoot":"","sources":["../../../../src/components/LuiListBox/Renderers/RadioItemRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB,CAAC,EAGI;QAFpC,IAAI,UAAA,EACJ,UAAU,gBAAA;IAEV,OAAO,CACL,6BACE,SAAS,EAAE,4BACT,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAChD,IAED,IAAI,CAAC,KAAK,CACP,CACP,CAAC;AACJ,CAAC"}

package/dist/components/LuiListBox/useLuiListBox.js

@@ -0,0 +1,60 @@
+import { __assign } from "tslib";
+import { useCallback, useMemo } from 'react';
+import { Item, Section } from '@react-stately/collections';
+import React from 'react';
+export function useLuiListBox(_a) {
+    var selectionMode = _a.selectionMode, selectionBehavior = _a.selectionBehavior, _b = _a.items, items = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, ariaProps = _a.ariaProps, _c = _a.getGroup, getGroup = _c === void 0 ? defaultGroupGetter : _c, _d = _a.getKey, getKey = _d === void 0 ? defaultKeyGetter : _d, _e = _a.getLabel, getLabel = _e === void 0 ? defaultLabelGetter : _e;
+    var children = useCallback(function (item) {
+        return item.childNodes ? (React.createElement(Section, { key: item.key, items: item.childNodes, title: item.textValue }, function (item) { return React.createElement(Item, null, String(item.key)); })) : (React.createElement(Item, null, String(item.key)));
+    }, []);
+    var onSelectionChange = useCallback(function (keys) {
+        if (!onChange) {
+            return;
+        }
+        onChange(keys === 'all' ? items.map(function (item) { return getKey(item); }) : Array.from(keys), keys === 'all' ? items : items.filter(function (item) { return keys.has(getKey(item)); }));
+    }, [items, onChange, getKey]);
+    var nodes = useMemo(function () { return mapItemsToNodes(items, getKey, getGroup, getLabel); }, [items, getKey, getGroup, getLabel]);
+    return __assign(__assign({}, ariaProps), { items: nodes, selectionMode: selectionMode, selectionBehavior: selectionBehavior, selectedKeys: (Array.isArray(value) ? value : [value]).filter(Boolean), children: children, onSelectionChange: onSelectionChange });
+}
+function mapItemsToNodes(items, getKey, getGroup, getLabel) {
+    var rootNodes = new Map();
+    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+        var item = items_1[_i];
+        var groupName = getGroup(item);
+        var key = getKey(item);
+        var textValue = getLabel(item);
+        var node = { key: key, textValue: textValue, value: item };
+        // Is an item without a group
+        if (!groupName) {
+            rootNodes.set(key, node);
+        }
+        // is an item with a group that has not been encountered yet.
+        if (groupName && !rootNodes.get(groupName)) {
+            rootNodes.set(groupName, {
+                key: groupName,
+                textValue: groupName,
+                childNodes: []
+            });
+        }
+        if (groupName) {
+            rootNodes.get(groupName).childNodes.push(node);
+        }
+    }
+    return Array.from(rootNodes.values());
+}
+function defaultKeyGetter(item) {
+    if (!item.hasOwnProperty('key')) {
+        throw Error('Could not find `key` property on item, please provide a custom `getKey` function');
+    }
+    return item.key;
+}
+function defaultGroupGetter(item) {
+    return item.group || null;
+}
+function defaultLabelGetter(item) {
+    if (!item.hasOwnProperty('key')) {
+        throw Error('Could not find `label` property on item, please provide a custom `getLabel` function');
+    }
+    return item.label;
+}
+//# sourceMappingURL=useLuiListBox.js.map

package/dist/components/LuiListBox/useLuiListBox.js.map

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

package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.js

@@ -0,0 +1,62 @@
+import { __assign } from "tslib";
+import React from 'react';
+import loaderData from '../../animations/loader.json';
+import loaderDataEaster from '../../animations/loader-easter.json';
+import loaderDataChristmas from '../../animations/loader-xmas.json';
+import { LuiLottieLight } from './LuiLottieLight';
+// This prevents spinners from animating and causing diffs in chromatic
+var autoplay = !isChromatic();
+var style = { height: 148, width: 148 };
+var renderSettings = {
+    preserveAspectRatio: 'xMidYMid slice'
+};
+var LuiLoadingSpinnerBase = function (props) {
+    return (React.createElement("div", { style: {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            zIndex: 1000,
+            marginLeft: '-74px',
+            marginTop: '-74px'
+        }, "data-testid": "loading-spinner" },
+        React.createElement(LuiLottieLight, { animationData: props.animationData, loop: true, autoplay: autoplay, rendererSettings: renderSettings, style: style })));
+};
+/**
+ * A LuiSpinner with a status message beneath it.
+ */
+export var LuiStatusSpinner = function (props) {
+    return (React.createElement("div", { className: 'LuiStatusSpinner' },
+        React.createElement(LuiLoadingSpinner, null),
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                marginLeft: '-150px',
+                marginTop: '74px'
+            } },
+            React.createElement("div", { style: {
+                    textAlign: 'center',
+                    width: '300px'
+                } }, props.children))));
+};
+export var LuiMiniSpinner = function (props) {
+    return (React.createElement("div", __assign({}, props.divProps),
+        React.createElement(LuiLottieLight, { animationData: loaderData, loop: true, autoplay: autoplay, rendererSettings: {
+                preserveAspectRatio: 'xMidYMid slice'
+            }, style: { height: props.size, width: props.size } })));
+};
+export var LuiLoadingSpinner = function () {
+    return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderData });
+};
+export var LuiLoadingSpinnerEaster = function () {
+    return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderDataEaster });
+};
+export var LuiLoadingSpinnerChristmas = function () {
+    return React.createElement(LuiLoadingSpinnerBase, { animationData: loaderDataChristmas });
+};
+// this function was extracted from chromatic/isChromatic. It was causing TS issues for the consumer
+export function isChromatic() {
+    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) ||
+        (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
+}
+//# sourceMappingURL=LuiLoadingSpinner.js.map

package/dist/components/LuiLoadingSpinner/LuiLoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LuiLoadingSpinner.js","sourceRoot":"","sources":["../../../src/components/LuiLoadingSpinner/LuiLoadingSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,gBAAgB,MAAM,qCAAqC,CAAC;AACnE,OAAO,mBAAmB,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,uEAAuE;AACvE,IAAM,QAAQ,GAAG,CAAC,WAAW,EAAE,CAAC;AAMhC,IAAM,KAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AAC1C,IAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,gBAAgB;CACtC,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAAC,KAAiC;IAC9D,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,OAAO;SACnB,iBACW,iBAAiB;QAE7B,oBAAC,cAAc,IACb,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,cAAc,EAChC,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAA+C,UAC1E,KAAK;IAEL,OAAO,CACL,6BAAK,SAAS,EAAE,kBAAkB;QAChC,oBAAC,iBAAiB,OAAG;QACrB,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,MAAM;aAClB;YAED,6BACE,KAAK,EAAE;oBACL,SAAS,EAAE,QAAQ;oBACnB,KAAK,EAAE,OAAO;iBACf,IAEA,KAAK,CAAC,QAAQ,CACX,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAA0B;IACvD,OAAO,CACL,wCAAS,KAAK,CAAC,QAAQ;QACrB,oBAAC,cAAc,IACb,aAAa,EAAE,UAAU,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE;gBAChB,mBAAmB,EAAE,gBAAgB;aACtC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,GAChD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,UAAU,GAAI,CAAC;AAC9D,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,gBAAgB,GAAI,CAAC;AACpE,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,OAAO,oBAAC,qBAAqB,IAAC,aAAa,EAAE,mBAAmB,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,oGAAoG;AACpG,MAAM,UAAU,WAAW;IACzB,OAAO,CAAC,CAAC,CACP,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC;SAC9C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA,CAC9C,CAAC;AACJ,CAAC"}