@coinswap-app/uikit 0.5.57 → 0.8.0

package/dist/components/Referral/components.d.ts

@@ -1,4 +1,6 @@
-declare const ReferralTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & {
+declare const ReferralTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, {
     fontColor?: string;
-}, never>;
+}>> & string;
 export default ReferralTitle;

package/dist/components/Skeleton/types.d.ts

@@ -8,8 +8,8 @@ export declare const variant: {
     readonly RECT: "rect";
     readonly CIRCLE: "circle";
 };
-export declare type Animation = typeof animation[keyof typeof animation];
-export declare type Variant = typeof variant[keyof typeof variant];
+export type Animation = typeof animation[keyof typeof animation];
+export type Variant = typeof variant[keyof typeof variant];
 export interface SkeletonProps extends SpaceProps, LayoutProps {
     animation?: Animation;
     variant?: Variant;

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

@@ -1,29 +1,43 @@
 import React from "react";
 import { IDOState } from "../../util/types";
-export declare const ActiveDot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const ActiveDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     dotColor: string;
     fetchingData?: boolean;
-}, never>;
-export declare const ActivityDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
-export declare const ActivityWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ActivityComponent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ProjectNameColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ProjectName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
-export declare const ProjectTicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & {
+}>> & string;
+export declare const ActivityDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const ActivityWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ActivityComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProjectNameColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProjectName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const ProjectTicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, {
     customStyle?: string;
-}, never>;
-export declare const TimerDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
-export declare const Timer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & {
+}>> & string;
+export declare const TimerDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const Timer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, {
     isIncoming?: boolean;
-}, never>;
-export declare const RatioColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const DetailsRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SpaceInfoTableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SpaceInfoTableRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const RatioColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DetailsRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpaceInfoTableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpaceInfoTableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     underlined?: boolean;
-}, never>;
-export declare const RowTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
-export declare const RowValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
+}>> & string;
+export declare const RowTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const RowValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
 export declare const SpacePadInfoRow: React.FunctionComponent<{
     title: string;
     value: React.ReactNode;

package/dist/components/SpacePadComponents/index.logic.d.ts

@@ -1,4 +1,4 @@
-import { SpaceRound } from "@coinswap-libs/sdk";
+import { SpaceRound } from "@coinswap-app/sdk";
 import { IDOState } from "../..";
 export declare const getIdoState: (round: SpaceRound, blockNumber: number) => IDOState;
 export declare const getEndBlockByIdoSate: (spaceRound: SpaceRound, state: IDOState) => number;

package/dist/components/SpacePadDates/SpacePadDates.d.ts

@@ -11,10 +11,10 @@ export interface ISpacePadDatesProps {
     fetchingData?: boolean;
     roundDescription?: string;
 }
-export declare const ActiveDot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const ActiveDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     color: string;
     fetchingData?: boolean;
     marginRight?: number;
-}, never>;
+}>> & string;
 declare const SpacePadDates: React.FunctionComponent<ISpacePadDatesProps>;
 export default SpacePadDates;

package/dist/components/SpacePadKeyMetrics/SpacePadKeyMetrics.d.ts

@@ -1,4 +1,4 @@
-import { SpaceRound } from "@coinswap-libs/sdk";
+import { SpaceRound } from "@coinswap-app/sdk";
 import * as React from "react";
 export interface ISpacePadKeyMetricsProps {
     spaceRound: SpaceRound;

package/dist/components/SpacePadProject/SpacePadProject.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SpacePad, SpaceRound } from "@coinswap-libs/sdk";
+import { SpacePad, SpaceRound } from "@coinswap-app/sdk";
 import { IDOState } from "../../util";
 export interface ISpacePadProjectProps {
     spacePadData: SpacePad;

package/dist/components/SpacePadProjectDetails/SpacePadProjectDetails.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SpacePad, SpaceRound } from "@coinswap-libs/sdk";
+import { SpacePad, SpaceRound } from "@coinswap-app/sdk";
 import { IDOState } from "../../util";
 export interface ISpacePadProjectDetailsProps {
     spacePadData: SpacePad;

package/dist/components/SpacePadSchedule/SpacePadSchedule.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SpaceRound } from "@coinswap-libs/sdk";
+import { SpaceRound } from "@coinswap-app/sdk";
 export interface ISpacePadScheduleProps {
     spaceRound: SpaceRound;
     currentBlock: number;

package/dist/components/Svg/Svg.d.ts

@@ -1,3 +1,3 @@
 import { SvgProps } from "./types";
-declare const Svg: import("styled-components").StyledComponent<"svg", import("styled-components").DefaultTheme, SvgProps, never>;
+declare const Svg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, SvgProps>> & string;
 export default Svg;

package/dist/components/Table/example/header.d.ts

@@ -1,2 +1,2 @@
-declare const StyledTh: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledTh: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
 export default StyledTh;

package/dist/components/Table/hooks.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { ColumnType, DataType, UseTableReturnType, UseTableOptionsType } from "./types";
-export declare const makeRender: <T extends DataType>(value: any, render: ({ value: val, row }: {
+export declare const makeRender: <T extends DataType>(value: any, render: (({ value: val, row }: {
     value: any;
     row: T;
-}) => ReactNode, row: T) => (() => React.ReactNode);
+}) => ReactNode) | undefined, row: T) => (() => React.ReactNode);
 export declare const useTable: <T extends DataType>(columns: ColumnType<T>[], data: T[], options?: UseTableOptionsType<T>) => UseTableReturnType<T>;

package/dist/components/Table/types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type ColumnType<T> = {
+export type ColumnType<T> = {
     name: string;
     label?: string;
     hidden?: boolean;
@@ -10,7 +9,7 @@ export declare type ColumnType<T> = {
     }) => React.ReactNode;
     headerRender?: HeaderRenderType;
 };
-export declare type ColumnStateType<T> = {
+export type ColumnStateType<T> = {
     name: string;
     label: string;
     hidden: boolean;
@@ -21,10 +20,10 @@ export declare type ColumnStateType<T> = {
     };
     headerRender?: HeaderRenderType;
 };
-export declare type HeaderRenderType = ({ label }: {
+export type HeaderRenderType = ({ label }: {
     label: React.ReactNode;
 }) => React.ReactNode;
-export declare type HeaderType<T> = {
+export type HeaderType<T> = {
     name: string;
     label?: string;
     hidden?: boolean;
@@ -35,18 +34,18 @@ export declare type HeaderType<T> = {
     sort?: ((a: RowType<T>, b: RowType<T>) => number) | undefined;
     render: () => React.ReactNode;
 };
-export declare type DataType = {
+export type DataType = {
     [key: string]: any;
 };
-export declare type ColumnByNamesType<T> = {
+export type ColumnByNamesType<T> = {
     [key: string]: ColumnType<T>;
 };
-export declare type RenderFunctionType<T> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
-declare type RenderFunctionArgsType<T> = {
+export type RenderFunctionType<T> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
+type RenderFunctionArgsType<T> = {
     value: any;
     row: T;
 };
-export declare type ColumnByNameType<T> = Omit<Required<ColumnType<T>>, "name" | "sort">;
+export type ColumnByNameType<T> = Omit<Required<ColumnType<T>>, "name" | "sort">;
 export interface RowType<T extends DataType> {
     id: number;
     cells: CellType[];
@@ -54,7 +53,7 @@ export interface RowType<T extends DataType> {
     selected?: boolean;
     original: T;
 }
-export declare type CellType = {
+export type CellType = {
     value: any;
     render: () => React.ReactNode;
 };
@@ -97,7 +96,7 @@ export interface UseTableReturnType<T> {
     toggleAllState: boolean;
     pagination: PaginatorType;
 }
-declare type PaginatorType = {
+type PaginatorType = {
     nextPage: () => void;
     prevPage: () => void;
     page: number;
@@ -105,7 +104,7 @@ declare type PaginatorType = {
     canNext: boolean;
     canPrev: boolean;
 };
-export declare type TableState<T extends DataType> = {
+export type TableState<T extends DataType> = {
     columnsByName: ColumnByNamesType<T>;
     columns: ColumnStateType<T>[];
     rows: RowType<T>[];
@@ -117,7 +116,7 @@ export declare type TableState<T extends DataType> = {
     pagination: PaginatorType;
     paginationEnabled: boolean;
 };
-export declare type TableAction<T extends DataType> = {
+export type TableAction<T extends DataType> = {
     type: "TOGGLE_SORT";
     columnName: string;
     isAscOverride?: boolean;

package/dist/components/TableRow/components/TableActiveDot.d.ts

@@ -1,5 +1,6 @@
-declare const TableActiveDot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+import React from "react";
+declare const TableActiveDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     active: boolean;
     actionActive: boolean | undefined;
-}, never>;
+}>> & string;
 export default TableActiveDot;

package/dist/components/Tag/CoreTag.d.ts

@@ -1,11 +1,13 @@
 import React, { ReactElement } from "react";
 import { DefaultTheme } from "styled-components";
 import { CoreTagProps, Variants } from "./types";
-export declare const StyledCoreTag: import("styled-components").StyledComponent<"div", DefaultTheme, CoreTagProps, never>;
-export declare const StyledText: import("styled-components").StyledComponent<"div", DefaultTheme, import("../Text").TextProps & {
+export declare const StyledCoreTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CoreTagProps>> & string;
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Text").TextProps> & import("../Text").TextProps, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, {
     active?: boolean;
     color?: string;
-}, never>;
+}>> & string;
 export declare const getTagPropsByVariant: (variant: Variants | undefined, active: boolean, theme: DefaultTheme) => {
     color: string;
     icon: ReactElement;

package/dist/components/Tag/StyledTag.d.ts

@@ -3,6 +3,6 @@ import { TagProps } from "./types";
 interface ThemedProps extends TagProps {
     theme: DefaultTheme;
 }
-export declare const StyledTag: import("styled-components").StyledComponent<"div", DefaultTheme, ThemedProps, never>;
+export declare const StyledTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemedProps>> & string;
 declare const _default: any;
 export default _default;

package/dist/components/Tag/types.d.ts

@@ -30,7 +30,7 @@ export declare const variants: {
     readonly COMMUNITY: "Community";
     readonly AUTOCOMPOUND: "Auto";
 };
-export declare type Variants = typeof variants[keyof typeof variants];
+export type Variants = typeof variants[keyof typeof variants];
 export interface TagProps extends SpaceProps {
     variant?: Variants;
     startIcon?: ReactNode;

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,3 @@
-import { DefaultTheme } from "styled-components";
 import { TextProps } from "./types";
-declare const Text: import("styled-components").StyledComponent<"div", DefaultTheme, TextProps, never>;
+declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TextProps>> & string;
 export default Text;

package/dist/components/Toggle/StyledToggle.d.ts

@@ -1,6 +1,5 @@
-import { DefaultTheme } from "styled-components";
 import { ToggleProps, HandleProps, InputProps } from "./types";
-export declare const Handle: import("styled-components").StyledComponent<"div", DefaultTheme, HandleProps, never>;
-export declare const Input: import("styled-components").StyledComponent<"input", DefaultTheme, InputProps, never>;
-declare const StyledToggle: import("styled-components").StyledComponent<"div", DefaultTheme, ToggleProps, never>;
+export declare const Handle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HandleProps>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>> & string;
+declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ToggleProps>> & string;
 export default StyledToggle;

package/dist/components/Toggle/types.d.ts

@@ -3,7 +3,7 @@ export declare const variants: {
     readonly DEFAULT: "default";
     readonly PANEL: "panel";
 };
-export declare type Variants = typeof variants[keyof typeof variants];
+export type Variants = typeof variants[keyof typeof variants];
 export interface ToggleProps extends InputHTMLAttributes<HTMLInputElement> {
     checked: boolean;
     variant?: Variants;
@@ -16,13 +16,13 @@ export interface InputProps {
     checked: boolean;
     variant?: Variants;
 }
-export declare type ToggleThemeVariant = {
+export type ToggleThemeVariant = {
     backgroundHandleActive: string;
     backgroundHandleInactive: string;
     backgroundToggleActive: string;
     backgroundToggleInactive: string;
     borderColor: string;
 };
-export declare type ToggleTheme = {
+export type ToggleTheme = {
     [key in Variants]: ToggleThemeVariant;
 };

package/dist/components/Tooltip/types.d.ts

@@ -1,4 +1,4 @@
-export declare type TooltipTheme = {
+export type TooltipTheme = {
     background: string;
     text: string;
     boxShadow: string;

package/dist/components/Value/types.d.ts

@@ -1,6 +1,6 @@
 import { SpaceProps } from "styled-system";
 import { HTMLAttributes } from "react";
-export declare type ValueTheme = {
+export type ValueTheme = {
     background: string;
     boxShadow: string;
     boxShadowActive: string;

package/dist/hooks/useMatchBreakpoints.d.ts

@@ -1,4 +1,4 @@
-declare type State = {
+type State = {
     [key: string]: boolean;
 };
 declare const useMatchBreakpoints: () => State;

package/dist/hooks/useParticleBurst.d.ts

@@ -1,8 +1,8 @@
-declare type ParticleOptions = {
+type ParticleOptions = {
     size?: number;
     distance?: number;
 };
-declare type Options = {
+type Options = {
     imgSrc: string;
     selector?: string;
     numberOfParticles?: number;