@cobre-npm/ds-v3 0.2.5 → 0.2.7

package/dist/tokens/_components.scss

@@ -394,62 +394,42 @@
     --cobre-badge-alert-border: 1px solid var(--cobre-yellow-20);
   }
 
-  /**
-   * Tabs
+   /**
+   * TABS
    */
-
-  :root {
-    --cobre-tabs-bg: transparent;
-    --cobre-tabs-border: 2px solid transparent;
-    --cobre-tabs-color: var(--cobre-primary-60);
-    --cobre-tabs-font-weight: 400;
-    --cobre-tabs-font-size: 16px;
-    --cobre-tabs-radius: 0px;
-    --cobre-tabs-padding: 16px 0px;
-    --cobre-tabs-margin: 16px;
-    --cobre-tabs-height: auto;
-
-    --cobre-tabs-hover-bg: transparent;
-    --cobre-tabs-hover-border: 2px solid var(--cobre-secondary-70);
-    --cobre-tabs-hover-color: var(--cobre-secondary-70);
-    --cobre-tabs-hover-radius: 0px;
-    --cobre-tabs-counter-hover-bg: var(--cobre-secondary-70);
-    --cobre-tabs-counter-hover-color: var(--cobre-secondary-10);
-
+  
+   :root {
+    --cobre-tabs-bg: transparent !important;
+    --cobre-tabs-border: var(--cobre-border-stroke-L) !important;
+    --cobre-tabs-color: var(--cobre-primary-80) !important;
+    --cobre-tabs-font-weight: 400 !important;
+    --cobre-tabs-font-size: var(--cobre-label-medium-fs) !important;
+    --cobre-tabs-radius: 0px !important;
+    --cobre-tabs-padding: 8px 0px !important;
+    --cobre-tabs-margin: 8px !important;
+    --cobre-tabs-height: auto !important;
+  
+    --cobre-tabs-hover-bg: transparent !important;
+    --cobre-tabs-hover-border: var(--cobre-border-stroke-L) solid var(--cobre-seconday-50) !important;
+    --cobre-tabs-hover-color: var(--cobre-secondary-50) !important;
+    --cobre-tabs-hover-radius: 0px !important;
+  
     // Active (Selected)
-    --cobre-tabs-active-bg: transparent;
-    --cobre-tabs-active-border: 2px solid var(--cobre-secondary-50);
-    --cobre-tabs-active-color: var(--cobre-secondary-50);
-    --cobre-tabs-active-font-weight: 500;
-    --cobre-tabs-active-radius: 0px;
-    --cobre-tabs-counter-active-bg: var(--cobre-secondary-70);
-    --cobre-tabs-counter-active-color: var(--cobre-secondary-10);
-
+    --cobre-tabs-active-bg: transparent !important;
+    --cobre-tabs-active-border: var(--cobre-border-stroke-L) solid var(--cobre-primary-95) !important;
+    --cobre-tabs-active-color: var(--cobre-primary-95) !important;
+    --cobre-tabs-active-font-weight: 500 !important;
+    --cobre-tabs-active-radius: 0px !important;
+  
     // Pressed (Selected)
-    --cobre-tabs-pressed-border: 2px solid var(--cobre-secondary-80);
+    --cobre-tabs-pressed-border: var(--cobre-border-stroke-L) solid var(--cobre-secondary-80);
     --cobre-tabs-pressed-color: var(--cobre-secondary-80);
-    --cobre-tabs-pressed-counter-bg: var(--cobre-secondary-10);
-    --cobre-tabs-pressed-counter-color: var(--cobre-secondary-80);
-
+  
     // Disabled
-    --cobre-tabs-disabled-bg: transparent;
-    --cobre-tabs-disabled-border: 2px solid var(--cobre-primary-20);
-    --cobre-tabs-disabled-color: var(--cobre-primary-60);
-    --cobre-tabs-disabled-radius: 0px;
-
-    // Counter
-    --cobre-tabs-counter-bg: var(--cobre-primary-5);
-    --cobre-tabs-counter-color: var(--cobre-primary-60);
-    --cobre-tabs-counter-padding: 0 8px;
-    --cobre-tabs-counter-height: 24px;
-    --cobre-tabs-counter-min-width: 24px;
-    --cobre-tabs-counter-hover-bg: var(--cobre-primary-20);
-    --cobre-tabs-counter-hover-color: var(--cobre-secondary);
-    --cobre-tabs-counter-active-bg: var(--cobre-secondary-10);
-    --cobre-tabs-counter-active-color: var(--cobre-secondary-50);
-
-    // Column (Vertical)
-    --cobre-tabs-column-border: 2px solid var(--cobre-primary-30);
+    --cobre-tabs-disabled-bg: transparent !important;
+    --cobre-tabs-disabled-border: none !important;
+    --cobre-tabs-disabled-color: var(--cobre-primary-40) !important;
+    --cobre-tabs-disabled-radius: 0px !important;
   }
 
   /**

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

@@ -0,0 +1,39 @@
+interface Props {
+    modelValue: any;
+    disabled: boolean;
+    label: string;
+    id?: string;
+    description?: string;
+    size?: 'sm' | 'md';
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    changed: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    size: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "sm" | "md";
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/components/CobreHeader/CobreHeader.vue.d.ts

@@ -1,7 +1,7 @@
 interface Items {
     text: string;
     path: string;
-    icon: string;
+    icon?: string;
 }
 export interface MenuItem {
     name: string;

package/dist/types/components/CobreHeader/components/Navbar.vue.d.ts

@@ -1,5 +1,5 @@
 interface SubItems {
-    icon: string;
+    icon?: string;
     text: string;
     path: string;
 }
@@ -14,7 +14,7 @@ interface Props {
     itemActive: string;
     isMobile: boolean;
     handleClickSubItemOption: (event: {
-        icon: string;
+        icon?: string;
         text: string;
         path: string;
     }, menuItem?: SubItems) => void;

package/dist/types/components/CobreRowTable/CobreRowTable.vue.d.ts

@@ -27,29 +27,42 @@ interface Props {
     hideHeaders?: boolean;
     fixedHeaders?: boolean;
     tableError?: boolean;
+    showCheckboxes: boolean;
+    showSelectAll: boolean;
 }
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    'selectedRows'?: any;
+    'selectItem'?: any;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): Partial<Record<string, (_: {
     data: Item;
     index: number;
 }) => any>> & Partial<Record<`bellowRow${number}`, (_: {}) => any>>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     emptyResultTitle: string;
     emptyResultMsg: string;
     dataKey: string;
     height: string;
     isResponsive: boolean;
     allowNavigation: boolean;
+    showCheckboxes: boolean;
+    showSelectAll: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectItem: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    "update:selectedRows": (selectedRows: any) => void;
+    "update:selectItem": (selectItem: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     emptyResultTitle: string;
     emptyResultMsg: string;
     dataKey: string;
     height: string;
     isResponsive: boolean;
     allowNavigation: boolean;
+    showCheckboxes: boolean;
+    showSelectAll: boolean;
 }>>> & {
-    onSelectItem?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedRows"?: ((selectedRows: any) => any) | undefined;
+    "onUpdate:selectItem"?: ((selectItem: any) => any) | undefined;
 }, {
     dataKey: string;
     emptyResultTitle: string;
@@ -57,6 +70,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     height: string;
     isResponsive: boolean;
     allowNavigation: boolean;
+    showCheckboxes: boolean;
+    showSelectAll: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/types/components/CobreSelect/CobreSelect.vue.d.ts

@@ -43,11 +43,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     errorMsg: string;
     labelTooltip: string;
     labelOptional: string;
+    options: never[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     isRequired: boolean;
     errorMsg: string;
     labelTooltip: string;
     labelOptional: string;
+    options: never[];
 }>>>, {
     errorMsg: string;
     isRequired: boolean;

package/dist/types/components/CobreTabMenu/CobreTabMenu.vue.d.ts

@@ -0,0 +1,54 @@
+interface Tab {
+    name: string;
+    number?: number;
+    id?: string;
+    disabled?: boolean;
+    tooltipText?: string;
+}
+type Direction = 'row' | 'column';
+declare const _default: import("vue").DefineComponent<{
+    tabs: {
+        type: () => Tab[];
+        required: true;
+    };
+    modelValue: {
+        type: () => Tab;
+        default: undefined;
+    };
+    direction: {
+        type: () => Direction;
+        default: string;
+    };
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    onSelectTab: (tab: Tab) => void;
+    isActiveTab: (tab: Tab) => boolean;
+    getActiveTabClass: (tab: Tab) => string;
+    resetActiveTab: () => void;
+    setActiveTab: (tab: Tab) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: () => Tab[];
+        required: true;
+    };
+    modelValue: {
+        type: () => Tab;
+        default: undefined;
+    };
+    direction: {
+        type: () => Direction;
+        default: string;
+    };
+    hasBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    modelValue: Tab;
+    direction: Direction;
+    hasBorder: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/index.d.ts

@@ -35,3 +35,5 @@ export { default as CobreCountryFlag } from './CobreCountryFlag/CobreCountryFlag
 export { default as CobreSelect } from './CobreSelect/CobreSelect.vue';
 export { default as CobreInputUrl } from './CobreInputUrl/CobreInputUrl.vue';
 export { default as CobreTextArea } from './CobreTextArea/CobreTextArea.vue';
+export { default as CobreTabMenu } from './CobreTabMenu/CobreTabMenu.vue';
+export { default as CobreCheckbox } from './CobreCheckbox/CobreCheckbox.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "type": "module",
   "files": [
     "dist"