@cobre-npm/ds-v3 0.156.0 → 0.158.0

package/dist/tokens/_components.scss

@@ -1104,4 +1104,27 @@
   --cobre-filter-option-groups-label-fs: var(--cobre-label-small-fs);
   --cobre-filter-option-groups-label-lh: var(--cobre-label-small-lh);
   --cobre-filter-option-groups-label-fw: 500;
-}
+  --cobre-filter-option-groups-option-color: var(--cobre-gray-95);
+}
+
+/**
+* Filter panel
+*/
+
+:root {
+  --cobre-filter-panel-width: 650px;
+  --cobre-filter-panel-max-height: 500px;
+  --cobre-filter-panel-padding-x: 20px;
+  --cobre-filter-panel-padding-y: 16px;
+  --cobre-filter-panel-tab-edge-width: 4px;
+  --cobre-filter-panel-content-gap: 12px;
+  --cobre-filter-panel-tab-badge-padding-x: 5px;
+  --cobre-filter-panel-tab-active-bg: var(--cobre-teal-5);
+  --cobre-filter-panel-tab-active-border-color: var(--cobre-teal-20);
+  --cobre-filter-panel-tab-active-color: var(--cobre-teal-50);
+  --cobre-filter-panel-tab-badge-bg: var(--cobre-teal-50);
+  --cobre-filter-panel-tab-badge-color: var(--cobre-white);
+  --cobre-filter-panel-divider-color: var(--cobre-gray-20);
+  --cobre-filter-panel-section-title-color: var(--cobre-gray-60);
+  --cobre-filter-panel-tab-color: var(--cobre-primary-80);
+}

package/dist/types/components/organisms/CobreFilterPanel/CobreFilterPanel.vue.d.ts

@@ -4,8 +4,11 @@ import type { Filter } from './interfaces/filter.interface';
  * filter) and the active filter's control on the right, rendered from the
  * declarative `filters` array (checkbox, radio, input, amount-range, select).
  * Use to filter a table/list by several dimensions at once; the parent owns
- * filter values/state via the `filter-updated`/`filter-search`/`filter-cleared`
+ * filter values/state via the `filter-updated`/`filter-search`/`filter-local-search-result`/`filter-cleared`
  * events. Exposes `areFiltersValid()` and `reset()`.
+ *
+ * `filter-search` is the remote search (the parent fetches options for the typed text);
+ * `filter-local-search-result` only reports a local search the panel already ran itself.
  */
 interface Props {
     filters?: Filter[];
@@ -30,6 +33,11 @@ declare const _default: import("vue").DefineComponent<Props, {
         key: string;
         value: string;
     }) => any;
+    "filter-local-search-result": (payload: {
+        key: string;
+        query: string;
+        hasResults: boolean;
+    }) => any;
     "filter-cleared": (payload: {
         key: string;
     }) => any;
@@ -44,6 +52,11 @@ declare const _default: import("vue").DefineComponent<Props, {
         key: string;
         value: string;
     }) => any) | undefined;
+    "onFilter-local-search-result"?: ((payload: {
+        key: string;
+        query: string;
+        hasResults: boolean;
+    }) => any) | undefined;
     "onFilter-cleared"?: ((payload: {
         key: string;
     }) => any) | undefined;

package/dist/types/components/organisms/CobreFilterPanel/components/FilterOptionGroups.vue.d.ts

@@ -13,7 +13,6 @@ declare var __VLS_1: {
     option: FilterOption;
     label: string;
     description: string | undefined;
-    sectioned: boolean;
     disabled: boolean | undefined;
 };
 type __VLS_Slots = {} & {

package/dist/types/components/organisms/CobreFilterPanel/interfaces/filter.interface.d.ts

@@ -62,7 +62,8 @@ export interface CommonSearchProps {
     searchable?: boolean;
     /**
      * `remote` (default) emits `filter-search` on every keystroke so the consumer fetches matches;
-     * `local` narrows the options already loaded by label, without emitting.
+     * `local` narrows the options already loaded by label or subtitle and emits `filter-local-search-result`
+     * (query + whether anything matched) instead of `filter-search`.
      */
     searchMode?: 'remote' | 'local';
     /** Configuration for the option search box. */

package/dist/types/components/organisms/CobreFilterPanel/utils/localSearch.d.ts

@@ -4,7 +4,7 @@ export declare const DEFAULT_MIN_CHARS = 3;
 export declare const normalizeForSearch: (text: string) => string;
 /** Whether the text is long enough (after trimming) to filter by. Blank text never is. */
 export declare const isSearchActive: (text: string | undefined, minChars?: number) => boolean;
-/** The options whose label contains `query`, ignoring case, accents and surrounding spaces. */
+/** The options whose label or subtitle contains `query`, ignoring case, accents and surrounding spaces. */
 export declare const matchOptions: (options: FilterOption[], query: string) => FilterOption[];
 /**
  * The list shown while a local search is active, in place of the tabs.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.156.0",
+  "version": "0.158.0",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {