@semcore/select 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/esm/context.mjs

@@ -1,5 +1,5 @@
-import t from "react";
-var o = /* @__PURE__ */ t.createContext({});
+import React from "react";
+var selectContext = /* @__PURE__ */ React.createContext({});
 export {
-  o as selectContext
+  selectContext
 };

package/lib/esm/index.mjs

@@ -1,7 +1,7 @@
-import { default as t } from "./InputSearch.mjs";
-import { default as f, wrapSelect as o } from "./Select.mjs";
+import { default as default2 } from "./InputSearch.mjs";
+import { default as default3, wrapSelect } from "./Select.mjs";
 export {
-  t as InputSearch,
-  f as default,
-  o as wrapSelect
+  default2 as InputSearch,
+  default3 as default,
+  wrapSelect
 };

package/lib/esm/style/input-search.shadow.css

@@ -0,0 +1,20 @@
+SInputSearch[size='m'] {
+  height: 32px;
+}
+
+SSearchClear {
+  padding: 0 var(--intergalactic-spacing-2x, 8px);
+}
+
+SSearchClear[hide] {
+  visibility: hidden;
+}
+
+/* Style for Input */
+SOutline {
+  top: -1px;
+  left: -1px;
+  width: 100%;
+  border-radius: var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px) 0 0;
+  box-sizing: content-box;
+}

package/lib/esm/style/select.shadow.css

@@ -0,0 +1,94 @@
+SOptionCheckbox {
+  margin-top: var(--intergalactic-spacing-05x, 2px);
+  margin-right: var(--intergalactic-spacing-2x, 8px);
+  margin-bottom: auto;
+  position: relative;
+  flex-shrink: 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--intergalactic-bg-primary-neutral, #ffffff);
+    border: 1px solid;
+    border-radius: var(--intergalactic-addon-rounded, 4px);
+    border-color: var(--intergalactic-border-primary, #c4c7cf);
+  }
+
+  width: 16px;
+  height: 16px;
+}
+
+SOptionCheckbox::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0 var(--intergalactic-spacing-05x, 2px);
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
+SOptionCheckbox[selected]::after {
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+}
+
+SOptionCheckbox[size='l'] {
+  width: 20px;
+  height: 20px;
+}
+
+SOptionCheckbox[size='l'][selected]::after {
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+}
+
+SOptionCheckbox[selected]:before {
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  border-color: var(--intergalactic-control-primary-info, #008ff8);
+}
+
+SOptionCheckbox[indeterminate]:before {
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  border-color: var(--intergalactic-control-primary-info, #008ff8);
+}
+
+SOptionCheckbox[theme]:before {
+  border-color: var(--theme);
+}
+
+SOptionCheckbox[theme][selected]:before,
+SOptionCheckbox[theme][indeterminate]:before {
+  background-color: var(--theme);
+  border-color: var(--theme);
+}
+
+SOptionCheckbox[selected] {
+  background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
+
+  &:hover {
+    background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+  }
+}
+
+SOptionCheckbox[indeterminate]:after {
+  background-color: #ffffff;
+  background-image: none;
+  margin: auto;
+  /* disable-tokens-validator */
+  border-radius: 1px;
+}
+
+SOptionCheckbox[indeterminate][size='l']:after {
+  width: 12px;
+  height: 2px;
+}
+
+SOptionCheckbox[indeterminate][size='m']:after {
+  width: 8px;
+  height: 2px;
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,11 +1,13 @@
-const e = "Suchfeld leeren", l = "Option auswählen", c = {
-  clearSearch: e,
-  selectPlaceholder: l,
+const clearSearch = "Suchfeld leeren";
+const selectPlaceholder = "Option auswählen";
+const de = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Suche",
   "Select.InputSearch.Value:aria-label": "Suche"
 };
 export {
-  e as clearSearch,
-  c as default,
-  l as selectPlaceholder
+  clearSearch,
+  de as default,
+  selectPlaceholder
 };

package/lib/esm/translations/en.json.mjs

@@ -1,11 +1,13 @@
-const e = "Clear search field", a = "Select option", c = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "Clear search field";
+const selectPlaceholder = "Select option";
+const en = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Search",
   "Select.InputSearch.Value:aria-label": "Search"
 };
 export {
-  e as clearSearch,
-  c as default,
-  a as selectPlaceholder
+  clearSearch,
+  en as default,
+  selectPlaceholder
 };

package/lib/esm/translations/es.json.mjs

@@ -1,11 +1,13 @@
-const e = "Borrar campo de búsqueda", a = "Seleccionar opción", c = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "Borrar campo de búsqueda";
+const selectPlaceholder = "Seleccionar opción";
+const es = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Búsqueda",
   "Select.InputSearch.Value:aria-label": "Búsqueda"
 };
 export {
-  e as clearSearch,
-  c as default,
-  a as selectPlaceholder
+  clearSearch,
+  es as default,
+  selectPlaceholder
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,11 +1,13 @@
-const e = "Effacer le champ de recherche", c = "Sélectionner une option", l = {
-  clearSearch: e,
-  selectPlaceholder: c,
+const clearSearch = "Effacer le champ de recherche";
+const selectPlaceholder = "Sélectionner une option";
+const fr = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Recherche",
   "Select.InputSearch.Value:aria-label": "Recherche"
 };
 export {
-  e as clearSearch,
-  l as default,
-  c as selectPlaceholder
+  clearSearch,
+  fr as default,
+  selectPlaceholder
 };

package/lib/esm/translations/it.json.mjs

@@ -1,11 +1,13 @@
-const e = "Svuota il campo di ricerca", c = "Seleziona opzione", a = {
-  clearSearch: e,
-  selectPlaceholder: c,
+const clearSearch = "Svuota il campo di ricerca";
+const selectPlaceholder = "Seleziona opzione";
+const it = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Ricerca",
   "Select.InputSearch.Value:aria-label": "Ricerca"
 };
 export {
-  e as clearSearch,
-  a as default,
-  c as selectPlaceholder
+  clearSearch,
+  it as default,
+  selectPlaceholder
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,11 +1,13 @@
-const e = "サーチフィールドをクリア", a = "オプションを選択", l = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "サーチフィールドをクリア";
+const selectPlaceholder = "オプションを選択";
+const ja = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "検索",
   "Select.InputSearch.Value:aria-label": "検索"
 };
 export {
-  e as clearSearch,
-  l as default,
-  a as selectPlaceholder
+  clearSearch,
+  ja as default,
+  selectPlaceholder
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,11 +1,13 @@
-const e = "검색란 지우기", l = "옵션 선택", a = {
-  clearSearch: e,
-  selectPlaceholder: l,
+const clearSearch = "검색란 지우기";
+const selectPlaceholder = "옵션 선택";
+const ko = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "검색",
   "Select.InputSearch.Value:aria-label": "검색"
 };
 export {
-  e as clearSearch,
-  a as default,
-  l as selectPlaceholder
+  clearSearch,
+  ko as default,
+  selectPlaceholder
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,11 +1,13 @@
-const e = "Wis zoekveld", l = "Selecteer optie", c = {
-  clearSearch: e,
-  selectPlaceholder: l,
+const clearSearch = "Wis zoekveld";
+const selectPlaceholder = "Selecteer optie";
+const nl = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Zoeken",
   "Select.InputSearch.Value:aria-label": "Zoeken"
 };
 export {
-  e as clearSearch,
-  c as default,
-  l as selectPlaceholder
+  clearSearch,
+  nl as default,
+  selectPlaceholder
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,11 +1,13 @@
-const e = "Wyczyść pole wyszukiwania", a = "Wybierz opcję", l = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "Wyczyść pole wyszukiwania";
+const selectPlaceholder = "Wybierz opcję";
+const pl = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Wyszukaj",
   "Select.InputSearch.Value:aria-label": "Wyszukaj"
 };
 export {
-  e as clearSearch,
-  l as default,
-  a as selectPlaceholder
+  clearSearch,
+  pl as default,
+  selectPlaceholder
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,11 +1,13 @@
-const e = "Limpar campo de pesquisa", a = "Selecione a opção", c = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "Limpar campo de pesquisa";
+const selectPlaceholder = "Selecione a opção";
+const pt = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Pesquisar",
   "Select.InputSearch.Value:aria-label": "Pesquisar"
 };
 export {
-  e as clearSearch,
-  c as default,
-  a as selectPlaceholder
+  clearSearch,
+  pt as default,
+  selectPlaceholder
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,11 +1,13 @@
-const e = "Rensa sökfält", l = "Välj alternativ", a = {
-  clearSearch: e,
-  selectPlaceholder: l,
+const clearSearch = "Rensa sökfält";
+const selectPlaceholder = "Välj alternativ";
+const sv = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Sök",
   "Select.InputSearch.Value:aria-label": "Sök"
 };
 export {
-  e as clearSearch,
-  a as default,
-  l as selectPlaceholder
+  clearSearch,
+  sv as default,
+  selectPlaceholder
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,11 +1,13 @@
-const e = "Arama alanını temizle", a = "Seçeneği seçin", l = {
-  clearSearch: e,
-  selectPlaceholder: a,
+const clearSearch = "Arama alanını temizle";
+const selectPlaceholder = "Seçeneği seçin";
+const tr = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Ara",
   "Select.InputSearch.Value:aria-label": "Ara"
 };
 export {
-  e as clearSearch,
-  l as default,
-  a as selectPlaceholder
+  clearSearch,
+  tr as default,
+  selectPlaceholder
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,11 +1,13 @@
-const e = "Xoá trường tìm kiếm", c = "Chọn tùy chọn", l = {
-  clearSearch: e,
-  selectPlaceholder: c,
+const clearSearch = "Xoá trường tìm kiếm";
+const selectPlaceholder = "Chọn tùy chọn";
+const vi = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "Tìm kiếm",
   "Select.InputSearch.Value:aria-label": "Tìm kiếm"
 };
 export {
-  e as clearSearch,
-  l as default,
-  c as selectPlaceholder
+  clearSearch,
+  vi as default,
+  selectPlaceholder
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,11 +1,13 @@
-const e = "清除搜索字段", l = "选择选项", a = {
-  clearSearch: e,
-  selectPlaceholder: l,
+const clearSearch = "清除搜索字段";
+const selectPlaceholder = "选择选项";
+const zh = {
+  clearSearch,
+  selectPlaceholder,
   "Select.InputSearch.Value:placeholder": "搜索",
   "Select.InputSearch.Value:aria-label": "搜索"
 };
 export {
-  e as clearSearch,
-  a as default,
-  l as selectPlaceholder
+  clearSearch,
+  zh as default,
+  selectPlaceholder
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/select",
   "description": "Semrush Select Component",
-  "version": "16.0.0-prerelease.2",
+  "version": "16.0.0-prerelease.21",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,20 +13,20 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/base-trigger": "16.0.0-prerelease.2",
-    "@semcore/button": "16.0.0-prerelease.2",
-    "@semcore/checkbox": "16.0.0-prerelease.2",
-    "@semcore/divider": "16.0.0-prerelease.2",
-    "@semcore/dropdown-menu": "16.0.0-prerelease.2",
-    "@semcore/dropdown": "16.0.0-prerelease.2",
-    "@semcore/icon": "16.0.0-prerelease.2",
-    "@semcore/input": "16.0.0-prerelease.2",
-    "@semcore/popper": "16.0.0-prerelease.2",
-    "@semcore/flex-box": "16.0.0-prerelease.2",
+    "@semcore/base-trigger": "16.0.0-prerelease.21",
+    "@semcore/button": "16.0.0-prerelease.21",
+    "@semcore/checkbox": "16.0.0-prerelease.21",
+    "@semcore/divider": "16.0.0-prerelease.21",
+    "@semcore/dropdown-menu": "16.0.0-prerelease.21",
+    "@semcore/dropdown": "16.0.0-prerelease.21",
+    "@semcore/icon": "16.0.0-prerelease.21",
+    "@semcore/input": "16.0.0-prerelease.21",
+    "@semcore/popper": "16.0.0-prerelease.21",
+    "@semcore/flex-box": "16.0.0-prerelease.21",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.2"
+    "@semcore/base-components": "^16.0.0-prerelease.21"
   },
   "repository": {
     "type": "git",