@cobre-npm/ds-v3 0.153.0 → 0.155.0

package/dist/tokens/_components.scss

@@ -1041,6 +1041,8 @@
   --cobre-checkbox-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
   --cobre-checkbox-icon-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
 
+  --cobre-checkbox-indeterminate-icon-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M6 10h8'/%3e%3c/svg%3e");
+
   --cobre-checkbox-input-checked-bg: var(--cobre-secondary-50);
   --cobre-checkbox-input-checked-hover-bg: var(--cobre-secondary-70);
 

package/dist/types/components/atoms/CobreCheckbox/CobreCheckbox.vue.d.ts

@@ -11,6 +11,7 @@ interface Props {
     id?: string;
     description?: string;
     size?: 'sm' | 'md';
+    indeterminate?: boolean;
 }
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -25,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
 }>, {
     disabled: boolean;
     size: "sm" | "md";
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,6 +4,7 @@ import type { CheckboxFilter } from '../interfaces/filter.interface';
  * one checkbox per option and emits the updated array of selected values when
  * an option is toggled. Options may carry a `logoURL` for an inline icon and a
  * `subtitle`; with `sections` they are grouped under non-selectable titles.
+ * An `indeterminate` option renders the mixed state and a click checks it.
  * Rendered internally by CobreFilterPanel for `checkbox` filters.
  */
 type __VLS_Props = {

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

@@ -5,6 +5,8 @@ type __VLS_Props = {
     /** Prefix of each option's control id, as `${idPrefix}-${option.value}`. */
     idPrefix: string;
     disabled?: boolean;
+    /** Forced column count; unset keeps two with sections, one without. */
+    columns?: 1 | 2;
 };
 declare var __VLS_1: {
     id: string;

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

@@ -9,6 +9,12 @@ export interface FilterOption {
     disabled?: boolean;
     section?: string;
     subtitle?: string;
+    tab?: string;
+    indeterminate?: boolean;
+}
+export interface FilterTab {
+    value: string;
+    label: string;
 }
 export interface FilterSection {
     value: string;
@@ -67,6 +73,12 @@ export interface CheckboxFilter extends BaseFilter<'checkbox'> {
     value: (string | number)[];
     options: FilterOption[];
     sections?: FilterSection[];
+    /**
+     * Number of columns the option list renders in. Unset keeps the default:
+     * two with `sections`, one without.
+     */
+    columns?: 1 | 2;
+    tabs?: FilterTab[];
     props?: CommonDisabledProps & CommonSearchProps;
     validation?: CommonValidation;
 }
@@ -74,8 +86,13 @@ export interface CheckboxFilter extends BaseFilter<'checkbox'> {
 export interface RadioFilter extends BaseFilter<'radio'> {
     value: string | number | null;
     options: FilterOption[];
-    /** Section headings, in render order. Enables the two-column grouped layout. */
+    /** Section headings, in render order. Enables the grouped layout (two columns unless `columns` says otherwise). */
     sections?: FilterSection[];
+    /**
+     * Number of columns the option list renders in. Unset keeps the default:
+     * two with `sections`, one without.
+     */
+    columns?: 1 | 2;
     props?: CommonDisabledProps & CommonSearchProps;
     validation?: CommonValidation;
 }

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

@@ -0,0 +1,4 @@
+import type { FilterOption, FilterTab } from '../interfaces/filter.interface';
+export declare const visibleTabs: (options: FilterOption[], tabs: FilterTab[]) => FilterTab[];
+export declare const optionsInTab: (options: FilterOption[], activeTab: string | null) => FilterOption[];
+export declare const initialTab: (options: FilterOption[], tabs: FilterTab[], selected: (string | number)[]) => string | null;

package/package.json

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