@cobre-npm/ds-v3 0.25.0 → 0.27.0

package/dist/tokens/_components.scss

@@ -410,8 +410,8 @@
   --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-hover-border: var(--cobre-border-stroke-M) solid var(--cobre-primary-20);
+  --cobre-btn-v3-chip-hover-bg: var(--cobre-primary-5);
   --cobre-btn-v3-chip-disabled-bg: transparent;
   --cobre-btn-v3-chip-disabled-color: var(--cobre-primary-60);
 }
@@ -609,6 +609,28 @@
   --cobre-float-modal-z-index: 15;
 }
 
+/** 
+*Alert 
+*/
+
+:root {
+  --cobre-alert-danger-color: var(--cobre-red-50);
+  --cobre-alert-danger-bg: var(--cobre-red-10);
+  --cobre-alert-danger-border: var(--cobre-border-stroke-M) solid var(--cobre-red-50);
+
+  --cobre-alert-warning-color: var(--cobre-yellow-50);
+  --cobre-alert-warning-bg: var(--cobre-yellow-10);
+  --cobre-alert-warning-border: var(--cobre-border-stroke-M) solid var(--cobre-yellow-50);
+
+  --cobre-alert-info-color: var(--cobre-blue-50);
+  --cobre-alert-info-bg: var(--cobre-blue-10);
+  --cobre-alert-info-border: var(--cobre-border-stroke-M) solid var(--cobre-blue-50);
+
+  --cobre-alert-success-color: var(--cobre-green-50);
+  --cobre-alert-success-bg: var(--cobre-green-10);
+  --cobre-alert-success-border: var(--cobre-border-stroke-M) solid var(--cobre-green-50);
+}
+
 /**
 * Toast Alert
 */
@@ -665,14 +687,14 @@
  */
 
 :root {
-  --cobre-uploader-v3-bg: var(--cobre-primary-5);
+  --cobre-uploader-v3-bg: var(--cobre-white);
   --cobre-uploader-v3-color: var(--cobre-primary-80);
   --cobre-uploader-v3-border: var(--cobre-border-stroke-L) dashed var(--cobre-primary-20);
-  --cobre-uploader-v3-height: 174px;
+  --cobre-uploader-v3-height: 108px;
   --cobre-uploader-v3-radius: var(--cobre-radius-S);
   --cobre-uploader-v3-disabled-color: var(--cobre-gray-30);
 
-  --cobre-uploader-v3-title-color: var(--cobre-text-primary-light);
+  --cobre-uploader-v3-title-color: var(--cobre-text-primary-95);
 
   --cobre-uploader-v3-icon-color: var(--cobre-primary-80);
   --cobre-uploader-v3-text-color: var(--cobre-primary-50);

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

@@ -0,0 +1,42 @@
+type IconType = 'danger' | 'success' | 'warning' | 'info' | null;
+interface Props {
+    type: IconType;
+    content: string;
+    title: string;
+    src?: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    title: string;
+    content: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    title: string;
+    content: string;
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    type: IconType;
+    title: string;
+    content: string;
+}, {}>;
+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/index.d.ts

@@ -17,6 +17,7 @@ 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 CobreAlert } from './atoms/CobreAlert/CobreAlert.vue';
 export { default as CobreAccountButton } from './molecules/CobreAccountButton/CobreAccountButton.vue';
 export { default as CobreAccountInfoField } from './molecules/CobreAccountInfoFiled/CobreAccountInfoField.vue';
 export { default as CobreActionList } from './molecules/CobreActionList/CobreActionList.vue';

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

@@ -3,15 +3,32 @@ interface Props {
     alias: string;
     providerId: string;
     accountNumber: string;
+    hideAccountNumber?: boolean;
+    showAccountIcon?: boolean;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     hideAccountNumber: boolean;
     showAccountIcon: boolean;
-}
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    hideAccountNumber: boolean;
+    showAccountIcon: boolean;
+}>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}, {
+    hideAccountNumber: boolean;
+    showAccountIcon: boolean;
+}, {}>;
 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> ? {

package/package.json

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