@cobre-npm/ds-v3 0.5.1 → 0.7.0

package/dist/tokens/_components.scss

@@ -522,10 +522,10 @@
 :root {
   --cobre-card-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
   --cobre-card-border-radius: var(--cobre-radius-S);
-  --cobre-card-padding: 24px;
+  --cobre-card-padding: 16px 24px 24px 24px;
 
   --cobre-card-header-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
-  --cobre-card-header-padding: 24px;
+  --cobre-card-header-padding: 16px;
 
   --cobre-card-content-padding: 24px 0 0 0;
 }

package/dist/types/components/{CobreAvatar → atoms/CobreAvatar}/CobreAvatar.vue.d.ts

@@ -9,6 +9,7 @@ interface Props {
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>;
 export default _default;
+
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/dist/types/components/{CobreButton → atoms/CobreButton}/CobreButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { ButtonThemes } from '../../types/button.types';
+import { ButtonThemes } from '../../../types/button.types';
 type Sizes = 'big' | 'medium' | 'small' | 'auto';
 declare const _default: import("vue").DefineComponent<{
     theme: {
@@ -26,10 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     isEmptySlot: (items: any[]) => boolean;
-    theme: import("vue").Ref<ButtonThemes>;
+    disabled: import("vue").Ref<boolean>;
     size: import("vue").Ref<Sizes>;
     label: import("vue").Ref<string>;
-    disabled: import("vue").Ref<boolean>;
+    theme: import("vue").Ref<ButtonThemes>;
     isLoading: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
@@ -53,10 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    theme: ButtonThemes;
+    disabled: boolean;
     size: Sizes;
     label: string;
-    disabled: boolean;
+    theme: ButtonThemes;
     isLoading: boolean;
 }, {}>;
 export default _default;

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

@@ -1,40 +1,40 @@
-export { default as CobreActionList } from './CobreActionList/CobreActionList.vue';
-export { default as CobreBadge } from './CobreBadge/CobreBadge.vue';
-export { default as CobreFieldLogo } from './CobreFieldLogo/CobreFieldLogo.vue';
-export { default as CobreSideMenu } from './CobreSideMenu/CobreSideMenu.vue';
-export { default as CobreInputLabel } from './CobreInputLabel/CobreInputLabel.vue';
-export { default as CobreAvatar } from './CobreAvatar/CobreAvatar.vue';
-export { default as CobreHeader } from './CobreHeader/CobreHeader.vue';
-export { default as CobreButtonMenu } from './CobreButtonMenu/CobreButtonMenu.vue';
-export { default as CobreColumnTable } from './CobreColumnTable/CobreColumnTable.vue';
-export { default as CobreEmptyResults } from './CobreEmptyResults/CobreEmptyResults.vue';
-export { default as CobrePager } from './CobrePager/CobrePager.vue';
-export { default as CobreRowTable } from './CobreRowTable/CobreRowTable.vue';
-export { default as CobreButton } from './CobreButton/CobreButton.vue';
-export { default as CobreInputSearch } from './Toolbar/CobreInputSearch/CobreInputSearch.vue';
-export { default as CobreFlowResult } from './CobreFlowResult/CobreFlowResult.vue';
-export { default as CobreModalAction } from './CobreModalAction/CobreModalAction.vue';
-export { default as CobreToastAlert } from './CobreToastAlert/CobreToastAlert.vue';
-export { default as CobreUploader } from './CobreUploader/CobreUploader.vue';
-export { default as CobreBankLogo } from './CobreBankLogo/CobreBankLogo.vue';
-export { default as CobreDropdownButton } from './CobreDropdownButton/CobreDropdownButton.vue';
-export { default as CobreChips } from './CobreChips/CobreChips.vue';
-export { default as CobreModal } from './CobreModal/CobreModal.vue';
-export { default as CobreOtp } from './CobreFormOtp/CobreFormOtp.vue';
-export { default as CobreSnackBar } from './CobreSnackBar/CobreSnackBar.vue';
-export { default as CobreAccountInfoField } from './CobreAccountInfoFiled/CobreAccountInfoField.vue';
-export { default as CobreCopyTextBox } from './CobreCopyTextBox/CobreCopyTextBox.vue';
-export { default as CobreInfoDetail } from './CobreInfoDetail/CobreInfoDetail.vue';
-export { default as CobreTableCellCopy } from './CobreTableCellCopy/CobreTableCellCopy.vue';
-export { default as CobreEmptyState } from './CobreEmptyState/CobreEmptyState.vue';
-export { default as CobreLogoField } from './CobreLogoField/CobreLogoField.vue';
-export { default as CobreTruncateTooltipText } from './CobreTruncateTooltipText/CobreTruncateTooltipText.vue';
-export { default as CobreInput } from './CobreInput/CobreInput.vue';
-export { default as CobreDrawer } from './CobreDrawer/CobreDrawer.vue';
-export { default as CobreCountryFlag } from './CobreCountryFlag/CobreCountryFlag.vue';
-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';
-export { default as CobreRadio } from './CobreRadio/CobreRadio.vue';
+export { default as CobreAvatar } from './atoms/CobreAvatar/CobreAvatar.vue';
+export { default as CobreBankLogo } from './atoms/CobreBankLogo/CobreBankLogo.vue';
+export { default as CobreButton } from './atoms/CobreButton/CobreButton.vue';
+export { default as CobreButtonMenu } from './atoms/CobreButtonMenu/CobreButtonMenu.vue';
+export { default as CobreCheckbox } from './atoms/CobreCheckbox/CobreCheckbox.vue';
+export { default as CobreColumnTable } from './atoms/CobreColumnTable/CobreColumnTable.vue';
+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 CobreInfoDetail } from './atoms/CobreInfoDetail/CobreInfoDetail.vue';
+export { default as CobreInputLabel } from './atoms/CobreInputLabel/CobreInputLabel.vue';
+export { default as CobrePager } from './atoms/CobrePager/CobrePager.vue';
+export { default as CobreRadio } from './atoms/CobreRadio/CobreRadio.vue';
+export { default as CobreTabMenu } from './atoms/CobreTabMenu/CobreTabMenu.vue';
+export { default as CobreToastAlert } from './atoms/CobreToastAlert/CobreToastAlert.vue';
+export { default as CobreTruncateTooltipText } from './atoms/CobreTruncateTooltipText/CobreTruncateTooltipText.vue';
+export { default as CobreUploader } from './atoms/CobreUploader/CobreUploader.vue';
+export { default as CobreAccountInfoField } from './molecules/CobreAccountInfoFiled/CobreAccountInfoField.vue';
+export { default as CobreActionList } from './molecules/CobreActionList/CobreActionList.vue';
+export { default as CobreBadge } from './molecules/CobreBadge/CobreBadge.vue';
+export { default as CobreChips } from './molecules/CobreChips/CobreChips.vue';
+export { default as CobreCopyTextBox } from './molecules/CobreCopyTextBox/CobreCopyTextBox.vue';
+export { default as CobreDrawer } from './molecules/CobreDrawer/CobreDrawer.vue';
+export { default as CobreDropdownButton } from './molecules/CobreDropdownButton/CobreDropdownButton.vue';
+export { default as CobreFieldLogo } from './molecules/CobreFieldLogo/CobreFieldLogo.vue';
+export { default as CobreFlowResult } from './molecules/CobreFlowResult/CobreFlowResult.vue';
+export { default as CobreInput } from './molecules/CobreInput/CobreInput.vue';
+export { default as CobreInputSearch } from './molecules/Toolbar/CobreInputSearch/CobreInputSearch.vue';
+export { default as CobreInputUrl } from './molecules/CobreInputUrl/CobreInputUrl.vue';
+export { default as CobreLogoField } from './molecules/CobreLogoField/CobreLogoField.vue';
+export { default as CobreModal } from './molecules/CobreModal/CobreModal.vue';
+export { default as CobreModalAction } from './molecules/CobreModalAction/CobreModalAction.vue';
+export { default as CobreOtp } from './molecules/CobreFormOtp/CobreFormOtp.vue';
+export { default as CobreRowTable } from './molecules/CobreRowTable/CobreRowTable.vue';
+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 CobreHeader } from './organisms/CobreHeader/CobreHeader.vue';
+export { default as CobreSideMenu } from './organisms/CobreSideMenu/CobreSideMenu.vue';

package/dist/types/components/{CobreAccountInfoFiled → molecules/CobreAccountInfoFiled}/CobreAccountInfoField.vue.d.ts

@@ -2,7 +2,7 @@ interface Props {
     account: string;
     isEnabledUnmask: boolean;
     isEnabledCopy: boolean;
-    size: "xs" | "md" | "lg";
+    size: 'xs' | 'md' | 'lg';
     copied?: string;
 }
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {

package/dist/types/components/{CobreActionList → molecules/CobreActionList}/CobreActionList.vue.d.ts

@@ -8,7 +8,7 @@ export interface Option {
         text: string;
         method: (path: string) => void;
     };
-    theme?: "error";
+    theme?: 'error';
 }
 interface Props {
     options: Array<Option>;
@@ -24,21 +24,20 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     options: () => never[];
     hasCloseButton: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clickOption: (...args: any[]) => void;
     close: (...args: any[]) => void;
+    clickOption: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     options: () => never[];
     hasCloseButton: boolean;
 }>>> & {
-    onClickOption?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClickOption?: ((...args: any[]) => any) | undefined;
 }, {
     options: Array<Option>;
     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];

package/dist/types/components/{CobreFlowResult → molecules/CobreFlowResult}/CobreFlowResult.vue.d.ts

@@ -1,5 +1,5 @@
-import { ButtonThemes } from '../../types/button.types';
-import { IconTypeV3 } from '../../types/icon.types';
+import { ButtonThemes } from '../../../types/button.types';
+import { IconTypeV3 } from '../../../types/icon.types';
 interface Props {
     title?: string;
     subtitle?: string;

package/dist/types/components/{CobreModalAction → molecules/CobreModalAction}/CobreModalAction.vue.d.ts

@@ -1,5 +1,5 @@
-import { IconTypeV3 } from '../../types/icon.types';
-import { ButtonThemes } from '../../types/button.types';
+import { IconTypeV3 } from '../../../types/icon.types';
+import { ButtonThemes } from '../../../types/button.types';
 interface Props {
     title: string;
     description?: string;
@@ -37,9 +37,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onClickPrimary?: ((...args: any[]) => any) | undefined;
     onClickSecondary?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: IconTypeV3;
     size: "xs" | "md" | "lg";
     title: string;
+    icon: IconTypeV3;
     hasCloseButton: boolean;
     themeBtnPrimary: ButtonThemes;
 }, {}>;

package/dist/types/components/{CobreRowTable → molecules/CobreRowTable}/CobreRowTable.vue.d.ts

@@ -1,9 +1,9 @@
-import { Ref } from "vue";
+import { Ref } from 'vue';
 export interface Column {
     key: string;
     width: number;
     columnInfo?: string;
-    alignment?: "start" | "center" | "end";
+    alignment?: 'start' | 'center' | 'end';
     label?: string;
     class?: string;
     style?: string;
@@ -22,7 +22,7 @@ interface Props {
     allowNavigation?: boolean;
     emptyResultTitle?: string;
     emptyResultMsg?: string;
-    emptyResultIcon?: "cards" | "box" | "error";
+    emptyResultIcon?: 'cards' | 'box' | 'error';
     activeRowIndex?: number[];
     height?: string;
     hideHeaders?: boolean;
@@ -36,7 +36,7 @@ interface Props {
 declare let __VLS_typeProps: Props;
 declare const selectedRows: Ref<Item[]>;
 type __VLS_PublicProps = {
-    "selectedRows"?: NonNullable<typeof selectedRows['value']>;
+    'selectedRows'?: NonNullable<typeof selectedRows['value']>;
 } & typeof __VLS_typeProps;
 declare function __VLS_template(): Partial<Record<string, (_: {
     data: Item;

package/dist/types/components/{CobreSnackBar → molecules/CobreSnackBar}/CobreSnackBar.vue.d.ts

@@ -1,7 +1,7 @@
 interface Props {
     closeToast: (e?: MouseEvent) => void;
     message?: string;
-    type?: "success" | "error";
+    type?: 'success' | 'error';
     showCloseButton?: boolean;
     btnLabel?: string;
     btnAction?: () => void | Promise<void>;

package/package.json

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

package/dist/types/components/{CobreButtonMenu → atoms/CobreButtonMenu}/CobreButtonMenu.vue.d.ts

@@ -16,8 +16,8 @@ declare const _default: import("vue").DefineComponent<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     isEmptySlot: (items: any[]) => boolean;
-    theme: import("vue").Ref<"option" | "item" | "subitem">;
     disabled: import("vue").Ref<boolean>;
+    theme: import("vue").Ref<"option" | "item" | "subitem">;
     isSelectedItem: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    theme: "option" | "item" | "subitem";
     disabled: boolean;
+    theme: "option" | "item" | "subitem";
     isSelectedItem: boolean;
 }, {}>;
 export default _default;

package/dist/types/components/{CobreEmptyResults → atoms/CobreEmptyResults}/CobreEmptyResults.vue.d.ts

@@ -12,9 +12,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     description: string;
     icon: string;
 }>>>, {
-    icon: "cards" | "box" | "error";
     title: string;
     description: string;
+    icon: "cards" | "box" | "error";
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/types/components/{CobreInfoDetail → atoms/CobreInfoDetail}/CobreInfoDetail.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     content: string;
     isLoading: boolean;
 }>>>, {
-    isLoading: boolean;
     title: string;
+    isLoading: boolean;
     content: string;
     contentClass: string;
 }, {}>;

package/dist/types/components/{CobreBadge → molecules/CobreBadge}/CobreBadge.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    type: string;
     text: string;
+    type: string;
     hasCloseButton: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/types/components/{CobreChips → 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/{CobreCopyTextBox → molecules/CobreCopyTextBox}/CobreCopyTextBox.vue.d.ts

@@ -19,8 +19,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onCopy?: ((...args: any[]) => any) | undefined;
 }, {
-    isLoading: boolean;
     text: string;
+    isLoading: boolean;
     copied: string;
     hoverBehavior: boolean;
 }, {}>;

package/dist/types/components/{CobreFormOtp → molecules/CobreFormOtp}/CobreFormOtp.vue.d.ts

@@ -41,14 +41,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onCancel?: ((...args: any[]) => any) | undefined;
     onOnComplete?: ((...args: any[]) => any) | undefined;
 }, {
-    isLoading: boolean;
     title: string;
     description: string;
+    isLoading: boolean;
+    errorMsg: string;
     textCancelButton: string;
     textSubmitButton: string;
     hideIcon: boolean;
     isInvalidOtp: boolean;
-    errorMsg: string;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/types/components/{CobreInput → molecules/CobreInput}/CobreInput.vue.d.ts

@@ -53,13 +53,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    theme: "white" | "cloudy";
     type: "alphanumeric" | "numeric" | "letters" | "anyCharacter" | "password" | "email";
+    theme: "white" | "cloudy";
     isDisabled: boolean;
-    errorMsg: string;
     isRequired: boolean;
     minlength: string;
     maxlength: string;
+    errorMsg: string;
     labelOptional: string;
     infoLabel: string | null;
     iconInfoLabel: boolean;

package/dist/types/components/{CobreInputUrl → molecules/CobreInputUrl}/CobreInputUrl.vue.d.ts

@@ -47,10 +47,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     theme: "white" | "cloudy";
-    errorMsg: string;
     isRequired: boolean;
     minlength: string;
     maxlength: string;
+    errorMsg: string;
     labelOptional: string;
     infoLabel: string | null;
     iconInfoLabel: boolean;

package/dist/types/components/{CobreModal → molecules/CobreModal}/CobreModal.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    theme: "dark" | "light";
     size: "xs" | "md" | "lg";
+    theme: "dark" | "light";
     hasCloseButton: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/types/components/{CobreSelect → molecules/CobreSelect}/CobreSelect.vue.d.ts

@@ -51,8 +51,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     labelOptional: string;
     options: never[];
 }>>>, {
-    errorMsg: string;
     isRequired: boolean;
+    errorMsg: string;
     labelTooltip: string;
     labelOptional: string;
 }, {}>;

package/dist/types/components/{CobreTextArea → molecules/CobreTextArea}/CobreTextArea.vue.d.ts

@@ -54,12 +54,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     theme: "white" | "cloudy";
-    isDisabled: boolean;
     height: string;
-    errorMsg: string;
+    isDisabled: boolean;
     isRequired: boolean;
     minlength: string;
     maxlength: string;
+    errorMsg: string;
     labelOptional: string;
     infoLabel: string | null;
     iconInfoLabel: boolean;

package/dist/types/components/{CobreSideMenu → organisms/CobreSideMenu}/components/SideMenuItem.vue.d.ts

@@ -6,11 +6,11 @@ interface Props {
     contextText?: string;
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    selectSubItem: (...args: any[]) => void;
     selectItem: (...args: any[]) => void;
+    selectSubItem: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
-    onSelectSubItem?: ((...args: any[]) => any) | undefined;
     onSelectItem?: ((...args: any[]) => any) | undefined;
+    onSelectSubItem?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;