zebpay-ui 0.0.122 → 0.0.124

package/dist/cjs/theme/componentColors.d.ts

@@ -1,2 +1,13 @@
 import type { Theme } from "../globalTypings";
-export declare function getPrimaryTextColor(theme: Theme): string;
+export declare function getPanelBackground(mode: Theme): string;
+export declare function getFieldBackground(mode: Theme): string;
+export declare function getInputSurfaceBackground(mode: Theme): string;
+export declare function getHoverBackground(mode: Theme): string;
+export declare function getPrimaryTextColor(mode: Theme): string;
+export declare function getMutedTextColor(mode: Theme): string;
+export declare function getAccentTextColor(mode: Theme): string;
+export declare function getSubtleBorderColor(mode: Theme): string;
+export declare function getCardBorderColor(mode: Theme): string;
+export declare function getDividerColor(mode: Theme): string;
+export declare function getShimmerBackground(mode: Theme): string;
+export declare function getIconBoxBackground(mode: Theme): string;

package/dist/cjs/theme/index.d.ts

@@ -1,7 +1,5 @@
 export { ZThemeProvider, useZTheme, ThemeContext } from "./ZThemeProvider";
 export type { ZThemeProviderProps, ThemeContextValue } from "./ZThemeProvider";
-export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, ZGradientColors, } from "./zColorScheme";
-export { createLinearGradient, linearGradient, solidGradient, gradientFromConst, } from "./zGradients";
-export type { GradientStop, ZGradientPalette } from "./zGradients";
+export { lightColorScheme, darkColorScheme, extraDarkColorScheme, getZColorSchemeForTheme, ZColors, ZGradientConst, } from "./zColorScheme";
 export { zColorTokens } from "./zColorTokens";
-export type { ZColorScheme, ZGradientScheme } from "./types";
+export type { ZColorScheme } from "./types";

package/dist/cjs/theme/types.d.ts

@@ -1,4 +1,4 @@
-import type { ZGradientPalette } from "./zGradients";
+import { ZGradientPalette } from "./zGradients";
 export interface TabColorScheme {
     primaryActiveText: string;
     primaryActiveFill: string;
@@ -28,6 +28,17 @@ export interface ZGradientScheme {
     lightShimmer: string;
     darkShimmer: string;
 }
+export interface ZShadowScheme {
+    float: string;
+    header: string;
+    card: string;
+    bottomSheet: string;
+    bottomArea: string;
+    blueCard: string;
+    hard: string;
+    otp: string;
+    blur: string;
+}
 export interface ZColorScheme {
     primary: {
         title: string;
@@ -132,4 +143,5 @@ export interface ZColorScheme {
     tab: TabColorScheme;
     gradients: ZGradientScheme;
     gradientPalette: ZGradientPalette;
+    shadows: ZShadowScheme;
 }

package/dist/cjs/theme/zColorScheme.d.ts

@@ -1,6 +1,7 @@
 import { Theme } from "../globalTypings";
 import type { ZColorScheme } from "./types";
-import { ZColors, ZGradientConst, ZGradientConstCss, ZGradientColors } from "./zColors";
+import { ZColors, ZGradientConst } from "./zColors";
+import { ZGradientColors, ZGradientConstCss } from "./zGradients";
 /** Mobile v2 ZLightColorScheme */
 export declare const lightColorScheme: ZColorScheme;
 /** Mobile v2 ZDarkColorScheme — web blue / component `mode="dark"` */

package/dist/cjs/theme/zColors.d.ts

@@ -9,40 +9,40 @@ export declare const ZColors: {
     readonly Black: "#000000";
     readonly White: "#FFFFFF";
     readonly Transparent: "transparent";
-    readonly Overlay: "#660C0C24";
+    readonly Overlay: "#0C0C2466";
     readonly Blue01: "#222245";
     readonly Blue02: "#181837";
     readonly Blue03: "#338FFF";
     readonly Blue04: "#C0C0EE";
     readonly Blue05: "#E9EFF6";
-    readonly Blue06: "#33338FFF";
+    readonly Blue06: "#338FFF33";
     readonly Blue07: "#EEF5FF";
-    readonly Blue08: "#33C0C0EE";
+    readonly Blue08: "#C0C0EE33";
     readonly Blue09: "#151532";
     readonly Blue10: "#D9EAFF";
-    readonly Blue11: "#0A338FFF";
+    readonly Blue11: "#338FFF0A";
     readonly Blue12: "#EBF4FF";
     readonly Grey01: "#C2C2DD";
     readonly Grey02: "#34345A";
     readonly Grey03: "#6B6B6B";
-    readonly Grey04: "#33C0C0EE";
+    readonly Grey04: "#C0C0EE33";
     readonly Grey05: "#E1E3E6";
     readonly Grey06: "#C2C2C8";
     readonly Grey07: "#B5B5D3";
     readonly Green01: "#1ECAA2";
     readonly Green02: "#31826F";
     readonly Green03: "#212F4C";
-    readonly Green04: "#331ECAA2";
+    readonly Green04: "#1ECAA233";
     readonly Green06: "#00A37D";
     readonly Red01: "#EA6161";
     readonly Red02: "#BF5555";
     readonly Red03: "#302544";
-    readonly Red04: "#33EA6161";
+    readonly Red04: "#EA616133";
     readonly Red06: "#DC5454";
     readonly Yellow01: "#F9C35C";
     readonly Yellow02: "#FFB100";
     readonly Yellow03: "#2A273B";
-    readonly Yellow04: "#33F9C35C";
+    readonly Yellow04: "#F9C35C33";
     readonly Yellow05: "#986405";
     readonly PrimaryTitleV4: "#F8F8F8";
     readonly PrimaryWhiteV4: "#F8F8F8";
@@ -61,9 +61,9 @@ export declare const ZColors: {
     readonly InputDefaultV4: "#14161C";
     readonly InputDisabledStrokeV4: "#5F6267";
     readonly FullScreenBg01: "#1D212B";
-    readonly ToastSuccessStrokeV4: "#B3038153";
-    readonly ToastInfoStrokeV4: "#B3B09600";
-    readonly ToastErrorStrokeV4: "#B3C94444";
+    readonly ToastSuccessStrokeV4: "#038153B3";
+    readonly ToastInfoStrokeV4: "#B09600B3";
+    readonly ToastErrorStrokeV4: "#C94444B3";
     readonly TagYellowStrokeV4: "#FFF15A";
     readonly TagYellowTextV4: "#FFF15A";
     readonly TagGreyTextV4: "#C4C4C4";
@@ -82,5 +82,23 @@ export declare const ZColors: {
     readonly TabSecondaryV4: "#6A93FF";
     readonly SheetScrimColor: "#F7252525";
 };
-export { ZGradientConst, ZGradientConstCss, ZGradientColors, createLinearGradient, linearGradient, solidGradient, gradientFromConst, } from "./zGradients";
-export type { GradientStop } from "./zGradients";
+export declare const ZShadows: {
+    float: string;
+    header: string;
+    card: string;
+    bottomSheet: string;
+    bottomArea: string;
+    blueCard: string;
+    hard: string;
+    otp: string;
+    blur: string;
+};
+/** Mirrored from mobile v2 ZGradientConst */
+export declare const ZGradientConst: {
+    gradient1: readonly ["#5D7BFE", "#0974FF"];
+    gradient1V4: readonly ["#5786FF", "#3751FE"];
+    white: readonly ["#FFFFFF", "#FFFFFF"];
+};
+export declare const linearGradient: (from: string, to: string, angle?: string) => string;
+export declare const solidGradient: (color: string) => string;
+export declare const gradientFromConst: (colors: readonly [string, string]) => string;

package/dist/esm/components/Accordion/index.d.ts

@@ -5,11 +5,14 @@ import "./../../../dist/icons/icons.css";
 import type { Theme } from "../../globalTypings";
 interface AccordionProps {
     title: React.ReactNode;
+    titleIcon?: string;
+    titleIconStyle?: SerializedStyles;
     isOpen: boolean;
     onToggle: (value: boolean) => void;
     style?: SerializedStyles;
     children?: ReactNode;
     mode?: Theme;
+    disableBorder?: boolean;
 }
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;

package/dist/esm/components/Accordion/style.d.ts

@@ -1,7 +1,6 @@
 import type { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const accordionTitle: import("@emotion/react").SerializedStyles;
-export declare const accordionIcon: import("@emotion/react").SerializedStyles;
-export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;
-export declare const accordionContent: import("@emotion/react").SerializedStyles;
-export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionWrapper: (isOpen: boolean, mode: Theme, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitleIcon: import("@emotion/react").SerializedStyles;
+export declare const accordionContent: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean, mode: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/AccordionV2/index.d.ts

@@ -5,6 +5,8 @@ import "./../../../dist/icons/icons.css";
 import { Theme } from "../../globalTypings";
 interface AccordionV2Props {
     title: React.ReactNode;
+    titleIcon?: string;
+    titleIconStyle?: SerializedStyles;
     isOpen: boolean;
     onToggle: (value: boolean) => void;
     style?: SerializedStyles;

package/dist/esm/components/AccordionV2/style.d.ts

@@ -1,7 +1,6 @@
-import type { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, theme: Theme, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
-export declare const accordionTitle: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const accordionIcon: import("@emotion/react").SerializedStyles;
-export declare const accordionCollapsed: import("@emotion/react").SerializedStyles;
-export declare const accordionContent: (isOpen: boolean, theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const iconStyle: (isOpen: boolean) => import("@emotion/react").SerializedStyles;
+import { Theme as ThemeType } from "../../globalTypings";
+export declare const accordionWrapper: (isOpen: boolean, mode: ThemeType, disableBorder: boolean) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitle: (mode: ThemeType) => import("@emotion/react").SerializedStyles;
+export declare const accordionTitleIcon: import("@emotion/react").SerializedStyles;
+export declare const accordionContent: (isOpen: boolean, mode: ThemeType) => import("@emotion/react").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean, mode: ThemeType) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Button/styles.d.ts

@@ -1,12 +1,12 @@
 import { Theme } from "../../globalTypings";
 export declare const general: (width?: number) => import("@emotion/react").SerializedStyles;
-export declare const linkButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const primaryButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const secondaryButton: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const specialButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const linkButton: import("@emotion/react").SerializedStyles;
+export declare const primaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const secondaryButton: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const specialButton: import("@emotion/react").SerializedStyles;
 export declare const specialButtonText: import("@emotion/react").SerializedStyles;
 export declare const specialButtonSmText: import("@emotion/react").SerializedStyles;
-export declare const tertiaryButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const tertiaryButton: import("@emotion/react").SerializedStyles;
 export declare const tertiaryButtonText: import("@emotion/react").SerializedStyles;
-export declare const tabButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const tabButton: import("@emotion/react").SerializedStyles;
 export declare const disabledButton: import("@emotion/react").SerializedStyles;

package/dist/esm/components/CalendarPicker/styles.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from "../../globalTypings";
 export declare const alignNav: import("@emotion/react").SerializedStyles;
-export declare const monthArrow: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const navigationLabel: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const dateRangePicker: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const monthArrow: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const navigationLabel: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dateRangePicker: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Card/style.d.ts

@@ -1,4 +1,4 @@
 import type { Theme } from "../../globalTypings";
-export declare const cardStyle: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const cardStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const cardHeader: import("@emotion/react").SerializedStyles;
-export declare const cardBody: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const cardBody: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Checkbox/styles.d.ts

@@ -1,9 +1,9 @@
 import type { Theme } from "../../globalTypings";
-export declare const checkboxContainer: import("@emotion/react").SerializedStyles;
-export declare const labelContainer: (theme: Theme, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const DEFAULT_SIZE = 20;
+export declare const checkboxContainer: (size?: number) => import("@emotion/react").SerializedStyles;
+export declare const labelContainer: (mode: Theme, size?: number, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const disabledLabel: import("@emotion/react").SerializedStyles;
-export declare const input: import("@emotion/react").SerializedStyles;
-export declare const checkCheckmark: (theme: Theme, indeterminate?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const input: (size?: number, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (mode: Theme, size?: number, checked?: boolean, disabled?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkIcon: (mode: Theme, size?: number) => import("@emotion/react").SerializedStyles;
 export declare const checkLabel: import("@emotion/react").SerializedStyles;
-export declare const checkComponent: import("@emotion/react").SerializedStyles;
-export declare const checkmark: (theme: Theme, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Checkbox/typings.d.ts

@@ -14,4 +14,5 @@ export interface CheckboxProps {
     indeterminate?: boolean;
     mode?: Theme;
     alignTop?: boolean;
+    size?: number;
 }

package/dist/esm/components/Divider/styles.d.ts

@@ -1,3 +1,3 @@
 import type { Theme } from "../../globalTypings";
 import { DividerProps } from ".";
-export declare const divider: (props: DividerProps, theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const divider: (props: DividerProps, mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/IconBox/styles.d.ts

@@ -1,4 +1,4 @@
 import type { Theme } from "../../globalTypings";
 import { IconBoxProps } from ".";
-export declare const container: (data: IconBoxProps, theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const withHoverStyle: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const container: (data: IconBoxProps, mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const withHoverStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Input/styles.d.ts

@@ -1,14 +1,11 @@
-import { InputTheme } from "./typings";
-export declare const invalidInputGroup: import("@emotion/react").SerializedStyles;
-export declare const formLabel: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
-export declare const activeFormLabel: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
-export declare const inputGroup: import("@emotion/react").SerializedStyles;
-export declare const focusedInputGroup: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
-export declare const formControl: (theme: InputTheme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const fieldFullRounded: import("@emotion/react").SerializedStyles;
-export declare const fieldNoRounded: import("@emotion/react").SerializedStyles;
-export declare const fieldSecondHalfRounded: import("@emotion/react").SerializedStyles;
-export declare const fieldFirstHalfRounded: import("@emotion/react").SerializedStyles;
-export declare const inputGroupText: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
-export declare const inputGroupPrepend: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+import { Theme } from "../../globalTypings";
+export declare const invalidInputGroup: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const formLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const activeFormLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const errorFormLabel: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const inputGroup: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const focusedInputGroup: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const formControl: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const infoCta: import("@emotion/react").SerializedStyles;
+export declare const infoText: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const errorText: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Input/typings.d.ts

@@ -1,7 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React, { KeyboardEvent, WheelEvent } from "react";
 import { Theme } from "../../globalTypings";
-export type InputTheme = Theme | "inputExtraDark";
 export interface InputTargetProps {
     value: string;
     name: string;
@@ -26,7 +25,8 @@ export interface InputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     autoComplete?: "on" | "off";
-    theme?: InputTheme;
+    autoFocus?: boolean;
+    theme?: Theme;
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
     onWheel?: (event: WheelEvent<HTMLInputElement>) => void;
     onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
@@ -35,4 +35,5 @@ export interface InputProps {
     patternType?: string;
     disabled?: boolean;
     invalid?: boolean;
+    inputGroupStyles?: SerializedStyles;
 }

package/dist/esm/components/InputDropDown/styles.d.ts

@@ -1,17 +1,17 @@
 import type { Theme } from "../../globalTypings";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;
-export declare const icon: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const icon: (mode: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const input: import("@emotion/react").SerializedStyles;
-export declare const selectedElement: (open: boolean, theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const options: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const optionItem: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const optionsWrapper: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const displayComponent: (highlight: boolean, theme: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
-export declare const main: (isOpen: boolean, theme: Theme, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const dropDown: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const selectedElement: (open: boolean, mode: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const options: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionItem: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const optionsWrapper: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const displayComponent: (highlight: boolean, mode: Theme, disabled: boolean) => import("@emotion/react").SerializedStyles;
+export declare const main: (isOpen: boolean, mode: Theme, disabled?: boolean, isError?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const dropDown: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const optionsList: (isSearchable?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const inputSearch: import("@emotion/react").SerializedStyles;
 export declare const dropdown: (posX: number, posY: number) => import("@emotion/react").SerializedStyles;
-export declare const contentHeading: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const contentHeading: (mode: Theme) => import("@emotion/react").SerializedStyles;
 export declare const pillOptions: import("@emotion/react").SerializedStyles;

package/dist/esm/components/MobileBottomDrawer/styles.d.ts

@@ -1,4 +1,4 @@
 import type { Theme } from "../../globalTypings";
-export declare const bottomDrawer: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const bottomDrawer: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const backdrop: import("@emotion/react").SerializedStyles;
-export declare const dragHandle: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const dragHandle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/MobileCalenderPicker/styles.d.ts

@@ -3,6 +3,6 @@ export declare const alignNav: import("@emotion/react").SerializedStyles;
 export declare const monthArrow: import("@emotion/react").SerializedStyles;
 export declare const navigationLabel: import("@emotion/react").SerializedStyles;
 export declare const dateRangePicker: import("@emotion/react").SerializedStyles;
-export declare const lineBreak: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const heading: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const themedOverrides: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const lineBreak: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const heading: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const themedOverrides: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Notes/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { NotesProps } from "./typings";
+declare const Notes: React.FC<NotesProps>;
+export default Notes;

package/dist/esm/components/Notes/style.d.ts

@@ -0,0 +1,22 @@
+import { Theme } from "../../globalTypings";
+import { NotesType } from "./typings";
+type NoteColors = {
+    fill: string;
+    stroke: string;
+    title: string;
+    description: string;
+    icon: string;
+    iconBoxBg: string;
+    arrow: string;
+};
+export declare const getNoteColors: (mode: Theme, type: NotesType, isMobile: boolean) => NoteColors;
+export declare const notesContainer: (mode: Theme, type: NotesType, isMobile: boolean, hasDescription: boolean) => import("@emotion/react").SerializedStyles;
+export declare const image: import("@emotion/react").SerializedStyles;
+export declare const notesContent: (isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesHeader: import("@emotion/react").SerializedStyles;
+export declare const notesIconWrapper: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesTitle: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesDescription: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesIcon: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const notesArrow: (mode: Theme, type: NotesType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export {};

package/dist/esm/components/Notes/typings.d.ts

@@ -0,0 +1,14 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "../../globalTypings";
+export type NotesType = "info" | "error" | "success";
+export interface NotesProps {
+    title: string;
+    description?: string;
+    type?: NotesType;
+    mode?: Theme;
+    isMobile?: boolean;
+    showArrow?: boolean;
+    onClick?: () => void;
+    style?: SerializedStyles;
+    notesImage?: string;
+}

package/dist/esm/components/Pagination/styles.d.ts

@@ -1,6 +1,6 @@
 import type { Theme } from "../../globalTypings";
-export declare const smallCardWithBg: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const arrow: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const pageLink: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const active: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const pageItem: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const smallCardWithBg: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const arrow: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageLink: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const active: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const pageItem: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/PinInput/style.d.ts

@@ -1,9 +1,9 @@
 import type { Theme } from "../../globalTypings";
 export declare const pins: import("@emotion/react").SerializedStyles;
-export declare const label: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const label: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const inputFocused: (focused: boolean, inValid: boolean) => import("@emotion/react").SerializedStyles;
 export declare const invalidPins: import("@emotion/react").SerializedStyles;
 export declare const inputContainer: import("@emotion/react").SerializedStyles;
-export declare const input: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const input: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const disabledInput: import("@emotion/react").SerializedStyles;
-export declare const maskStyle: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const maskStyle: (mode?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Popper/styles.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from "../../globalTypings";
 export declare const container: import("@emotion/react").SerializedStyles;
-export declare const popup: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const closeButton: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const popup: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const closeButton: (mode?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;

package/dist/esm/components/Radio/styles.d.ts

@@ -1,5 +1,9 @@
-import { Theme } from "../../globalTypings";
-export declare const container: (isListView: boolean) => import("@emotion/react").SerializedStyles;
-export declare const input: import("@emotion/react").SerializedStyles;
-export declare const checkmark: (theme: Theme, selected: boolean, isListView: boolean) => import("@emotion/react").SerializedStyles;
+import type { Theme } from "../../globalTypings";
+export declare const DEFAULT_SIZE = 20;
+export declare const radioContainer: (size?: number) => import("@emotion/react").SerializedStyles;
+export declare const labelContainer: (mode: Theme, size?: number, isListView?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const disabledLabel: import("@emotion/react").SerializedStyles;
+export declare const input: (size?: number, isListView?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const checkmark: (mode: Theme, size?: number, isListView?: boolean, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const innerDot: (mode: Theme, size?: number, disabled?: boolean) => import("@emotion/react").SerializedStyles;
 export declare const listViewStyle: import("@emotion/react").SerializedStyles;

package/dist/esm/components/Radio/typings.d.ts

@@ -1,6 +1,6 @@
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
-import { Theme } from "../../globalTypings";
+import type { Theme } from "../../globalTypings";
 export interface RadioProps {
     selected: boolean;
     onChange: (args: {
@@ -14,4 +14,6 @@ export interface RadioProps {
     mode?: Theme;
     checkmarkStyle?: SerializedStyles;
     isListView?: boolean;
+    disabled?: boolean;
+    size?: number;
 }

package/dist/esm/components/RadioGroup/styles.d.ts

@@ -1,7 +1,5 @@
 import { Theme } from "../../globalTypings";
-export declare const container: import("@emotion/react").SerializedStyles;
-export declare const input: import("@emotion/react").SerializedStyles;
-export declare const checkmark: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const radioGroup: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const radioGroup: (mode: Theme) => import("@emotion/react").SerializedStyles;
+export declare const radioGroupInline: import("@emotion/react").SerializedStyles;
 export declare const marginRight: import("@emotion/react").SerializedStyles;
-export declare const defaultState: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const defaultState: (mode: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/RadioGroup/typings.d.ts

@@ -6,6 +6,7 @@ export interface OptionProps {
     value?: string | number;
     label?: string | React.JSX.Element;
     id: string;
+    disabled?: boolean;
 }
 export interface RadioGroupProps {
     defaultSelected?: string;
@@ -19,4 +20,6 @@ export interface RadioGroupProps {
     options: Array<OptionProps>;
     mode?: Theme;
     isListView?: boolean;
+    size?: number;
+    disabled?: boolean;
 }

package/dist/esm/components/SearchInput/index.d.ts

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { SerializedStyles } from "@emotion/react";
-import { InputTargetProps, InputTheme } from "./../Input/typings";
-import "./../../../dist/icons/icons.css";
+import { InputTargetProps } from "../Input/typings";
+import { Theme } from "../../globalTypings";
 interface SearchInputProps {
     value: string | number;
     placeholder?: string;
@@ -12,7 +12,7 @@ interface SearchInputProps {
     disableShadow?: boolean;
     style?: SerializedStyles;
     isMobile?: boolean;
-    mode?: InputTheme;
+    mode?: Theme;
     onFocus?: () => void;
     onBlur?: () => void;
     closeDropdown?: () => void;

package/dist/esm/components/SearchInput/style.d.ts

@@ -1,8 +1,3 @@
-import { InputTheme } from "../Input/typings";
-export declare const inputGroup: (theme: InputTheme, inFocus?: boolean) => import("@emotion/react").SerializedStyles;
-export declare const inputPrepend: (theme: InputTheme, isFocused: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
-export declare const focused: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
-export declare const searchInput: (isMobile: boolean, theme: InputTheme, isFocused: boolean, onClear?: boolean, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
-export declare const searchButton: (theme: InputTheme, customDarkBgcolor?: string) => import("@emotion/react").SerializedStyles;
-export declare const disableShadow: import("@emotion/react").SerializedStyles;
-export declare const icon: (theme: InputTheme) => import("@emotion/react").SerializedStyles;
+import { Theme } from "../../globalTypings";
+export declare const inputGroupStyles: (theme: Theme, isMobile: boolean, customDarkBgcolor?: string, disableShadow?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const icon: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/Select/styles.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "../../globalTypings";
+import { Theme } from "../../globalTypings";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
 export declare const button: (theme?: Theme) => import("@emotion/react").SerializedStyles;
 export declare const active: (theme?: Theme) => import("@emotion/react").SerializedStyles;

package/dist/esm/components/SidePanel/style.d.ts

@@ -1,10 +1,10 @@
 import { Theme } from "../../globalTypings";
 export type SidePanelPlacement = "left" | "right";
 export declare const wrapper: import("@emotion/react").SerializedStyles;
-export declare const overlay: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const sidePanel: (placement: SidePanelPlacement, width: number, theme?: Theme) => import("@emotion/react").SerializedStyles | undefined;
+export declare const overlay: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const sidePanel: (placement: SidePanelPlacement, width: number, mode?: Theme) => import("@emotion/react").SerializedStyles | undefined;
 export declare const sidePanelOpen: import("@emotion/react").SerializedStyles;
 export declare const header: import("@emotion/react").SerializedStyles;
 export declare const titleStyle: import("@emotion/react").SerializedStyles;
-export declare const headerCTA: (theme?: Theme) => import("@emotion/react").SerializedStyles;
-export declare const headerCloseCTA: (theme?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const headerCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;
+export declare const headerCloseCTA: (mode?: Theme) => import("@emotion/react").SerializedStyles;