@cobre-npm/ds-v3 0.112.6 → 0.113.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 +3505 -3454
- package/dist/style.css +1 -1
- package/dist/tokens/_components.scss +12 -0
- package/dist/types/components/organisms/CobreFilterPanel/CobreFilterPanel.vue.d.ts +14 -0
- package/dist/types/components/organisms/CobreFilterPanel/interfaces/filter.interface.d.ts +11 -2
- package/dist/types/types/button.types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -544,6 +544,18 @@
|
|
|
544
544
|
--cobre-btn-v3-toolbar-hover-color: var(--cobre-primary-80);
|
|
545
545
|
--cobre-btn-v3-toolbar-disabled-color: var(--cobre-primary-50);
|
|
546
546
|
--cobre-btn-v3-toolbar-disabled-bg: var(--cobre-primary-10);
|
|
547
|
+
|
|
548
|
+
// Danger
|
|
549
|
+
--cobre-btn-v3-danger-bg: transparent;
|
|
550
|
+
--cobre-btn-v3-danger-border: var(--cobre-border-stroke-M) solid var(--cobre-red-50);
|
|
551
|
+
--cobre-btn-v3-danger-color: var(--cobre-red-50);
|
|
552
|
+
--cobre-btn-v3-danger-hover-bg: var(--cobre-red-5);
|
|
553
|
+
--cobre-btn-v3-danger-active-bg: var(--cobre-red-10);
|
|
554
|
+
--cobre-btn-v3-danger-active-border: var(--cobre-border-stroke-L) solid var(--cobre-red-50);
|
|
555
|
+
--cobre-btn-v3-danger-focus-border: var(--cobre-border-stroke-L) solid var(--cobre-red-50);
|
|
556
|
+
--cobre-btn-v3-danger-focus-box-shadow: 0 0 0 0.25rem var(--cobre-red-20);
|
|
557
|
+
--cobre-btn-v3-danger-disabled-color: var(--cobre-red-40);
|
|
558
|
+
--cobre-btn-v3-danger-disabled-border: var(--cobre-border-stroke-M) solid var(--cobre-red-40);
|
|
547
559
|
}
|
|
548
560
|
|
|
549
561
|
/**
|
|
@@ -15,6 +15,13 @@ declare const _default: import("vue").DefineComponent<Props, {
|
|
|
15
15
|
key: string;
|
|
16
16
|
value: Filter["value"];
|
|
17
17
|
}) => any;
|
|
18
|
+
"filter-search": (payload: {
|
|
19
|
+
key: string;
|
|
20
|
+
value: string;
|
|
21
|
+
}) => any;
|
|
22
|
+
"filter-cleared": (payload: {
|
|
23
|
+
key: string;
|
|
24
|
+
}) => any;
|
|
18
25
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
19
26
|
"onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
|
|
20
27
|
"onUpdate:activeFilter"?: ((value: string) => any) | undefined;
|
|
@@ -22,6 +29,13 @@ declare const _default: import("vue").DefineComponent<Props, {
|
|
|
22
29
|
key: string;
|
|
23
30
|
value: Filter["value"];
|
|
24
31
|
}) => any) | undefined;
|
|
32
|
+
"onFilter-search"?: ((payload: {
|
|
33
|
+
key: string;
|
|
34
|
+
value: string;
|
|
35
|
+
}) => any) | undefined;
|
|
36
|
+
"onFilter-cleared"?: ((payload: {
|
|
37
|
+
key: string;
|
|
38
|
+
}) => any) | undefined;
|
|
25
39
|
}>, {
|
|
26
40
|
title: string;
|
|
27
41
|
filters: Filter[];
|
|
@@ -13,6 +13,7 @@ export interface BaseFilter<T extends FilterType> {
|
|
|
13
13
|
key: string;
|
|
14
14
|
type: T;
|
|
15
15
|
label: string;
|
|
16
|
+
icon?: string;
|
|
16
17
|
count?: number;
|
|
17
18
|
}
|
|
18
19
|
export interface CommonValidation {
|
|
@@ -23,16 +24,24 @@ export interface CommonDisabledProps {
|
|
|
23
24
|
disabled?: boolean;
|
|
24
25
|
labelTooltip?: string;
|
|
25
26
|
}
|
|
27
|
+
export interface CommonSearchProps {
|
|
28
|
+
searchable?: boolean;
|
|
29
|
+
search?: {
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
value?: string;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
26
35
|
export interface CheckboxFilter extends BaseFilter<'checkbox'> {
|
|
27
36
|
value: (string | number)[];
|
|
28
37
|
options: FilterOption[];
|
|
29
|
-
props?: CommonDisabledProps;
|
|
38
|
+
props?: CommonDisabledProps & CommonSearchProps;
|
|
30
39
|
validation?: CommonValidation;
|
|
31
40
|
}
|
|
32
41
|
export interface RadioFilter extends BaseFilter<'radio'> {
|
|
33
42
|
value: string | number | null;
|
|
34
43
|
options: FilterOption[];
|
|
35
|
-
props?: CommonDisabledProps;
|
|
44
|
+
props?: CommonDisabledProps & CommonSearchProps;
|
|
36
45
|
validation?: CommonValidation;
|
|
37
46
|
}
|
|
38
47
|
export interface InputFilter extends BaseFilter<'input'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type ButtonThemes = 'primary' | 'secondary' | 'ghost' | 'ghost-small' | 'ghost-teal' | 'link' | 'single' | 'filter' | 'secondary-cloudy' | 'icon' | 'icon-cloudy' | 'toolbar' | 'primary-warning' | 'chip';
|
|
1
|
+
export type ButtonThemes = 'primary' | 'secondary' | 'ghost' | 'ghost-small' | 'ghost-teal' | 'link' | 'single' | 'filter' | 'secondary-cloudy' | 'icon' | 'icon-cloudy' | 'toolbar' | 'primary-warning' | 'danger' | 'chip';
|