@cobre-npm/ds-v3 0.78.3 → 0.79.1
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 +1914 -1893
- package/dist/style.css +1 -1
- package/dist/tokens/_components.scss +14 -0
- package/dist/types/components/atoms/CobreSegmentedTabs/CobreSegmentedTabs.vue.d.ts +14 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/molecules/CobreInput/CobreInput.vue.d.ts +1 -1
- package/package.json +1 -1
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
|
|
37
37
|
--cobre-input-label-fw: 400;
|
|
38
38
|
--cobre-input-label-color: var(--cobre-primary-95);
|
|
39
|
+
--cobre-input-label-info-color: var(--cobre-primary-80);
|
|
39
40
|
--cobre-input-label-disabled-color: var(--cobre-primary-50);
|
|
40
41
|
--cobre-input-label-fs: var(--cobre-label-small-fs);
|
|
41
42
|
|
|
@@ -1025,4 +1026,17 @@
|
|
|
1025
1026
|
--cobre-table-headless-row-hover-bg: var(--cobre-primary-10);
|
|
1026
1027
|
--cobre-table-headless-empty-bg: var(--cobre-primary-10);
|
|
1027
1028
|
--cobre-table-headless-empty-radius: var(--cobre-radius-S);
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
/**
|
|
1032
|
+
* Segmented Tabs
|
|
1033
|
+
*/
|
|
1034
|
+
|
|
1035
|
+
:root {
|
|
1036
|
+
--cobre-segmented-tabs-bg: var(--cobre-white);
|
|
1037
|
+
--cobre-segmented-tabs-color: var(--cobre-primary-80);
|
|
1038
|
+
--cobre-segmented-tabs-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
|
|
1039
|
+
--cobre-segmented-tabs-active-bg: var(--cobre-secondary-5);
|
|
1040
|
+
--cobre-segmented-tabs-active-color: var(--cobre-primary-90);
|
|
1041
|
+
--cobre-segmented-tabs-active-border: var(--cobre-border-stroke-M) solid var(--cobre-secondary-50);
|
|
1028
1042
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Option {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
interface Props {
|
|
6
|
+
modelValue?: string;
|
|
7
|
+
options: Option[];
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: string) => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
13
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -22,6 +22,7 @@ export { default as CobreAlert } from './atoms/CobreAlert/CobreAlert.vue';
|
|
|
22
22
|
export { default as CobreSwitch } from './atoms/CobreSwitch/CobreSwitch.vue';
|
|
23
23
|
export { default as CobreCardButton } from './atoms/CobreCardButton/CobreCardButton.vue';
|
|
24
24
|
export { default as CobreRowActions } from './atoms/CobreRowActions/CobreRowActions.vue';
|
|
25
|
+
export { default as CobreSegmentedTabs } from './atoms/CobreSegmentedTabs/CobreSegmentedTabs.vue';
|
|
25
26
|
export { default as CobreAccountCpButton } from './molecules/CobreAccountCpButton/CobreAccountCpButton.vue';
|
|
26
27
|
export { default as CobreAccountInfoField } from './molecules/CobreAccountInfoFiled/CobreAccountInfoField.vue';
|
|
27
28
|
export { default as CobreActionList } from './molecules/CobreActionList/CobreActionList.vue';
|
|
@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<Props, {
|
|
|
43
43
|
iconInfoLabel: boolean;
|
|
44
44
|
showErrors: boolean;
|
|
45
45
|
isSearchable: boolean;
|
|
46
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {},
|
|
46
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>;
|
|
47
47
|
export default _default;
|