@cobre-npm/ds-v3 0.2.6 → 0.2.8

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/CobreRowTable/CobreRowTable.vue.d.ts

@@ -33,7 +33,6 @@ interface Props {
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
     'selectedRows'?: any;
-    'selectItem'?: any;
 } & typeof __VLS_typeProps;
 declare function __VLS_template(): Partial<Record<string, (_: {
     data: Item;
@@ -50,7 +49,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     showSelectAll: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedRows": (selectedRows: any) => void;
-    "update:selectItem": (selectItem: any) => void;
+    selectItem: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     emptyResultTitle: string;
     emptyResultMsg: string;
@@ -61,8 +60,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     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;

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,4 +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.6",
+  "version": "0.2.8",
   "type": "module",
   "files": [
     "dist"