@cobre-npm/ds-v3 0.5.0 → 0.6.0

package/dist/tokens/_primitives.scss

@@ -1,31 +1,32 @@
 /**
- * COLORS
- */
+* COLORS
+*/
 
 $cobre-gray-95: #212121;
-$cobre-gray-90: #42413F;
-$cobre-gray-80: #575452;
+$cobre-gray-90: #414141;
+$cobre-gray-80: #575655;
 $cobre-gray-70: #63615F;
 $cobre-gray-60: #7D7D7B;
 $cobre-gray-50: #939290;
-$cobre-gray-40: #9E9B98;
-$cobre-gray-30: #BEBBB7;
+$cobre-gray-40: #A4A3A1;
+$cobre-gray-30: #C1C0BD;
 $cobre-gray-20: #D9D8D4;
 $cobre-gray-10: #F1F0EC;
 $cobre-gray-7: #F4F4F2;
-$cobre-gray-5: #FBFAFA;
-$cobre-white: #fff;
+$cobre-gray-5: #FAF9F5;
+
+$cobre-white: #FFFFFF;
 
 $cobre-blue-95: #11285b;
 $cobre-blue-90: #123580;
 $cobre-blue-80: #1442a5;
 $cobre-blue-70: #1e54ce;
 $cobre-blue-60: #2861df;
-$cobre-blue-50: #376feb;
+$cobre-blue-50: #00587E;
 $cobre-blue-40: #5a8bf6;
-$cobre-blue-30: #7ca5fb;
+$cobre-blue-30: #72BBDB;
 $cobre-blue-20: #b1c9fd;
-$cobre-blue-10: #d6e2fd;
+$cobre-blue-10: #CBE1EB;
 $cobre-blue-5: #f5f6fe;
 
 $cobre-yellow-95: #342a18;
@@ -34,22 +35,22 @@ $cobre-yellow-80: #5b4622;
 $cobre-yellow-60: #876426;
 $cobre-yellow-70: #765925;
 $cobre-yellow-40: #ba8522;
-$cobre-yellow-50: #986f26;
-$cobre-yellow-30: #da9b19;
+$cobre-yellow-50: #9C6400;
+$cobre-yellow-30: #E2CA64;
 $cobre-yellow-20: #fdbe3f;
-$cobre-yellow-10: #fedd9a;
+$cobre-yellow-10: #FFF6E3;
 $cobre-yellow-5: #fff6e3;
 
 $cobre-red-95: #541407;
 $cobre-red-80: #921803;
 $cobre-red-90: #721705;
-$cobre-red-70: #b81d01;
-$cobre-red-60: #cd2506;
-$cobre-red-50: #df3313;
-$cobre-red-40: #fb5634;
+$cobre-red-70: #7F230D;
+$cobre-red-60: #9E2407;
+$cobre-red-50: #BD2500;
+$cobre-red-40: #CC573B;
 $cobre-red-20: #ffb8a0;
-$cobre-red-30: #ff8362;
-$cobre-red-10: #ffd9cc;
+$cobre-red-30: #E29583;
+$cobre-red-10: #FCDFD7;
 $cobre-red-5: #fff5f1;
 
 $cobre-green-95: #0d321a;
@@ -57,29 +58,30 @@ $cobre-green-90: #084322;
 $cobre-green-70: #006c34;
 $cobre-green-80: #005529;
 $cobre-green-60: #007a3d;
-$cobre-green-50: #058847;
-$cobre-green-30: #67b77d;
+$cobre-green-50: #027002;
+$cobre-green-30: #8DC881;
 $cobre-green-40: #3ca160;
 $cobre-green-20: #a3d4ac;
-$cobre-green-10: #cfe8d1;
+$cobre-green-10: #E3F2E0;
 $cobre-green-5: #f3f8f1;
-
 $cobre-teal-95: #052525;
 $cobre-teal-90: #0B3737;
-$cobre-teal-80: #144848;
-$cobre-teal-70: #1F5D5D;
-$cobre-teal-60: #266B6B;
-$cobre-teal-50: #367776;
-$cobre-teal-40: #588E8D;
-$cobre-teal-30: #77A3A3;
-$cobre-teal-20: #A3C1C1;
+$cobre-teal-80: #0D3533;
+$cobre-teal-70: #174141;
+$cobre-teal-60: #1E5756;
+$cobre-teal-50: #266D6C;
+$cobre-teal-40: #518A89;
+$cobre-teal-30: #7DA7A7;
+$cobre-teal-20: #A8C5C4;
 $cobre-teal-10: #C4D7D7;
 $cobre-teal-5: #DFEAE9;
 
 $cobre-violet-50: #9256e1;
-
 $cobre-liliac-50: #4e69f3;
 
+
+$cobre-opacity-40: #21212166;
+
 $cobre-primary-95: $cobre-gray-95;
 $cobre-primary-90: $cobre-gray-90;
 $cobre-primary-80: $cobre-gray-80;
@@ -110,7 +112,12 @@ $cobre-info-10: $cobre-blue-10;
 
 $cobre-warning-50: $cobre-yellow-50;
 
-$cobre-colors: (
+
+/***
+  PRIMITIVES
+***/
+
+$cobre-primitives: (
     gray-95: $cobre-gray-95,
     gray-90: $cobre-gray-90,
     gray-80: $cobre-gray-80,
@@ -148,7 +155,6 @@ $cobre-colors: (
     yellow-20: $cobre-yellow-20,
     yellow-10: $cobre-yellow-10,
     yellow-5: $cobre-yellow-5,
-
     red-95: $cobre-red-95,
     red-80: $cobre-red-80,
     red-90: $cobre-red-90,
@@ -172,11 +178,10 @@ $cobre-colors: (
     green-20: $cobre-green-20,
     green-10: $cobre-green-10,
     green-5: $cobre-green-5,
-
     teal-95: $cobre-teal-95,
+    teal-90: $cobre-teal-90,
     teal-80: $cobre-teal-80,
     teal-70: $cobre-teal-70,
-    teal-90: $cobre-teal-90,
     teal-60: $cobre-teal-60,
     teal-50: $cobre-teal-50,
     teal-40: $cobre-teal-40,
@@ -213,12 +218,10 @@ $cobre-colors: (
     secondary-20: $cobre-secondary-20,
     secondary-10: $cobre-secondary-10,
     secondary-5: $cobre-secondary-5,
-
     info-50: $cobre-info-50,
     info-10: $cobre-info-10,
 
     warning-50: $cobre-warning-50,
-
     // semantics
     subtle: $cobre-primary-80,
     subtlest: $cobre-primary-60,
@@ -234,9 +237,8 @@ $cobre-colors: (
     brand-hovered: $cobre-secondary-70
 );
 
-
 :root {
-    @each $name, $hex in $cobre-colors {
+    @each $name, $hex in $cobre-primitives {
         --cobre-#{'' + $name} : #{$hex};
     }
 
@@ -246,15 +248,16 @@ $cobre-colors: (
 }
 
 
+
 /**
- * GLOBAL
- */
+  * GLOBAL
+  */
 
 :root {
     --cobre-font-family: 'Inter', sans-serif;
     --cobre-titles-font-family: 'Inter', sans-serif;
-    --cobre-secondary-font-family: 'Inter', sans-serif;
-    --cobre-color: var(--cobre-primary-95);
+    --cobre-secondary-font-family: "Tiro Gurmukhi", serif;
+    --cobre-color: var(--cobre-text-primary);
     --cobre-row-hover-bg: var(--cobre-secondary-5);
     --cobre-headline-fw: 600;
     --cobre-title-fw: 600;
@@ -289,21 +292,21 @@ $cobre-colors: (
 // MARGIN - PADDING UNITS
 $limit: 101;
 $unit: 1px;
-
 /**
- * FONTS
- */
+* FONTS
+*/
+
 
 // HEADLINE
 $cobre-headline-movil-fs: 25.6px;
 $cobre-headline-movil-lh: 32px;
 $cobre-headline-movil-ls: -0.3px;
 
-$cobre-headline-tablet-fs: 28.8px;
-$cobre-headline-tablet-lh: 36px;
+$cobre-headline-tablet-fs: 32px;
+$cobre-headline-tablet-lh: 40px;
 $cobre-headline-tablet-ls: -0.336px;
 
-$cobre-headline-desktop-fs: 32.44px;
+$cobre-headline-desktop-fs: 32px;
 $cobre-headline-desktop-lh: 40px;
 $cobre-headline-desktop-ls: -0.336px;
 
@@ -314,22 +317,20 @@ $cobre-headline-numbers-movil-ls: -0.3px;
 $cobre-headline-numbers-tablet-fs: 28.8px;
 $cobre-headline-numbers-tablet-lh: 36px;
 $cobre-headline-numbers-tablet-ls: -0.3px;
-
-$cobre-headline-numbers-desktop-fs: 32.4px;
+$cobre-headline-numbers-desktop-fs: 32px;
 $cobre-headline-numbers-desktop-lh: 40px;
-$cobre-headline-numbers-desktop-ls: -0.3px;
-
+$cobre-headline-numbers-desktop-ls: -0.336px;
 
 // TITLE
 $cobre-title-movil-fs: 20.3px;
 $cobre-title-movil-lh: 24.3px;
 $cobre-title-movil-ls: -0.352px;
 
-$cobre-title-tablet-fs: 22.78px;
+$cobre-title-tablet-fs: 26px;
 $cobre-title-tablet-lh: 32px;
 $cobre-title-tablet-ls: -0.3px;
 
-$cobre-title-desktop-fs: 22.8px;
+$cobre-title-desktop-fs: 26px;
 $cobre-title-desktop-lh: 32px;
 $cobre-title-desktop-ls: -0.3px;
 
@@ -340,17 +341,16 @@ $cobre-title-numbers-movil-ls: -0.3px;
 $cobre-title-numbers-tablet-fs: 22.78px;
 $cobre-title-numbers-tablet-lh: 32px;
 $cobre-title-numbers-tablet-ls: -0.3px;
-
-$cobre-title-numbers-desktop-fs: 25.63px;
+$cobre-title-numbers-desktop-fs: 26px;
 $cobre-title-numbers-desktop-lh: 32px;
-$cobre-title-numbers-desktop-ls: -0.3px;
+$cobre-title-numbers-desktop-ls: -0.304;
 
 // SUBTITLE
 $cobre-subtitle-movil-fs: 18px;
 $cobre-subtitle-movil-lh: 21.8px;
 $cobre-subtitle-movil-ls: -0.352px;
 
-$cobre-subtitle-tablet-fs: 20.25px;
+$cobre-subtitle-tablet-fs: 20px;
 $cobre-subtitle-tablet-lh: 24.3px;
 $cobre-subtitle-tablet-ls: -0.352px;
 
@@ -361,25 +361,26 @@ $cobre-subtitle-numbers-movil-ls: -0.3px;
 $cobre-subtitle-numbers-tablet-fs: 20.25px;
 $cobre-subtitle-numbers-tablet-lh: 24.5px;
 $cobre-subtitle-numbers-tablet-ls: -0.3px;
-
-$cobre-subtitle-numbers-desktop-fs: 20.25px;
+$cobre-subtitle-numbers-desktop-fs: 20px;
 $cobre-subtitle-numbers-desktop-lh: 24.3px;
-$cobre-subtitle-numbers-desktop-ls: -0.3px;
+$cobre-subtitle-numbers-desktop-ls: -0.352px;
+
+$cobre-subtitle-fw: 500;
 
 // LABEL
 $cobre-label-lower-ls: 0.1px;
 $cobre-label-upper-ls: 0.5px;
 
-$cobre-label-small-fs: 12.64px;
+$cobre-label-small-fs: 12px;
 $cobre-label-small-lh: 16px;
 
-$cobre-label-medium-fs: 14.22px;
+$cobre-label-medium-fs: 14px;
 $cobre-label-medium-lh: 17.1px;
 
 $cobre-label-large-fs: 16px;
 $cobre-label-large-lh: 19.2px;
 
-$cobre-label-numbers-small-fs: 12.64px;
+$cobre-label-numbers-small-fs: 12px;
 $cobre-label-numbers-small-lh: 16px;
 $cobre-label-numbers-small-ls: 0.5px;
 
@@ -387,20 +388,18 @@ $cobre-label-numbers-large-fs: 16px;
 $cobre-label-numbers-large-lh: 19.2px;
 $cobre-label-numbers-large-ls: 0.1px;
 
-
 // BODY
-$cobre-body-medium-fs: 14.22px;
+$cobre-body-medium-fs: 14px;
 $cobre-body-medium-lh: 21.3px;
-$cobre-body-medium-ls: 0px;
+$cobre-body-medium-ls: 0.3px;
 
 $cobre-body-large-fs: 16px;
 $cobre-body-large-lh: 24px;
-$cobre-body-large-ls: 0px;
+$cobre-body-large-ls: 0.3px;
 
-$cobre-body-numbers-small-fs: 14.22px;
+$cobre-body-numbers-small-fs: 14px;
 $cobre-body-numbers-small-lh: 21.3px;
 $cobre-body-numbers-small-ls: 0px;
-
 // ICONS
 $cobre-icon-large-fs: 24px;
 $cobre-icon-medium-fs: 20px;

package/dist/tokens/_semantics.scss

@@ -0,0 +1,132 @@
+/***
+  SEMANTICS
+***/
+
+$cobre-semantics: (
+  // Border
+  border-strong: $cobre-primary-95,
+  border-light: $cobre-primary-80,
+  border-disabled: $cobre-primary-50,
+  border-line: $cobre-primary-20,
+
+  // Opacity
+  opacity-40: $cobre-opacity-40,
+
+  // Icon
+  icon: $cobre-primary-95,
+  icon-inverse: $cobre-primary-10,
+  icon-disabled: $cobre-primary-50,
+  icon-inverse-disabled: $cobre-primary-50,
+  icon-brand: $cobre-secondary-50,
+
+  // Error
+  error-light: $cobre-red-10,
+  error-medium: $cobre-red-30,
+  error-dark: $cobre-red-50,
+
+  // Success
+  success-light: $cobre-green-10,
+  success-medium: $cobre-green-30,
+  success-dark: $cobre-green-50,
+
+  // Warning
+  warning-light: $cobre-yellow-10,
+  warning-medium: $cobre-yellow-30,
+  warning-dark: $cobre-yellow-50,
+
+  // Information
+  info-light: $cobre-blue-10,
+  info-medium: $cobre-blue-30,
+  info-dark: $cobre-blue-50,
+
+  // Neutral
+  neutral-light: $cobre-primary-10,
+  neutral-medium: $cobre-primary-40,
+  neutral-dark: $cobre-primary-90
+);
+
+@each $name, $hex in $cobre-semantics {
+  .co-bg-#{'' + $name} {
+    background: var(--cobre-#{'' + $name}) !important;
+  }
+}
+
+@each $name, $hex in $cobre-semantics {
+  .co-text-#{'' + $name} {
+    color: var(--cobre-#{'' + $name}) !important;
+  }
+}
+
+:root {
+  @each $name, $hex in $cobre-semantics {
+    --cobre-#{'' + $name} : #{$hex} !important;
+  }
+}
+
+
+
+/***
+  SEMANTICS TEXT
+***/
+
+$cobre-semantics-text: (
+  primary: $cobre-primary-95,
+  disabled: $cobre-primary-50,
+  inverse: $cobre-primary-10,
+  inverse-disabled: $cobre-primary-50,
+  secondary: $cobre-primary-80,
+  brand: $cobre-secondary-50,
+  primary-light: $cobre-primary-90
+);
+
+@each $name, $hex in $cobre-semantics-text {
+  .co-text-#{'' + $name} {
+    color: var(--cobre-#{'' + $name}) !important;
+  }
+}
+
+:root {
+  @each $name, $hex in $cobre-semantics-text {
+    --cobre-#{'' + $name} : #{$hex} !important;
+  }
+}
+
+
+/***
+  SEMANTICS BG
+***/
+
+$cobre-semantics-bg: (
+  bg-primary: $cobre-white,
+  bg-secondary: $cobre-primary-10,
+  bg-inverse: $cobre-primary-95,
+  bg-fill: $cobre-primary-95,
+  bg-fill-hover: $cobre-primary-90,
+  bg-fill-pressed: $cobre-primary-80,
+  bg-fill-selected: $cobre-primary-95,
+  bg-fill-disabled: $cobre-primary-40,
+  bg-fill-secondary: $cobre-white,
+  bg-fill-secondary-hover: $cobre-primary-20,
+  bg-fill-secondary-pressed: $cobre-primary-40,
+  bg-fill-secondary-selected: $cobre-primary-30
+);
+
+@each $name, $hex in $cobre-semantics-bg {
+  .co-#{'' + $name} {
+    background: var(--cobre-#{'' + $name}) !important;
+  }
+}
+
+:root {
+  @each $name, $hex in $cobre-semantics-bg {
+    --cobre-#{'' + $name} : #{$hex} !important;
+  }
+}
+
+/**
+* DURATION
+*/
+
+:root {
+  --cobre-duration-alert: 0.0625rem !important;
+}

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;
 }, {}>;