@modul/mbui 1.0.0-beta-dev-55364fd2 → 1.0.0

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-2);--critical-light:var(--cl-red-7);--page-bg:var(--cl-white);--page-content-padding-x:20px;--page-content-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-6);--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);--page-header-height:48px;--page-container-width:600px;--page-base-padding-top:16px;--page-base-padding-right:20px;--page-base-padding-bottom:16px;--page-base-padding-left:20px;--page-base-padding-x:20px;--page-base-padding-y:16px;--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{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-2);--critical-light:var(--cl-red-7);--page-bg:var(--cl-white);--page-content-padding-x:20px;--page-content-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:0 2px 10px rgba(36,48,54,.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-6);--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);--page-header-height:48px;--page-container-width:600px;--page-base-padding-top:16px;--page-base-padding-right:20px;--page-base-padding-bottom:16px;--page-base-padding-left:20px;--page-base-padding-x:20px;--page-base-padding-y:16px;--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{input[type=password]{font-family:monospace;font-size:16px;letter-spacing:2px}.form-input{@apply px-4
             w-full
             h-12
             border-input

package/dist/index.d.ts

@@ -13,7 +13,7 @@ import { cn } from './@/lib/utils';
 import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerTitle, DrawerDescription } from './Drawer';
 import { Page } from './Page';
 import { Chip } from './Chip';
-import { InputField, InputLabel, InputMask, InputNumericFormat, InputMaskWidget } from './Input';
+import { InputField, InputLabel, InputMask, InputNumericFormat } from './Input';
 import { Alert } from './Alert';
 import { Switch } from './Switch';
 import { Label } from './Label';
@@ -45,6 +45,6 @@ import { CurrencyFlag } from './CurrencyFlag';
 import { DrawerDatePicker } from './DrawerDatePicker';
 import { CurrencySymbol } from './CurrencySymbol';
 import { Counter } from './Counter';
-import { IconFile } from './IconFile';
 import { PDFViewer } from './PDFViewer';
-export { Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, InputNumericFormat, InputMaskWidget, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, DrawerDescription, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, SelectAccount, SelectAsync, Select, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, InputMask, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, MessageTyping, FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses, Badge, badgeVariants, DigitKeyPad, ButtonWidget, Toaster, toast, Checkbox, Swipe2Show, Skeleton, Carousel, CarouselContent, CarouselItem, type CarouselApi, BankCardImage, RadioGroup, RadioGroupItem, Loading, SelectDrawer, type ISelectValue, type ISelectOption, Option, BankLogosRounded, BankCardIcon, SelectBankAccountBalanceOption, SelectPrimaryAccountValue, CurrencyFlag, DrawerDatePicker, CurrencySymbol, Counter, IconFile, PDFViewer, };
+import { IconFile } from './IconFile';
+export { Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, InputNumericFormat, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, DrawerDescription, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, SelectAccount, SelectAsync, Select, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, InputMask, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, MessageTyping, FavoritePaymentsList, FavoritePaymentsItem, FarvoritePaymentDescription, farvoriteLinkClasses, Badge, badgeVariants, DigitKeyPad, ButtonWidget, Toaster, toast, Checkbox, Swipe2Show, Skeleton, Carousel, CarouselContent, CarouselItem, type CarouselApi, BankCardImage, RadioGroup, RadioGroupItem, Loading, SelectDrawer, type ISelectValue, type ISelectOption, Option, BankLogosRounded, BankCardIcon, SelectBankAccountBalanceOption, SelectPrimaryAccountValue, CurrencyFlag, DrawerDatePicker, CurrencySymbol, Counter, PDFViewer, IconFile, };