@modul/mbui 1.4.2-beta-pv-54814-a96c597e → 1.5.0-beta-pv-54379-8fec3b9a

package/dist/Select/types/types.d.ts

@@ -1,4 +1,34 @@
-import { FC, PointerEvent } from "react";
+import { FC, PointerEvent } from 'react';
+export interface ISelectOption {
+    className?: string | undefined;
+    leftIcon?: React.ReactElement;
+    leftIconCSS?: string | undefined;
+    label: string;
+    labelCSS?: string | undefined;
+    rightLabel?: React.ReactNode;
+    secondLabel?: React.ReactNode;
+    secondLabelCSS?: string | undefined;
+    value: string;
+    [key: string]: any;
+}
+export interface IOptionWrapperProps {
+    component: React.FC<ISelectOption>;
+    optionWrapperCSS?: string;
+    option: ISelectOption;
+    isChecked?: boolean;
+    onSelect: (option: ISelectOption) => void;
+    multiple?: boolean;
+}
+export interface ISelectValue {
+    disabled?: boolean;
+    prefixLabel?: string;
+    isClearable?: boolean;
+    onClear?: (evt: PointerEvent<HTMLButtonElement>) => void;
+    multiple?: boolean;
+    selected: ISelectOption[];
+    placeholder?: string | undefined;
+    variant?: 'primary' | 'default';
+}
 export interface ISelectDrawerProps {
     options?: ISelectOption[];
     onChange?: (value: ISelectOption | ISelectOption[] | null) => void;
@@ -35,31 +65,16 @@ export interface IValueWrapper {
     valueProps: ISelectValue;
     valueComponent?: FC<ISelectValue>;
 }
-export interface ISelectOption {
-    className?: string | undefined;
-    leftIcon?: React.ReactElement;
-    leftIconCSS?: string | undefined;
-    label: string;
-    labelCSS?: string | undefined;
-    rightLabel?: React.ReactNode;
-    secondLabel?: React.ReactNode;
-    secondLabelCSS?: string | undefined;
-    value: string;
-    [key: string]: any;
+export interface IDefaultValueProps {
+    label?: string;
+    account?: string;
+    balance?: string | number;
+    cur?: string;
 }
-export interface IOptionWrapperProps {
-    component: React.FC<ISelectOption>;
-    optionWrapperCSS?: string;
-    option: ISelectOption;
-    isChecked?: boolean;
-    onSelect: (option: ISelectOption) => void;
-    multiple?: boolean;
-}
-export interface ISelectValue {
+export interface IPrimaryValueProps {
+    label?: string;
+    account?: string;
+    balance?: string | number;
+    cur?: string;
     prefixLabel?: string;
-    isClearable?: boolean;
-    onClear?: (evt: PointerEvent<HTMLButtonElement>) => void;
-    multiple?: boolean;
-    selected: ISelectOption[];
-    placeholder?: string | undefined;
 }

package/dist/assets/css/global.css

@@ -1,4 +1,4 @@
-@tailwind base;@tailwind components;@tailwind utilities;@layer base{@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:normal;font-weight:100 900;src:url(../fonts/Roboto.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:italic;font-weight:100 900;src:url(../fonts/Roboto-Italic.woff2) format("woff2")}:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;--cl-white:#fff;--cl-dark:#000;--cl-blue-1:#253c77;--cl-blue-2:#4971d0;--cl-blue-3:#6b91eb;--cl-blue-4:#81a5f9;--cl-blue-5:#a7c0fb;--cl-blue-6:#d2ddfa;--cl-blue-7:#f2f6ff;--cl-graphite-1:#222733;--cl-graphite-2:#464c59;--cl-graphite-3:#777c87;--cl-graphite-4:#9b9fa8;--cl-graphite-5:#cbcdd1;--cl-graphite-6:#e6e7e9;--cl-graphite-7:#f5f5f6;--cl-green-1:#5e8c00;--cl-green-2:#6ca300;--cl-green-3:#88bd1f;--cl-green-4:#a4d73e;--cl-green-5:#c0eb69;--cl-green-6:#d4f296;--cl-green-7:#eefad4;--cl-yellow-1:#b79310;--cl-yellow-2:#d2aa0f;--cl-yellow-3:#e8c113;--cl-yellow-4:#efd04e;--cl-yellow-5:#f5de88;--cl-yellow-6:#fae6aa;--cl-yellow-7:#fcf2ce;--cl-orange-1:#c33918;--cl-orange-2:#e35f19;--cl-orange-3:#f27922;--cl-orange-4:#f99631;--cl-orange-5:#fbb26a;--cl-orange-6:#fdcf93;--cl-orange-7:#ffe8c4;--cl-red-1:#a61d1d;--cl-red-2:#bd2c2c;--cl-red-3:#d43d3d;--cl-red-4:#e36868;--cl-red-5:#f19494;--cl-red-6:#f9c1bd;--cl-red-7:#ffe9e9;--base:var(--cl-graphite-1);--primary:var(--cl-blue-2);--primary-light:var(--cl-blue-7);--success:var(--cl-green-3);--success-light:var(--cl-green-7);--light:var(--cl-graphite-3);--dark:var(--cl-graphite-2);--disabled:var(--cl-graphite-4);--bg-light:var(--cl-graphite-7);--warning:var(--cl-orange-2);--warning-light:var(--cl-yellow-7);--critical:var(--cl-red-3);--critical-light:var(--cl-red-7);--page-bg:var(--cl-white);--page-header-height:48px;--page-container-width:600px;--page-content-padd-x:20px;--page-content-padd-y:16px;--page-content-padd:var(--page-content-padd-y) var(--page-content-padd-x);--page-content-padding-x:20px;--page-content-padding-y:16px;--page-base-padding-x:20px;--page-base-padding-y:16px;--btn-primary:var(--cl-white);--btn-primary-bg:var(--cl-blue-2);--btn-primary-hover-bg:var(--cl-blue-3);--btn-primary-focus-bg:var(--cl-blue-1);--btn-primary-active-bg:var(--cl-blue-1);--btn-primary-disabled-bg:var(--cl-blue-5);--btn-secondary:var(--cl-blue-2);--btn-secondary-disabled:var(--cl-blue-5);--btn-secondary-bg:var(--cl-graphite-7);--btn-secondary-hover-bg:transparent;--btn-secondary-focus-bg:#e4e5e7;--btn-secondary-active-bg:var(--cl-graphite-6);--btn-ghost:var(--cl-blue-2);--btn-ghost-hover:var(--cl-blue-3);--btn-ghost-focus:var(--cl-blue-3);--btn-ghost-active:var(--cl-blue-1);--btn-ghost-disabled:var(--cl-blue-5);--btn-outline:var(--cl-graphite-2);--btn-outline-disabled:var(--cl-graphite-4);--btn-outline-border:var(--cl-graphite-5);--btn-outline-hover-border:var(--cl-graphite-6);--btn-outline-focus-border:var(--cl-graphite-4);--btn-outline-active-border:var(--cl-graphite-4);--btn-outline-disabled-border:var(--cl-graphite-5);--btn-txt-primary:var(--cl-blue-2);--btn-txt-primary-hover:var(--cl-blue-3);--btn-txt-primary-focus:var(--cl-blue-3);--btn-txt-primary-active:var(--cl-blue-1);--btn-widget-bg:var(--page-bg);--btn-widget-icon:var(--primary);--border-color:var(--cl-graphite-5);--border-radius-sm:4px;--border-radius-md:8px;--shadow-sm:0px 4px 14px rgba(36,48,54,.08);--shadow-md:0px 6px 16px 0px rgba(34,39,51,.12);--shadow-lg:0px 8px 32px 0px rgba(34,39,51,.24);--progress-height:4px;--progress-bg:var(--cl-graphite-6);--tabs-bg:var(--cl-graphite-7);--tabs-round:4px;--tab-bg:var(--cl-white);--tab-border:var(--cl-graphite-6);--tabs-height:32px;--tab-height:30px;--drawer-overlay-bg:rgba(34,39,51,.5);--drawer-shadow:0 0 20px 44px rgba(36,48,54,.12);--payments-list-item-hover:var(--cl-graphite-7);--payments-list-item-focus:var(--cl-graphite-7);--payments-list-item-active:var(--cl-graphite-6);--radio-border-color-default:var(--cl-graphite-5);--radio-border-color-checked:var(--primary);--radio-border-width-default:2px;--radio-border-width-checked:6px;--radio-bg-disabled:var(--cl-graphite-6);--dialog-bg:var(--cl-white);--skeleton-bg:var(--cl-graphite-6);--input-otp-slot-border-bottom-color:var(--base);--bottom-navbar-height:48px}}@layer utilities{}@layer components{.banks-logo-rounded{background-image:url(../images/icons/banks/unknown.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.scroll-shadow{background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)) top,linear-gradient(hsla(0,0%,100%,0),#fff 70%) bottom,linear-gradient(#f7f7f8,hsla(0,0%,100%,0)) top,linear-gradient(hsla(0,0%,100%,0),#f7f7f8) bottom;background-attachment:local,local,scroll,scroll;background-color:#fff;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;overflow:auto}input[type=password]{font-family:monospace;font-size:16px;letter-spacing:2px}.form-input{@apply px-4
+@tailwind base;@tailwind components;@tailwind utilities;@layer base{@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:normal;font-weight:100 900;src:url(../fonts/Roboto.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-stretch:75% 100%;font-style:italic;font-weight:100 900;src:url(../fonts/Roboto-Italic.woff2) format("woff2")}:root{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;--cl-white:#fff;--cl-dark:#000;--cl-blue-1:#253c77;--cl-blue-2:#4971d0;--cl-blue-3:#6b91eb;--cl-blue-4:#81a5f9;--cl-blue-5:#a7c0fb;--cl-blue-6:#d2ddfa;--cl-blue-7:#f2f6ff;--cl-graphite-1:#222733;--cl-graphite-2:#464c59;--cl-graphite-3:#777c87;--cl-graphite-4:#9b9fa8;--cl-graphite-5:#cbcdd1;--cl-graphite-6:#e6e7e9;--cl-graphite-7:#f5f5f6;--cl-green-1:#5e8c00;--cl-green-2:#6ca300;--cl-green-3:#88bd1f;--cl-green-4:#a4d73e;--cl-green-5:#c0eb69;--cl-green-6:#d4f296;--cl-green-7:#eefad4;--cl-yellow-1:#b79310;--cl-yellow-2:#d2aa0f;--cl-yellow-3:#e8c113;--cl-yellow-4:#efd04e;--cl-yellow-5:#f5de88;--cl-yellow-6:#fae6aa;--cl-yellow-7:#fcf2ce;--cl-orange-1:#c33918;--cl-orange-2:#e35f19;--cl-orange-3:#f27922;--cl-orange-4:#f99631;--cl-orange-5:#fbb26a;--cl-orange-6:#fdcf93;--cl-orange-7:#ffe8c4;--cl-red-1:#a61d1d;--cl-red-2:#bd2c2c;--cl-red-3:#d43d3d;--cl-red-4:#e36868;--cl-red-5:#f19494;--cl-red-6:#f9c1bd;--cl-red-7:#ffe9e9;--base:var(--cl-graphite-1);--primary:var(--cl-blue-2);--primary-light:var(--cl-blue-7);--success:var(--cl-green-3);--success-light:var(--cl-green-7);--light:var(--cl-graphite-3);--dark:var(--cl-graphite-2);--disabled:var(--cl-graphite-4);--bg-light:var(--cl-graphite-7);--warning:var(--cl-orange-2);--warning-light:var(--cl-yellow-7);--critical:var(--cl-red-3);--critical-light:var(--cl-red-7);--page-bg:var(--cl-white);--page-header-height:48px;--page-container-width:600px;--page-content-padd-x:20px;--page-content-padd-y:16px;--page-content-padd:var(--page-content-padd-y) var(--page-content-padd-x);--page-content-padding-x:20px;--page-content-padding-y:16px;--page-base-padding-x:20px;--page-base-padding-y:16px;--btn-primary:var(--cl-white);--btn-primary-bg:var(--cl-blue-2);--btn-primary-hover-bg:var(--cl-blue-3);--btn-primary-focus-bg:var(--cl-blue-1);--btn-primary-active-bg:var(--cl-blue-1);--btn-primary-disabled-bg:var(--cl-blue-5);--btn-secondary:var(--cl-blue-2);--btn-secondary-disabled:var(--cl-blue-5);--btn-secondary-bg:var(--cl-graphite-7);--btn-secondary-hover-bg:transparent;--btn-secondary-focus-bg:#e4e5e7;--btn-secondary-active-bg:var(--cl-graphite-6);--btn-ghost:var(--cl-blue-2);--btn-ghost-hover:var(--cl-blue-3);--btn-ghost-focus:var(--cl-blue-3);--btn-ghost-active:var(--cl-blue-1);--btn-ghost-disabled:var(--cl-blue-5);--btn-outline:var(--cl-graphite-2);--btn-outline-disabled:var(--cl-graphite-4);--btn-outline-border:var(--cl-graphite-5);--btn-outline-hover-border:var(--cl-graphite-6);--btn-outline-focus-border:var(--cl-graphite-4);--btn-outline-active-border:var(--cl-graphite-4);--btn-outline-disabled-border:var(--cl-graphite-5);--btn-txt-primary:var(--cl-blue-2);--btn-txt-primary-hover:var(--cl-blue-3);--btn-txt-primary-focus:var(--cl-blue-3);--btn-txt-primary-active:var(--cl-blue-1);--btn-widget-bg:var(--page-bg);--btn-widget-icon:var(--primary);--border-color:var(--cl-graphite-5);--border-radius-sm:4px;--border-radius-md:8px;--shadow-sm:0px 4px 14px rgba(36,48,54,.08);--shadow-md:0px 6px 16px 0px rgba(34,39,51,.12);--shadow-lg:0px 8px 32px 0px rgba(34,39,51,.24);--progress-height:4px;--progress-bg:var(--cl-graphite-6);--tabs-bg:var(--cl-graphite-7);--tabs-round:4px;--tab-bg:var(--cl-white);--tab-border:var(--cl-graphite-6);--tabs-height:32px;--tab-height:30px;--drawer-overlay-bg:rgba(34,39,51,.5);--drawer-shadow:0 0 20px 44px rgba(36,48,54,.12);--payments-list-item-hover:var(--cl-graphite-7);--payments-list-item-focus:var(--cl-graphite-7);--payments-list-item-active:var(--cl-graphite-6);--radio-border-color-default:var(--cl-graphite-5);--radio-border-color-checked:var(--primary);--radio-border-width-default:2px;--radio-border-width-checked:6px;--radio-bg-disabled:var(--cl-graphite-6);--dialog-bg:var(--cl-white);--skeleton-bg:var(--cl-graphite-6);--input-otp-slot-border-bottom-color:var(--base);--bottom-navbar-height:48px}}@layer utilities{}@layer components{.scroll-shadow{background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)) top,linear-gradient(hsla(0,0%,100%,0),#fff 70%) bottom,linear-gradient(#f7f7f8,hsla(0,0%,100%,0)) top,linear-gradient(hsla(0,0%,100%,0),#f7f7f8) bottom;background-attachment:local,local,scroll,scroll;background-color:#fff;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;overflow:auto}input[type=password]{font-family:monospace;font-size:16px;letter-spacing:2px}.form-input{@apply px-4
             w-full
             h-12
             border-input