@atlaskit/quick-search 8.1.10 → 8.1.11

package/dist/esm/components/Search/styled.js

@@ -1,17 +1,67 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled, { css } from 'styled-components';
 import { N0, N200, N500, B200, N50 } from '@atlaskit/theme/colors';
 var inputRightPadding = "var(--ds-space-200, 16px)";
-export var SearchBox = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  height: 36px;\n  z-index: 10; /* required to keep the search box on top of icons in results when sticky */\n"])), N0, N500);
-export var SearchFieldBaseOuter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: ", ";\n  border-bottom: 2px solid ", ";\n"])), "var(--ds-space-025, 2px)", B200);
-export var SearchFieldBaseInner = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding-right: ", "; /* pad search text from FieldBase's isLoading spinner */\n  display: flex;\n  flex-grow: 1;\n"])), inputRightPadding);
-export var SearchInner = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n"])), "var(--ds-space-300, 24px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchBox = styled.div({
+  position: 'sticky',
+  top: 0,
+  backgroundColor: N0,
+  color: N500,
+  display: 'flex',
+  height: '36px',
+  zIndex: 10 /* required to keep the search box on top of icons in results when sticky */
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchFieldBaseOuter = styled.div({
+  display: 'flex',
+  flex: 1,
+  marginRight: 'auto',
+  paddingBottom: "var(--ds-space-025, 2px)",
+  borderBottom: "2px solid ".concat(B200)
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchFieldBaseInner = styled.div({
+  position: 'relative',
+  alignItems: 'center',
+  paddingRight: inputRightPadding /* pad search text from FieldBase's isLoading spinner */,
+  display: 'flex',
+  flexGrow: 1
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchInner = styled.div({
+  paddingRight: "var(--ds-space-300, 24px)"
+});
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
 export var getPlaceholderStyle = function getPlaceholderStyle(style) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &::-webkit-input-placeholder {\n    ", ";\n  }\n  &::-moz-placeholder {\n    /* Mozilla Firefox 19+ */\n    ", " opacity: 1;\n  }\n  &::-ms-input-placeholder {\n    /* Microsoft Edge */\n    ", ";\n  }\n  &:-moz-placeholder {\n    /* Mozilla Firefox 4 to 18 */\n    ", " opacity: 1;\n  }\n  &:-ms-input-placeholder {\n    /* Internet Explorer 10-11 */\n    ", ";\n  }\n"])), style, style, style, style, style);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t&::-webkit-input-placeholder {\n\t\t", ";\n\t}\n\t&::-moz-placeholder {\n\t\t/* Mozilla Firefox 19+ */\n\t\t", " opacity: 1;\n\t}\n\t&::-ms-input-placeholder {\n\t\t/* Microsoft Edge */\n\t\t", ";\n\t}\n\t&:-moz-placeholder {\n\t\t/* Mozilla Firefox 4 to 18 */\n\t\t", " opacity: 1;\n\t}\n\t&:-ms-input-placeholder {\n\t\t/* Internet Explorer 10-11 */\n\t\t", ";\n\t}\n"])), style, style, style, style, style);
 };
-export var getPlaceholderColor = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"));
-export var SearchInput = styled.input(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 0;\n  color: ", ";\n  flex-grow: 1;\n  font-size: 1.4em;\n  outline: 0;\n  // Safari adds 2px margin-left\n  margin-left: 0;\n  ", ";\n"])), N500, getPlaceholderStyle(getPlaceholderColor));
-export var SearchInputTypeAhead = styled(SearchInput)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  position: absolute;\n  width: calc(100% - ", ");\n  z-index: -1;\n"])), N50, inputRightPadding);
-export var SearchInputControlsContainer = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n"])), "var(--ds-space-300, 24px)");
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var getPlaceholderColor = css({
+  color: "var(--ds-text-subtlest, ".concat(N200, ")")
+});
+
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchInput = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tbackground-color: transparent;\n\tborder: 0;\n\tcolor: ", ";\n\tflex-grow: 1;\n\tfont-size: 1.4em;\n\toutline: 0;\n\t// Safari adds 2px margin-left\n\tmargin-left: 0;\n\t", ";\n"])), N500, getPlaceholderStyle(getPlaceholderColor));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchInputTypeAhead = styled(SearchInput)({
+  color: N50,
+  position: 'absolute',
+  width: "calc(100% - ".concat(inputRightPadding, ")"),
+  zIndex: -1
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SearchInputControlsContainer = styled.span({
+  paddingLeft: "var(--ds-space-300, 24px)"
+});
 SearchInputControlsContainer.displayName = 'SearchInputControlsContainer'; // required for testing

package/dist/types/components/QuickSearch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ResultData, SelectedResultId } from './Results/types';
-import { ResultContextType } from './context';
-import { ResultBase } from './Results/ResultBase';
+import { type ResultData, type SelectedResultId } from './Results/types';
+import { type ResultContextType } from './context';
+import { type ResultBase } from './Results/ResultBase';
 export type Props = {
     /** Search results in the form of ResultItemGroups containing Result components */
     children: React.ReactNode;

package/dist/types/components/Results/ContainerResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types/components/Results/ObjectResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types/components/Results/PersonResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types/components/Results/ResultBase.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnalyticsData, CommonResultProps } from './types';
-import { ResultContextType } from '../context';
+import { type AnalyticsData, type CommonResultProps } from './types';
+import { type ResultContextType } from '../context';
 export type Props = CommonResultProps & {
     /** Type of the result. This is passed as a parameter to certain callbacks. */
     type: string;

package/dist/types/components/Results/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type AnalyticsData = Object;
 export type ResultId = string | number;
 export type SelectedResultId = ResultId | null;

package/dist/types/components/context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ComponentType } from 'react';
-import { ResultData, ResultId, SelectedResultId } from './Results/types';
-import { ResultBase } from './Results/ResultBase';
+import { type ComponentType } from 'react';
+import { type ResultData, type ResultId, type SelectedResultId } from './Results/types';
+import { type ResultBase } from './Results/ResultBase';
 export type ResultContextType = {
     /** Register result as keyboard navigation target */
     registerResult: (result: ResultBase) => void;

package/dist/types/components/decorateWithAnalyticsData.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { Props } from './QuickSearch';
+import { type Props } from './QuickSearch';
 export default function decorateWithAnalyticsData(WrappedQuickSearch: React.ComponentClass<Props>): React.ComponentClass<Props>;

package/dist/types-ts4.5/components/QuickSearch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ResultData, SelectedResultId } from './Results/types';
-import { ResultContextType } from './context';
-import { ResultBase } from './Results/ResultBase';
+import { type ResultData, type SelectedResultId } from './Results/types';
+import { type ResultContextType } from './context';
+import { type ResultBase } from './Results/ResultBase';
 export type Props = {
     /** Search results in the form of ResultItemGroups containing Result components */
     children: React.ReactNode;

package/dist/types-ts4.5/components/Results/ContainerResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types-ts4.5/components/Results/ObjectResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types-ts4.5/components/Results/PersonResult.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CommonResultProps } from './types';
+import { type CommonResultProps } from './types';
 export type Props = CommonResultProps & {
     /** Name of the container. Provides the main text to be displayed as the item. */
     name: React.ReactNode;

package/dist/types-ts4.5/components/Results/ResultBase.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnalyticsData, CommonResultProps } from './types';
-import { ResultContextType } from '../context';
+import { type AnalyticsData, type CommonResultProps } from './types';
+import { type ResultContextType } from '../context';
 export type Props = CommonResultProps & {
     /** Type of the result. This is passed as a parameter to certain callbacks. */
     type: string;

package/dist/types-ts4.5/components/Results/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type AnalyticsData = Object;
 export type ResultId = string | number;
 export type SelectedResultId = ResultId | null;

package/dist/types-ts4.5/components/context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ComponentType } from 'react';
-import { ResultData, ResultId, SelectedResultId } from './Results/types';
-import { ResultBase } from './Results/ResultBase';
+import { type ComponentType } from 'react';
+import { type ResultData, type ResultId, type SelectedResultId } from './Results/types';
+import { type ResultBase } from './Results/ResultBase';
 export type ResultContextType = {
     /** Register result as keyboard navigation target */
     registerResult: (result: ResultBase) => void;

package/dist/types-ts4.5/components/decorateWithAnalyticsData.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { Props } from './QuickSearch';
+import { type Props } from './QuickSearch';
 export default function decorateWithAnalyticsData(WrappedQuickSearch: React.ComponentClass<Props>): React.ComponentClass<Props>;

package/docs/0-intro.tsx

@@ -1,11 +1,5 @@
 import React from 'react';
-import {
-  md,
-  Example,
-  Props,
-  code,
-  AtlassianInternalWarning,
-} from '@atlaskit/docs';
+import { md, Example, Props, code, AtlassianInternalWarning } from '@atlaskit/docs';
 
 export default md`
   ${(<AtlassianInternalWarning />)}
@@ -37,17 +31,13 @@ export default md`
   `}
 
   ${(
-    <Example
-      Component={require('../examples/1-Object-Results').default}
-      title="Objects"
-      source={require('!!raw-loader!../examples/1-Object-Results')}
-    />
-  )}
+		<Example
+			Component={require('../examples/1-Object-Results').default}
+			title="Objects"
+			source={require('!!raw-loader!../examples/1-Object-Results')}
+		/>
+	)}
 
-  ${(
-    <Props
-      props={require('!!extract-react-types-loader!../src/components/QuickSearch')}
-    />
-  )}
+  ${(<Props props={require('!!extract-react-types-loader!../src/components/QuickSearch')} />)}
 
 `;

package/package.json

@@ -1,58 +1,56 @@
 {
-  "name": "@atlaskit/quick-search",
-  "version": "8.1.10",
-  "description": "A quick-search component",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "atlaskit:src": "src/index.ts",
-  "atlassian": {
-    "team": "Search Platform: Search Experience",
-    "releaseModel": "continuous",
-    "website": {
-      "name": "Quick Search"
-    }
-  },
-  "dependencies": {
-    "@atlaskit/analytics": "^8.1.0",
-    "@atlaskit/avatar": "^21.5.0",
-    "@atlaskit/item": "^12.1.0",
-    "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.42.0",
-    "@babel/runtime": "^7.0.0",
-    "keycode": "^2.1.7"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "styled-components": "^3.2.6"
-  },
-  "devDependencies": {
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "enzyme": "^3.10.0",
-    "prop-types": "^15.5.10",
-    "react": "^16.8.0",
-    "sinon": "^2.2.0",
-    "typescript": "~5.4.2",
-    "uuid": "^3.1.0"
-  },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
-  "af:exports": {
-    ".": "./src/index.ts"
-  }
-}
+	"name": "@atlaskit/quick-search",
+	"version": "8.1.11",
+	"description": "A quick-search component",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"atlaskit:src": "src/index.ts",
+	"atlassian": {
+		"team": "Search Platform: Search Experience",
+		"releaseModel": "continuous",
+		"website": {
+			"name": "Quick Search"
+		}
+	},
+	"dependencies": {
+		"@atlaskit/analytics": "^8.1.0",
+		"@atlaskit/avatar": "^21.14.0",
+		"@atlaskit/item": "^12.1.0",
+		"@atlaskit/spinner": "^16.3.0",
+		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/tokens": "^1.58.0",
+		"@babel/runtime": "^7.0.0",
+		"keycode": "^2.1.7"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0",
+		"styled-components": "^3.2.6"
+	},
+	"devDependencies": {
+		"enzyme": "^3.10.0",
+		"prop-types": "^15.5.10",
+		"react": "^16.8.0",
+		"sinon": "^2.2.0",
+		"typescript": "~5.4.2",
+		"uuid": "^3.1.0"
+	},
+	"af:exports": {
+		".": "./src/index.ts"
+	}
+}