zebpay-ui 0.0.123 → 0.0.125

package/dist/cjs/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/cjs/components/Accordion/style.d.ts

@@ -1,7 +1,6 @@
 import type { Theme } from "../../globalTypings";
-export declare const accordionWrapper: (isOpen: boolean, mode?: 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/cjs/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/cjs/components/AccordionV2/style.d.ts

@@ -1,7 +1,6 @@
 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 accordionIcon: import("@emotion/react").SerializedStyles;
-export declare const accordionCollapsed: 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) => import("@emotion/react").SerializedStyles;
+export declare const iconStyle: (isOpen: boolean, mode: ThemeType) => import("@emotion/react").SerializedStyles;

package/dist/cjs/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: (mode: Theme, alignTop?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const DEFAULT_SIZE = 18;
+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: (mode: 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: (mode: Theme, indeterminate?: boolean, alignTop?: boolean) => import("@emotion/react").SerializedStyles;

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

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

package/dist/cjs/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/cjs/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/cjs/components/MobileCalenderPicker/styles.d.ts

@@ -1,8 +1,7 @@
 import type { Theme } from "../../globalTypings";
 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 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;
 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/cjs/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/cjs/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/cjs/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/cjs/components/QuantityInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { QuantityInputProps } from "./typings";
+declare const QuantityInput: React.FC<QuantityInputProps>;
+export default QuantityInput;

package/dist/cjs/components/QuantityInput/styles.d.ts

@@ -0,0 +1,29 @@
+import { Theme } from "../../globalTypings";
+export declare const invalidShell: (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 shell: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const inputGroup: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const inputRow: (disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const infoStrip: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const infoStripLeft: import("@emotion/react").SerializedStyles;
+export declare const infoStripRight: import("@emotion/react").SerializedStyles;
+export declare const focusedShell: (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;
+export declare const bottomMeta: import("@emotion/react").SerializedStyles;
+export declare const unitTrigger: (theme: Theme, disabled?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const unitArrow: import("@emotion/react").SerializedStyles;
+export declare const unitWrap: import("@emotion/react").SerializedStyles;
+export declare const unitMenu: (theme: Theme, position?: {
+    top: number;
+    left: number;
+    minWidth: number;
+}) => import("@emotion/react").SerializedStyles;
+export declare const unitOverlay: import("@emotion/react").SerializedStyles;
+export declare const unitOption: (theme: Theme, selected?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const unitDivider: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const unitFooter: (theme: Theme) => import("@emotion/react").SerializedStyles;

package/dist/cjs/components/QuantityInput/typings.d.ts

@@ -0,0 +1,48 @@
+import { SerializedStyles } from "@emotion/react";
+import React, { KeyboardEvent, WheelEvent } from "react";
+import { Theme } from "../../globalTypings";
+import { InputTargetProps } from "../Input/typings";
+export interface QuantityInputOption {
+    label: string | React.JSX.Element;
+    value: string;
+    showInfoStrip?: boolean;
+}
+export interface QuantityInputInfoStrip {
+    left?: string | React.JSX.Element;
+    right?: string | React.JSX.Element;
+}
+export interface QuantityInputProps {
+    label?: string;
+    placeholder: string;
+    value: string | number;
+    onChange: (target: InputTargetProps) => void;
+    name?: string;
+    infoText?: string;
+    errorText?: string;
+    type?: "text" | "number" | "password" | "email";
+    style?: SerializedStyles;
+    cta?: {
+        label: string;
+        onClick: () => void;
+        style?: SerializedStyles;
+    };
+    onFocus?: () => void;
+    onBlur?: () => void;
+    autoComplete?: "on" | "off";
+    autoFocus?: boolean;
+    theme?: Theme;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    onWheel?: (event: WheelEvent<HTMLInputElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    min?: number;
+    max?: number;
+    patternType?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    inputGroupStyles?: SerializedStyles;
+    options: QuantityInputOption[];
+    selectedUnit: string;
+    onUnitChange: (value: string) => void;
+    infoStrip?: QuantityInputInfoStrip;
+}
+export type { InputTargetProps };

package/dist/cjs/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/cjs/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/cjs/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: 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: import("@emotion/react").SerializedStyles;
+export declare const defaultState: (mode: Theme) => import("@emotion/react").SerializedStyles;

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/Tabs/TabsDropdown/styles.d.ts

@@ -2,6 +2,5 @@ import { Theme } from "../../../globalTypings";
 export declare const tabDropdown: import("@emotion/react").SerializedStyles;
 export declare const menu: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const menuItem: (isSelected: boolean, theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const activeItem: import("@emotion/react").SerializedStyles;
-export declare const tertiaryNotActive: import("@emotion/react").SerializedStyles;
+export declare const tertiaryNotActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const selectOverlay: import("@emotion/react").SerializedStyles;

package/dist/cjs/components/Tabs/index.d.ts

@@ -1,6 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { TabProps } from "./typings";
-import "./../../../dist/icons/icons.css";
 declare const Tabs: React.FC<TabProps>;
 export default Tabs;

package/dist/cjs/components/Tabs/styles.d.ts

@@ -1,19 +1,15 @@
 import { Theme } from "../../globalTypings";
 export declare const customNav: import("@emotion/react").SerializedStyles;
 export declare const disabledNav: import("@emotion/react").SerializedStyles;
-export declare const tertiaryNav: import("@emotion/react").SerializedStyles;
+export declare const tertiaryNav: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const primaryNav: import("@emotion/react").SerializedStyles;
-export declare const primary: import("@emotion/react").SerializedStyles;
-export declare const primaryActive: import("@emotion/react").SerializedStyles;
-export declare const primaryActiveAfter: import("@emotion/react").SerializedStyles;
-export declare const primaryLight: import("@emotion/react").SerializedStyles;
-export declare const primaryLightActive: import("@emotion/react").SerializedStyles;
-export declare const primaryExtraDark: import("@emotion/react").SerializedStyles;
-export declare const primaryExtraDarkActive: import("@emotion/react").SerializedStyles;
+export declare const primary: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const primaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const primaryActiveAfter: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const secondary: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const secondaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
-export declare const tertiary: import("@emotion/react").SerializedStyles;
-export declare const tertiaryActive: import("@emotion/react").SerializedStyles;
-export declare const backgroundButton: (color: string) => import("@emotion/react").SerializedStyles;
+export declare const tertiary: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const tertiaryActive: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const borderRadius: import("@emotion/react").SerializedStyles;
-export declare const secondaryDisabled: import("@emotion/react").SerializedStyles;
+export declare const secondaryDisabled: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const secondaryCornerAccent: import("@emotion/react").SerializedStyles;

package/dist/cjs/components/Tabs/typings.d.ts

@@ -7,6 +7,7 @@ export interface TabItem {
     tab: string;
     style?: SerializedStyles;
     isCustomActiveState?: boolean;
+    hasCornerAccent?: boolean;
 }
 export interface LoadingParam {
     width: number;

package/dist/cjs/components/Tags/style.d.ts

@@ -1,4 +1,6 @@
-import { TagSize } from ".";
+import type { Theme } from "../../globalTypings";
+import type { TagSize, TagType } from ".";
 export declare const tagWrapper: (animate: boolean) => import("@emotion/react").SerializedStyles;
 export declare const tagsSize: (size: TagSize) => import("@emotion/react").SerializedStyles;
 export declare const iconStyle: (size: TagSize) => import("@emotion/react").SerializedStyles;
+export declare const getTagBg: (type: TagType, isStroke: boolean, mode: Theme) => import("@emotion/react").SerializedStyles;

package/dist/cjs/components/Toast/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import React from "react";
 import { ToastProps } from "./typings";
-export declare const generateToast: ({ title, description, type, onClose, mode, style, }: ToastProps) => void;
+export declare const generateToast: ({ title, description, type, onClose, mode, isMobile, style, }: ToastProps) => void;
 export declare const Toast: React.FC<ToastProps>;

package/dist/cjs/components/Toast/styles.d.ts

@@ -1,13 +1,21 @@
 import { Theme } from "../../globalTypings";
-export declare const toastContainer: import("@emotion/react").SerializedStyles;
-export declare const toastHeading: import("@emotion/react").SerializedStyles;
-export declare const toastDetails: import("@emotion/react").SerializedStyles;
-export declare const toastTitle: import("@emotion/react").SerializedStyles;
-export declare const closeCta: import("@emotion/react").SerializedStyles;
-export declare const toastDescription: (mode: Theme) => import("@emotion/react").SerializedStyles;
-export declare const info: import("@emotion/react").SerializedStyles;
-export declare const infoToastHeading: import("@emotion/react").SerializedStyles;
-export declare const error: import("@emotion/react").SerializedStyles;
-export declare const errorToastHeading: import("@emotion/react").SerializedStyles;
-export declare const success: import("@emotion/react").SerializedStyles;
-export declare const successToastHeading: import("@emotion/react").SerializedStyles;
+import { ToastType } from "./typings";
+type ToastColors = {
+    fill: string;
+    stroke: string;
+    title: string;
+    description: string;
+    icon: string;
+    iconBoxBg: string;
+    close: string;
+};
+export declare const getToastColors: (mode: Theme, type: ToastType, isMobile: boolean) => ToastColors;
+export declare const toastContainer: (mode: Theme, type: ToastType, isMobile: boolean, hasDescription: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastContent: (isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastHeader: import("@emotion/react").SerializedStyles;
+export declare const toastIconWrapper: (mode: Theme, type: ToastType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastTitle: (mode: Theme, type: ToastType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastDescription: (mode: Theme, type: ToastType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastIcon: (mode: Theme, type: ToastType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export declare const toastClose: (mode: Theme, type: ToastType, isMobile: boolean) => import("@emotion/react").SerializedStyles;
+export {};

package/dist/cjs/components/Toast/typings.d.ts

@@ -1,9 +1,11 @@
 import { SerializedStyles } from "@emotion/react";
 import { Theme } from "../../globalTypings";
+export type ToastType = "info" | "error" | "success";
 export interface ToastProps {
     title: string;
     description?: string;
-    type: "info" | "error" | "success";
+    type?: ToastType;
+    isMobile?: boolean;
     onClose?: () => void;
     style?: SerializedStyles;
     mode?: Theme;

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

@@ -13,6 +13,7 @@ import Input from "./Input";
 import InputDropDown from "./InputDropDown";
 import PinInput from "./PinInput";
 import Popper from "./Popper";
+import QuantityInput from "./QuantityInput";
 import Radio from "./Radio";
 import RadioGroup from "./RadioGroup";
 import RewardOMeter from "./RewardOMeter";
@@ -30,4 +31,5 @@ import AvatarGroup from "./AvatarGroup";
 import Pagination from "./Pagination";
 import MobileBottomDrawer from "./MobileBottomDrawer";
 import MobileCalendarPicker from "./MobileCalenderPicker";
-export { Accordion, AccordionV2, Button, Card, Checkbox, CircularLoader, CalendarPicker, Divider, Icon, IconButton, IconBox, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, Pagination, MobileBottomDrawer, MobileCalendarPicker, generateToast, };
+import Notes from "./Notes";
+export { Accordion, AccordionV2, Button, Card, Checkbox, CircularLoader, CalendarPicker, Divider, Icon, IconButton, IconBox, Input, InputDropDown, PinInput, Popper, QuantityInput, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, Pagination, MobileBottomDrawer, MobileCalendarPicker, Notes, generateToast, };