@citygross/components 0.8.178 → 0.8.180

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,9 +11,7 @@ export declare type TNav = {
11
11
  onSearchClick?: () => void;
12
12
  overlayTopPosition?: number;
13
13
  rightContent?: React.ReactNode;
14
- searchAriaLabel: string;
15
14
  searchCancelLabel?: React.ReactNode;
16
- searchContainerAriaLabel: string;
17
15
  searchContainerRef: React.RefObject<HTMLDivElement>;
18
16
  searchIcon?: React.ReactNode;
19
17
  searchInputMobileRef: React.RefObject<HTMLInputElement>;
@@ -26,4 +24,4 @@ export declare type TNav = {
26
24
  searchValue?: string;
27
25
  topPosition?: number;
28
26
  };
29
- export declare const Nav: ({ closeSearch, height, inputIcon, logo, mainLinks, maxWidth, mobileTopPosition, onSearchBlur, onSearchClick, overlayTopPosition, rightContent, searchAriaLabel, searchCancelLabel, searchContainerAriaLabel, searchContainerRef, searchIcon, searchInputMobileRef, searchInputRef, searchIsOpen, searchOnChange, searchOnSubmit, searchPlaceHolder, searchResultElement, searchValue, topPosition }: TNav) => JSX.Element;
27
+ 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;
@@ -9,8 +9,7 @@ export declare type TSearchBar = styles.TSearchInput & {
9
9
  isOpen?: boolean;
10
10
  mobileTopPosition?: number;
11
11
  resultBoxTopPosition?: string;
12
- searchAriaLabel?: string;
13
12
  searchInputMobileRef?: React.RefObject<HTMLInputElement>;
14
13
  searchOnSubmit?: () => void;
15
14
  } & InputHTMLAttributes<HTMLInputElement>;
16
- export declare const SearchBar: ({ activeBorderColor, cancelLabel, children, flexGrow, icon, inputIcon, inputRef, inputSize, isOpen, isValid, mobileTopPosition, resultBoxTopPosition, searchAriaLabel, searchInputMobileRef, searchOnSubmit, value, ...props }: TSearchBar) => JSX.Element;
15
+ export declare const SearchBar: ({ activeBorderColor, cancelLabel, children, flexGrow, icon, inputIcon, inputRef, inputSize, isOpen, isValid, mobileTopPosition, resultBoxTopPosition, searchInputMobileRef, searchOnSubmit, value, ...props }: TSearchBar) => JSX.Element;
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
15
  var Nav = function (_a) {
16
16
  var _b, _c, _d, _e;
17
- 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, searchAriaLabel = _a.searchAriaLabel, searchCancelLabel = _a.searchCancelLabel, searchContainerAriaLabel = _a.searchContainerAriaLabel, 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;
17
+ 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;
18
18
  var navContainerRef = React.useRef(null);
19
19
  var navChildContainerRef = React.useRef(null);
20
20
  var navRef = React.useRef(null);
@@ -99,8 +99,8 @@ var Nav = function (_a) {
99
99
  : searchIsOpen
100
100
  ? 'closed'
101
101
  : '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; })),
102
- React__default["default"].createElement(Nav_styles.SearchContainer, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef, role: "dialog" },
103
- 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, searchAriaLabel: searchAriaLabel, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
102
+ React__default["default"].createElement(Nav_styles.SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
103
+ 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))),
104
104
  rightContent)),
105
105
  React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
106
106
  };
@@ -6,6 +6,7 @@ var _tslib = require('../../../../_virtual/_tslib.js');
6
6
  var React = require('react');
7
7
  var utils = require('@citygross/utils');
8
8
  var styled = require('styled-components');
9
+ var ScreenReader = require('../ScreenReader/ScreenReader.js');
9
10
  var SearchBar_styles = require('./SearchBar.styles.js');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
15
 
15
16
  var SearchBar = function (_a) {
16
17
  var _b;
17
- 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, searchAriaLabel = _a.searchAriaLabel, 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", "searchAriaLabel", "searchInputMobileRef", "searchOnSubmit", "value"]);
18
+ 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"]);
18
19
  var width = utils.useWindowSize().width;
19
20
  var theme = styled.useTheme();
20
21
  var isMobile = theme.constants && width < ((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint);
@@ -45,13 +46,14 @@ var SearchBar = function (_a) {
45
46
  }
46
47
  };
47
48
  return (React__default["default"].createElement(React.Fragment, null,
48
- React__default["default"].createElement(SearchBar_styles.SearchBarContainer, { activeBorderColor: activeBorderColor, "aria-expanded": isOpen, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
49
+ React__default["default"].createElement(ScreenReader.ScreenReader, { id: "search-help", string: "S\u00F6kf\u00F6rslag kommer visas medan du skriver" }),
50
+ React__default["default"].createElement(SearchBar_styles.SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
49
51
  React__default["default"].createElement(SearchBar_styles.SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
50
52
  e.preventDefault();
51
53
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
52
54
  } },
53
55
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
54
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
56
+ 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)),
55
57
  cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
56
58
  React__default["default"].createElement(SearchBar_styles.MobileSearchIconContainer, null,
57
59
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, icon)),
@@ -62,7 +64,7 @@ var SearchBar = function (_a) {
62
64
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
63
65
  } },
64
66
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
65
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, 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)),
67
+ 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)),
66
68
  cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
67
69
  children))));
68
70
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,7 +6,7 @@ import { Nav as Nav$1, NavContainer, NavChildContainer, NavMainLinks, SearchCont
6
6
 
7
7
  var Nav = function (_a) {
8
8
  var _b, _c, _d, _e;
9
- 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, searchAriaLabel = _a.searchAriaLabel, searchCancelLabel = _a.searchCancelLabel, searchContainerAriaLabel = _a.searchContainerAriaLabel, 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;
9
+ 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;
10
10
  var navContainerRef = useRef(null);
11
11
  var navChildContainerRef = useRef(null);
12
12
  var navRef = useRef(null);
@@ -91,8 +91,8 @@ var Nav = function (_a) {
91
91
  : searchIsOpen
92
92
  ? 'closed'
93
93
  : '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; })),
94
- React.createElement(SearchContainer, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef, role: "dialog" },
95
- 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, searchAriaLabel: searchAriaLabel, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
94
+ React.createElement(SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
95
+ 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))),
96
96
  rightContent)),
97
97
  React.createElement(SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
98
98
  };
@@ -2,11 +2,12 @@ import { __rest, __assign } from '../../../../_virtual/_tslib.js';
2
2
  import React, { Fragment } from 'react';
3
3
  import { useWindowSize } from '@citygross/utils';
4
4
  import { useTheme } from 'styled-components';
5
+ import { ScreenReader } from '../ScreenReader/ScreenReader.js';
5
6
  import { SearchBarContainer, SearchForm, SearchLeftIcon, SearchInput, SearchRightLabel, MobileSearchIconContainer, SearchResultContainer, MobileSearchFormContainer } from './SearchBar.styles.js';
6
7
 
7
8
  var SearchBar = function (_a) {
8
9
  var _b;
9
- 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, searchAriaLabel = _a.searchAriaLabel, searchInputMobileRef = _a.searchInputMobileRef, searchOnSubmit = _a.searchOnSubmit, value = _a.value, props = __rest(_a, ["activeBorderColor", "cancelLabel", "children", "flexGrow", "icon", "inputIcon", "inputRef", "inputSize", "isOpen", "isValid", "mobileTopPosition", "resultBoxTopPosition", "searchAriaLabel", "searchInputMobileRef", "searchOnSubmit", "value"]);
10
+ 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"]);
10
11
  var width = useWindowSize().width;
11
12
  var theme = useTheme();
12
13
  var isMobile = theme.constants && width < ((_b = theme.constants) === null || _b === void 0 ? void 0 : _b.headerBreakpoint);
@@ -37,13 +38,14 @@ var SearchBar = function (_a) {
37
38
  }
38
39
  };
39
40
  return (React.createElement(Fragment, null,
40
- React.createElement(SearchBarContainer, { activeBorderColor: activeBorderColor, "aria-expanded": isOpen, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
41
+ React.createElement(ScreenReader, { id: "search-help", string: "S\u00F6kf\u00F6rslag kommer visas medan du skriver" }),
42
+ React.createElement(SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
41
43
  React.createElement(SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
42
44
  e.preventDefault();
43
45
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
44
46
  } },
45
47
  React.createElement(SearchLeftIcon, null, inputIcon),
46
- React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
48
+ 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)),
47
49
  cancelLabel && (React.createElement(SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
48
50
  React.createElement(MobileSearchIconContainer, null,
49
51
  React.createElement(SearchLeftIcon, null, icon)),
@@ -54,7 +56,7 @@ var SearchBar = function (_a) {
54
56
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
55
57
  } },
56
58
  React.createElement(SearchLeftIcon, null, inputIcon),
57
- React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, 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)),
59
+ 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)),
58
60
  cancelLabel && (React.createElement(SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
59
61
  children))));
60
62
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.178",
3
+ "version": "0.8.180",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "a1ca070b44e1f0641435b990b4bd7e6c30ae44e7"
77
+ "gitHead": "300f6fb76457bce7a00532764bc49c7422aaaaa0"
78
78
  }