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

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;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,9 +1,9 @@
-import React, { HTMLAttributes } from 'react';
-import { ButtonProps } from '../Button/Button';
-export declare type IconButtonProps = {
-    icon: any;
-} & ButtonProps & HTMLAttributes<HTMLDivElement>;
-declare const _default: React.ForwardRefExoticComponent<{
-    icon: any;
-} & import("../Button/Button").BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import React, { HTMLAttributes } from "react";
+import { ButtonProps } from "../Button/Button";
+export type IconButtonProps = {
+    icon: any;
+} & ButtonProps & HTMLAttributes<HTMLDivElement>;
+declare const _default: React.ForwardRefExoticComponent<{
+    icon: any;
+} & import("../Button/Button").BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

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

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

@@ -1,7 +1,8 @@
-export interface InputProps {
-    borderRadius?: string;
-    borderColor?: string;
-    borderWidth?: string;
-}
-declare const Input: import("styled-components").StyledComponent<"input", any, InputProps, never>;
-export default Input;
+/// <reference types="react" />
+export interface InputProps {
+    $borderRadius?: string;
+    $borderColor?: string;
+    $borderWidth?: string;
+}
+declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>;
+export default Input;

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

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

package/dist/components/Modal/Modal.d.ts

@@ -1,11 +1,11 @@
-import { ReactElement } from 'react';
-export interface ModalProps {
-    children?: ReactElement | string;
-    title?: string;
-    message?: string;
-    errorMessage?: string;
-    actions?: ReactElement[];
-    dismiss?: () => void;
-}
-declare const Modal: (props: ModalProps) => JSX.Element;
-export default Modal;
+import React, { ReactElement } from "react";
+export interface ModalProps {
+    children?: ReactElement | string;
+    title?: string;
+    message?: string;
+    errorMessage?: string;
+    actions?: ReactElement[];
+    dismiss?: () => void;
+}
+declare const Modal: (props: ModalProps) => React.JSX.Element;
+export default Modal;

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

@@ -1,7 +1,8 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {
-    hasError: boolean;
-}, never>;
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const QuitButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasError: boolean;
+}>>;
+export declare const Actions: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const QuitButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/Modal/ModalState.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactElement } from 'react';
-declare const useModalState: () => {
-    open: (modal: ReactElement, key?: string | undefined) => string;
-    close: (key?: string | undefined) => void;
-    modals: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-};
-declare const ModalProvider: (props: any) => JSX.Element;
-export { ModalProvider, useModalState };
+import React, { ReactElement } from "react";
+declare const useModalState: () => {
+    open: (modal: ReactElement, key?: string) => string;
+    close: (key?: string) => void;
+    modals: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+};
+declare const ModalProvider: (props: any) => React.JSX.Element;
+export { ModalProvider, useModalState };

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

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

package/dist/components/SyncedText/SyncedText.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ISyncedTextProps } from './types';
-export declare const SyncedText: (props: ISyncedTextProps) => JSX.Element | null;
+import React from 'react';
+import { ISyncedTextProps } from './types';
+export declare const SyncedText: (props: ISyncedTextProps) => React.JSX.Element | null;

package/dist/components/SyncedText/hooks/useTimeout.d.ts

@@ -1,5 +1,5 @@
-interface IProps {
-    timeoutMs?: number;
-}
-export declare const useAudioTimeout: (props: IProps) => [(cb: () => void) => void, () => void];
-export {};
+interface IProps {
+    timeoutMs?: number;
+}
+export declare const useAudioTimeout: (props: IProps) => [(cb: () => void) => void, () => void];
+export {};

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

@@ -1,2 +1,2 @@
-export * from './SyncedText';
-export * from './types';
+export * from './SyncedText';
+export * from './types';

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

@@ -1,27 +1,27 @@
-import type { Howl } from 'howler';
-export interface ISequence {
-    text: string;
-    time: [number, number];
-}
-export interface IAudioSync {
-    audio: string;
-    sequences: ISequence[];
-}
-export interface ISyncedTextRef {
-    play: () => void;
-    pause: () => void;
-    stop: () => void;
-    isPlaying: () => void;
-    getHowl: () => Howl | null;
-}
-export interface ISyncedTextProps {
-    value: IAudioSync;
-    Howl: typeof Howl;
-    showPlayButton?: boolean;
-    setRef?: (ref: ISyncedTextRef) => void;
-    autoPlay?: boolean;
-    onComplete?: () => void;
-    timeoutMs?: number;
-    onTimeout?: () => void;
-    onError?: (err: any) => void;
-}
+import type { Howl } from 'howler';
+export interface ISequence {
+    text: string;
+    time: [number, number];
+}
+export interface IAudioSync {
+    audio: string;
+    sequences: ISequence[];
+}
+export interface ISyncedTextRef {
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    isPlaying: () => void;
+    getHowl: () => Howl | null;
+}
+export interface ISyncedTextProps {
+    value: IAudioSync;
+    Howl: typeof Howl;
+    showPlayButton?: boolean;
+    setRef?: (ref: ISyncedTextRef) => void;
+    autoPlay?: boolean;
+    onComplete?: () => void;
+    timeoutMs?: number;
+    onTimeout?: () => void;
+    onError?: (err: any) => void;
+}

package/dist/esm/components/Avatar/Avatar.js

@@ -1 +1 @@
-import e,{useMemo as r}from"react";import{Wrapper as t,Flag as o,AvatarImage as n}from"./Avatar.styles.js";var s=function(s){var a=r((function(){var e;return(null===(e=s.user)||void 0===e?void 0:e.countryCode)||s.countryCode}),[s]),d=r((function(){var e,r,t,o=(null===(r=null===(e=s.user)||void 0===e?void 0:e.avatar)||void 0===r?void 0:r.url)||s.src;return o||(o||"student"!==(null===(t=s.user)||void 0===t?void 0:t.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[s]),i=r((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/"+a+".png"}),[a]),u=r((function(){return!(!i||s.flagHidden)}),[i,s]);return e.createElement(t,{size:s.size,colors:s.colors},u&&e.createElement(o,{src:i}),e.createElement(n,{src:d}))};s.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}};export{s as default};
+import e,{useMemo as r}from"react";import{Wrapper as t,Flag as o,AvatarImage as n}from"./Avatar.styles.js";var s=function(s){var a=r((function(){var e;return(null===(e=s.user)||void 0===e?void 0:e.countryCode)||s.countryCode}),[s]),d=r((function(){var e,r,t,o=(null===(r=null===(e=s.user)||void 0===e?void 0:e.avatar)||void 0===r?void 0:r.url)||s.src;return o||(o||"student"!==(null===(t=s.user)||void 0===t?void 0:t.type)?"https://cdn.nightzookeeper.com/nzk-assets/empty-avatar.png":"https://cdn.nightzookeeper.com/edu-assets/images/empty-avatar.png")}),[s]),i=r((function(){if(a)return"https://cdn.nightzookeeper.com/edu-assets/images/flags/".concat(a,".png")}),[a]),c=r((function(){return!(!i||s.flagHidden)}),[i,s]);return e.createElement(t,{$size:s.size,$colors:s.colors},c&&e.createElement(o,{src:i}),e.createElement(n,{$src:d}))};s.defaultProps={size:"60px",flagHidden:!1,colors:{border:"#8B26D4",shadow:"#53167E",dropshadow:"rgba(0,0,0,0.4)"}};export{s as default};

package/dist/esm/components/Avatar/Avatar.styles.js

@@ -1 +1 @@
-import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import r from"styled-components";var n,a,i,c=r.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(n||(n=o(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.size})),e=r.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(a||(a=o(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.src})),s=r.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(i||(i=o(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color), 0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n  \n"])),(function(o){return o.src}));export{e as AvatarImage,s as Flag,c as Wrapper};
+import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import r from"styled-components";var n,a,i,c=r.div.withConfig({displayName:"Avatarstyles__Wrapper",componentId:"sc-mm95v8-0"})(n||(n=o(["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"],["\n  position: relative;\n  --border-color: ",";\n  --shadow-color: ",";\n  --dropshadow-color: ",";\n  --size: ",";\n  height: calc(var(--size) + calc(var(--size) * 0.1));\n  width: var(--size);\n  box-sizing: content-box !important;\n  > * {\n    box-sizing: content-box !important;\n  }\n"])),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.border}),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.shadow}),(function(o){var r;return null===(r=o.$colors)||void 0===r?void 0:r.dropshadow}),(function(o){return o.$size})),e=r.div.withConfig({displayName:"Avatarstyles__AvatarImage",componentId:"sc-mm95v8-1"})(a||(a=o(["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"],["\n  height: calc(var(--size) - calc(var(--size) * 0.1));\n  width: calc(100% - calc(var(--size) * 0.1));\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border: calc(var(--size) * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.1) 0 var(--dropshadow-color);\n  background-color: #ebebeb;\n  border-radius: 50%;\n  overflow: hidden;\n"])),(function(o){return o.$src})),s=r.div.withConfig({displayName:"Avatarstyles__Flag",componentId:"sc-mm95v8-2"})(i||(i=o(["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n"],["\n  position: absolute;\n  height: calc(var(--size) * 0.35);\n  width: calc(var(--size) * 0.35);\n  top: 0;\n  right: 0;\n  background-image: url(",");\n  background-size: cover;\n  background-position: center;\n  border-radius: 50%;\n  border: calc(var(--size) * 0.6 * 0.05) solid var(--border-color);\n  box-shadow: 0 calc(var(--size) * 0.6 * 0.05) 0 var(--shadow-color),\n    0 calc(var(--size) * 0.6 * 0.1) 0 var(--dropshadow-color);\n"])),(function(o){return o.src}));export{e as AvatarImage,s as Flag,c as Wrapper};

package/dist/esm/components/Button/utils.js

@@ -1 +1 @@
-import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import{css as n}from"styled-components";import{getLuminance as r,darken as t,lighten as p}from"polished";var x,a=function(o){return o.color?o.color:o.backgroundColor&&r(o.backgroundColor)<=.5?"#fff":"#000"},e=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:o.height/2.5+"px"},i=function(o){return.001*o.height+"px "+o.height/2+"px"},u=function(o,n){return o.height*n/64},l=function(a){var e=r(a.backgroundColor),i=a.shadowColor||e&&t(.2,a.backgroundColor)||!e&&p(.2,a.backgroundColor),l=a.dropShadowColor||"rgba(0,0,0,0.3)",s=a.strokeColor||e&&p(.1,a.backgroundColor)||!e&&t(.1,a.backgroundColor);return n(x||(x=o(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),u(a,5),i,u(a,12),l,u(a,5),s,u(a,7),u(a,5),i,u(a,5),s)};export{i as getPadding,l as getShadows,u as getSizeComparedToBase,a as getTextColor,e as getTextSize};
+import{__makeTemplateObject as o}from"../../_virtual/_tslib.js";import{css as n}from"styled-components";import{getLuminance as r,darken as t,lighten as p}from"polished";var a,x=function(o){return o.color?o.color:o.backgroundColor&&r(o.backgroundColor)<=.5?"#fff":"#000"},e=function(o){return function(o){return Boolean(o.fontSize)}(o)?o.fontSize:"".concat(o.height/2.5,"px")},c=function(o){return"".concat(.001*o.height,"px ").concat(o.height/2,"px")},i=function(o,n){return o.height*n/64},u=function(x){var e=r(x.backgroundColor),c=x.shadowColor||e&&t(.2,x.backgroundColor)||!e&&p(.2,x.backgroundColor),u=x.dropShadowColor||"rgba(0,0,0,0.3)",l=x.strokeColor||e&&p(.1,x.backgroundColor)||!e&&t(.1,x.backgroundColor);return n(a||(a=o(["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "],["\n    box-shadow: 0 ","px 0 ",",\n      0 ","px 0 ",",\n      inset 0 0px 0px ","px ",";\n\n    :active {\n      transform: translateY(","px);\n      box-shadow: 0 ","px 0 ",",\n        inset 0 0px 0px ","px ",";\n    }\n  "])),i(x,5),c,i(x,12),u,i(x,5),l,i(x,7),i(x,5),c,i(x,5),l)};export{c as getPadding,u as getShadows,i as getSizeComparedToBase,x as getTextColor,e as getTextSize};

package/dist/esm/components/DatePicker/DatePicker.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import{getLuminance as r,darken as e,lighten as o}from"polished";import t,{useRef as a,useState as i,useEffect as c,forwardRef as d}from"react";import p from"react-datepicker";import l,{css as s}from"styled-components";import u from"../Button/Button.js";var f,g,m=l.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(g||(g=n(["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"],["\n  ","\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])),(function(t){var a=function(n){var t=n.primary,a=r(t)>=.5;return{primary:t,secondary:a?e(.2,t):o(.2,t),color:a?"#000":"#fff"}}(t);return s(f||(f=n(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),a.primary,a.secondary,a.color)})),x=function(n){var r=a(null),e=i(n.defaultValue||new Date),o=e[0],l=e[1];c((function(){n.autoFocus&&r.current&&r.current.input&&r.current.input.focus()}),[]);var s=d((function(r,e){var o=r.value,a=r.onClick;return n.input?t.cloneElement(n.input,{onClick:a,ref:e,children:o}):t.createElement(u,{onClick:a,ref:e,theme:"primary",size:"small"},o)}));return c((function(){n.onChange&&n.onChange(o)}),[o]),t.createElement(m,{primary:n.primary},t.createElement(p,{ref:r,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return l(n)},customInput:t.createElement(s,null)}))};x.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null};export{x as default};
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import{getLuminance as r,darken as e,lighten as o}from"polished";import t,{useRef as a,useState as i,useEffect as c,forwardRef as d}from"react";import p from"react-datepicker";import l,{css as s}from"styled-components";import u from"../Button/Button.js";var f,g,m=l.div.withConfig({displayName:"DatePicker__Wrapper",componentId:"sc-1hk1645-0"})(g||(g=n(["\n  ",'\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: "";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: "Rammetto One";\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * {\n      flex: 1;\n      padding: 10px 0;\n    }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * {\n      flex: 1;\n      padding: 10px;\n    }\n  }\n'],["\n  ",'\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: "";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: "Rammetto One";\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * {\n      flex: 1;\n      padding: 10px 0;\n    }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * {\n      flex: 1;\n      padding: 10px;\n    }\n  }\n'])),(function(t){var a=function(n){var t=n.$primary,a=r(t)>=.5;return{primary:t,secondary:a?e(.2,t):o(.2,t),color:a?"#000":"#fff"}}(t);return s(f||(f=n(["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "],["\n      --primary: ",";\n      --secondary: ",";\n      --color: ",";\n    "])),a.primary,a.secondary,a.color)})),x=function(n){var r=a(null),e=i(n.defaultValue||new Date),o=e[0],l=e[1];c((function(){n.autoFocus&&r.current&&r.current.input&&r.current.input.focus()}),[]);var s=d((function(r,e){var o=r.value,a=r.onClick;return n.input?t.cloneElement(n.input,{onClick:a,ref:e,children:o}):t.createElement(u,{onClick:a,ref:e,theme:"primary",size:"small"},o)}));return c((function(){n.onChange&&n.onChange(o)}),[o]),t.createElement(m,{$primary:n.primary},t.createElement(p,{ref:r,dateFormat:"d MMMM yyyy",withPortal:!0,selected:o,onChange:function(n){return l(n)},customInput:t.createElement(s,null)}))};x.defaultProps={primary:"#1EA7FD",autoFocus:!1,onChange:null,range:!1,defaultValue:null,input:null};export{x as default};

package/dist/esm/components/IconButton/IconButton.js

@@ -1 +1 @@
-import{__makeTemplateObject as o,__assign as n}from"../../_virtual/_tslib.js";import e,{forwardRef as t}from"react";import r from"styled-components";import l from"../Button/Button.js";import{SIZES as i}from"../Button/constants.js";var a,s=r.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(a||(a=o(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(o){return o.overlap})),d=t((function(o,t){var r=(o.size?i[o.size]:o.height)||0,a={backgroundColor:o.backgroundColor,height:o.height,fullWidth:o.fullWidth,children:o.children,color:o.color,strokeColor:o.strokeColor,dropShadowColor:o.dropShadowColor,shadowColor:o.shadowColor,fontSize:o.fontSize,round:o.round,disabled:o.disabled,wiggle:o.wiggle,size:o.size,theme:o.theme};return e.createElement(s,n({as:o.as,overlap:.3*r,ref:t},o),e.createElement(l,n({className:"button--icon"},a,{as:"span",round:!0}),o.icon),e.createElement(l,n({className:"button--label"},a,{as:"span"})))}));export{d as default};
+import{__makeTemplateObject as o,__assign as n}from"../../_virtual/_tslib.js";import e,{forwardRef as t}from"react";import r from"styled-components";import l from"../Button/Button.js";import{SIZES as i}from"../Button/constants.js";var a,s=r.div.withConfig({displayName:"IconButton__Wrapper",componentId:"sc-1harz0i-0"})(a||(a=o(["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  > .button--icon {\n    z-index: 2;\n  }\n  > .button--label {\n    margin-left: -","px;\n    z-index: 1;\n  }\n"])),(function(o){return o.$overlap})),d=t((function(o,t){var r=(o.size?i[o.size]:o.height)||0,a={backgroundColor:o.backgroundColor,height:o.height,fullWidth:o.fullWidth,children:o.children,color:o.color,strokeColor:o.strokeColor,dropShadowColor:o.dropShadowColor,shadowColor:o.shadowColor,fontSize:o.fontSize,round:o.round,disabled:o.disabled,wiggle:o.wiggle,size:o.size,theme:o.theme};return e.createElement(s,n({as:o.as,$overlap:.3*r,ref:t},o),e.createElement(l,n({className:"button--icon"},a,{as:"span",round:!0}),o.icon),e.createElement(l,n({className:"button--label"},a,{as:"span"})))}));export{d as default};

package/dist/esm/components/Input/Input.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import r,{css as o}from"styled-components";var i,e,d=r.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(e||(e=n(["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"],["\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: 'Libre Baskerville';\n  ","\n"])),(function(r){return o(i||(i=n(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.borderRadius,r.borderWidth,r.borderColor)}));d.defaultProps={borderRadius:"6px",borderColor:"#000",borderWidth:"2px"};export{d as default};
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import r,{css as o}from"styled-components";var i,e,d=r.input.withConfig({displayName:"Input",componentId:"sc-1pih6it-0"})(e||(e=n(['\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: "Libre Baskerville";\n  ',"\n"],['\n  outline: none;\n  padding: 6px 10px;\n  font-size: 17px;\n  font-family: "Libre Baskerville";\n  ',"\n"])),(function(r){return o(i||(i=n(["\n    border-radius: ",";\n    border: "," solid ",";\n  "],["\n    border-radius: ",";\n    border: "," solid ",";\n  "])),r.$borderRadius,r.$borderWidth,r.$borderColor)}));d.defaultProps={$borderRadius:"6px",$borderColor:"#000",$borderWidth:"2px"};export{d as default};

package/dist/esm/components/Modal/Modal.js

@@ -1 +1 @@
-import e,{useMemo as r}from"react";import"../../_virtual/_tslib.js";import t from"../../icons/Close.js";import n from"../Button/Button.js";import{Wrapper as s,QuitButton as o,Title as a,Content as l,Actions as i}from"./Modal.styles.js";var m=function(m){var u=r((function(){return m.errorMessage?"Error":m.title}),[]),c=r((function(){return m.errorMessage?m.errorMessage:m.message?m.message:m.children}),[]),f=r((function(){return m.actions?m.actions:null}),[]);return e.createElement(s,null,m.dismiss&&e.createElement(o,{onClick:m.dismiss},e.createElement(n,{round:!0,theme:"red",size:"regular"},e.createElement(t,null))),e.createElement(a,null,u),c&&e.createElement(l,{hasError:Boolean(m.errorMessage&&!0)},c),e.createElement(i,null,Array.isArray(f)&&f.map((function(e){return e}))))};export{m as default};
+import e,{useMemo as r}from"react";import"../../_virtual/_tslib.js";import t from"../../icons/Close.js";import n from"../Button/Button.js";import{Wrapper as s,QuitButton as o,Title as a,Content as l,Actions as i}from"./Modal.styles.js";var m=function(m){var u=r((function(){return m.errorMessage?"Error":m.title}),[]),c=r((function(){return m.errorMessage?m.errorMessage:m.message?m.message:m.children}),[]),f=r((function(){return m.actions?m.actions:null}),[]);return e.createElement(s,null,m.dismiss&&e.createElement(o,{onClick:m.dismiss},e.createElement(n,{round:!0,theme:"red",size:"regular"},e.createElement(t,null))),e.createElement(a,null,u),c&&e.createElement(l,{$hasError:Boolean(m.errorMessage&&!0)},c),e.createElement(i,null,Array.isArray(f)&&f.map((function(e){return e}))))};export{m as default};

package/dist/esm/components/Modal/Modal.styles.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import o,{css as i}from"styled-components";var t,p,a,d,r,e,x=o.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(t||(t=n(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531D75, 0 10px 0 #1C042B, 0 14px 0 rgba(0,0,0,0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=o.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(p||(p=n(["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"],["\n  color: #fff;\n  font-family: 'Rammetto One';\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n"]))),l=o.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(d||(d=n(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(o){return o.hasError&&i(a||(a=n(["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "],["\n    box-shadow: 0px 0px 3px 1px #ff000055;\n  "])))})),f=o.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(r||(r=n(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * { margin-right: 10px; }\n  > :last-child { margin-right: 0; }\n"]))),g=o.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(e||(e=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));export{f as Actions,l as Content,g as QuitButton,s as Title,x as Wrapper};
+import{__makeTemplateObject as n}from"../../_virtual/_tslib.js";import o,{css as i}from"styled-components";var t,p,d,a,r,e,x=o.div.withConfig({displayName:"Modalstyles__Wrapper",componentId:"sc-1kydg2d-0"})(t||(t=n(["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531d75, 0 10px 0 #1c042b, 0 14px 0 rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"],["\n  position: relative;\n  background-color: #341644;\n  border-radius: 45px;\n  padding-bottom: 15px;\n  padding: 20px 40px;\n  max-width: 760px;\n  box-shadow: 0 -5px 0 #531d75, 0 10px 0 #1c042b, 0 14px 0 rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  color: #fff;\n  display: inline-flex;\n  flex-direction: column;\n  min-width: 340px;\n"]))),s=o.div.withConfig({displayName:"Modalstyles__Title",componentId:"sc-1kydg2d-1"})(p||(p=n(['\n  color: #fff;\n  font-family: "Rammetto One";\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n'],['\n  color: #fff;\n  font-family: "Rammetto One";\n  text-align: center;\n  font-size: 26px;\n  margin-bottom: 10px;\n']))),l=o.div.withConfig({displayName:"Modalstyles__Content",componentId:"sc-1kydg2d-2"})(a||(a=n(["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"],["\n  background-color: #ffffff0a;\n  flex: 1;\n  border-radius: 20px;\n  font-size: 18px;\n  height: 100%;\n  padding: 20px 15px;\n  ","\n"])),(function(o){return o.$hasError&&i(d||(d=n(["\n      box-shadow: 0px 0px 3px 1px #ff000055;\n    "],["\n      box-shadow: 0px 0px 3px 1px #ff000055;\n    "])))})),f=o.div.withConfig({displayName:"Modalstyles__Actions",componentId:"sc-1kydg2d-3"})(r||(r=n(["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * {\n    margin-right: 10px;\n  }\n  > :last-child {\n    margin-right: 0;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  margin-top: 15px;\n  > * {\n    margin-right: 10px;\n  }\n  > :last-child {\n    margin-right: 0;\n  }\n"]))),g=o.div.withConfig({displayName:"Modalstyles__QuitButton",componentId:"sc-1kydg2d-4"})(e||(e=n(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(11px, -16px);\n"])));export{f as Actions,l as Content,g as QuitButton,s as Title,x as Wrapper};

package/dist/esm/components/Modal/ModalState.js

@@ -1 +1 @@
-import{__makeTemplateObject as n,__assign as t}from"../../_virtual/_tslib.js";import e,{useState as r,useMemo as o}from"react";import{nanoid as i}from"nanoid";import l from"styled-components";import{createContainer as c}from"unstated-next";var a,u=l.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(a||(a=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(n){return n.active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),f=c((function(){var n=r({}),l=n[0],c=n[1],a=o((function(){return Object.keys(l).map((function(n){return l[n]}))}),[l]),u=o((function(){return Object.keys(l)[Object.keys(l).length-1]}),[l]),f=function(n){var e=n||u;c((function(n){var r=t({},n);return delete r[e],r}))};return{open:function(n,r){var o=""+(r||i());return c((function(r){var i=t({},r);return i[o]=e.cloneElement(n,{id:o,dismiss:function(){return f(o)}}),i})),o},close:f,modals:a}})),m=f.useContainer,s=function(){var n=m(),t=n.modals,r=n.close;return 0===t.length?null:e.createElement(e.Fragment,null,t.map((function(n,o){return e.createElement(u,{onClick:function(){return r()},active:o===t.length-1},e.createElement("div",{onClick:function(n){n.stopPropagation(),n.preventDefault()},role:"alert"},n))})))},d=function(n){return e.createElement(f.Provider,null,e.createElement(s,null),e.cloneElement(n.children,n))};export{d as ModalProvider,m as useModalState};
+import{__makeTemplateObject as n,__assign as t}from"../../_virtual/_tslib.js";import e,{useState as r,useMemo as o}from"react";import{nanoid as i}from"nanoid";import l from"styled-components";import{createContainer as c}from"../../lib/unstated-next.js";var a,u=l.div.withConfig({displayName:"ModalState__Overlay",componentId:"sc-at61ls-0"})(a||(a=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999999;\n"])),(function(n){return n.$active?"rgba(0,0,0,0.7)":"rgba(0,0,0,0)"})),f=c((function(){var n=r({}),l=n[0],c=n[1],a=o((function(){return Object.keys(l).map((function(n){return l[n]}))}),[l]),u=o((function(){return Object.keys(l)[Object.keys(l).length-1]}),[l]),f=function(n){var e=n||u;c((function(n){var r=t({},n);return delete r[e],r}))};return{open:function(n,r){var o="".concat(r||i());return c((function(r){var i=t({},r);return i[o]=e.cloneElement(n,{id:o,dismiss:function(){return f(o)}}),i})),o},close:f,modals:a}})),m=f.useContainer,s=function(){var n=m(),t=n.modals,r=n.close;return 0===t.length?null:e.createElement(e.Fragment,null,t.map((function(n,o){return e.createElement(u,{onClick:function(){return r()},$active:o===t.length-1},e.createElement("div",{onClick:function(n){n.stopPropagation(),n.preventDefault()},role:"alert"},n))})))},d=function(n){return e.createElement(f.Provider,null,e.createElement(s,null),e.cloneElement(n.children,n))};export{d as ModalProvider,m as useModalState};