pennywise-ui 0.0.2 → 0.0.3

package/dist/index.css

@@ -1 +1 @@
-.Typography__u3PLs5v2{margin:0;padding:0}.H1__8o8zIRfd{font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:36px;letter-spacing:-.02em}.H2__-t991U-M{font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.01em}.H3__v3fAG73u{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-.01em}.H4__HjJ-d85i{font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:24px}.H5__d5YpTjhS{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:20px}.H6__o6KB3zY3{font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px}.Text1__m3wAf1jf{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:20px}.Text2__y4qTA2H8{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.Caption1__L12e2hkf{font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:16px}.Caption2__bD-bE9Kn{font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:16px}.Overline__SlR2ypl7{font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.07em;text-transform:uppercase}.Button1__6-qgHDFh{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:20px}.Button2__OVcRO9ud{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.Button__64QXXrHS{display:inline-flex;align-items:center;justify-content:center;gap:var(--gutter-xxs);margin:0;background:none;border:0;cursor:pointer;box-sizing:border-box;border-radius:var(--border-radius-m);padding:0 var(--gutter-s);transition:color .2s,background-color .2s,border-color .2s;&:disabled{cursor:not-allowed}}.FullWidth__2jglXxzw{width:100%}.L__g3W5-JTM{height:48px}.M__OorM2PnC{height:36px}.S__hFMJmwFz{height:32px}.Primary__vHKhG43F{color:var(--color-text-primary-inverted);background-color:var(--color-button-primary);&:disabled{background-color:var(--color-button-primary-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-primary-hover)}&:active:not([disabled]){background-color:var(--color-button-primary-active)}}.Additional__i9b-7LJB{color:var(--color-text-primary-inverted);background-color:var(--color-button-additional);&:disabled{background-color:var(--color-button-additional-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-additional-hover)}&:active:not([disabled]){background-color:var(--color-button-additional-active)}}.Negative__sQ1ZNRRC{color:var(--color-text-primary-inverted);background-color:var(--color-button-negative);&:disabled{background-color:var(--color-button-negative-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-negative-hover)}&:active:not([disabled]){background-color:var(--color-button-negative-active)}}.Ghost__qIf7tz0m{color:var(--color-text-primary);background-color:var(--color-button-ghost);&:disabled{background-color:var(--color-button-ghost-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-ghost-hover)}&:active:not([disabled]){background-color:var(--color-button-ghost-active)}}.Secondary__aj0g1-lJ{color:var(--color-text-primary);background-color:var(--color-button-secondary);border:1px solid var(--color-border-primary);&:disabled{background-color:var(--color-button-secondary-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-secondary-hover)}&:active:not([disabled]){background-color:var(--color-button-secondary-active)}}.InputContainer__crIfoXhZ{display:inline-flex;flex-direction:column}.Label__Kyf0Xq1i{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:6px}.M__SMUZVaRF{padding:7px 10px}.S__5l8iHiDH{padding:5px 10px}.Input__4NuyvuVR{box-sizing:border-box;border-radius:var(--border-radius-m);border:1px solid var(--color-border-primary);color:var(--color-text-primary);transition:border .3s ease;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;&:disabled,&[readonly]{background-color:var(--color-fill-disabled);outline:none;cursor:not-allowed}&:hover:not([disabled],[readonly]){border-color:var(--color-border-info)}&:focus:not([disabled],[readonly]){border-color:var(--color-border-info);outline:none}&::placeholder{color:var(--color-text-secondary)}}.InputError__2gG55TuU{border:1px solid var(--color-border-error)}.InputWarning__s3CQtuE-{border:1px solid var(--color-border-warning)}.ErrorMessage__Fq7yQNvS{margin-top:6px;color:var(--color-text-error)}.WarningMessage__h9Ja9fM-{margin-top:6px;color:var(--color-text-warning)}.SuccessMessage__9p7eZXYa{margin-top:6px;color:var(--color-text-success)}.PageBlock__cdP4z452{background-color:var(--color-background-secondary);border-radius:var(--border-radius-l)}
+.Typography__u3PLs5v2{margin:0;padding:0}.H1__8o8zIRfd{font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:36px;letter-spacing:-.02em}.H2__-t991U-M{font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.01em}.H3__v3fAG73u{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24px;letter-spacing:-.01em}.H4__HjJ-d85i{font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:24px}.H5__d5YpTjhS{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:20px}.H6__o6KB3zY3{font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px}.Text1__m3wAf1jf{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:20px}.Text2__y4qTA2H8{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.Caption1__L12e2hkf{font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:16px}.Caption2__bD-bE9Kn{font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:16px}.Overline__SlR2ypl7{font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.07em;text-transform:uppercase}.Button1__6-qgHDFh{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:20px}.Button2__OVcRO9ud{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.Button__64QXXrHS{display:inline-flex;align-items:center;justify-content:center;gap:var(--gutter-xxs);margin:0;background:none;border:0;cursor:pointer;box-sizing:border-box;border-radius:var(--border-radius-m);padding:0 var(--gutter-s);transition:color .2s,background-color .2s,border-color .2s;&:disabled{cursor:not-allowed}}.FullWidth__2jglXxzw{width:100%}.L__g3W5-JTM{height:48px}.M__OorM2PnC{height:36px}.S__hFMJmwFz{height:32px}.Primary__vHKhG43F{color:var(--color-text-primary-inverted);background-color:var(--color-button-primary);&:disabled{background-color:var(--color-button-primary-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-primary-hover)}&:active:not([disabled]){background-color:var(--color-button-primary-active)}}.Additional__i9b-7LJB{color:var(--color-text-primary-inverted);background-color:var(--color-button-additional);&:disabled{background-color:var(--color-button-additional-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-additional-hover)}&:active:not([disabled]){background-color:var(--color-button-additional-active)}}.Negative__sQ1ZNRRC{color:var(--color-text-primary-inverted);background-color:var(--color-button-negative);&:disabled{background-color:var(--color-button-negative-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-negative-hover)}&:active:not([disabled]){background-color:var(--color-button-negative-active)}}.Ghost__qIf7tz0m{color:var(--color-text-primary);background-color:var(--color-button-ghost);&:disabled{background-color:var(--color-button-ghost-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-ghost-hover)}&:active:not([disabled]){background-color:var(--color-button-ghost-active)}}.Secondary__aj0g1-lJ{color:var(--color-text-primary);background-color:var(--color-button-secondary);border:1px solid var(--color-border-primary);&:disabled{background-color:var(--color-button-secondary-disabled);color:var(--color-text-secondary)}&:hover:not([disabled]){background-color:var(--color-button-secondary-hover)}&:active:not([disabled]){background-color:var(--color-button-secondary-active)}}.InputContainer__crIfoXhZ{display:inline-flex;flex-direction:column}.Label__Kyf0Xq1i{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:6px}.M__SMUZVaRF{padding:7px 10px}.S__5l8iHiDH{padding:5px 10px}.Input__4NuyvuVR{box-sizing:border-box;border-radius:var(--border-radius-m);border:1px solid var(--color-border-primary);color:var(--color-text-primary);transition:border .3s ease;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;&:disabled,&[readonly]{background-color:var(--color-fill-disabled);outline:none;cursor:not-allowed}&:hover:not([disabled],[readonly]){border-color:var(--color-border-info)}&:focus:not([disabled],[readonly]){border-color:var(--color-border-info);outline:none}&::placeholder{color:var(--color-text-secondary)}}.InputError__2gG55TuU{border:1px solid var(--color-border-error)}.InputWarning__s3CQtuE-{border:1px solid var(--color-border-warning)}.ErrorMessage__Fq7yQNvS{margin-top:6px;color:var(--color-text-error)}.WarningMessage__h9Ja9fM-{margin-top:6px;color:var(--color-text-warning)}.SuccessMessage__9p7eZXYa{margin-top:6px;color:var(--color-text-success)}.Link__CKAoo6PA{display:inline-flex;align-items:center;justify-content:center;gap:var(--gutter-xxs);margin:0;background:none;text-decoration:none;border:0;cursor:pointer;box-sizing:border-box;padding:0 var(--gutter-s);color:var(--color-button-link);transition:color .2s,background-color .2s,border-color .2s;&:hover:not(.Disabled__XqpDDhn2){color:var(--color-button-link-hover)}&:active:not(.Disabled__XqpDDhn2){color:var(--color-button-link-active)}}.Disabled__XqpDDhn2{cursor:not-allowed;color:var(--color-button-link-disabled)}.FullWidth__U8tkQDPF{width:100%}.L__7vCM3z8d{height:48px}.M__nYk210Fl{height:36px}.S__vyGxJkUe{height:32px}.PageBlock__cdP4z452{background-color:var(--color-background-secondary);border-radius:var(--border-radius-l)}

package/dist/index.d.ts

@@ -1,8 +1,13 @@
+import { AnchorHTMLAttributes } from 'react';
 import { ButtonHTMLAttributes } from 'react';
 import { DetailedHTMLProps } from 'react';
 import { FC } from 'react';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
+import { NamedExoticComponent } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { SVGProps } from 'react';
 
 export declare const Button: FC<ButtonProps>;
 
@@ -12,10 +17,70 @@ declare interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTM
     fullWidth?: boolean;
 }
 
+declare interface ButtonProps_2 extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    component: any;
+    size?: ButtonSize_2;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    to?: string;
+}
+
 declare type ButtonSize = 'S' | 'M' | 'L';
 
+declare type ButtonSize_2 = 'S' | 'M' | 'L';
+
 declare type ButtonVariant = 'Primary' | 'Additional' | 'Negative' | 'Ghost' | 'Secondary';
 
+export declare const Icon: FC<IconProps>;
+
+declare const ICON_MAP: {
+    Add: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ArrowDown: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ArrowLeft: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ArrowRight: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ArrowUp: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Box: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Calendar: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Cancel: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Chain: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Check: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ChevronDown: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ChevronLeft: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ChevronRight: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    ChevronUp: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Clock: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Copy: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Delete: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Download: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Edit: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Error: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Eye: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    File: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Filter: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    History: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Info: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Link: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Minus: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    MoreHorizontal: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    MoreVertical: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Save: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Search: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Shield: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Sms: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Star: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Success: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    User: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Warning: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+    Wifi: NamedExoticComponent<Omit< SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;
+};
+
+declare type IconName = keyof typeof ICON_MAP;
+
+declare interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
+    name: IconName;
+    ref?: Ref<SVGSVGElement>;
+}
+
 export declare const Input: FC<InputProps>;
 
 declare interface InputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size'> {
@@ -27,6 +92,8 @@ declare interface InputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<
     containerClassName?: string;
 }
 
+export declare const Link: FC<ButtonProps_2>;
+
 export declare const PageBlock: FC<PageBlock_2>;
 
 declare type PageBlock_2 = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;