@citygross/components 0.7.129 → 0.7.131

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.
Files changed (5) hide show
  1. package/build/cjs/components/src/components/SearchBar/SearchBar.js +2 -2
  2. package/build/cjs/components/src/components/SearchBar/SearchBar.styles.js +1 -1
  3. package/build/es/components/src/components/SearchBar/SearchBar.js +2 -2
  4. package/build/es/components/src/components/SearchBar/SearchBar.styles.js +1 -1
  5. package/package.json +2 -2
package/build/cjs/components/src/components/SearchBar/SearchBar.js CHANGED
@@ -64,7 +64,7 @@ var SearchBar = function (_a) {
64
64
  searchOnSubmit && searchOnSubmit();
65
65
  } },
66
66
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, icon),
67
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ flexGrow: flexGrow, isValid: isValid, inputSize: inputSize, activeBorderColor: activeBorderColor, ref: inputRef }, props, { value: value })),
67
+ React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ flexGrow: flexGrow, isValid: isValid, inputSize: inputSize, activeBorderColor: activeBorderColor, ref: inputRef }, props, { value: value, autoComplete: "off", "data-lpignore": "true", "data-form-type": "other" })),
68
68
  cancelLabel ? (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { onClick: function (e) {
69
69
  e.stopPropagation();
70
70
  }, variants: iconVariants, animate: isOpen ? 'open' : 'closed', initial: 'closed' }, cancelLabel)) : null),
@@ -77,7 +77,7 @@ var SearchBar = function (_a) {
77
77
  searchOnSubmit && searchOnSubmit();
78
78
  } },
79
79
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, icon),
80
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ flexGrow: flexGrow, isValid: isValid, inputSize: 'small', activeBorderColor: activeBorderColor, ref: searchInputMobileRef }, props, { value: value })),
80
+ React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ flexGrow: flexGrow, isValid: isValid, inputSize: 'small', activeBorderColor: activeBorderColor, ref: searchInputMobileRef }, props, { value: value, autoComplete: "off", "data-lpignore": "true", "data-form-type": "other" })),
81
81
  cancelLabel ? (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { onClick: function (e) {
82
82
  e.stopPropagation();
83
83
  } }, cancelLabel)) : null)),
package/build/cjs/components/src/components/SearchBar/SearchBar.styles.js CHANGED
@@ -25,7 +25,7 @@ var SearchInput = styled__default["default"].input(templateObject_4 || (template
25
25
  : (_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.size.s3;
26
26
  });
27
27
  var MobileSearchFormContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n background: ", ";\n padding: ", ";\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n background: ", ";\n padding: ", ";\n @media (min-width: ", "px) {\n display: none;\n }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px 10px"); }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; });
28
- var SearchForm = styled__default["default"].form(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"], ["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"])), function (props) { return (props.hideInMobile ? 'none' : 'flex'); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.searchBarHorizontalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
28
+ var SearchForm = styled__default["default"].form(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n > div[data-lastpass-icon-root] {\n display: none;\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"], ["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n > div[data-lastpass-icon-root] {\n display: none;\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"])), function (props) { return (props.hideInMobile ? 'none' : 'flex'); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.searchBarHorizontalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
29
29
  return props.isOpen &&
30
30
  "\n flex-direction: row;\n ";
31
31
  });
package/build/es/components/src/components/SearchBar/SearchBar.js CHANGED
@@ -56,7 +56,7 @@ var SearchBar = function (_a) {
56
56
  searchOnSubmit && searchOnSubmit();
57
57
  } },
58
58
  React.createElement(SearchLeftIcon, null, icon),
59
- React.createElement(SearchInput, __assign({ flexGrow: flexGrow, isValid: isValid, inputSize: inputSize, activeBorderColor: activeBorderColor, ref: inputRef }, props, { value: value })),
59
+ React.createElement(SearchInput, __assign({ flexGrow: flexGrow, isValid: isValid, inputSize: inputSize, activeBorderColor: activeBorderColor, ref: inputRef }, props, { value: value, autoComplete: "off", "data-lpignore": "true", "data-form-type": "other" })),
60
60
  cancelLabel ? (React.createElement(SearchRightLabel, { onClick: function (e) {
61
61
  e.stopPropagation();
62
62
  }, variants: iconVariants, animate: isOpen ? 'open' : 'closed', initial: 'closed' }, cancelLabel)) : null),
@@ -69,7 +69,7 @@ var SearchBar = function (_a) {
69
69
  searchOnSubmit && searchOnSubmit();
70
70
  } },
71
71
  React.createElement(SearchLeftIcon, null, icon),
72
- React.createElement(SearchInput, __assign({ flexGrow: flexGrow, isValid: isValid, inputSize: 'small', activeBorderColor: activeBorderColor, ref: searchInputMobileRef }, props, { value: value })),
72
+ React.createElement(SearchInput, __assign({ flexGrow: flexGrow, isValid: isValid, inputSize: 'small', activeBorderColor: activeBorderColor, ref: searchInputMobileRef }, props, { value: value, autoComplete: "off", "data-lpignore": "true", "data-form-type": "other" })),
73
73
  cancelLabel ? (React.createElement(SearchRightLabel, { onClick: function (e) {
74
74
  e.stopPropagation();
75
75
  } }, cancelLabel)) : null)),
package/build/es/components/src/components/SearchBar/SearchBar.styles.js CHANGED
@@ -17,7 +17,7 @@ var SearchInput = styled.input(templateObject_4 || (templateObject_4 = __makeTem
17
17
  : (_b = props.theme.typography) === null || _b === void 0 ? void 0 : _b.size.s3;
18
18
  });
19
19
  var MobileSearchFormContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: ", ";\n padding: ", ";\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n background: ", ";\n padding: ", ";\n @media (min-width: ", "px) {\n display: none;\n }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px 10px"); }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; });
20
- var SearchForm = styled.form(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"], ["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"])), function (props) { return (props.hideInMobile ? 'none' : 'flex'); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.searchBarHorizontalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
20
+ var SearchForm = styled.form(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n > div[data-lastpass-icon-root] {\n display: none;\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"], ["\n flex: 1;\n display: ", ";\n padding: ", ";\n background: ", ";\n &:focus-within {\n box-shadow: inset 0 0 0 2px ", ";\n }\n > div[data-lastpass-icon-root] {\n display: none;\n }\n @media (min-width: ", "px) {\n padding: 0px ", "px;\n display: flex;\n\n flex-direction: row-reverse;\n padding-left: ", "px;\n padding-right: ", "px;\n background: ", ";\n border-top: 1px solid ", ";\n\n ", "\n }\n"])), function (props) { return (props.hideInMobile ? 'none' : 'flex'); }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.searchBarHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.searchBarHorizontalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
21
21
  return props.isOpen &&
22
22
  "\n flex-direction: row;\n ";
23
23
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.129",
3
+ "version": "0.7.131",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "51a97a554ee76b0b87f086d00f0bd7c0ccc3ca0b"
74
+ "gitHead": "ce876cb6d09d3542b9b989caeb3f4a1b9e5bd86b"
75
75
  }