zebpay-ui 0.0.41 → 0.0.43

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

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

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

@@ -0,0 +1,4 @@
+import { SizingProps } from "./typings";
+export declare const avatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const customAvatar: (customSize: SizingProps, disabled: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const loading: (spacing: string) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,19 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { AvatarSpacing } from "../AvatarGroup/typings";
+export declare type AvatareSize = "small" | "medium" | "large";
+export interface AvatarProps {
+    src: string;
+    alt: string;
+    id: number;
+    size?: AvatareSize;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: Interpolation<Theme>;
+    spacing: AvatarSpacing;
+}
+export interface SizingProps {
+    width: number;
+    height: number;
+    marginLeft: string;
+}

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

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

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

@@ -0,0 +1 @@
+export declare const avatarGroup: import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,19 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { AvatareSize } from "../Avatar/typings";
+export declare type AvatarSpacing = "small" | "medium" | "large";
+export interface AvatarGroupContentProps {
+    src: string;
+    alt: string;
+    id: number;
+}
+export interface AvatarGroupProps {
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: Interpolation<Theme>;
+    displayMax?: number;
+    total?: number;
+    spacing?: AvatarSpacing;
+    size?: AvatareSize;
+    content: Array<AvatarGroupContentProps>;
+}

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

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

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

@@ -0,0 +1,3 @@
+export declare const meter: import("@emotion/utils").SerializedStyles;
+export declare const wrapper: (radius: number) => import("@emotion/utils").SerializedStyles;
+export declare const needle: (angle: number, size: number, radius: number) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,22 @@
+import { SerializedStyles } from "@emotion/react";
+export interface Segment {
+    color: string;
+    percentage: number;
+}
+export interface RewardOMeterProps {
+    primaryList: {
+        data: Segment[];
+        width: number;
+        radius: number;
+    };
+    needleProperties: {
+        angle: number;
+        size: number;
+    };
+    secondaryList?: {
+        data: Segment[];
+        width: number;
+        radius: number;
+    };
+    style?: SerializedStyles;
+}

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

@@ -12,6 +12,7 @@ import PinInput from "./PinInput";
 import Popper from "./Popper";
 import Radio from "./Radio";
 import RadioGroup from "./RadioGroup";
+import RewardOMeter from "./RewardOMeter";
 import SearchInput from "./SearchInput";
 import Select from "./Select";
 import Shimmer from "./Shimmer";
@@ -21,4 +22,6 @@ import Tags from "./Tags";
 import { Toast, generateToast } from "./Toast";
 import Tooltip from "./Tooltip";
 import Switch from "./Switch";
-export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, generateToast, };
+import Avatar from "./Avatar";
+import AvatarGroup from "./AvatarGroup";
+export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, InputDropDown, PinInput, Popper, Radio, RadioGroup, RewardOMeter, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, Switch, Avatar, AvatarGroup, generateToast, };