@cobre-npm/ds-v3 0.8.0 → 0.10.0

package/dist/tokens/_components.scss

@@ -401,6 +401,19 @@
   --cobre-btn-v3-primary-warning-focus-bg: var(--cobre-red-50);
   --cobre-btn-v3-primary-warning-focus-box-shadow: 0 0 0 0.25rem #A8C5C4;
   --cobre-btn-v3-primary-warning-disabled-bg: var(--cobre-red-40);
+
+  // Chip
+  --cobre-btn-v3-chip-height: 20px;
+  --cobre-btn-v3-chip-radius: var(--cobre-radius-full);
+  --cobre-btn-v3-chip-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
+  --cobre-btn-v3-chip-bg: var(--cobre-white);
+  --cobre-btn-v3-chip-color: var(--cobre-primary-80);
+  --cobre-btn-v3-chip-padding: 0 4px;
+  --cobre-btn-v3-chip-fs: 12px;
+  --cobre-btn-v3-chip-hover-border: var(--cobre-border-stroke-M) solid var(--cobre-secondary-50);
+  --cobre-btn-v3-chip-hover-bg: var(--cobre-secondary-10);
+  --cobre-btn-v3-chip-disabled-bg: transparent;
+  --cobre-btn-v3-chip-disabled-color: var(--cobre-primary-60);
 }
 
 /**

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

@@ -7,7 +7,6 @@ export { default as CobreColumnTable } from './atoms/CobreColumnTable/CobreColum
 export { default as CobreCountryFlag } from './atoms/CobreCountryFlag/CobreCountryFlag.vue';
 export { default as CobreEmptyResults } from './atoms/CobreEmptyResults/CobreEmptyResults.vue';
 export { default as CobreEmptyState } from './atoms/CobreEmptyState/CobreEmptyState.vue';
-export { default as CobreFloatModal } from './atoms/CobreFloatModal/CobreFloatModal.vue';
 export { default as CobreInfoDetail } from './atoms/CobreInfoDetail/CobreInfoDetail.vue';
 export { default as CobreInputLabel } from './atoms/CobreInputLabel/CobreInputLabel.vue';
 export { default as CobrePager } from './atoms/CobrePager/CobrePager.vue';
@@ -38,5 +37,7 @@ export { default as CobreSelect } from './molecules/CobreSelect/CobreSelect.vue'
 export { default as CobreSnackBar } from './molecules/CobreSnackBar/CobreSnackBar.vue';
 export { default as CobreTableCellCopy } from './molecules/CobreTableCellCopy/CobreTableCellCopy.vue';
 export { default as CobreTextArea } from './molecules/CobreTextArea/CobreTextArea.vue';
+export { default as CobreKebabMenu } from './molecules/CobreKebabMenu/CobreKebabMenu.vue';
+export { default as CobreAccountButton } from './molecules/CobreAccountButton/CobreAccountButton.vue';
 export { default as CobreHeader } from './organisms/CobreHeader/CobreHeader.vue';
 export { default as CobreSideMenu } from './organisms/CobreSideMenu/CobreSideMenu.vue';

package/dist/types/components/molecules/CobreAccountButton/CobreAccountButton.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    id: string;
+    alias: string;
+    providerId: string;
+    accountNumber: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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/molecules/CobreActionList/CobreActionList.vue.d.ts

@@ -9,6 +9,7 @@ export interface Option {
         method: (path: string) => void;
     };
     theme?: 'error';
+    key?: string;
 }
 interface Props {
     options: Array<Option>;
@@ -16,7 +17,10 @@ interface Props {
     title?: string;
     actionButton?: string;
 }
-declare function __VLS_template(): {
+declare function __VLS_template(): Partial<Record<string, (_: {
+    data: Option;
+    index: number;
+}) => any>> & {
     header?(_: {}): any;
     footer?(_: {}): any;
 };
@@ -33,8 +37,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onClose?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
 }, {
-    hasCloseButton: boolean;
     options: Array<Option>;
+    hasCloseButton: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/types/components/molecules/CobreChips/CobreChips.vue.d.ts

@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    hasCloseButton: boolean;
     isDisabled: boolean;
+    hasCloseButton: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/types/components/molecules/CobreDrawer/CobreDrawer.vue.d.ts

@@ -34,8 +34,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     "onClose-button"?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    position: Positions;
     hasCloseButton: boolean;
+    position: Positions;
     blurred: boolean;
     btnChevronHide: boolean;
 }, {}>;

package/dist/types/components/molecules/CobreKebabMenu/CobreKebabMenu.vue.d.ts

@@ -0,0 +1,26 @@
+export interface Option {
+    id: string;
+    icon?: string;
+    text: string;
+    path?: string;
+    lineBottom?: boolean;
+    disabled?: boolean;
+}
+interface Props {
+    options: Option[];
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clickOption: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+    onClickOption?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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/molecules/CobreRowTable/CobreRowTable.vue.d.ts

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { Option } from '../CobreKebabMenu/CobreKebabMenu.vue';
 export interface Column {
     key: string;
     width: number;
@@ -32,6 +33,7 @@ interface Props {
     isMultipleCheckEnabled: boolean;
     haveToolbar?: boolean;
     isToolbarOpen?: boolean;
+    kebabMenuOptions?: Option[];
 }
 declare let __VLS_typeProps: Props;
 declare const selectedRows: Ref<Item[]>;
@@ -57,6 +59,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedRows": (selectedRows: Item[]) => void;
     selectItem: (...args: any[]) => void;
+    clickKebabOption: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     emptyResultTitle: string;
     emptyResultMsg: string;
@@ -71,6 +74,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     isToolbarOpen: boolean;
 }>>> & {
     onSelectItem?: ((...args: any[]) => any) | undefined;
+    onClickKebabOption?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedRows"?: ((selectedRows: Item[]) => any) | undefined;
 }, {
     dataKey: string;

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

@@ -3,3 +3,4 @@ export declare const getParams: (url?: string) => {
 };
 export declare const makeBodyNotScrollable: () => string;
 export declare const makeBodyScrollable: () => string;
+export declare const maskString: (data: string) => string;

package/package.json

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

package/dist/types/components/atoms/CobreFloatModal/CobreFloatModal.vue.d.ts

@@ -1,60 +0,0 @@
-type Positions = 'left' | 'right';
-interface Props {
-    position: Positions;
-    size: string;
-    isLoading: boolean;
-    hasCloseButton?: boolean;
-}
-declare function __VLS_template(): {
-    onlyWrapper?(_: {}): any;
-    left?(_: {}): any;
-    header?(_: {}): any;
-    content?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    position: string;
-    size: string;
-    hasCloseButton: boolean;
-    isLoading: boolean;
-}>, {
-    toggleModal: () => void;
-    isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    position: string;
-    size: string;
-    hasCloseButton: boolean;
-    isLoading: boolean;
-}>>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-}, {
-    size: string;
-    isLoading: boolean;
-    position: Positions;
-    hasCloseButton: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-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_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-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;
-    };
-};