@cobre-npm/ds-v3 0.153.0 → 0.154.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cobre-ds-v3-lib.es.js +7467 -7411
- package/dist/style.css +1 -1
- package/dist/tokens/_components.scss +2 -0
- package/dist/types/components/atoms/CobreCheckbox/CobreCheckbox.vue.d.ts +2 -0
- package/dist/types/components/organisms/CobreFilterPanel/components/FilterCheckboxList.vue.d.ts +1 -0
- package/dist/types/components/organisms/CobreFilterPanel/interfaces/filter.interface.d.ts +7 -0
- package/dist/types/components/organisms/CobreFilterPanel/utils/filterTabs.d.ts +4 -0
- package/package.json +1 -1
|
@@ -1041,6 +1041,8 @@
|
|
|
1041
1041
|
--cobre-checkbox-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
|
|
1042
1042
|
--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");
|
|
1043
1043
|
|
|
1044
|
+
--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");
|
|
1045
|
+
|
|
1044
1046
|
--cobre-checkbox-input-checked-bg: var(--cobre-secondary-50);
|
|
1045
1047
|
--cobre-checkbox-input-checked-hover-bg: var(--cobre-secondary-70);
|
|
1046
1048
|
|
|
@@ -11,6 +11,7 @@ interface Props {
|
|
|
11
11
|
id?: string;
|
|
12
12
|
description?: string;
|
|
13
13
|
size?: 'sm' | 'md';
|
|
14
|
+
indeterminate?: boolean;
|
|
14
15
|
}
|
|
15
16
|
declare var __VLS_1: {};
|
|
16
17
|
type __VLS_Slots = {} & {
|
|
@@ -25,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
|
|
|
25
26
|
}>, {
|
|
26
27
|
disabled: boolean;
|
|
27
28
|
size: "sm" | "md";
|
|
29
|
+
indeterminate: boolean;
|
|
28
30
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
29
31
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
30
32
|
export default _default;
|
package/dist/types/components/organisms/CobreFilterPanel/components/FilterCheckboxList.vue.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import type { CheckboxFilter } from '../interfaces/filter.interface';
|
|
|
4
4
|
* one checkbox per option and emits the updated array of selected values when
|
|
5
5
|
* an option is toggled. Options may carry a `logoURL` for an inline icon and a
|
|
6
6
|
* `subtitle`; with `sections` they are grouped under non-selectable titles.
|
|
7
|
+
* An `indeterminate` option renders the mixed state and a click checks it.
|
|
7
8
|
* Rendered internally by CobreFilterPanel for `checkbox` filters.
|
|
8
9
|
*/
|
|
9
10
|
type __VLS_Props = {
|
|
@@ -9,6 +9,12 @@ export interface FilterOption {
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
section?: string;
|
|
11
11
|
subtitle?: string;
|
|
12
|
+
tab?: string;
|
|
13
|
+
indeterminate?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface FilterTab {
|
|
16
|
+
value: string;
|
|
17
|
+
label: string;
|
|
12
18
|
}
|
|
13
19
|
export interface FilterSection {
|
|
14
20
|
value: string;
|
|
@@ -67,6 +73,7 @@ export interface CheckboxFilter extends BaseFilter<'checkbox'> {
|
|
|
67
73
|
value: (string | number)[];
|
|
68
74
|
options: FilterOption[];
|
|
69
75
|
sections?: FilterSection[];
|
|
76
|
+
tabs?: FilterTab[];
|
|
70
77
|
props?: CommonDisabledProps & CommonSearchProps;
|
|
71
78
|
validation?: CommonValidation;
|
|
72
79
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { FilterOption, FilterTab } from '../interfaces/filter.interface';
|
|
2
|
+
export declare const visibleTabs: (options: FilterOption[], tabs: FilterTab[]) => FilterTab[];
|
|
3
|
+
export declare const optionsInTab: (options: FilterOption[], activeTab: string | null) => FilterOption[];
|
|
4
|
+
export declare const initialTab: (options: FilterOption[], tabs: FilterTab[], selected: (string | number)[]) => string | null;
|