@edvisor/product-language 0.1.0 → 0.1.1

package/lib/components/alert-banner/alert-banner.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from '@helpers';
+import { AlertLevelProps } from './alert-level-flags';
+interface IAlertBannerProps extends PropsWithChildren {
+    /** @TODO can we get some examples of alert banner in card from figma? */
+    inCard?: boolean;
+    dismissible?: boolean;
+    className?: string;
+}
+export declare type AlertBannerProps = IAlertBannerProps & AlertLevelProps;
+export declare const AlertBanner: FC<AlertBannerProps>;
+export {};

package/lib/components/alert-banner/alert-level-flags.d.ts

@@ -0,0 +1,13 @@
+import { Hex, MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum AlertLevel {
+    neutral = 1,
+    info = 2,
+    success = 4,
+    warning = 8,
+    critical = 16
+}
+declare type AlertLevels<T> = MappedEnum<typeof AlertLevel, T>;
+export declare type AlertLevelProps = Partial<RequireOnlyOne<AlertLevels<boolean>>> & PropsWithChildren;
+export declare function getBackgroundColor(props: AlertLevelProps): Hex;
+export declare function getBorderColor(props: AlertLevelProps): Hex;
+export {};

package/lib/components/alert-banner/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-banner';

package/lib/components/badge/badge-type-flags.d.ts

@@ -0,0 +1,18 @@
+import { Hex, PropsWithChildren } from '@helpers';
+declare const enum BadgeType {
+    neutral = 1,
+    info = 2,
+    success = 4,
+    warning = 8,
+    critical = 16
+}
+export declare type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
+    [K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
+}[Keys];
+export declare type MappedEnum<E, T> = {
+    [key in keyof E]: T;
+};
+declare type BadgeTypes<T> = MappedEnum<typeof BadgeType, T>;
+export declare type BadgeTypeProps = Partial<RequireOnlyOne<BadgeTypes<boolean>>> & PropsWithChildren;
+export declare function getColor(props: BadgeTypeProps): Hex;
+export {};

package/lib/components/badge/badge.d.ts

@@ -0,0 +1,5 @@
+import { BadgeTypeProps } from './badge-type-flags';
+import { FC, PropsWithChildren } from '@helpers';
+declare type IBadgeProps = BadgeTypeProps & PropsWithChildren;
+export declare const Badge: FC<IBadgeProps, {}>;
+export {};

package/lib/components/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge';

package/{src/lib/components/card/atoms/card-frame.tsx → lib/components/card/atoms/card-frame.d.ts}

@@ -1,17 +1,7 @@
-
-import styled from 'styled-components'
-import { Surface, Margin } from '@foundations'
-
-/** this is the frame that is used to implement the Card component 
- * importantly it does not have any padding, which means it can be
- * used to implement a broader range of components than just the card.
- * 
- * We might use it to implement the AlertBanner, or put a table in it.
-*/
-export const CardFrame = styled.section`
-  background: ${Surface.Default.Default};
-  max-width: 1024px;
-
-  border-radius: 6px;
-  margin-bottom: ${Margin.m};
-`
+/** this is the frame that is used to implement the Card component
+ * importantly it does not have any padding, which means it can be
+ * used to implement a broader range of components than just the card.
+ *
+ * We might use it to implement the AlertBanner, or put a table in it.
+*/
+export declare const CardFrame: import("styled-components").StyledComponent<"section", any, {}, never>;

package/lib/components/card/atoms/index.d.ts

@@ -0,0 +1 @@
+export * from './card-frame';

package/lib/components/card/card.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren } from '@helpers';
+import { CardAlertBannerSlot, CardControlsSlot, CardHeadingActionSlot, CardSectionSlot } from './components';
+import { HTMLAttributes } from 'react';
+export interface ICardProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
+    heading?: string;
+}
+declare const SubComponents: {
+    Section: typeof CardSectionSlot;
+    Controls: typeof CardControlsSlot;
+    HeadingAction: typeof CardHeadingActionSlot;
+    AlertBanner: typeof CardAlertBannerSlot;
+};
+export declare const Card: FC<ICardProps, typeof SubComponents>;
+export {};

package/lib/components/card/components/card-alert-banner-slot.d.ts

@@ -0,0 +1,5 @@
+import { Slot } from '@helpers';
+import { AlertBannerProps } from 'components/alert-banner';
+export declare class CardAlertBannerSlot extends Slot<AlertBannerProps> {
+    render(): JSX.Element;
+}

package/lib/components/card/components/card-controls-slot.d.ts

@@ -0,0 +1,4 @@
+import { Slot, PropsWithChildren } from '@helpers';
+export declare class CardControlsSlot extends Slot<PropsWithChildren> {
+    render(): JSX.Element;
+}

package/lib/components/card/components/card-section-slot.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+import { Slot, PropsWithChildren } from '@helpers';
+export declare class CardHeadingActionSlot extends Slot {
+}
+interface ICardSectionProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
+    heading?: string;
+}
+export declare class CardSectionSlot extends Slot<ICardSectionProps> {
+    render(): JSX.Element;
+}
+export {};

package/lib/components/card/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card-alert-banner-slot';
+export * from './card-controls-slot';
+export * from './card-section-slot';

package/lib/components/card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './card';
+export * from './molecules/left-right-card';

package/lib/components/card/molecules/index.d.ts

@@ -0,0 +1 @@
+export * from './left-right-card';

package/lib/components/card/molecules/left-right-card.d.ts

@@ -0,0 +1,16 @@
+import { FC, Slot } from '@helpers';
+import { ICardProps } from '../card';
+declare class Right extends Slot {
+}
+declare class Controls extends Slot {
+}
+declare type SubComponents = {
+    Right: typeof Right;
+    Controls: typeof Controls;
+};
+interface ILeftRightCardProps extends ICardProps {
+    helpText?: string;
+    className?: string;
+}
+export declare const LeftRightCard: FC<ILeftRightCardProps, SubComponents>;
+export {};

package/lib/components/checkbox/checkbox.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+export interface ICheckboxProps {
+    disabled?: boolean;
+    checked?: boolean;
+    error?: boolean;
+    className?: string;
+    onChange?: (value: boolean) => void;
+}
+export declare type IProps = ICheckboxProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const Checkbox: FC<IProps>;

package/lib/components/checkbox/components/components.d.ts

@@ -0,0 +1,12 @@
+interface ICheckedProps {
+    checked: boolean;
+}
+export declare const getHoverStyles: () => import("styled-components").FlattenSimpleInterpolation;
+export declare const getDisabledStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ICheckedProps, any>>;
+export declare const getInvalidStyles: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ICheckedProps, any>>;
+export declare const HiddenCheckbox: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getTabIndexValue: (disabled: boolean) => number;
+export declare const getCheckedIcon: () => JSX.Element;
+export {};

package/lib/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/lib/components/divider/divider-type-flags.d.ts

@@ -0,0 +1,9 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum DividerType {
+    default = 1,
+    subdued = 2
+}
+declare type DividerTypes<T> = MappedEnum<typeof DividerType, T>;
+export declare type DivideTypeProps = Partial<RequireOnlyOne<DividerTypes<boolean>>> & PropsWithChildren;
+export declare function getColor(props: DivideTypeProps): string;
+export {};

package/lib/components/divider/divider.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@helpers';
+import { DivideTypeProps } from './divider-type-flags';
+declare type IProps = {
+    className?: string;
+} & DivideTypeProps;
+export declare const Divider: FC<IProps>;
+export {};

package/lib/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './divider';

package/lib/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from './alert-banner';
+export * from './badge';
+export * from './card';
+export * from './checkbox';
+export * from './divider';
+export * from './input-field';
+export * from './layout';
+export * from './link';
+export * from './thumbnail';
+export * from './typography';
+export * from './molecules';
+export * from './organisms';

package/lib/components/input-field/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './labeled-input';
+export * from './stepper';

package/lib/components/input-field/components/labeled-input.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren, FC } from '@helpers';
+export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface ILabeledInputProps extends PropsWithChildren {
+    label?: string;
+    helpText?: string;
+    errors?: {
+        message: string;
+    }[];
+}
+export declare const LabeledInput: FC<ILabeledInputProps>;
+export {};

package/lib/components/input-field/components/stepper.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@helpers';
+interface IStepperProps {
+    onUpClick?: () => void;
+    onDownClick?: () => void;
+}
+export declare const Stepper: FC<IStepperProps>;
+export {};

package/lib/components/input-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './input-field';
+export * from './input-number';
+export * from './input-text';

package/lib/components/input-field/input-field.d.ts

@@ -0,0 +1,25 @@
+import { InputHTMLAttributes } from 'react';
+import { Slot } from '@helpers';
+import { LabeledInput } from './components';
+export declare const HTMLInput: import("styled-components").StyledComponent<"input", any, {} & import("@foundations").ITextProps, never>;
+declare class IconSlot extends Slot {
+}
+declare class ControlsSlot extends Slot {
+}
+export declare type InputFieldSlots = {
+    Icon: typeof IconSlot;
+    Controls: typeof ControlsSlot;
+    Label: typeof LabeledInput;
+};
+interface IInputFieldProps extends InputHTMLAttributes<HTMLInputElement> {
+    invalid?: boolean;
+    prefix?: string;
+    suffix?: string;
+    label?: string;
+}
+export declare const InputField: import("react").ForwardRefExoticComponent<IInputFieldProps & import("react").RefAttributes<HTMLInputElement>> & {
+    Icon: typeof IconSlot;
+    Controls: typeof ControlsSlot;
+    Label: typeof LabeledInput;
+};
+export {};

package/lib/components/input-field/input-number.d.ts

@@ -0,0 +1,18 @@
+import { FC } from '@helpers';
+import { InputFieldSlots } from './input-field';
+import { Stepper } from './components';
+interface IInputNumberProps {
+    value?: number;
+    onChange: (change?: number) => void;
+    label?: string;
+    placeholder?: string;
+    invalid?: boolean;
+    prefix?: string;
+    suffix?: string;
+    required?: boolean;
+}
+declare type IInputNumberSlots = InputFieldSlots & {
+    Stepper: typeof Stepper;
+};
+export declare const InputNumber: FC<IInputNumberProps, IInputNumberSlots>;
+export {};

package/lib/components/input-field/input-text.d.ts

@@ -0,0 +1,14 @@
+import { FC } from '@helpers';
+import { InputFieldSlots } from './input-field';
+interface IInputTextProps {
+    value: string;
+    onChange: (change: string) => void;
+    label?: string;
+    invalid?: boolean;
+    placeholder?: string;
+    prefix?: string;
+    suffix?: string;
+    required?: boolean;
+}
+export declare const InputText: FC<IInputTextProps, InputFieldSlots>;
+export {};

package/lib/components/layout/flex.d.ts

@@ -0,0 +1,16 @@
+export declare const Flex: import("styled-components").StyledComponent<"div", any, {
+    column?: boolean | undefined;
+    center?: boolean | undefined;
+}, never>;
+export declare const SpaceBetween: import("styled-components").StyledComponent<"div", any, {
+    column?: boolean | undefined;
+    center?: boolean | undefined;
+}, never>;
+export declare const SpaceAround: import("styled-components").StyledComponent<"div", any, {
+    column?: boolean | undefined;
+    center?: boolean | undefined;
+}, never>;
+export declare const Center: import("styled-components").StyledComponent<"div", any, {
+    column?: boolean | undefined;
+    center?: boolean | undefined;
+}, never>;

package/lib/components/layout/grid-layout.d.ts

@@ -0,0 +1,11 @@
+interface IGridLayoutGeneratorProps {
+    columns?: number;
+    rows?: number;
+    columnGutter?: number;
+    rowGutter?: number;
+}
+export declare function gridLayoutGenerator(props?: IGridLayoutGeneratorProps): {
+    Grid: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Cell: import("styled-components").StyledComponent<"div", any, {}, never>;
+};
+export {};

package/lib/components/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './left-right-layout';
+export * from './flex';
+export * from './grid-layout';

package/lib/components/layout/left-right-layout.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import { FC } from '@helpers';
+interface ILeftRightLayoutGeneratorProps {
+    columns?: number;
+    columnGutter?: number;
+    rowGutter?: number;
+}
+export declare function leftRightLayoutGenerator(layoutProps?: ILeftRightLayoutGeneratorProps): {
+    LeftRightLayout: FC<{
+        children?: import("react").ReactNode;
+    }, {
+        Left: import("styled-components").StyledComponent<"div", any, {}, never>;
+        Right: import("styled-components").StyledComponent<"div", any, {}, never>;
+        HeadingText: import("styled-components").StyledComponent<"h3", any, {} & ((import("@foundations").ITextProps & {
+            children?: import("react").ReactNode;
+        }) & {
+            semibold?: boolean | undefined;
+        }), never>;
+        HelpText: import("styled-components").StyledComponent<"div", any, Partial<Pick<import("@helpers").MappedEnum<typeof import("../../foundations/typography/text-aspect-flags").TextAspects, boolean>, never> & Required<Pick<import("@helpers").MappedEnum<typeof import("../../foundations/typography/text-aspect-flags").TextAspects, boolean>, "subdued">> & Partial<Record<"default" | "light" | "critical" | "success" | "onPrimary" | "onCritical", undefined>>> & {
+            children?: import("react").ReactNode;
+        } & {
+            emphasis?: boolean | undefined;
+        } & {
+            regular?: boolean | undefined;
+        } & {
+            medium?: boolean | undefined;
+        } & {
+            subdued: boolean;
+        }, "subdued">;
+        BodyText: import("styled-components").StyledComponent<"div", any, {} & ((import("@foundations").ITextProps & {
+            children?: import("react").ReactNode;
+        }) & {
+            regular?: boolean | undefined;
+        } & {
+            medium?: boolean | undefined;
+        }), never>;
+    }>;
+    Layout: FC<{
+        children?: import("react").ReactNode;
+    }, {
+        Left: import("styled-components").StyledComponent<"div", any, {}, never>;
+        Right: import("styled-components").StyledComponent<"div", any, {}, never>;
+        HeadingText: import("styled-components").StyledComponent<"h3", any, {} & ((import("@foundations").ITextProps & {
+            children?: import("react").ReactNode;
+        }) & {
+            semibold?: boolean | undefined;
+        }), never>;
+        HelpText: import("styled-components").StyledComponent<"div", any, Partial<Pick<import("@helpers").MappedEnum<typeof import("../../foundations/typography/text-aspect-flags").TextAspects, boolean>, never> & Required<Pick<import("@helpers").MappedEnum<typeof import("../../foundations/typography/text-aspect-flags").TextAspects, boolean>, "subdued">> & Partial<Record<"default" | "light" | "critical" | "success" | "onPrimary" | "onCritical", undefined>>> & {
+            children?: import("react").ReactNode;
+        } & {
+            emphasis?: boolean | undefined;
+        } & {
+            regular?: boolean | undefined;
+        } & {
+            medium?: boolean | undefined;
+        } & {
+            subdued: boolean;
+        }, "subdued">;
+        BodyText: import("styled-components").StyledComponent<"div", any, {} & ((import("@foundations").ITextProps & {
+            children?: import("react").ReactNode;
+        }) & {
+            regular?: boolean | undefined;
+        } & {
+            medium?: boolean | undefined;
+        }), never>;
+    }>;
+    Left: import("styled-components").StyledComponent<"div", any, {}, never>;
+    Right: import("styled-components").StyledComponent<"div", any, {}, never>;
+};
+export {};

package/lib/components/link/index.d.ts

@@ -0,0 +1 @@
+export * from './link';

package/lib/components/link/link.d.ts

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes } from 'react';
+import { FC } from '@helpers';
+export declare const HTMLAnchor: import("styled-components").StyledComponent<"a", any, {
+    disabled: boolean;
+    initialColor: string;
+    interactionColor: string;
+}, never>;
+interface ILinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    label: string;
+    subtle?: boolean;
+    disabled?: boolean;
+}
+export declare const Link: FC<ILinkProps>;
+export {};

package/lib/components/molecules/avatar/avatar-size-flags.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum AvatarSize {
+    small = 1,
+    medium = 2,
+    large = 4
+}
+declare type AvatarSizes<T> = MappedEnum<typeof AvatarSize, T>;
+export declare type AvatarSizeProps = Partial<RequireOnlyOne<AvatarSizes<boolean>>> & PropsWithChildren;
+export declare function getValuesBySize(props: AvatarSizeProps): string;
+export declare function getNodeToRenderText(props: AvatarSizeProps): React.ElementType;
+export {};

package/lib/components/molecules/avatar/avatar.d.ts

@@ -0,0 +1,12 @@
+import { FC } from '@helpers';
+import { AvatarSizeProps } from './avatar-size-flags';
+interface IAvatarProps {
+    name: string;
+    imageUrl?: string;
+    imageLabel?: string;
+    withLabel?: boolean;
+    className?: string;
+}
+declare type IProps = IAvatarProps & AvatarSizeProps;
+export declare const Avatar: FC<IProps>;
+export {};

package/lib/components/molecules/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/lib/components/molecules/button/button-flags.d.ts

@@ -0,0 +1,39 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+export declare const enum ButtonType {
+    basic = 1,
+    primary = 2,
+    primaryDestructive = 4,
+    destructive = 8,
+    outline = 16,
+    plain = 32,
+    plainSubtle = 64
+}
+declare const enum ButtonSize {
+    default = 1,
+    small = 2,
+    large = 4
+}
+declare const enum ButtonDisabledType {
+    enabled = 1,
+    disabled = 2
+}
+declare type ButtonTypes<T> = MappedEnum<typeof ButtonType, T>;
+declare type ButtonSizes<T> = MappedEnum<typeof ButtonSize, T>;
+declare type ButtonDisabledTypes<T> = MappedEnum<typeof ButtonDisabledType, T>;
+export declare type ButtonTypeProps = Partial<RequireOnlyOne<ButtonTypes<boolean>>> & PropsWithChildren;
+export declare type ButtonSizeProps = Partial<RequireOnlyOne<ButtonSizes<boolean>>> & PropsWithChildren;
+export declare type ButtonDisabledTypeProps = Partial<RequireOnlyOne<ButtonDisabledTypes<boolean>>> & PropsWithChildren;
+export declare function getBackgroundColorByType(type: ButtonType): string;
+export declare function getBackgroundColorHoverByType(type: ButtonType): string;
+export declare function getBackgroundColorDisabledByType(type: ButtonType): string;
+export declare function getBackgroundColorPressedByType(type: ButtonType): string;
+export declare function getTextColorByType(type: ButtonType): string;
+export declare function getTextColorOnHoverByType(type: ButtonType): string;
+export declare function getBorderByType(type: ButtonType): string;
+export declare function getBorderDisabledByType(type: ButtonType): string;
+export declare function getPaddingBySize(props: ButtonSizeProps): string;
+export declare function getPaddingByType(type: ButtonType): string;
+export declare function getTextColorIfDisabled(props: ButtonDisabledTypeProps): string;
+export declare function getCursor(props: ButtonDisabledTypeProps): string;
+export declare function getIsDisabled(props: ButtonDisabledTypeProps): boolean;
+export {};

package/lib/components/molecules/button/button.d.ts

@@ -0,0 +1,24 @@
+import { FC } from '@helpers';
+import { ButtonType } from './button-flags';
+import { ComponentType } from 'react';
+interface DummyIconProps {
+    type: ButtonType;
+}
+interface IButtonProps {
+    loading?: boolean;
+    IconPrefix?: ComponentType<DummyIconProps>;
+    IconSuffix?: ComponentType<DummyIconProps>;
+    children?: string;
+}
+interface IButtonDestructiveProps extends IButtonProps {
+    primary?: boolean;
+}
+interface IButtonPlainProps extends IButtonProps {
+    subtle?: boolean;
+}
+export declare const ButtonBasic: FC<IButtonProps>;
+export declare const ButtonPrimary: FC<IButtonProps>;
+export declare const ButtonDestructive: FC<IButtonDestructiveProps>;
+export declare const ButtonOutline: FC<IButtonProps>;
+export declare const ButtonPlain: FC<IButtonPlainProps>;
+export {};

package/lib/components/molecules/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/lib/components/molecules/index.d.ts

@@ -0,0 +1,3 @@
+export * from './avatar';
+export * from './button';
+export * from './input-checkbox';

package/lib/components/molecules/input-checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './input-checkbox';

package/lib/components/molecules/input-checkbox/input-checkbox.d.ts

@@ -0,0 +1,8 @@
+import { FC } from '@helpers';
+import { ICheckboxProps } from '../../checkbox';
+interface IInputCheckboxProps {
+    label: string;
+}
+export declare type IInputCheckbox = IInputCheckboxProps & ICheckboxProps;
+export declare const InputCheckbox: FC<IInputCheckbox>;
+export {};

package/lib/components/organisms/index.d.ts

@@ -0,0 +1 @@
+export * from './multi-choice-list';

package/lib/components/organisms/multi-choice-list/index.d.ts

@@ -0,0 +1 @@
+export * from './multi-choice-list';

package/lib/components/organisms/multi-choice-list/multi-choice-list.d.ts

@@ -0,0 +1,11 @@
+import { FC } from '@helpers';
+import { IInputCheckbox } from '../../molecules/input-checkbox';
+interface IOption extends IInputCheckbox {
+    id: string;
+    helpfulMessage?: string;
+}
+interface IMultiChoiceList {
+    options: IOption[];
+}
+export declare const MultiChoiceList: FC<IMultiChoiceList>;
+export {};

package/lib/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './spinner';

package/lib/components/spinner/spinner-size-flags.d.ts

@@ -0,0 +1,10 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum SpinnerSize {
+    small = 1,
+    medium = 2,
+    large = 4
+}
+declare type SpinnerSizes<T> = MappedEnum<typeof SpinnerSize, T>;
+export declare type SpinnerProps = Partial<RequireOnlyOne<SpinnerSizes<boolean>>> & PropsWithChildren;
+export declare function getValuesBySize(props: SpinnerProps): string;
+export {};

package/lib/components/spinner/spinner.d.ts

@@ -0,0 +1,9 @@
+import { SpinnerProps } from './spinner-size-flags';
+import { FC } from '@helpers';
+declare type IProps = SpinnerProps & {
+    onPrimary?: boolean;
+    onCritical?: boolean;
+    className?: string;
+};
+export declare const Spinner: FC<IProps>;
+export {};

package/lib/components/thumbnail/index.d.ts

@@ -0,0 +1 @@
+export * from './thumbnail';

package/lib/components/thumbnail/thumbnail-size-flags.d.ts

@@ -0,0 +1,10 @@
+import { MappedEnum, RequireOnlyOne, PropsWithChildren } from '@helpers';
+declare const enum ThumbnailSize {
+    small = 1,
+    medium = 2,
+    large = 4
+}
+declare type ThumbnailSizes<T> = MappedEnum<typeof ThumbnailSize, T>;
+export declare type ThumbnailSizeProps = Partial<RequireOnlyOne<ThumbnailSizes<boolean>>> & PropsWithChildren;
+export declare function getValuesBySize(props: ThumbnailSizeProps): string;
+export {};

package/lib/components/thumbnail/thumbnail.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@helpers';
+import { ThumbnailSizeProps } from './thumbnail-size-flags';
+interface IThumbnailProps {
+    imageUrl?: string;
+    imageLabel?: string;
+}
+declare type IProps = IThumbnailProps & ThumbnailSizeProps;
+export declare const Thumbnail: FC<IProps>;
+export {};