@modul/mbui 1.3.1-beta-dev-b4b8d1b1 → 1.3.1-beta-dev-b669613d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Chip/Chip.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
3
3
|
declare const chipVariants: (props?: {
|
4
|
-
variant?: "primary" | "secondary" | "success" | "primary-outline" | "
|
4
|
+
variant?: "outline" | "primary" | "secondary" | "success" | "primary-outline" | "ghost";
|
5
5
|
size?: "lg" | "md" | "sm" | "xs" | "xxs";
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
7
7
|
export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
2
|
+
declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
|
3
3
|
value?: string;
|
4
4
|
onChange?: (newValue: string) => unknown;
|
5
5
|
maxLength: number;
|
6
|
-
textAlign?: "center" | "
|
6
|
+
textAlign?: "center" | "left" | "right";
|
7
7
|
onComplete?: (...args: any[]) => unknown;
|
8
8
|
pushPasswordManagerStrategy?: "none" | "increase-width";
|
9
9
|
containerClassName?: string;
|
@@ -11,11 +11,11 @@ declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputH
|
|
11
11
|
} & {
|
12
12
|
render: (props: import("input-otp").RenderProps) => React.ReactNode;
|
13
13
|
children?: never;
|
14
|
-
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
14
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
|
15
15
|
value?: string;
|
16
16
|
onChange?: (newValue: string) => unknown;
|
17
17
|
maxLength: number;
|
18
|
-
textAlign?: "center" | "
|
18
|
+
textAlign?: "center" | "left" | "right";
|
19
19
|
onComplete?: (...args: any[]) => unknown;
|
20
20
|
pushPasswordManagerStrategy?: "none" | "increase-width";
|
21
21
|
containerClassName?: string;
|
@@ -1 +1 @@
|
|
1
|
-
@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 0px rgba(34,39,51,.05);--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{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@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 py-3 w-full h-12 border-input border file:border-0 file:bg-transparent file:font-medium file:text-sm font-normal text-base rounded-md bg-page transition placeholder:text-light focus:ring-0 focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:bg-light disabled:text-
|
1
|
+
@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 0px rgba(34,39,51,.05);--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{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@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 py-3 w-full h-12 border-input border file:border-0 file:bg-transparent file:font-medium file:text-sm font-normal text-base rounded-md bg-page transition placeholder:text-light focus:ring-0 focus-visible:border-primary focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:bg-light disabled:text-disabled}.form-input-error{@apply border-critical bg-critical-light focus-visible:border-critical focus-visible:ring-critical}.hero-bg{background-position:calc(50% - 30px) -180px;position:relative}.hero-ok-bg{background-image:url(../images/white-business/bg-good.svg)}.hero-norm-bg{background-image:url(../images/white-business/bg-warning.svg)}.hero-fiasko-bg{background-image:url(../images/white-business/bg-risk.svg)}.hero-neutral-bg,.hero-unknown-bg{background-image:url(../images/white-business/bg-unknown.svg)}}
|