nzk-react-components 2.0.0-6 → 3.0.0-0

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

@@ -1,33 +1,33 @@
-/// <reference types="react" />
-export interface AvatarColorsProps {
-    border: string;
-    shadow: string;
-    dropshadow: string;
-}
-export interface AvatarProps {
-    user?: {
-        avatar?: {
-            url: string;
-        };
-        countryCode?: string;
-        type: 'student' | 'parent' | 'teacher' | 'tutor';
-    };
-    colors?: AvatarColorsProps;
-    countryCode?: string;
-    src?: string;
-    size?: string;
-    flagHidden?: boolean;
-}
-declare const Avatar: {
-    (props: AvatarProps): JSX.Element;
-    defaultProps: {
-        size: string;
-        flagHidden: boolean;
-        colors: {
-            border: string;
-            shadow: string;
-            dropshadow: string;
-        };
-    };
-};
-export default Avatar;
+import React from "react";
+export interface AvatarColorsProps {
+    border: string;
+    shadow: string;
+    dropshadow: string;
+}
+export interface AvatarProps {
+    user?: {
+        avatar?: {
+            url: string;
+        };
+        countryCode?: string;
+        type: "student" | "parent" | "teacher" | "tutor";
+    };
+    colors?: AvatarColorsProps;
+    countryCode?: string;
+    src?: string;
+    size?: string;
+    flagHidden?: boolean;
+}
+declare const Avatar: {
+    (props: AvatarProps): React.JSX.Element;
+    defaultProps: {
+        size: string;
+        flagHidden: boolean;
+        colors: {
+            border: string;
+            shadow: string;
+            dropshadow: string;
+        };
+    };
+};
+export default Avatar;

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

@@ -1,11 +1,12 @@
-import { AvatarColorsProps } from './Avatar';
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    size?: string | undefined;
-    colors?: AvatarColorsProps | undefined;
-}, never>;
-export declare const AvatarImage: import("styled-components").StyledComponent<"div", any, {
-    src?: string | undefined;
-}, never>;
-export declare const Flag: import("styled-components").StyledComponent<"div", any, {
-    src?: string | undefined;
-}, never>;
+/// <reference types="react" />
+import { AvatarColorsProps } from "./Avatar";
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size?: string | undefined;
+    $colors?: AvatarColorsProps | undefined;
+}>>;
+export declare const AvatarImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $src?: string | undefined;
+}>>;
+export declare const Flag: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    src?: string | undefined;
+}>>;

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

@@ -1,2 +1,2 @@
-import Avatar from "./Avatar";
-export default Avatar;
+import Avatar from "./Avatar";
+export default Avatar;

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

@@ -1,24 +1,24 @@
-import { ReactHTML } from 'react';
-import { Size, Theme } from './types';
-export declare type BaseProps = {
-    as?: keyof ReactHTML;
-    backgroundColor?: string;
-    height?: number;
-    fullWidth?: boolean;
-    children: any;
-    color?: string;
-    strokeColor?: string;
-    dropShadowColor?: string;
-    shadowColor?: string;
-    fontSize?: string;
-    round?: boolean;
-    disabled?: boolean;
-    wiggle?: boolean;
-    size?: Size;
-    theme?: Theme;
-};
-export declare type ButtonProps = {} & BaseProps;
-declare const Button: import("styled-components").StyledComponent<"div", any, {
-    role: "button";
-} & BaseProps, "role">;
-export default Button;
+import { ReactHTML } from 'react';
+import { Size, Theme } from './types';
+export type BaseProps = {
+    as?: keyof ReactHTML;
+    backgroundColor?: string;
+    height?: number;
+    fullWidth?: boolean;
+    children: any;
+    color?: string;
+    strokeColor?: string;
+    dropShadowColor?: string;
+    shadowColor?: string;
+    fontSize?: string;
+    round?: boolean;
+    disabled?: boolean;
+    wiggle?: boolean;
+    size?: Size;
+    theme?: Theme;
+};
+export type ButtonProps = {} & BaseProps;
+declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, BaseProps>>;
+export default Button;

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

@@ -1,4 +1,5 @@
-import { BaseProps } from './Button';
-export declare const StyledSpanButton: import("styled-components").StyledComponent<"div", any, {
-    role: "button";
-} & BaseProps, "role">;
+/// <reference types="react" />
+import { BaseProps } from './Button';
+export declare const StyledSpanButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, BaseProps>>;

package/dist/components/Button/constants.d.ts

@@ -1,14 +1,14 @@
-import { Size, Theme } from './types';
-interface ITheme {
-    backgroundColor: string;
-    color: string;
-    strokeColor: string;
-    shadowColor: string;
-}
-export declare const THEMES: {
-    [key in Theme]: ITheme;
-};
-export declare const SIZES: {
-    [key in Size]: number;
-};
-export {};
+import { Size, Theme } from './types';
+interface ITheme {
+    backgroundColor: string;
+    color: string;
+    strokeColor: string;
+    shadowColor: string;
+}
+export declare const THEMES: {
+    [key in Theme]: ITheme;
+};
+export declare const SIZES: {
+    [key in Size]: number;
+};
+export {};

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

@@ -1,2 +1,2 @@
-import Button from "./Button";
-export default Button;
+import Button from "./Button";
+export default Button;

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

@@ -1,21 +1,21 @@
-export declare const Themes: {
-    readonly primary: "primary";
-    readonly confirm: "confirm";
-    readonly 'the-pink': "the-pink";
-    readonly purple: "purple";
-    readonly red: "red";
-    readonly orange: "orange";
-    readonly green: "green";
-    readonly yellow: "yellow";
-    readonly white: "white";
-};
-export declare type Theme = (typeof Themes)[keyof typeof Themes];
-export declare const Sizes: {
-    'xx-large': string;
-    'x-large': string;
-    large: string;
-    regular: string;
-    small: string;
-    'x-small': string;
-};
-export declare type Size = (typeof Sizes)[keyof typeof Sizes];
+export declare const Themes: {
+    readonly primary: "primary";
+    readonly confirm: "confirm";
+    readonly 'the-pink': "the-pink";
+    readonly purple: "purple";
+    readonly red: "red";
+    readonly orange: "orange";
+    readonly green: "green";
+    readonly yellow: "yellow";
+    readonly white: "white";
+};
+export type Theme = (typeof Themes)[keyof typeof Themes];
+export declare const Sizes: {
+    'xx-large': string;
+    'x-large': string;
+    large: string;
+    regular: string;
+    small: string;
+    'x-small': string;
+};
+export type Size = (typeof Sizes)[keyof typeof Sizes];

package/dist/components/Button/utils.d.ts

@@ -1,22 +1,22 @@
-export declare const getTextColor: (props: {
-    color?: string;
-    backgroundColor: string;
-}) => string;
-export declare const getTextSize: (props: {
-    height: number;
-} | {
-    fontSize: number;
-}) => string | number;
-export declare const getPadding: (props: {
-    height: number;
-}) => string;
-export declare const getSizeComparedToBase: (props: {
-    height: number;
-}, originalValue: number) => number;
-export declare const getShadows: (props: {
-    backgroundColor: string;
-    shadowColor?: string | undefined;
-    dropShadowColor?: string | undefined;
-    strokeColor?: string | undefined;
-    height: number;
-}) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getTextColor: (props: {
+    color?: string;
+    backgroundColor: string;
+}) => string;
+export declare const getTextSize: (props: {
+    height: number;
+} | {
+    fontSize: number;
+}) => string | number;
+export declare const getPadding: (props: {
+    height: number;
+}) => string;
+export declare const getSizeComparedToBase: (props: {
+    height: number;
+}, originalValue: number) => number;
+export declare const getShadows: (props: {
+    backgroundColor: string;
+    shadowColor?: string;
+    dropShadowColor?: string;
+    strokeColor?: string;
+    height: number;
+}) => import("styled-components").RuleSet<object>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,24 +1,24 @@
-import { ReactElement } from 'react';
-export interface DatePickerProps {
-    primary: string;
-    autoFocus?: boolean;
-    onChange?: (date: Date) => void;
-    defaultValue?: Date;
-    input?: ReactElement<{
-        onClick: any;
-        ref: any;
-        children: any;
-    }>;
-}
-declare const DatePicker: {
-    (props: DatePickerProps): JSX.Element;
-    defaultProps: {
-        primary: string;
-        autoFocus: boolean;
-        onChange: null;
-        range: boolean;
-        defaultValue: null;
-        input: null;
-    };
-};
-export default DatePicker;
+import React, { ReactElement } from "react";
+export interface DatePickerProps {
+    primary: string;
+    autoFocus?: boolean;
+    onChange?: (date: Date) => void;
+    defaultValue?: Date;
+    input?: ReactElement<{
+        onClick: any;
+        ref: any;
+        children: any;
+    }>;
+}
+declare const DatePicker: {
+    (props: DatePickerProps): React.JSX.Element;
+    defaultProps: {
+        primary: string;
+        autoFocus: boolean;
+        onChange: null;
+        range: boolean;
+        defaultValue: null;
+        input: null;
+    };
+};
+export default DatePicker;

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

@@ -1,2 +1,2 @@
-import DatePicker from './DatePicker';
-export default DatePicker;
+import DatePicker from './DatePicker';
+export default DatePicker;

package/dist/components/Icon/Icon.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export interface IconProps {
-    name: string;
-    size?: string;
-    fill?: string;
-}
-declare const Icon: {
-    (props: IconProps): JSX.Element;
-    defaultProps: {
-        size: null;
-    };
-};
-export default Icon;
+import React from "react";
+export interface IconProps {
+    name: string;
+    $size?: string;
+    fill?: string;
+}
+declare const Icon: {
+    (props: IconProps): React.JSX.Element;
+    defaultProps: {
+        size: null;
+    };
+};
+export default Icon;

package/dist/components/Icon/icons.d.ts

@@ -1,137 +1,137 @@
-/// <reference types="react" />
-declare const ICONS: {
-    activities: JSX.Element;
-    archive: JSX.Element;
-    'arrow-left': JSX.Element;
-    'arrow-right': JSX.Element;
-    awards: JSX.Element;
-    'card-skills': JSX.Element;
-    challenges: JSX.Element;
-    chart: JSX.Element;
-    checkmark: JSX.Element;
-    close: JSX.Element;
-    collect: JSX.Element;
-    comment: JSX.Element;
-    controller: JSX.Element;
-    create: JSX.Element;
-    customise: JSX.Element;
-    draft: JSX.Element;
-    'drawing-task': JSX.Element;
-    egg: JSX.Element;
-    enclosure: JSX.Element;
-    exclamation: JSX.Element;
-    eye: JSX.Element;
-    filter: JSX.Element;
-    'for-you': JSX.Element;
-    games: JSX.Element;
-    goals: JSX.Element;
-    heart: JSX.Element;
-    help: JSX.Element;
-    info: JSX.Element;
-    items: JSX.Element;
-    lessons: JSX.Element;
-    lock: JSX.Element;
-    menu: JSX.Element;
-    message: JSX.Element;
-    minus: JSX.Element;
-    book: JSX.Element;
-    'my-zoo': JSX.Element;
-    new: JSX.Element;
-    notifications: JSX.Element;
-    NZK: JSX.Element;
-    'orb-disabled': JSX.Element;
-    orb: JSX.Element;
-    padlock: JSX.Element;
-    pdf: JSX.Element;
-    pencil: JSX.Element;
-    pending: JSX.Element;
-    play: JSX.Element;
-    'play-video': JSX.Element;
-    plus: JSX.Element;
-    private: JSX.Element;
-    progress: JSX.Element;
-    projects: JSX.Element;
-    refresh: JSX.Element;
-    rewards: JSX.Element;
-    settings: JSX.Element;
-    sharing: JSX.Element;
-    shop: JSX.Element;
-    'sound-off': JSX.Element;
-    'sound-on': JSX.Element;
-    'star-writing': JSX.Element;
-    transfer: JSX.Element;
-    trash: JSX.Element;
-    trophy: JSX.Element;
-    upload: JSX.Element;
-    writing: JSX.Element;
-    'writing-type-adventure-story': JSX.Element;
-    'writing-type-biography': JSX.Element;
-    'writing-type-diary-entry': JSX.Element;
-    'writing-type-free-write': JSX.Element;
-    'writing-type-instructions': JSX.Element;
-    'writing-type-letter-writing': JSX.Element;
-    'writing-type-newspaper-article': JSX.Element;
-    'writing-type-persuasive-writing': JSX.Element;
-    'writing-type-playscript': JSX.Element;
-    'writing-type-poem': JSX.Element;
-    'writing-type-report': JSX.Element;
-    'zoo-point': JSX.Element;
-    'NZK-purple': JSX.Element;
-    'about-us': JSX.Element;
-    compass: JSX.Element;
-    download: JSX.Element;
-    'exclamation-grey': JSX.Element;
-    facebook: JSX.Element;
-    flag: JSX.Element;
-    gift: JSX.Element;
-    instagram: JSX.Element;
-    layers: JSX.Element;
-    link: JSX.Element;
-    list: JSX.Element;
-    logout: JSX.Element;
-    megaphone: JSX.Element;
-    more: JSX.Element;
-    'nzktv-blue': JSX.Element;
-    'nzktv-green': JSX.Element;
-    search: JSX.Element;
-    task: JSX.Element;
-    'text-to-speech': JSX.Element;
-    torch: JSX.Element;
-    'trash-white': JSX.Element;
-    twitter: JSX.Element;
-    user: JSX.Element;
-    users: JSX.Element;
-    video: JSX.Element;
-    whatsapp: JSX.Element;
-    tick: JSX.Element;
-    'drawing-tool-undo': JSX.Element;
-    'drawing-tool-redo': JSX.Element;
-    'drawing-tool-camera': JSX.Element;
-    'drawing-tool-eraser': JSX.Element;
-    'drawing-tool-fill-brush': JSX.Element;
-    'drawing-tool-line-brush': JSX.Element;
-    'drawing-tool-small-line': JSX.Element;
-    'drawing-tool-medium-line': JSX.Element;
-    'drawing-tool-large-line': JSX.Element;
-    'drawing-tool-opacity-half': JSX.Element;
-    'drawing-tool-opacity-full': JSX.Element;
-    'drawing-tool-color-mixer': JSX.Element;
-    'drawing-tool-arrow-up': JSX.Element;
-    'drawing-tool-arrow-down': JSX.Element;
-    'drawing-tool-arrow-left': JSX.Element;
-    'drawing-tool-arrow-right': JSX.Element;
-    'drawing-tool-sticker': JSX.Element;
-    'idea-creator': JSX.Element;
-    send: JSX.Element;
-    giraffe: JSX.Element;
-    penguin: JSX.Element;
-    flamingo: JSX.Element;
-    bear: JSX.Element;
-    sealion: JSX.Element;
-    stats: JSX.Element;
-    back: JSX.Element;
-    next: JSX.Element;
-    yes: JSX.Element;
-    no: JSX.Element;
-};
-export default ICONS;
+import React from 'react';
+declare const ICONS: {
+    activities: React.JSX.Element;
+    archive: React.JSX.Element;
+    'arrow-left': React.JSX.Element;
+    'arrow-right': React.JSX.Element;
+    awards: React.JSX.Element;
+    'card-skills': React.JSX.Element;
+    challenges: React.JSX.Element;
+    chart: React.JSX.Element;
+    checkmark: React.JSX.Element;
+    close: React.JSX.Element;
+    collect: React.JSX.Element;
+    comment: React.JSX.Element;
+    controller: React.JSX.Element;
+    create: React.JSX.Element;
+    customise: React.JSX.Element;
+    draft: React.JSX.Element;
+    'drawing-task': React.JSX.Element;
+    egg: React.JSX.Element;
+    enclosure: React.JSX.Element;
+    exclamation: React.JSX.Element;
+    eye: React.JSX.Element;
+    filter: React.JSX.Element;
+    'for-you': React.JSX.Element;
+    games: React.JSX.Element;
+    goals: React.JSX.Element;
+    heart: React.JSX.Element;
+    help: React.JSX.Element;
+    info: React.JSX.Element;
+    items: React.JSX.Element;
+    lessons: React.JSX.Element;
+    lock: React.JSX.Element;
+    menu: React.JSX.Element;
+    message: React.JSX.Element;
+    minus: React.JSX.Element;
+    book: React.JSX.Element;
+    'my-zoo': React.JSX.Element;
+    new: React.JSX.Element;
+    notifications: React.JSX.Element;
+    NZK: React.JSX.Element;
+    'orb-disabled': React.JSX.Element;
+    orb: React.JSX.Element;
+    padlock: React.JSX.Element;
+    pdf: React.JSX.Element;
+    pencil: React.JSX.Element;
+    pending: React.JSX.Element;
+    play: React.JSX.Element;
+    'play-video': React.JSX.Element;
+    plus: React.JSX.Element;
+    private: React.JSX.Element;
+    progress: React.JSX.Element;
+    projects: React.JSX.Element;
+    refresh: React.JSX.Element;
+    rewards: React.JSX.Element;
+    settings: React.JSX.Element;
+    sharing: React.JSX.Element;
+    shop: React.JSX.Element;
+    'sound-off': React.JSX.Element;
+    'sound-on': React.JSX.Element;
+    'star-writing': React.JSX.Element;
+    transfer: React.JSX.Element;
+    trash: React.JSX.Element;
+    trophy: React.JSX.Element;
+    upload: React.JSX.Element;
+    writing: React.JSX.Element;
+    'writing-type-adventure-story': React.JSX.Element;
+    'writing-type-biography': React.JSX.Element;
+    'writing-type-diary-entry': React.JSX.Element;
+    'writing-type-free-write': React.JSX.Element;
+    'writing-type-instructions': React.JSX.Element;
+    'writing-type-letter-writing': React.JSX.Element;
+    'writing-type-newspaper-article': React.JSX.Element;
+    'writing-type-persuasive-writing': React.JSX.Element;
+    'writing-type-playscript': React.JSX.Element;
+    'writing-type-poem': React.JSX.Element;
+    'writing-type-report': React.JSX.Element;
+    'zoo-point': React.JSX.Element;
+    'NZK-purple': React.JSX.Element;
+    'about-us': React.JSX.Element;
+    compass: React.JSX.Element;
+    download: React.JSX.Element;
+    'exclamation-grey': React.JSX.Element;
+    facebook: React.JSX.Element;
+    flag: React.JSX.Element;
+    gift: React.JSX.Element;
+    instagram: React.JSX.Element;
+    layers: React.JSX.Element;
+    link: React.JSX.Element;
+    list: React.JSX.Element;
+    logout: React.JSX.Element;
+    megaphone: React.JSX.Element;
+    more: React.JSX.Element;
+    'nzktv-blue': React.JSX.Element;
+    'nzktv-green': React.JSX.Element;
+    search: React.JSX.Element;
+    task: React.JSX.Element;
+    'text-to-speech': React.JSX.Element;
+    torch: React.JSX.Element;
+    'trash-white': React.JSX.Element;
+    twitter: React.JSX.Element;
+    user: React.JSX.Element;
+    users: React.JSX.Element;
+    video: React.JSX.Element;
+    whatsapp: React.JSX.Element;
+    tick: React.JSX.Element;
+    'drawing-tool-undo': React.JSX.Element;
+    'drawing-tool-redo': React.JSX.Element;
+    'drawing-tool-camera': React.JSX.Element;
+    'drawing-tool-eraser': React.JSX.Element;
+    'drawing-tool-fill-brush': React.JSX.Element;
+    'drawing-tool-line-brush': React.JSX.Element;
+    'drawing-tool-small-line': React.JSX.Element;
+    'drawing-tool-medium-line': React.JSX.Element;
+    'drawing-tool-large-line': React.JSX.Element;
+    'drawing-tool-opacity-half': React.JSX.Element;
+    'drawing-tool-opacity-full': React.JSX.Element;
+    'drawing-tool-color-mixer': React.JSX.Element;
+    'drawing-tool-arrow-up': React.JSX.Element;
+    'drawing-tool-arrow-down': React.JSX.Element;
+    'drawing-tool-arrow-left': React.JSX.Element;
+    'drawing-tool-arrow-right': React.JSX.Element;
+    'drawing-tool-sticker': React.JSX.Element;
+    'idea-creator': React.JSX.Element;
+    send: React.JSX.Element;
+    giraffe: React.JSX.Element;
+    penguin: React.JSX.Element;
+    flamingo: React.JSX.Element;
+    bear: React.JSX.Element;
+    sealion: React.JSX.Element;
+    stats: React.JSX.Element;
+    back: React.JSX.Element;
+    next: React.JSX.Element;
+    yes: React.JSX.Element;
+    no: React.JSX.Element;
+};
+export default ICONS;

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

@@ -1,2 +1,2 @@
-import Icon from './Icon';
-export default Icon;
+import Icon from './Icon';
+export default Icon;