@gooddata/sdk-ui-semantic-search 10.10.0-alpha.2 → 10.10.0-alpha.21

package/esm/utils/renderItemIcon.d.ts

@@ -1,9 +1,8 @@
-import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
-import { IIconProps } from "@gooddata/sdk-ui-kit";
+import { ISemanticSearchResultItem, ITheme } from "@gooddata/sdk-model";
 import React from "react";
 import { ListItem } from "../types.js";
 /**
  * Pick an icon according to the item type.
  */
-export declare const renderItemIcon: ({ item }: ListItem<ISemanticSearchResultItem>, props: IIconProps) => React.JSX.Element;
+export declare const renderItemIcon: ({ item }: ListItem<ISemanticSearchResultItem>, theme?: ITheme) => React.JSX.Element;
 //# sourceMappingURL=renderItemIcon.d.ts.map

package/esm/utils/renderItemIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderItemIcon.d.ts","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,aAAc,SAAS,yBAAyB,CAAC,SAAS,UAAU,sBAqB9F,CAAC"}
+{"version":3,"file":"renderItemIcon.d.ts","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,aAAc,SAAS,yBAAyB,CAAC,UAAU,MAAM,sBAuB3F,CAAC"}

package/esm/utils/renderItemIcon.js

@@ -4,7 +4,8 @@ import React from "react";
 /**
  * Pick an icon according to the item type.
  */
-export const renderItemIcon = ({ item }, props) => {
+export const renderItemIcon = ({ item }, theme) => {
+    const props = { color: theme?.palette?.complementary?.c5 ?? "#B0BECA" };
     switch (item.type) {
         case "dashboard":
             return React.createElement(Icon.Dashboard, { ...props });

package/esm/utils/renderItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderItemIcon.js","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAc,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuC,EAAE,KAAiB,EAAE,EAAE;IAC/F,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,eAAe;YAChB,OAAO,oBAAC,WAAW,IAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;QACtF,KAAK,SAAS;YACV,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAK,KAAK,GAAI,CAAC;QACvC,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,OAAO;YACR,OAAO,oBAAC,IAAI,CAAC,KAAK,OAAK,KAAK,GAAI,CAAC;QACrC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,QAAQ;YACT,OAAO,oBAAC,IAAI,CAAC,MAAM,OAAK,KAAK,GAAI,CAAC;QACtC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC;YACI,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAW,EAAS,EAAE;IAC3C,MAAM,IAAI,KAAK,CAAC,sBAAsB,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"renderItemIcon.js","sourceRoot":"","sources":["../../src/utils/renderItemIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAc,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuC,EAAE,KAAc,EAAE,EAAE;IAC5F,MAAM,KAAK,GAAe,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,IAAI,SAAS,EAAE,CAAC;IAEpF,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,eAAe;YAChB,OAAO,oBAAC,WAAW,IAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;QACtF,KAAK,SAAS;YACV,OAAO,oBAAC,IAAI,CAAC,OAAO,OAAK,KAAK,GAAI,CAAC;QACvC,KAAK,WAAW;YACZ,OAAO,oBAAC,IAAI,CAAC,SAAS,OAAK,KAAK,GAAI,CAAC;QACzC,KAAK,OAAO;YACR,OAAO,oBAAC,IAAI,CAAC,KAAK,OAAK,KAAK,GAAI,CAAC;QACrC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC,KAAK,QAAQ;YACT,OAAO,oBAAC,IAAI,CAAC,MAAM,OAAK,KAAK,GAAI,CAAC;QACtC,KAAK,MAAM;YACP,OAAO,oBAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;QACpC;YACI,OAAO,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAW,EAAS,EAAE;IAC3C,MAAM,IAAI,KAAK,CAAC,sBAAsB,IAAI,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC"}

package/esm/utils/{renderLoack.d.ts → renderLock.d.ts}

@@ -2,4 +2,4 @@ import * as React from "react";
 import { ISemanticSearchResultItem } from "@gooddata/sdk-model";
 import { ListItem } from "../types.js";
 export declare const renderLock: (listItem: ListItem<ISemanticSearchResultItem>) => React.JSX.Element | null;
-//# sourceMappingURL=renderLoack.d.ts.map
+//# sourceMappingURL=renderLock.d.ts.map

package/esm/utils/renderLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLock.d.ts","sourceRoot":"","sources":["../../src/utils/renderLock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,UAAU,aAAc,SAAS,yBAAyB,CAAC,6BAIvE,CAAC"}

package/esm/utils/{renderLoack.js → renderLock.js}

@@ -6,4 +6,4 @@ export const renderLock = (listItem) => {
         return null;
     return React.createElement(Icon.Lock, { className: "gd-semantic-search__results-item__text__lock-icon" });
 };
-//# sourceMappingURL=renderLoack.js.map
+//# sourceMappingURL=renderLock.js.map

package/esm/utils/renderLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLock.js","sourceRoot":"","sources":["../../src/utils/renderLock.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAA6C,EAAE,EAAE;IACxE,IAAI,CAAC,QAAQ,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,mDAAmD,GAAG,CAAC;AACvF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-semantic-search",
-  "version": "10.10.0-alpha.2",
+  "version": "10.10.0-alpha.21",
   "description": "GoodData SDK TypeScript & React skeleton",
   "repository": {
     "type": "git",
@@ -37,11 +37,11 @@
     "react-intl": "^6.4.1",
     "tslib": "^2.5.0",
     "classnames": "^2.3.1",
-    "@gooddata/sdk-ui": "10.10.0-alpha.2",
-    "@gooddata/sdk-ui-kit": "10.10.0-alpha.2",
-    "@gooddata/sdk-backend-spi": "10.10.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "10.10.0-alpha.2",
-    "@gooddata/sdk-model": "10.10.0-alpha.2"
+    "@gooddata/sdk-model": "10.10.0-alpha.21",
+    "@gooddata/sdk-ui": "10.10.0-alpha.21",
+    "@gooddata/sdk-ui-kit": "10.10.0-alpha.21",
+    "@gooddata/sdk-ui-theme-provider": "10.10.0-alpha.21",
+    "@gooddata/sdk-backend-spi": "10.10.0-alpha.21"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -83,7 +83,7 @@
     "stylelint": "^13.8.0",
     "stylelint-checkstyle-formatter": "^0.1.2",
     "stylelint-config-prettier": "^8.0.2",
-    "@gooddata/sdk-backend-mockingbird": "10.10.0-alpha.2"
+    "@gooddata/sdk-backend-mockingbird": "10.10.0-alpha.21"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/internal.css

@@ -19,63 +19,38 @@
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__icon {
-  width: 32px;
-  height: 32px;
+  width: 26px;
+  height: 26px;
   display: flex;
   align-items: center;
 }
 .gd-semantic-search__results-item__icon > svg {
-  width: 32px;
-  height: 32px;
-}
-.gd-semantic-search__results-item__icon--history {
-  width: 17px;
-  height: 17px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon--history > svg {
-  width: 17px;
-  height: 17px;
+  width: 26px;
+  height: 26px;
 }
 .gd-semantic-search__results-item__text {
-  flex-grow: 1;
-  font-weight: 400;
-  color: var(--gd-palette-complementary-8, #464e56);
-  font-size: 14px;
-}
-.gd-semantic-search__results-item__text--history {
+  flex: 1;
   min-width: 0;
-  line-height: 1.4rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.gd-semantic-search__results-item__text--result {
   display: flex;
   flex-direction: column;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  line-height: 20px;
 }
-.gd-semantic-search__results-item__text__1 {
+.gd-semantic-search__results-item__text__row {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  gap: 0.3em;
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  gap: 5px;
 }
-.gd-semantic-search__results-item__text__2 {
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.gd-semantic-search__results-item__text__row:not(:first-child) {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
-.gd-semantic-search__results-item__text__lock-icon {
-  width: 14px;
+.gd-semantic-search__results-item__text__ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 1;
 }
 .gd-semantic-search__results-item__details {
   width: 16px;
@@ -115,12 +90,6 @@
   text-transform: none;
   font-size: 12px;
 }
-.gd-semantic-search__results-item__annotation:after {
-  content: " • ";
-}
-.gd-semantic-search__results-item__annotation:last-child:after {
-  content: "";
-}
 
 .gd-semantic-search__bubble.bubble.bubble-light {
   background: var(--gd-palette-complementary-0, #fff);
@@ -130,10 +99,10 @@
   background: var(--gd-palette-complementary-0, #fff);
   margin: 10px 0;
 }
-.gd-semantic-search__overlay--fixed {
+.gd-header-search-dropdown .gd-semantic-search__overlay {
   width: 440px;
 }
-.gd-semantic-search__overlay--mobile .gd-semantic-search__overlay-input {
+.gd-header-menu-search .gd-semantic-search__overlay .gd-semantic-search__overlay-input {
   margin-bottom: 10px;
 }
 .gd-semantic-search__overlay-input {
@@ -151,66 +120,25 @@
 .gd-semantic-search__overlay-no-results {
   height: 100px;
 }
-
-.gd-header-search {
-  height: 100%;
-  margin: 0;
-  line-height: 42px;
-  opacity: 0.8;
-  cursor: pointer;
-  transition: all 0.2s;
-  font-size: 14px;
-  font-weight: 400;
-  position: relative;
-  box-sizing: border-box;
-  padding: 0 34px 2px 13px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.gd-header-search:hover, .gd-header-search.is-open {
-  opacity: 1;
-}
-.gd-header-search::after {
-  content: "\e612";
-  position: absolute;
-  top: 0;
-  right: 11px;
-  margin-left: 11px;
-  width: 12px;
-  opacity: 0.5;
-  text-align: center;
-  font-family: "Indigo", sans-serif;
-  font-size: 18px;
-  font-weight: 700;
-}
-.gd-header-search.is-open::after {
-  content: "\e613";
-}
-.gd-header-search:hover {
-  background: rgba(255, 255, 255, 0.3);
-}
-.gd-header-search.is-open {
-  background-color: rgba(255, 255, 255, 0.3);
-}
-.gd-header-search-dropdown {
-  overflow: hidden;
+.gd-semantic-search__results-item--history .gd-semantic-search__results-item__icon {
+  width: 17px;
+  height: 17px;
+  display: flex;
+  align-items: center;
 }
-.gd-header-search-dropdown .gd-list {
-  min-width: 210px;
+.gd-semantic-search__results-item--history .gd-semantic-search__results-item__icon > svg {
+  width: 17px;
+  height: 17px;
 }
-.gd-header-search-dropdown .gd-list .gd-list-item {
-  font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
-  font-weight: 400;
+.gd-semantic-search__results-item__text__lock-icon {
+  width: 14px;
 }
-
-.gd-icon-header-search-button {
-  vertical-align: middle;
-  opacity: 0.8;
-  margin-right: 6px;
+.gd-semantic-search__results-item__text__lock-icon svg {
+  width: 14px;
+  height: 14px;
 }
-.gd-icon-header-search-button::before {
-  content: "\e62b";
+.gd-semantic-search__results-item__text__row:not(:first-child) :not(:first-child):before {
+  content: "• ";
 }
 
 /*# sourceMappingURL=internal.css.map */

package/styles/css/internal.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/internal.scss"],"names":[],"mappings":";AA0HA;AA4DA;AC1JI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EACI;;AAGJ;EACI,OCTI;EDUJ,YC+DY;;AD5DhB;EA1CJ,OA2CsB;EA1CtB,QA0CsB;EAzCtB;EACA;;AAEA;EAEI,OAoCkB;EAnClB,QAmCkB;;AAEd;EA7CR,OA8C0B;EA7C1B,QA6C0B;EA5C1B;EACA;;AAEA;EAEI,OAuCsB;EAtCtB,QAsCsB;;AAItB;EACI;EACA;EACA,OC9BI;ED+BJ;;AAEA;EA3CR;EACA,aA2C8B;EA1C9B;EACA;EACA;;AA2CQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAxDZ;EACA,aAwD8B;EAvD9B;EACA;EACA;;AAwDQ;EA5DR;EACA,aA4D8B;EA3D9B;EACA;EACA;EA0DY,OC3DO;;AD8DX;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCjGG;;ADoGP;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAOZ;EACI;;AAGJ;EACI;;;AAMhB;EACI,YCtIa;;;ACRb;EACI,YDOS;ECNT;;AAEA;EACI;;AAIA;EACI;;AAKZ;EACI;;AAGJ;EAEI;EACA;EACA;EACA,ODVe;;ACanB;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EH6DA;EACA;EACA,eAHwB;;AGxDxB;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aDqBS;ECpBT;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAEA;EACI,aDJE;ECKF;;;AAMhB;EACI;EACA;EACA;;AAEA;EACI","file":"internal.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/internal.scss"],"names":[],"mappings":";AA0HA;AA4DA;AClKI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EACI;;AAGJ;EACI,OCDI;EDEJ,YCuEY;;ADpEhB;EAlCJ,OAmCsB;EAlCtB,QAkCsB;EAjCtB;EACA;;AAEA;EAEI,OA4BkB;EA3BlB,QA2BkB;;AAGlB;EACI;EACA;EACA;EACA;EACA;EACA,OCrBI;EDsBJ;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI,OCtCG;;AD0CX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OChFG;;ADmFP;EACI;EACA;EACA;;AAIA;EACI;EACA;;;AAQxB;EACI,YC3Ga;;;ACRb;EACI,YDOS;ECNT;;AAGA;EACI;;AAKA;EACI;;AAKZ;EACI;;AAGJ;EAEI;EACA;EACA;EACA,ODZe;;ACenB;EACI;;AAGJ;EACI;;AAIA;EFxCJ,OEyC2B;EFxC3B,QEwC2B;EFvC3B;EACA;;AAEA;EAEI,OEkCuB;EFjCvB,QEiCuB;;AAInB;EACI;;AAEA;EACI;EACA;;AAKJ;EACI","file":"internal.css"}

package/styles/css/main.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 .gd-semantic-search__results-item {
   display: flex;
   flex-direction: row;
@@ -17,63 +16,38 @@
   background: var(--gd-palette-complementary-2, #ebeff4);
 }
 .gd-semantic-search__results-item__icon {
-  width: 32px;
-  height: 32px;
+  width: 26px;
+  height: 26px;
   display: flex;
   align-items: center;
 }
 .gd-semantic-search__results-item__icon > svg {
-  width: 32px;
-  height: 32px;
-}
-.gd-semantic-search__results-item__icon--history {
-  width: 17px;
-  height: 17px;
-  display: flex;
-  align-items: center;
-}
-.gd-semantic-search__results-item__icon--history > svg {
-  width: 17px;
-  height: 17px;
+  width: 26px;
+  height: 26px;
 }
 .gd-semantic-search__results-item__text {
-  flex-grow: 1;
-  font-weight: 400;
-  color: var(--gd-palette-complementary-8, #464e56);
-  font-size: 14px;
-}
-.gd-semantic-search__results-item__text--history {
+  flex: 1;
   min-width: 0;
-  line-height: 1.4rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.gd-semantic-search__results-item__text--result {
   display: flex;
   flex-direction: column;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  line-height: 20px;
 }
-.gd-semantic-search__results-item__text__1 {
+.gd-semantic-search__results-item__text__row {
   display: flex;
   flex-direction: row;
-  align-items: center;
-  gap: 0.3em;
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  gap: 5px;
 }
-.gd-semantic-search__results-item__text__2 {
-  min-width: 0;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.gd-semantic-search__results-item__text__row:not(:first-child) {
   color: var(--gd-palette-complementary-6, #94a1ad);
 }
-.gd-semantic-search__results-item__text__lock-icon {
-  width: 14px;
+.gd-semantic-search__results-item__text__ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 1;
 }
 .gd-semantic-search__results-item__details {
   width: 16px;
@@ -113,12 +87,6 @@
   text-transform: none;
   font-size: 12px;
 }
-.gd-semantic-search__results-item__annotation:after {
-  content: " • ";
-}
-.gd-semantic-search__results-item__annotation:last-child:after {
-  content: "";
-}
 
 .gd-semantic-search__bubble.bubble.bubble-light {
   background: var(--gd-palette-complementary-0, #fff);

package/styles/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":";AA4BI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EACI;;AAGJ;EACI,OCTI;EDUJ,YC+DY;;AD5DhB;EA1CJ,OA2CsB;EA1CtB,QA0CsB;EAzCtB;EACA;;AAEA;EAEI,OAoCkB;EAnClB,QAmCkB;;AAEd;EA7CR,OA8C0B;EA7C1B,QA6C0B;EA5C1B;EACA;;AAEA;EAEI,OAuCsB;EAtCtB,QAsCsB;;AAItB;EACI;EACA;EACA,OC9BI;ED+BJ;;AAEA;EA3CR;EACA,aA2C8B;EA1C9B;EACA;EACA;;AA2CQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAxDZ;EACA,aAwD8B;EAvD9B;EACA;EACA;;AAwDQ;EA5DR;EACA,aA4D8B;EA3D9B;EACA;EACA;EA0DY,OC3DO;;AD8DX;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OCjGG;;ADoGP;EACI;EACA;EACA;;AAIA;EACI;EACA;;AAOZ;EACI;;AAGJ;EACI;;;AAMhB;EACI,YCtIa","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAoBI;EAGI;EACA;EACA;EACA;EACA;EACA;EACA,QARc;EASd;;AAEA;EACI;;AAGJ;EACI,OCDI;EDEJ,YCuEY;;ADpEhB;EAlCJ,OAmCsB;EAlCtB,QAkCsB;EAjCtB;EACA;;AAEA;EAEI,OA4BkB;EA3BlB,QA2BkB;;AAGlB;EACI;EACA;EACA;EACA;EACA;EACA,OCrBI;EDsBJ;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI,OCtCG;;AD0CX;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA,OChFG;;ADmFP;EACI;EACA;EACA;;AAIA;EACI;EACA;;;AAQxB;EACI,YC3Ga","file":"main.css"}

package/styles/scss/internal.scss

@@ -4,18 +4,20 @@
 @use "sass:meta";
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 @use "@gooddata/sdk-ui-kit/styles/scss/mixins" as kit-mixins;
-@use "./main.scss";
+@use "./main.scss" as main;
 
 .gd-semantic-search {
     &__overlay {
         background: kit-variables.$gd-color-white;
         margin: 10px 0;
 
-        &--fixed {
+        // Desktop view
+        .gd-header-search-dropdown & {
             width: 440px;
         }
 
-        &--mobile {
+        // Mobile view
+        .gd-header-menu-search & {
             .gd-semantic-search__overlay-input {
                 margin-bottom: 10px;
             }
@@ -41,74 +43,27 @@
     &__overlay-no-results {
         height: 100px;
     }
-}
-
-.gd-header-search {
-    height: 100%;
-    margin: 0;
-    line-height: 42px;
-    opacity: 0.8;
-    cursor: pointer;
-    transition: all 0.2s;
-    font-size: 14px;
-    font-weight: 400;
-    position: relative;
-    box-sizing: border-box;
-    padding: 0 34px 2px 13px;
-
-    @include kit-mixins.text-overflow;
-
-    &:hover,
-    &.is-open {
-        opacity: 1;
-    }
-
-    &::after {
-        content: "\e612";
-        position: absolute;
-        top: 0;
-        right: 11px;
-        margin-left: 11px;
-        width: 12px;
-        opacity: 0.5;
-        text-align: center;
-        font-family: kit-variables.$gd-font-indigo;
-        font-size: 18px;
-        font-weight: 700;
-    }
-
-    &.is-open::after {
-        content: "\e613";
-    }
 
-    &:hover {
-        background: rgba(255, 255, 255, 0.3);
-    }
-
-    &.is-open {
-        background-color: rgba(255, 255, 255, 0.3);
-    }
+    &__results-item {
+        &--history &__icon {
+            @include main.icon(17px);
+        }
 
-    &-dropdown {
-        overflow: hidden;
+        &__text {
+            &__lock-icon {
+                width: 14px;
 
-        .gd-list {
-            min-width: 210px;
+                & svg {
+                    width: 14px;
+                    height: 14px;
+                }
+            }
 
-            .gd-list-item {
-                font-family: kit-variables.$gd-font-primary;
-                font-weight: 400;
+            &__row:not(:first-child) {
+                :not(:first-child):before {
+                    content: "•\0000a0";
+                }
             }
         }
     }
 }
-
-.gd-icon-header-search-button {
-    vertical-align: middle;
-    opacity: 0.8;
-    margin-right: 6px;
-
-    &::before {
-        content: "\e62b";
-    }
-}

package/styles/scss/main.scss

@@ -17,14 +17,6 @@
     }
 }
 
-@mixin ellipsis($line-height) {
-    min-width: 0; // A hack to make ellipsis work in flexbox
-    line-height: $line-height;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
 .gd-semantic-search {
     &__results-item {
         $line-height: 50px;
@@ -48,43 +40,34 @@
         }
 
         &__icon {
-            @include icon(32px);
-
-            &--history {
-                @include icon(17px);
-            }
+            @include icon(26px);
         }
 
         &__text {
-            flex-grow: 1;
+            flex: 1;
+            min-width: 0; // A hack to make ellipsis work in flexbox
+            display: flex;
+            flex-direction: column;
             font-weight: 400;
             color: kit-variables.$gd-color-text;
             font-size: 14px;
+            line-height: 20px;
 
-            &--history {
-                @include ellipsis(1.4rem);
-            }
-
-            &--result {
-                display: flex;
-                flex-direction: column;
-            }
-
-            &__1 {
+            &__row {
                 display: flex;
                 flex-direction: row;
-                align-items: center;
-                gap: 0.3em;
-                @include ellipsis(20px);
-            }
+                gap: 5px;
 
-            &__2 {
-                @include ellipsis(20px);
-                color: kit-variables.$gd-color-state-blank;
+                &:not(:first-child) {
+                    color: kit-variables.$gd-color-state-blank;
+                }
             }
 
-            &__lock-icon {
-                width: 14px;
+            &__ellipsis {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                flex-shrink: 1;
             }
         }
 
@@ -135,16 +118,6 @@
                 }
             }
         }
-
-        &__annotation {
-            &:after {
-                content: "\0000a0•\0000a0";
-            }
-
-            &:last-child:after {
-                content: "";
-            }
-        }
     }
 }
 

package/esm/internal/HeaderMobileSearch.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { HeaderSearchButtonProps } from "./HeaderSearchButton.js";
-/**
- * A version of the search overlay that is optimized for mobile devices.
- * @internal
- */
-export declare const HeaderMobileSearch: ({ locale, ...props }: HeaderSearchButtonProps) => React.JSX.Element;
-//# sourceMappingURL=HeaderMobileSearch.d.ts.map

package/esm/internal/HeaderMobileSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderMobileSearch.d.ts","sourceRoot":"","sources":["../../src/internal/HeaderMobileSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA+B,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAwB/F;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yBAA0B,uBAAuB,sBAI/E,CAAC"}

package/esm/internal/HeaderMobileSearch.js

@@ -1,18 +0,0 @@
-// (C) 2007-2024 GoodData Corporation
-import * as React from "react";
-import { SearchOverlay } from "./SearchOverlay.js";
-import { MetadataTimezoneProvider } from "./metadataTimezoneContext.js";
-import { injectIntl } from "react-intl";
-import { IntlWrapper } from "@gooddata/sdk-ui";
-const HeaderMobileSearchCore = ({ onSelect, metadataTimezone, ...overlayProps }) => {
-    return (React.createElement(MetadataTimezoneProvider, { value: metadataTimezone },
-        React.createElement(SearchOverlay, { onSelect: onSelect, className: "gd-semantic-search__overlay--mobile", ...overlayProps })));
-};
-const HeaderMobileSearchWithIntl = injectIntl(HeaderMobileSearchCore);
-/**
- * A version of the search overlay that is optimized for mobile devices.
- * @internal
- */
-export const HeaderMobileSearch = ({ locale, ...props }) => (React.createElement(IntlWrapper, { locale: locale },
-    React.createElement(HeaderMobileSearchWithIntl, { ...props })));
-//# sourceMappingURL=HeaderMobileSearch.js.map

package/esm/internal/HeaderMobileSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderMobileSearch.js","sourceRoot":"","sources":["../../src/internal/HeaderMobileSearch.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,sBAAsB,GAA0C,CAAC,EACnE,QAAQ,EACR,gBAAgB,EAChB,GAAG,YAAY,EAClB,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,wBAAwB,IAAC,KAAK,EAAE,gBAAgB;QAC7C,oBAAC,aAAa,IACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,qCAAqC,KAC3C,YAAY,GAClB,CACqB,CAC9B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEtE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE,CAAC,CACjF,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM;IACvB,oBAAC,0BAA0B,OAAK,KAAK,GAAI,CAC/B,CACjB,CAAC"}