@citygross/components 0.8.180 → 0.8.182

package/build/@types/components/CgButton/CgButton.styles.d.ts

@@ -3,7 +3,7 @@ export declare const ButtonStyle: import("styled-components").StyledComponent<"b
     sizeAttributes: import("./CgButton.types").TButtonSizeAttributes;
     variantAttributes: import("./CgButton.types").TButtonVariantAttributes;
 }, never>;
-export declare const ChildrenContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TChildrenContainer, never>;
+export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChildrenContainer, never>;
 export declare const SpinnerContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const DivAsButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("./CgButton.types").TCgButtonRoot, "children" | "loading" | "variant"> & {
     sizeAttributes: import("./CgButton.types").TButtonSizeAttributes;

package/build/@types/index.d.ts

@@ -54,7 +54,6 @@ export * from './components/MenuListItem/MenuListHeader';
 export * from './components/MenuListItem/MenuListItem';
 export * from './components/MobileTable';
 export * from './components/Modal/Modal';
-export * from './components/Nav/Nav';
 export * from './components/NavMainLink/NavMainLink';
 export * from './components/Pagination/Pagination';
 export * from './components/Pill/Pill';
@@ -70,7 +69,6 @@ export * from './components/RadioGroup';
 export * from './components/RadioListItem/RadioListItem';
 export * from './components/RippleContainer/RippleContainer';
 export * from './components/ScreenReader/ScreenReader';
-export * from './components/SearchBar/SearchBar';
 export * from './components/SearchListItem/SearchListItem';
 export * from './components/SearchSuggestionChip/SearchSuggestionChip';
 export * from './components/SelectButton/SelectButton';

package/build/cjs/components/src/components/AddressBlock/AddressBlock.js

@@ -72,9 +72,6 @@ require('../MenuListItem/MenuListItem.styles.js');
 require('../MenuListDropdown/MenuListDropdown.styles.js');
 require('../MobileTable/MobileTable.styles.js');
 require('../Modal/Modal.js');
-require('styled-components');
-require('../SearchBar/SearchBar.styles.js');
-require('../Nav/Nav.styles.js');
 require('../NavMainLink/NavMainLink.styled.js');
 require('../Pagination/Pagination.styles.js');
 require('../Pill/Pill.styles.js');

package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/CgButton/CgButton.styles.js

@@ -80,7 +80,11 @@ var ButtonStyle = styled__default["default"].button(templateObject_2 || (templat
     var theme = _a.theme;
     return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder;
 });
-var ChildrenContainer = styled__default["default"].span(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  opacity: ", ";\n"], ["\n  opacity: ", ";\n"])), function (_a) {
+var ChildrenContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  opacity: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  opacity: ", ";\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
+}, function (_a) {
     var loading = _a.loading;
     return (loading ? 0 : 1);
 });

package/build/cjs/components/src/components/CgButton/CgButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/WarningLabel/WarningLabel.js

@@ -72,9 +72,6 @@ require('../MenuListItem/MenuListItem.styles.js');
 require('../MenuListDropdown/MenuListDropdown.styles.js');
 require('../MobileTable/MobileTable.styles.js');
 require('../Modal/Modal.js');
-require('styled-components');
-require('../SearchBar/SearchBar.styles.js');
-require('../Nav/Nav.styles.js');
 require('../NavMainLink/NavMainLink.styled.js');
 require('../Pagination/Pagination.styles.js');
 require('../Pill/Pill.styles.js');

package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/index.js

@@ -61,7 +61,6 @@ var MenuListHeader = require('./components/MenuListItem/MenuListHeader.js');
 var MenuListItem = require('./components/MenuListItem/MenuListItem.js');
 var MobileTable_styles = require('./components/MobileTable/MobileTable.styles.js');
 var Modal = require('./components/Modal/Modal.js');
-var Nav = require('./components/Nav/Nav.js');
 var NavMainLink = require('./components/NavMainLink/NavMainLink.js');
 var Pagination = require('./components/Pagination/Pagination.js');
 var Pill = require('./components/Pill/Pill.js');
@@ -78,7 +77,6 @@ var RadioGroup = require('./components/RadioGroup/RadioGroup.js');
 var RadioListItem = require('./components/RadioListItem/RadioListItem.js');
 var RippleContainer = require('./components/RippleContainer/RippleContainer.js');
 var ScreenReader = require('./components/ScreenReader/ScreenReader.js');
-var SearchBar = require('./components/SearchBar/SearchBar.js');
 var SearchListItem = require('./components/SearchListItem/SearchListItem.js');
 var SearchSuggestionChip = require('./components/SearchSuggestionChip/SearchSuggestionChip.js');
 var SelectButton = require('./components/SelectButton/SelectButton.js');
@@ -216,7 +214,6 @@ exports.MobileLabel = MobileTable_styles.MobileLabel;
 exports.MobileTable = MobileTable_styles.MobileTable;
 exports.MobileTd = MobileTable_styles.MobileTd;
 exports.Modal = Modal.Modal;
-exports.Nav = Nav.Nav;
 exports.NavMainLink = NavMainLink.NavMainLink;
 exports.Pagination = Pagination.Pagination;
 exports.Pill = Pill.Pill;
@@ -247,7 +244,6 @@ exports.RadioGroup = RadioGroup.RadioGroup;
 exports.RadioListItem = RadioListItem.RadioListItem;
 exports.RippleContainer = RippleContainer.RippleContainer;
 exports.ScreenReader = ScreenReader.ScreenReader;
-exports.SearchBar = SearchBar.SearchBar;
 exports.SearchListItem = SearchListItem.SearchListItem;
 exports.SearchSuggestionChip = SearchSuggestionChip.SearchSuggestionChip;
 exports.SelectButton = SelectButton.SelectButton;

package/build/cjs/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/AddressBlock/AddressBlock.js

@@ -68,9 +68,6 @@ import '../MenuListItem/MenuListItem.styles.js';
 import '../MenuListDropdown/MenuListDropdown.styles.js';
 import '../MobileTable/MobileTable.styles.js';
 import '../Modal/Modal.js';
-import 'styled-components';
-import '../SearchBar/SearchBar.styles.js';
-import '../Nav/Nav.styles.js';
 import '../NavMainLink/NavMainLink.styled.js';
 import '../Pagination/Pagination.styles.js';
 import '../Pill/Pill.styles.js';

package/build/es/components/src/components/AddressBlock/AddressBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddressBlock.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/CgButton/CgButton.styles.js

@@ -72,7 +72,11 @@ var ButtonStyle = styled.button(templateObject_2 || (templateObject_2 = __makeTe
     var theme = _a.theme;
     return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder;
 });
-var ChildrenContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: ", ";\n"], ["\n  opacity: ", ";\n"])), function (_a) {
+var ChildrenContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  opacity: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  opacity: ", ";\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
+}, function (_a) {
     var loading = _a.loading;
     return (loading ? 0 : 1);
 });

package/build/es/components/src/components/CgButton/CgButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/WarningLabel/WarningLabel.js

@@ -68,9 +68,6 @@ import '../MenuListItem/MenuListItem.styles.js';
 import '../MenuListDropdown/MenuListDropdown.styles.js';
 import '../MobileTable/MobileTable.styles.js';
 import '../Modal/Modal.js';
-import 'styled-components';
-import '../SearchBar/SearchBar.styles.js';
-import '../Nav/Nav.styles.js';
 import '../NavMainLink/NavMainLink.styled.js';
 import '../Pagination/Pagination.styles.js';
 import '../Pill/Pill.styles.js';

package/build/es/components/src/components/WarningLabel/WarningLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"WarningLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/index.js

@@ -57,7 +57,6 @@ export { MenuListHeader } from './components/MenuListItem/MenuListHeader.js';
 export { MenuListItem } from './components/MenuListItem/MenuListItem.js';
 export { MobileLabel, MobileTable, MobileTd } from './components/MobileTable/MobileTable.styles.js';
 export { Modal } from './components/Modal/Modal.js';
-export { Nav } from './components/Nav/Nav.js';
 export { NavMainLink } from './components/NavMainLink/NavMainLink.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { Pill } from './components/Pill/Pill.js';
@@ -74,7 +73,6 @@ export { RadioGroup } from './components/RadioGroup/RadioGroup.js';
 export { RadioListItem } from './components/RadioListItem/RadioListItem.js';
 export { RippleContainer } from './components/RippleContainer/RippleContainer.js';
 export { ScreenReader } from './components/ScreenReader/ScreenReader.js';
-export { SearchBar } from './components/SearchBar/SearchBar.js';
 export { SearchListItem } from './components/SearchListItem/SearchListItem.js';
 export { SearchSuggestionChip } from './components/SearchSuggestionChip/SearchSuggestionChip.js';
 export { SelectButton } from './components/SelectButton/SelectButton.js';

package/build/es/components/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.8.180",
+  "version": "0.8.182",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "300f6fb76457bce7a00532764bc49c7422aaaaa0"
+  "gitHead": "7465a35eca1a8dd9be16b1538119b30db29f1768"
 }

package/build/@types/components/Nav/Nav.d.ts

@@ -1,27 +0,0 @@
-import React, { ChangeEventHandler } from 'react';
-export declare type TNav = {
-    closeSearch?: () => void;
-    height?: number;
-    inputIcon?: React.ReactNode;
-    logo: React.ReactNode;
-    mainLinks?: React.ReactNode[];
-    maxWidth?: number;
-    mobileTopPosition?: number;
-    onSearchBlur?: () => void;
-    onSearchClick?: () => void;
-    overlayTopPosition?: number;
-    rightContent?: React.ReactNode;
-    searchCancelLabel?: React.ReactNode;
-    searchContainerRef: React.RefObject<HTMLDivElement>;
-    searchIcon?: React.ReactNode;
-    searchInputMobileRef: React.RefObject<HTMLInputElement>;
-    searchInputRef: React.RefObject<HTMLInputElement>;
-    searchIsOpen?: boolean;
-    searchOnChange?: ChangeEventHandler<HTMLInputElement>;
-    searchOnSubmit?: () => void;
-    searchPlaceHolder?: string;
-    searchResultElement?: React.ReactNode;
-    searchValue?: string;
-    topPosition?: number;
-};
-export declare const Nav: ({ closeSearch, height, inputIcon, logo, mainLinks, maxWidth, mobileTopPosition, onSearchBlur, onSearchClick, overlayTopPosition, rightContent, searchCancelLabel, searchContainerRef, searchIcon, searchInputMobileRef, searchInputRef, searchIsOpen, searchOnChange, searchOnSubmit, searchPlaceHolder, searchResultElement, searchValue, topPosition }: TNav) => JSX.Element;

package/build/@types/components/Nav/Nav.styles.d.ts

@@ -1,23 +0,0 @@
-declare type TNav = {
-    background?: string;
-    height?: number;
-    topPosition?: number;
-};
-declare type TNavContainer = {
-    maxWidth?: number;
-};
-declare type TNavSearchOverlay = {
-    overlayTopPosition?: number;
-    show?: boolean;
-};
-declare type TSearchIsOpen = {
-    isOpen?: boolean;
-};
-export declare const Nav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TNav, never>;
-export declare const NavContainer: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, TNavContainer, never>;
-export declare const NavChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const NavMainLinks: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SearchContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSearchIsOpen, never>;
-export declare const NavSearchContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSearchIsOpen, never>;
-export declare const SearchResultOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TNavSearchOverlay, never>;
-export {};

package/build/@types/components/SearchBar/SearchBar.d.ts

@@ -1,15 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import * as styles from './SearchBar.styles';
-export declare type TSearchBar = styles.TSearchInput & {
-    cancelLabel?: React.ReactNode;
-    children?: React.ReactNode;
-    icon?: React.ReactNode;
-    inputIcon?: React.ReactNode;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    isOpen?: boolean;
-    mobileTopPosition?: number;
-    resultBoxTopPosition?: string;
-    searchInputMobileRef?: React.RefObject<HTMLInputElement>;
-    searchOnSubmit?: () => void;
-} & InputHTMLAttributes<HTMLInputElement>;
-export declare const SearchBar: ({ activeBorderColor, cancelLabel, children, flexGrow, icon, inputIcon, inputRef, inputSize, isOpen, isValid, mobileTopPosition, resultBoxTopPosition, searchInputMobileRef, searchOnSubmit, value, ...props }: TSearchBar) => JSX.Element;

package/build/@types/components/SearchBar/SearchBar.styles.d.ts

@@ -1,23 +0,0 @@
-export declare type TSearchInput = {
-    activeBorderColor?: string;
-    flexGrow?: boolean;
-    hideInMobile?: boolean;
-    inputSize?: 'small' | 'medium';
-    isOpen?: boolean;
-    isValid?: boolean;
-};
-declare type TSearchResultContainer = {
-    background?: string;
-    isOpen?: boolean;
-    mobileTopPosition?: number;
-    topPosition?: string;
-};
-export declare const SearchResultContainer: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, TSearchResultContainer, never>;
-export declare const SearchRightLabel: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, import("styled-components").DefaultTheme, {}, never>;
-export declare const SearchBarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TSearchInput, never>;
-export declare const SearchInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, TSearchInput, never>;
-export declare const MobileSearchFormContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SearchForm: import("styled-components").StyledComponent<"form", import("styled-components").DefaultTheme, TSearchInput, never>;
-export declare const MobileSearchIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SearchLeftIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export {};

package/build/cjs/components/src/components/Nav/Nav.js

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var designTokens = require('@citygross/design-tokens');
-var utils = require('@citygross/utils');
-var React = require('react');
-var SearchBar = require('../SearchBar/SearchBar.js');
-var Nav_styles = require('./Nav.styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Nav = function (_a) {
-    var _b, _c, _d, _e;
-    var closeSearch = _a.closeSearch, height = _a.height, inputIcon = _a.inputIcon, logo = _a.logo, mainLinks = _a.mainLinks, maxWidth = _a.maxWidth, mobileTopPosition = _a.mobileTopPosition, onSearchBlur = _a.onSearchBlur, onSearchClick = _a.onSearchClick, overlayTopPosition = _a.overlayTopPosition, rightContent = _a.rightContent, searchCancelLabel = _a.searchCancelLabel, searchContainerRef = _a.searchContainerRef, searchIcon = _a.searchIcon, searchInputMobileRef = _a.searchInputMobileRef, searchInputRef = _a.searchInputRef, searchIsOpen = _a.searchIsOpen, searchOnChange = _a.searchOnChange, searchOnSubmit = _a.searchOnSubmit, searchPlaceHolder = _a.searchPlaceHolder, searchResultElement = _a.searchResultElement, searchValue = _a.searchValue, topPosition = _a.topPosition;
-    var navContainerRef = React.useRef(null);
-    var navChildContainerRef = React.useRef(null);
-    var navRef = React.useRef(null);
-    var width = utils.useWindowSize().width;
-    var _f = React.useState(width), localWidth = _f[0], setLocalWidth = _f[1];
-    var _g = React.useState(0), elToRemove = _g[0], setElToRemove = _g[1];
-    var widthRef = React.useRef(null);
-    var checkWidth = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var containerWidth = (_b = (_a = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
-        var containerScrollWidth = (_d = (_c = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _c === void 0 ? void 0 : _c.scrollWidth) !== null && _d !== void 0 ? _d : 0;
-        var childContainerWidth = (_f = (_e = navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) === null || _e === void 0 ? void 0 : _e.offsetWidth) !== null && _f !== void 0 ? _f : 0;
-        // assuming mainLinks max width
-        var maxMainLinkWidth = (_h = (_g = designTokens.theme.constants) === null || _g === void 0 ? void 0 : _g.navMainLinkWidth) !== null && _h !== void 0 ? _h : 105;
-        var currentWidht = containerWidth;
-        var removeLength = 0;
-        while (currentWidht < containerScrollWidth) {
-            currentWidht += maxMainLinkWidth;
-            removeLength += 1;
-        }
-        if (width <= localWidth &&
-            (navRef === null || navRef === void 0 ? void 0 : navRef.current) &&
-            (containerScrollWidth > containerWidth ||
-                ((navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) && childContainerWidth > containerWidth))) {
-            setElToRemove(function (prev) { return prev + removeLength; });
-            widthRef.current = width;
-        }
-        else if (width > localWidth &&
-            (((widthRef === null || widthRef === void 0 ? void 0 : widthRef.current) && width >= (widthRef === null || widthRef === void 0 ? void 0 : widthRef.current)) || elToRemove > 0)) {
-            if (elToRemove) {
-                setElToRemove(function (prev) { return prev - 1; });
-            }
-        }
-        setLocalWidth(width);
-    };
-    React.useEffect(function () {
-        var debounce = setTimeout(function () {
-            checkWidth === null || checkWidth === void 0 ? void 0 : checkWidth();
-        }, 300);
-        return function () {
-            clearTimeout(debounce);
-        };
-    }, [
-        width,
-        (_b = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth,
-        (_c = navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth,
-        localWidth
-    ]);
-    React.useEffect(function () {
-        var handleClick = function (event) {
-            var _a;
-            if ((navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) &&
-                !((_a = navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event === null || event === void 0 ? void 0 : event.target))) {
-                closeSearch === null || closeSearch === void 0 ? void 0 : closeSearch();
-            }
-        };
-        document.addEventListener('click', handleClick, true);
-        return function () {
-            document.removeEventListener('click', handleClick, true);
-        };
-    }, [closeSearch, navContainerRef]);
-    var variants = {
-        closed: {
-            width: '0',
-            transition: {
-                duration: 0.1,
-                ease: 'linear'
-            }
-        },
-        open: {
-            width: 'auto',
-            transition: { duration: 0.1, ease: 'linear' }
-        }
-    };
-    return (React__default["default"].createElement(Nav_styles.Nav, { height: height, topPosition: topPosition, ref: navRef },
-        React__default["default"].createElement(Nav_styles.NavContainer, { maxWidth: maxWidth, ref: navContainerRef },
-            logo,
-            React__default["default"].createElement(Nav_styles.NavChildContainer, { ref: navChildContainerRef },
-                React__default["default"].createElement(React.Fragment, null,
-                    React__default["default"].createElement(Nav_styles.NavMainLinks, { variants: variants, animate: designTokens.theme.constants && width < ((_d = designTokens.theme.constants) === null || _d === void 0 ? void 0 : _d.headerBreakpoint)
-                            ? false
-                            : searchIsOpen
-                                ? 'closed'
-                                : 'open', initial: "open" }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
-                    React__default["default"].createElement(Nav_styles.SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
-                        React__default["default"].createElement(SearchBar.SearchBar, { cancelLabel: searchCancelLabel, flexGrow: true, icon: searchIcon, inputIcon: inputIcon, inputRef: searchInputRef, isOpen: searchIsOpen, mobileTopPosition: mobileTopPosition, onBlur: onSearchBlur, onChange: searchOnChange, onClick: function () { return onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(); }, onKeyDown: function (e) { return e.key === 'Enter' && (onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick()); }, placeholder: searchPlaceHolder, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
-                rightContent)),
-        React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
-};
-
-exports.Nav = Nav;
-//# sourceMappingURL=Nav.js.map

package/build/cjs/components/src/components/Nav/Nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Nav/Nav.styles.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.js');
-var designTokens = require('@citygross/design-tokens');
-var framerMotion = require('framer-motion');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-var Nav = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: ", "px;\n"], ["\n  background: ", ";\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: ", "px;\n"])), function (_a) {
-    var _b;
-    var background = _a.background;
-    return background !== null && background !== void 0 ? background : (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var height = _a.height;
-    return height !== null && height !== void 0 ? height : (_b = designTokens.theme.constants) === null || _b === void 0 ? void 0 : _b.navHeaderHeightSmall;
-});
-var NavContainer = styled__default["default"].nav(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: ", "px;\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    padding: ", "px ", "px;\n  }\n"], ["\n  display: flex;\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: ", "px;\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    padding: ", "px ", "px;\n  }\n"])), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return maxWidth;
-}, (_a = designTokens.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, (_b = designTokens.theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint, (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.xs, (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.sm);
-var NavChildContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n  z-index: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n  z-index: ", ";\n"])), (_e = designTokens.theme.attributes) === null || _e === void 0 ? void 0 : _e.zIndex.middle);
-var NavMainLinks = styled__default["default"](framerMotion.motion.div)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: none;\n\n  @media (min-width: ", "px) {\n    display: flex;\n    align-items: center;\n    gap: ", "px;\n    margin-left: ", "px;\n    width: auto;\n    height: 100%;\n  }\n"], ["\n  display: none;\n\n  @media (min-width: ", "px) {\n    display: flex;\n    align-items: center;\n    gap: ", "px;\n    margin-left: ", "px;\n    width: auto;\n    height: 100%;\n  }\n"])), (_f = designTokens.theme.constants) === null || _f === void 0 ? void 0 : _f.headerBreakpoint, (_g = designTokens.theme.spacings) === null || _g === void 0 ? void 0 : _g.sm, (_h = designTokens.theme.spacings) === null || _h === void 0 ? void 0 : _h.sm);
-var SearchContainer = styled__default["default"](framerMotion.motion.div)(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-left: ", "px;\n"])), function (_a) {
-    var _b;
-    var isOpen = _a.isOpen;
-    return (isOpen ? 0 : (_b = designTokens.theme.spacings) === null || _b === void 0 ? void 0 : _b.sm);
-});
-styled__default["default"](SearchContainer)(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var SearchResultOverlay = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  display: none;\n  opacity: 0.5;\n  overflow: hidden;\n  position: fixed;\n  left: 0;\n  top: ", "px;\n  width: 100vw;\n  height: 100%;\n  z-index: ", ";\n\n  @media (min-width: ", "px) {\n    display: ", ";\n    top: ", ";\n  }\n"], ["\n  background: ", ";\n  display: none;\n  opacity: 0.5;\n  overflow: hidden;\n  position: fixed;\n  left: 0;\n  top: ", "px;\n  width: 100vw;\n  height: 100%;\n  z-index: ", ";\n\n  @media (min-width: ", "px) {\n    display: ", ";\n    top: ", ";\n  }\n"])), (_j = designTokens.theme.palette) === null || _j === void 0 ? void 0 : _j.darkest, (_k = designTokens.theme.constants) === null || _k === void 0 ? void 0 : _k.navHeaderHeightSmall, (_l = designTokens.theme.attributes) === null || _l === void 0 ? void 0 : _l.zIndex.low, (_m = designTokens.theme.constants) === null || _m === void 0 ? void 0 : _m.headerBreakpoint, function (_a) {
-    var show = _a.show;
-    return (show ? 'block' : 'none');
-}, function (_a) {
-    var _b;
-    var overlayTopPosition = _a.overlayTopPosition;
-    var baseTop = ((_b = designTokens.theme.constants) === null || _b === void 0 ? void 0 : _b.navHeaderHeightSmall) || 0;
-    return "".concat(overlayTopPosition ? overlayTopPosition + baseTop : baseTop, "px");
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-
-exports.Nav = Nav;
-exports.NavChildContainer = NavChildContainer;
-exports.NavContainer = NavContainer;
-exports.NavMainLinks = NavMainLinks;
-exports.SearchContainer = SearchContainer;
-exports.SearchResultOverlay = SearchResultOverlay;
-//# sourceMappingURL=Nav.styles.js.map

package/build/cjs/components/src/components/Nav/Nav.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Nav.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/SearchBar/SearchBar.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.js');
-var React = require('react');
-var utils = require('@citygross/utils');
-var styled = require('styled-components');
-var ScreenReader = require('../ScreenReader/ScreenReader.js');
-var SearchBar_styles = require('./SearchBar.styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SearchBar = function (_a) {
-    var _b;
-    var activeBorderColor = _a.activeBorderColor, cancelLabel = _a.cancelLabel, children = _a.children, flexGrow = _a.flexGrow, icon = _a.icon, inputIcon = _a.inputIcon, inputRef = _a.inputRef, _c = _a.inputSize, inputSize = _c === void 0 ? 'medium' : _c, isOpen = _a.isOpen, isValid = _a.isValid, mobileTopPosition = _a.mobileTopPosition, resultBoxTopPosition = _a.resultBoxTopPosition, searchInputMobileRef = _a.searchInputMobileRef, searchOnSubmit = _a.searchOnSubmit, value = _a.value, props = _tslib.__rest(_a, ["activeBorderColor", "cancelLabel", "children", "flexGrow", "icon", "inputIcon", "inputRef", "inputSize", "isOpen", "isValid", "mobileTopPosition", "resultBoxTopPosition", "searchInputMobileRef", "searchOnSubmit", "value"]);
-    var width = utils.useWindowSize().width;
-    var theme = styled.useTheme();
-    var isMobile = theme.constants && width < ((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint);
-    var resultVariants = {
-        closed: {
-            height: '0',
-            transition: { duration: 0, ease: 'linear' }
-        },
-        open: {
-            height: isMobile ? '100%' : 'auto',
-            transition: {
-                duration: isMobile ? 0 : 0.2,
-                delay: isMobile ? 0 : 0.1,
-                ease: 'linear'
-            }
-        }
-    };
-    var iconVariants = {
-        closed: {
-            display: 'none',
-            opacity: 0,
-            transition: { duration: 0, delay: 0, ease: 'linear' }
-        },
-        open: {
-            display: 'flex',
-            opacity: 1,
-            transition: { duration: 0.1, delay: 0.1, ease: 'linear' }
-        }
-    };
-    return (React__default["default"].createElement(React.Fragment, null,
-        React__default["default"].createElement(ScreenReader.ScreenReader, { id: "search-help", string: "S\u00F6kf\u00F6rslag kommer visas medan du skriver" }),
-        React__default["default"].createElement(SearchBar_styles.SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
-            React__default["default"].createElement(SearchBar_styles.SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
-                    e.preventDefault();
-                    searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
-                } },
-                React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
-                React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-describedby": "search-help", "aria-haspopup": "dialog", "aria-hidden": isMobile, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
-                cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
-            React__default["default"].createElement(SearchBar_styles.MobileSearchIconContainer, null,
-                React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, icon)),
-            React__default["default"].createElement(SearchBar_styles.SearchResultContainer, { animate: isOpen ? 'open' : 'closed', initial: "closed", isOpen: isOpen, mobileTopPosition: mobileTopPosition, topPosition: resultBoxTopPosition, variants: resultVariants },
-                React__default["default"].createElement(SearchBar_styles.MobileSearchFormContainer, null,
-                    React__default["default"].createElement(SearchBar_styles.SearchForm, { onSubmit: function (e) {
-                            e.preventDefault();
-                            searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
-                        } },
-                        React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
-                        React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-describedby": "search-help", "aria-haspopup": "dialog", "aria-hidden": !isMobile, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
-                        cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
-                children))));
-};
-
-exports.SearchBar = SearchBar;
-//# sourceMappingURL=SearchBar.js.map

package/build/cjs/components/src/components/SearchBar/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/SearchBar/SearchBar.styles.js

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _tslib = require('../../../../_virtual/_tslib.js');
-var framerMotion = require('framer-motion');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var SearchResultContainer = styled__default["default"](framerMotion.motion.div)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  position: fixed;\n  top: ", "px;\n  left: 0;\n  width: 100%;\n  z-index: ", ";\n  overflow: hidden;\n  @media (max-width: ", "px) {\n    height: 100%;\n  }\n  @media (min-width: ", "px) {\n    position: absolute;\n    top: ", ";\n  }\n"], ["\n  position: fixed;\n  top: ", "px;\n  left: 0;\n  width: 100%;\n  z-index: ", ";\n  overflow: hidden;\n  @media (max-width: ", "px) {\n    height: 100%;\n  }\n  @media (min-width: ", "px) {\n    position: absolute;\n    top: ", ";\n  }\n"])), function (_a) {
-    var mobileTopPosition = _a.mobileTopPosition;
-    return mobileTopPosition !== null && mobileTopPosition !== void 0 ? mobileTopPosition : 0;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.searchModalZIndex;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var topPosition = _a.topPosition, theme = _a.theme;
-    return topPosition !== null && topPosition !== void 0 ? topPosition : "calc(100% + ".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px)");
-});
-var SearchRightLabel = styled__default["default"](framerMotion.motion.div)(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-var SearchBarContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", ";\n\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n"], ["\n  ", ";\n\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n"])), function (_a) {
-    var flexGrow = _a.flexGrow;
-    return flexGrow && "flex: 1;";
-});
-var SearchInput = styled__default["default"].input(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: ", "px;\n  padding: ", "px;\n  line-height: ", "px;\n\n  ::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: ", ";\n    opacity: 1; /* Firefox */\n  }\n\n  :-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    color: ", ";\n  }\n\n  ::-ms-input-placeholder {\n    /* Microsoft Edge */\n    color: ", ";\n  }\n"], ["\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: ", "px;\n  padding: ", "px;\n  line-height: ", "px;\n\n  ::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: ", ";\n    opacity: 1; /* Firefox */\n  }\n\n  :-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    color: ", ";\n  }\n\n  ::-ms-input-placeholder {\n    /* Microsoft Edge */\n    color: ", ";\n  }\n"])), function (_a) {
-    var _b, _c;
-    var inputSize = _a.inputSize, theme = _a.theme;
-    return inputSize === 'small'
-        ? (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.s2
-        : (_c = theme.typography) === null || _c === void 0 ? void 0 : _c.size.s3;
-}, function (_a) {
-    var _b, _c;
-    var inputSize = _a.inputSize, theme = _a.theme;
-    return inputSize === 'small' ? (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs : (_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xs2;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.m1;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-});
-var MobileSearchFormContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  background: ", ";\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px 10px");
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-});
-var SearchForm = styled__default["default"].form(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  flex: 1;\n  display: ", ";\n  padding: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n    background: ", ";\n  }\n\n  > div[data-lastpass-icon-root] {\n    display: none;\n  }\n\n  @media (min-width: ", ") {\n    &:hover {\n      background: ", ";\n    }\n  }\n\n  @media (min-width: ", "px) {\n    display: flex;\n    flex-direction: row;\n    padding: 0 ", "px;\n    ", "\n  }\n"], ["\n  flex: 1;\n  display: ", ";\n  padding: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n    background: ", ";\n  }\n\n  > div[data-lastpass-icon-root] {\n    display: none;\n  }\n\n  @media (min-width: ", ") {\n    &:hover {\n      background: ", ";\n    }\n  }\n\n  @media (min-width: ", "px) {\n    display: flex;\n    flex-direction: row;\n    padding: 0 ", "px;\n    ", "\n  }\n"])), function (_a) {
-    var hideInMobile = _a.hideInMobile;
-    return (hideInMobile ? 'none' : 'flex');
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return "0px ".concat((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px");
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.disabledGray;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.brandBlue;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lightest;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen && "flex-direction: row;";
-});
-var MobileSearchIconContainer = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: block;\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: block;\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-});
-var SearchLeftIcon = styled__default["default"].div(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-
-exports.MobileSearchFormContainer = MobileSearchFormContainer;
-exports.MobileSearchIconContainer = MobileSearchIconContainer;
-exports.SearchBarContainer = SearchBarContainer;
-exports.SearchForm = SearchForm;
-exports.SearchInput = SearchInput;
-exports.SearchLeftIcon = SearchLeftIcon;
-exports.SearchResultContainer = SearchResultContainer;
-exports.SearchRightLabel = SearchRightLabel;
-//# sourceMappingURL=SearchBar.styles.js.map

package/build/cjs/components/src/components/SearchBar/SearchBar.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/Nav/Nav.js

@@ -1,101 +0,0 @@
-import { theme } from '@citygross/design-tokens';
-import { useWindowSize } from '@citygross/utils';
-import React, { useRef, useState, useEffect, Fragment } from 'react';
-import { SearchBar } from '../SearchBar/SearchBar.js';
-import { Nav as Nav$1, NavContainer, NavChildContainer, NavMainLinks, SearchContainer, SearchResultOverlay } from './Nav.styles.js';
-
-var Nav = function (_a) {
-    var _b, _c, _d, _e;
-    var closeSearch = _a.closeSearch, height = _a.height, inputIcon = _a.inputIcon, logo = _a.logo, mainLinks = _a.mainLinks, maxWidth = _a.maxWidth, mobileTopPosition = _a.mobileTopPosition, onSearchBlur = _a.onSearchBlur, onSearchClick = _a.onSearchClick, overlayTopPosition = _a.overlayTopPosition, rightContent = _a.rightContent, searchCancelLabel = _a.searchCancelLabel, searchContainerRef = _a.searchContainerRef, searchIcon = _a.searchIcon, searchInputMobileRef = _a.searchInputMobileRef, searchInputRef = _a.searchInputRef, searchIsOpen = _a.searchIsOpen, searchOnChange = _a.searchOnChange, searchOnSubmit = _a.searchOnSubmit, searchPlaceHolder = _a.searchPlaceHolder, searchResultElement = _a.searchResultElement, searchValue = _a.searchValue, topPosition = _a.topPosition;
-    var navContainerRef = useRef(null);
-    var navChildContainerRef = useRef(null);
-    var navRef = useRef(null);
-    var width = useWindowSize().width;
-    var _f = useState(width), localWidth = _f[0], setLocalWidth = _f[1];
-    var _g = useState(0), elToRemove = _g[0], setElToRemove = _g[1];
-    var widthRef = useRef(null);
-    var checkWidth = function () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var containerWidth = (_b = (_a = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
-        var containerScrollWidth = (_d = (_c = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _c === void 0 ? void 0 : _c.scrollWidth) !== null && _d !== void 0 ? _d : 0;
-        var childContainerWidth = (_f = (_e = navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) === null || _e === void 0 ? void 0 : _e.offsetWidth) !== null && _f !== void 0 ? _f : 0;
-        // assuming mainLinks max width
-        var maxMainLinkWidth = (_h = (_g = theme.constants) === null || _g === void 0 ? void 0 : _g.navMainLinkWidth) !== null && _h !== void 0 ? _h : 105;
-        var currentWidht = containerWidth;
-        var removeLength = 0;
-        while (currentWidht < containerScrollWidth) {
-            currentWidht += maxMainLinkWidth;
-            removeLength += 1;
-        }
-        if (width <= localWidth &&
-            (navRef === null || navRef === void 0 ? void 0 : navRef.current) &&
-            (containerScrollWidth > containerWidth ||
-                ((navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) && childContainerWidth > containerWidth))) {
-            setElToRemove(function (prev) { return prev + removeLength; });
-            widthRef.current = width;
-        }
-        else if (width > localWidth &&
-            (((widthRef === null || widthRef === void 0 ? void 0 : widthRef.current) && width >= (widthRef === null || widthRef === void 0 ? void 0 : widthRef.current)) || elToRemove > 0)) {
-            if (elToRemove) {
-                setElToRemove(function (prev) { return prev - 1; });
-            }
-        }
-        setLocalWidth(width);
-    };
-    useEffect(function () {
-        var debounce = setTimeout(function () {
-            checkWidth === null || checkWidth === void 0 ? void 0 : checkWidth();
-        }, 300);
-        return function () {
-            clearTimeout(debounce);
-        };
-    }, [
-        width,
-        (_b = navRef === null || navRef === void 0 ? void 0 : navRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth,
-        (_c = navChildContainerRef === null || navChildContainerRef === void 0 ? void 0 : navChildContainerRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth,
-        localWidth
-    ]);
-    useEffect(function () {
-        var handleClick = function (event) {
-            var _a;
-            if ((navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) &&
-                !((_a = navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event === null || event === void 0 ? void 0 : event.target))) {
-                closeSearch === null || closeSearch === void 0 ? void 0 : closeSearch();
-            }
-        };
-        document.addEventListener('click', handleClick, true);
-        return function () {
-            document.removeEventListener('click', handleClick, true);
-        };
-    }, [closeSearch, navContainerRef]);
-    var variants = {
-        closed: {
-            width: '0',
-            transition: {
-                duration: 0.1,
-                ease: 'linear'
-            }
-        },
-        open: {
-            width: 'auto',
-            transition: { duration: 0.1, ease: 'linear' }
-        }
-    };
-    return (React.createElement(Nav$1, { height: height, topPosition: topPosition, ref: navRef },
-        React.createElement(NavContainer, { maxWidth: maxWidth, ref: navContainerRef },
-            logo,
-            React.createElement(NavChildContainer, { ref: navChildContainerRef },
-                React.createElement(Fragment, null,
-                    React.createElement(NavMainLinks, { variants: variants, animate: theme.constants && width < ((_d = theme.constants) === null || _d === void 0 ? void 0 : _d.headerBreakpoint)
-                            ? false
-                            : searchIsOpen
-                                ? 'closed'
-                                : 'open', initial: "open" }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
-                    React.createElement(SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
-                        React.createElement(SearchBar, { cancelLabel: searchCancelLabel, flexGrow: true, icon: searchIcon, inputIcon: inputIcon, inputRef: searchInputRef, isOpen: searchIsOpen, mobileTopPosition: mobileTopPosition, onBlur: onSearchBlur, onChange: searchOnChange, onClick: function () { return onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(); }, onKeyDown: function (e) { return e.key === 'Enter' && (onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick()); }, placeholder: searchPlaceHolder, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
-                rightContent)),
-        React.createElement(SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
-};
-
-export { Nav };
-//# sourceMappingURL=Nav.js.map

package/build/es/components/src/components/Nav/Nav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/Nav/Nav.styles.js

@@ -1,40 +0,0 @@
-import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import { theme } from '@citygross/design-tokens';
-import { motion } from 'framer-motion';
-import styled from 'styled-components';
-
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-var Nav = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: ", "px;\n"], ["\n  background: ", ";\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: ", "px;\n"])), function (_a) {
-    var _b;
-    var background = _a.background;
-    return background !== null && background !== void 0 ? background : (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var height = _a.height;
-    return height !== null && height !== void 0 ? height : (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.navHeaderHeightSmall;
-});
-var NavContainer = styled.nav(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: ", "px;\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    padding: ", "px ", "px;\n  }\n"], ["\n  display: flex;\n  margin: 0 auto;\n  max-width: ", "px;\n  padding: ", "px;\n  width: 100%;\n\n  @media (min-width: ", "px) {\n    padding: ", "px ", "px;\n  }\n"])), function (_a) {
-    var maxWidth = _a.maxWidth;
-    return maxWidth;
-}, (_a = theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint, (_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xs, (_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.sm);
-var NavChildContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n  z-index: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n  z-index: ", ";\n"])), (_e = theme.attributes) === null || _e === void 0 ? void 0 : _e.zIndex.middle);
-var NavMainLinks = styled(motion.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: none;\n\n  @media (min-width: ", "px) {\n    display: flex;\n    align-items: center;\n    gap: ", "px;\n    margin-left: ", "px;\n    width: auto;\n    height: 100%;\n  }\n"], ["\n  display: none;\n\n  @media (min-width: ", "px) {\n    display: flex;\n    align-items: center;\n    gap: ", "px;\n    margin-left: ", "px;\n    width: auto;\n    height: 100%;\n  }\n"])), (_f = theme.constants) === null || _f === void 0 ? void 0 : _f.headerBreakpoint, (_g = theme.spacings) === null || _g === void 0 ? void 0 : _g.sm, (_h = theme.spacings) === null || _h === void 0 ? void 0 : _h.sm);
-var SearchContainer = styled(motion.div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-left: ", "px;\n"])), function (_a) {
-    var _b;
-    var isOpen = _a.isOpen;
-    return (isOpen ? 0 : (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm);
-});
-styled(SearchContainer)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var SearchResultOverlay = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background: ", ";\n  display: none;\n  opacity: 0.5;\n  overflow: hidden;\n  position: fixed;\n  left: 0;\n  top: ", "px;\n  width: 100vw;\n  height: 100%;\n  z-index: ", ";\n\n  @media (min-width: ", "px) {\n    display: ", ";\n    top: ", ";\n  }\n"], ["\n  background: ", ";\n  display: none;\n  opacity: 0.5;\n  overflow: hidden;\n  position: fixed;\n  left: 0;\n  top: ", "px;\n  width: 100vw;\n  height: 100%;\n  z-index: ", ";\n\n  @media (min-width: ", "px) {\n    display: ", ";\n    top: ", ";\n  }\n"])), (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.darkest, (_k = theme.constants) === null || _k === void 0 ? void 0 : _k.navHeaderHeightSmall, (_l = theme.attributes) === null || _l === void 0 ? void 0 : _l.zIndex.low, (_m = theme.constants) === null || _m === void 0 ? void 0 : _m.headerBreakpoint, function (_a) {
-    var show = _a.show;
-    return (show ? 'block' : 'none');
-}, function (_a) {
-    var _b;
-    var overlayTopPosition = _a.overlayTopPosition;
-    var baseTop = ((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.navHeaderHeightSmall) || 0;
-    return "".concat(overlayTopPosition ? overlayTopPosition + baseTop : baseTop, "px");
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-
-export { Nav, NavChildContainer, NavContainer, NavMainLinks, SearchContainer, SearchResultOverlay };
-//# sourceMappingURL=Nav.styles.js.map

package/build/es/components/src/components/Nav/Nav.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Nav.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/SearchBar/SearchBar.js

@@ -1,65 +0,0 @@
-import { __rest, __assign } from '../../../../_virtual/_tslib.js';
-import React, { Fragment } from 'react';
-import { useWindowSize } from '@citygross/utils';
-import { useTheme } from 'styled-components';
-import { ScreenReader } from '../ScreenReader/ScreenReader.js';
-import { SearchBarContainer, SearchForm, SearchLeftIcon, SearchInput, SearchRightLabel, MobileSearchIconContainer, SearchResultContainer, MobileSearchFormContainer } from './SearchBar.styles.js';
-
-var SearchBar = function (_a) {
-    var _b;
-    var activeBorderColor = _a.activeBorderColor, cancelLabel = _a.cancelLabel, children = _a.children, flexGrow = _a.flexGrow, icon = _a.icon, inputIcon = _a.inputIcon, inputRef = _a.inputRef, _c = _a.inputSize, inputSize = _c === void 0 ? 'medium' : _c, isOpen = _a.isOpen, isValid = _a.isValid, mobileTopPosition = _a.mobileTopPosition, resultBoxTopPosition = _a.resultBoxTopPosition, searchInputMobileRef = _a.searchInputMobileRef, searchOnSubmit = _a.searchOnSubmit, value = _a.value, props = __rest(_a, ["activeBorderColor", "cancelLabel", "children", "flexGrow", "icon", "inputIcon", "inputRef", "inputSize", "isOpen", "isValid", "mobileTopPosition", "resultBoxTopPosition", "searchInputMobileRef", "searchOnSubmit", "value"]);
-    var width = useWindowSize().width;
-    var theme = useTheme();
-    var isMobile = theme.constants && width < ((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint);
-    var resultVariants = {
-        closed: {
-            height: '0',
-            transition: { duration: 0, ease: 'linear' }
-        },
-        open: {
-            height: isMobile ? '100%' : 'auto',
-            transition: {
-                duration: isMobile ? 0 : 0.2,
-                delay: isMobile ? 0 : 0.1,
-                ease: 'linear'
-            }
-        }
-    };
-    var iconVariants = {
-        closed: {
-            display: 'none',
-            opacity: 0,
-            transition: { duration: 0, delay: 0, ease: 'linear' }
-        },
-        open: {
-            display: 'flex',
-            opacity: 1,
-            transition: { duration: 0.1, delay: 0.1, ease: 'linear' }
-        }
-    };
-    return (React.createElement(Fragment, null,
-        React.createElement(ScreenReader, { id: "search-help", string: "S\u00F6kf\u00F6rslag kommer visas medan du skriver" }),
-        React.createElement(SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
-            React.createElement(SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
-                    e.preventDefault();
-                    searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
-                } },
-                React.createElement(SearchLeftIcon, null, inputIcon),
-                React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-describedby": "search-help", "aria-haspopup": "dialog", "aria-hidden": isMobile, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
-                cancelLabel && (React.createElement(SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
-            React.createElement(MobileSearchIconContainer, null,
-                React.createElement(SearchLeftIcon, null, icon)),
-            React.createElement(SearchResultContainer, { animate: isOpen ? 'open' : 'closed', initial: "closed", isOpen: isOpen, mobileTopPosition: mobileTopPosition, topPosition: resultBoxTopPosition, variants: resultVariants },
-                React.createElement(MobileSearchFormContainer, null,
-                    React.createElement(SearchForm, { onSubmit: function (e) {
-                            e.preventDefault();
-                            searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
-                        } },
-                        React.createElement(SearchLeftIcon, null, inputIcon),
-                        React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-describedby": "search-help", "aria-haspopup": "dialog", "aria-hidden": !isMobile, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
-                        cancelLabel && (React.createElement(SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
-                children))));
-};
-
-export { SearchBar };
-//# sourceMappingURL=SearchBar.js.map

package/build/es/components/src/components/SearchBar/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/SearchBar/SearchBar.styles.js

@@ -1,126 +0,0 @@
-import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import { motion } from 'framer-motion';
-import styled from 'styled-components';
-
-var SearchResultContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: ", "px;\n  left: 0;\n  width: 100%;\n  z-index: ", ";\n  overflow: hidden;\n  @media (max-width: ", "px) {\n    height: 100%;\n  }\n  @media (min-width: ", "px) {\n    position: absolute;\n    top: ", ";\n  }\n"], ["\n  position: fixed;\n  top: ", "px;\n  left: 0;\n  width: 100%;\n  z-index: ", ";\n  overflow: hidden;\n  @media (max-width: ", "px) {\n    height: 100%;\n  }\n  @media (min-width: ", "px) {\n    position: absolute;\n    top: ", ";\n  }\n"])), function (_a) {
-    var mobileTopPosition = _a.mobileTopPosition;
-    return mobileTopPosition !== null && mobileTopPosition !== void 0 ? mobileTopPosition : 0;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.searchModalZIndex;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var topPosition = _a.topPosition, theme = _a.theme;
-    return topPosition !== null && topPosition !== void 0 ? topPosition : "calc(100% + ".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px)");
-});
-var SearchRightLabel = styled(motion.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-var SearchBarContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n"], ["\n  ", ";\n\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n"])), function (_a) {
-    var flexGrow = _a.flexGrow;
-    return flexGrow && "flex: 1;";
-});
-var SearchInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: ", "px;\n  padding: ", "px;\n  line-height: ", "px;\n\n  ::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: ", ";\n    opacity: 1; /* Firefox */\n  }\n\n  :-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    color: ", ";\n  }\n\n  ::-ms-input-placeholder {\n    /* Microsoft Edge */\n    color: ", ";\n  }\n"], ["\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: ", "px;\n  padding: ", "px;\n  line-height: ", "px;\n\n  ::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: ", ";\n    opacity: 1; /* Firefox */\n  }\n\n  :-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    color: ", ";\n  }\n\n  ::-ms-input-placeholder {\n    /* Microsoft Edge */\n    color: ", ";\n  }\n"])), function (_a) {
-    var _b, _c;
-    var inputSize = _a.inputSize, theme = _a.theme;
-    return inputSize === 'small'
-        ? (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.s2
-        : (_c = theme.typography) === null || _c === void 0 ? void 0 : _c.size.s3;
-}, function (_a) {
-    var _b, _c;
-    var inputSize = _a.inputSize, theme = _a.theme;
-    return inputSize === 'small' ? (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs : (_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xs2;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size.m1;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.mediumDark;
-});
-var MobileSearchFormContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: ", ";\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  background: ", ";\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px 10px");
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-});
-var SearchForm = styled.form(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: 1;\n  display: ", ";\n  padding: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n    background: ", ";\n  }\n\n  > div[data-lastpass-icon-root] {\n    display: none;\n  }\n\n  @media (min-width: ", ") {\n    &:hover {\n      background: ", ";\n    }\n  }\n\n  @media (min-width: ", "px) {\n    display: flex;\n    flex-direction: row;\n    padding: 0 ", "px;\n    ", "\n  }\n"], ["\n  flex: 1;\n  display: ", ";\n  padding: ", ";\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n    background: ", ";\n  }\n\n  > div[data-lastpass-icon-root] {\n    display: none;\n  }\n\n  @media (min-width: ", ") {\n    &:hover {\n      background: ", ";\n    }\n  }\n\n  @media (min-width: ", "px) {\n    display: flex;\n    flex-direction: row;\n    padding: 0 ", "px;\n    ", "\n  }\n"])), function (_a) {
-    var hideInMobile = _a.hideInMobile;
-    return (hideInMobile ? 'none' : 'flex');
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return "0px ".concat((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px");
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.small;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.disabledGray;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.brandBlue;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.white;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lightest;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen && "flex-direction: row;";
-});
-var MobileSearchIconContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: block;\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: block;\n\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint;
-});
-var SearchLeftIcon = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-
-export { MobileSearchFormContainer, MobileSearchIconContainer, SearchBarContainer, SearchForm, SearchInput, SearchLeftIcon, SearchResultContainer, SearchRightLabel };
-//# sourceMappingURL=SearchBar.styles.js.map

package/build/es/components/src/components/SearchBar/SearchBar.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}