@maxio-com/self-service 1.0.2

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Backdrop/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Title/Title.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type TitleProps = {
+    onClose: () => void;
+    title: string;
+};
+declare const Title: ({ title, onClose }: TitleProps) => JSX.Element;
+export default Title;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Title/Title.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Close: import("styled-components").StyledComponent<"span", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Title/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/index.d.ts

@@ -0,0 +1,3 @@
+import Backdrop from './Backdrop';
+import Title from './Title';
+export { Backdrop, Title };

package/typings/packages/custom-ui-components/src/components/atoms/Modal/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/Modal/motion.d.ts

@@ -0,0 +1,17 @@
+export declare const dropIn: {
+    hidden: {
+        y: string;
+        opacity: number;
+    };
+    visible: {
+        y: string;
+        opacity: number;
+        transition: {
+            type: string;
+        };
+    };
+    exit: {
+        y: string;
+        opacity: number;
+    };
+};

package/typings/packages/custom-ui-components/src/components/atoms/Modal/types.d.ts

@@ -0,0 +1 @@
+export declare type Variant = 'window' | 'layer';

package/typings/packages/custom-ui-components/src/components/atoms/Options/Options.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { OptionsProps } from './types';
+declare const Options: ({ selectionIndex, options, selectSize, onSelect, borderVariant, selectVariant, maxHeight, maxWidth, alignment, }: OptionsProps) => JSX.Element;
+export default Options;

package/typings/packages/custom-ui-components/src/components/atoms/Options/Options.styles.d.ts

@@ -0,0 +1,11 @@
+import { LayoutProps } from 'styled-system';
+import { getBoxShadow } from './utils/getBoxShadow';
+import { BorderVariant, Variant } from './types';
+export declare const BoxShadow: import("styled-components").StyledComponent<"div", any, {
+    borderVariant: BorderVariant;
+    boxShadow: ReturnType<typeof getBoxShadow>;
+} & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const SelectOptions: import("styled-components").StyledComponent<"div", any, {
+    selectVariant: Variant;
+    borderVariant: BorderVariant;
+} & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Options/components/Option/Option.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+import { OptionsProps, OptionType } from '../../types';
+declare type OptionProps = {
+    isSelected: boolean;
+    option: OptionType;
+    activeItemRef: RefObject<HTMLDivElement>;
+} & Pick<OptionsProps, 'onSelect' | 'selectSize'>;
+export declare const Option: ({ isSelected, onSelect, option, selectSize, activeItemRef, }: OptionProps) => JSX.Element;
+export {};

package/typings/packages/custom-ui-components/src/components/atoms/Options/components/Option/Option.styles.d.ts

@@ -0,0 +1,8 @@
+import { ComponentSize } from '../../../types';
+import { OptionVariant } from '../../types';
+export declare const SelectOption: import("styled-components").StyledComponent<"div", any, {
+    selectSize: ComponentSize;
+    optionVariant: OptionVariant;
+    color?: string;
+    divider?: boolean;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Options/components/Option/index.d.ts

@@ -0,0 +1,2 @@
+import { Option } from './Option';
+export { Option };

package/typings/packages/custom-ui-components/src/components/atoms/Options/index.d.ts

@@ -0,0 +1,7 @@
+import Options from './Options';
+import type { OptionType } from './types';
+import { getBoxShadow } from './utils/getBoxShadow';
+import { boxShadow } from './system';
+export default Options;
+export { getBoxShadow, boxShadow };
+export type { OptionType };

package/typings/packages/custom-ui-components/src/components/atoms/Options/settings.d.ts

@@ -0,0 +1,2 @@
+import { OptionsSettings } from './types';
+export declare const optionsSettings: OptionsSettings;

package/typings/packages/custom-ui-components/src/components/atoms/Options/system/boxShadow.d.ts

@@ -0,0 +1 @@
+export declare const boxShadow: import("styled-system").styleFn;

package/typings/packages/custom-ui-components/src/components/atoms/Options/system/index.d.ts

@@ -0,0 +1,2 @@
+import { boxShadow } from './boxShadow';
+export { boxShadow };

package/typings/packages/custom-ui-components/src/components/atoms/Options/types.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ComponentSize, DropdownAlignment } from '../types';
+import { ComponentSettings, ComponentVariant } from '../../../types';
+export declare type OptionType = {
+    label: string;
+    value: string | number;
+    color?: string;
+    divider?: boolean;
+};
+export declare type OptionsProps = {
+    selectSize?: ComponentSize;
+    options: OptionType[];
+    onSelect: (event: React.MouseEvent<HTMLDivElement>, item: OptionType) => void;
+    selectVariant?: Variant;
+    borderVariant?: BorderVariant;
+    selectionIndex?: null | number;
+    maxHeight?: number;
+    maxWidth?: number;
+    alignment: DropdownAlignment;
+};
+export declare type Variant = 'primary' | 'secondary';
+export declare type OptionVariant = 'primary' | 'selected';
+export declare type BorderVariant = 'primary';
+export declare type OptionsSettings = ComponentSettings<{
+    selectSize: ComponentVariant<'selectSize', ComponentSize>;
+    selectVariant: ComponentVariant<'selectVariant', Variant>;
+    optionVariant: ComponentVariant<'optionVariant', OptionVariant>;
+    borderVariant: ComponentVariant<'borderVariant', BorderVariant>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/Options/utils/getBoxShadow.d.ts

@@ -0,0 +1 @@
+export declare const getBoxShadow: (inViewTop: boolean, inViewBottom: boolean) => "top-bottom" | "top" | "bottom" | "none";

package/typings/packages/custom-ui-components/src/components/atoms/Options/utils/isEllipsisActive.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const isEllipsisActive: (ref: RefObject<HTMLDivElement>) => boolean;

package/typings/packages/custom-ui-components/src/components/atoms/Portal/Portal.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactPortal } from 'react';
+export interface PortalProps {
+    children: React.ReactNode;
+}
+declare const Portal: ({ children }: PortalProps) => ReactPortal;
+export default Portal;

package/typings/packages/custom-ui-components/src/components/atoms/Portal/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Mode, Size } from './types';
+export interface ProgressBarProps {
+    max: number;
+    value: number;
+    mode?: Mode;
+    size?: Size;
+}
+declare const ProgressBar: ({ max, value, mode, size, }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,9 @@
+import { Color, Mode, Size } from './types';
+export declare const Progress: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    color: Color;
+    width: number;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    mode: Mode;
+    size: Size;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/settings.d.ts

@@ -0,0 +1,2 @@
+import { ProgressBarSettings } from './types';
+export declare const progressBarSettings: ProgressBarSettings;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type Color = 'success' | 'danger';
+export declare type Mode = 'light' | 'dark';
+export declare type Size = 'regular';
+export declare type ProgressBarSettings = ComponentSettings<{
+    color: ComponentVariant<'color', Color>;
+    mode: ComponentVariant<'mode', Mode>;
+    size: ComponentVariant<'size', Size>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/RadioButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RadioButtonProps } from './types';
+declare const RadioButton: ({ label, value, onValueChange, isSelected, isDisabled, ...rest }: RadioButtonProps) => JSX.Element;
+export default RadioButton;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/RadioButton.styles.d.ts

@@ -0,0 +1,7 @@
+import { RadioState, Status } from './types';
+export declare const RadioInput: import("styled-components").StyledComponent<"input", any, {
+    variant: RadioState;
+}, never>;
+export declare const RadioLabel: import("styled-components").StyledComponent<"label", any, {
+    labelVariant: Status;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/index.d.ts

@@ -0,0 +1,4 @@
+import RadioButton from './RadioButton';
+import { RadioButtonProps } from './types';
+export default RadioButton;
+export type { RadioButtonProps };

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/settings.d.ts

@@ -0,0 +1,2 @@
+import { RadioButtonSettings } from './types';
+export declare const radioButtonSettings: RadioButtonSettings;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/types.d.ts

@@ -0,0 +1,16 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+import React from 'react';
+export declare type Status = 'disabled' | 'active';
+export declare type State = 'selected' | 'unselected';
+export declare type RadioState = `${State}-${Status}`;
+export declare type RadioButtonSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', RadioState>;
+    labelVariant: ComponentVariant<'labelVariant', Status>;
+}>;
+export declare type RadioButtonProps = {
+    label: string;
+    value: string | number;
+    onValueChange: (value: string | number) => void;
+    isSelected: boolean;
+    isDisabled?: boolean;
+} & React.InputHTMLAttributes<HTMLInputElement>;

package/typings/packages/custom-ui-components/src/components/atoms/Row/Row.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ResponsiveValue } from '../../types';
+export declare type RowProps = {
+    children: React.ReactNode;
+    gutter?: ResponsiveValue;
+    rowGap?: ResponsiveValue;
+};
+declare const Row: ({ children, gutter, rowGap, ...rest }: RowProps) => JSX.Element;
+export default Row;

package/typings/packages/custom-ui-components/src/components/atoms/Row/Row.styles.d.ts

@@ -0,0 +1,5 @@
+import { ResponsiveValue } from '../../types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    gutter: ResponsiveValue;
+    rowGap: ResponsiveValue;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Row/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/Row/system/gap.d.ts

@@ -0,0 +1 @@
+export declare const rowGap: import("styled-system").styleFn;

package/typings/packages/custom-ui-components/src/components/atoms/Row/system/gutter.d.ts

@@ -0,0 +1 @@
+export declare const gutter: import("styled-system").styleFn;

package/typings/packages/custom-ui-components/src/components/atoms/Row/system/index.d.ts

@@ -0,0 +1,3 @@
+import { gutter } from './gutter';
+import { rowGap } from './gap';
+export { rowGap, gutter };

package/typings/packages/custom-ui-components/src/components/atoms/Select/Select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectProps } from './types';
+declare const Select: ({ options, onSelect, filterable, placeholder, variant, selectSize, borderVariant, disabled, hasError, selectedValue, searchLabel, selectOptionLabel, name, id, onBlur, portalContainer, dropdownVariant, dropdownAlignment, }: SelectProps) => JSX.Element;
+export default Select;

package/typings/packages/custom-ui-components/src/components/atoms/Select/Select.styles.d.ts

@@ -0,0 +1,10 @@
+import { ComponentSize } from '../types';
+import { BorderVariant, Status, Variant } from './types';
+export declare const StyledSelect: import("styled-components").StyledComponent<"input", any, {
+    selectSize: ComponentSize;
+    selectVariant: Variant;
+    status: Status;
+    borderVariant: BorderVariant;
+}, never>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FocusHandler: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Select/components/DropdownIcon/DropdownIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type Props = {
+    isExpanded: boolean;
+    size: number;
+    onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+    iconColor?: string;
+};
+declare const DropdownIcon: ({ isExpanded, size, onClick, iconColor }: Props) => JSX.Element;
+export default DropdownIcon;

package/typings/packages/custom-ui-components/src/components/atoms/Select/components/DropdownIcon/DropdownIcon.styles.d.ts

@@ -0,0 +1 @@
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Select/components/DropdownIcon/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/Select/components/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownIcon from './DropdownIcon';
+export { DropdownIcon };

package/typings/packages/custom-ui-components/src/components/atoms/Select/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const arrowMotion: {
+    expanded: {
+        rotate: number;
+    };
+    notExpanded: {
+        rotate: number;
+    };
+};
+export declare const iconSize = 12;

package/typings/packages/custom-ui-components/src/components/atoms/Select/index.d.ts

@@ -0,0 +1,4 @@
+import Select from './Select';
+import type { SelectOptionType } from './types';
+export default Select;
+export type { SelectOptionType };

package/typings/packages/custom-ui-components/src/components/atoms/Select/reducer/actions.d.ts

@@ -0,0 +1,11 @@
+import { SelectReducerActions } from './types';
+import { SelectOptionType } from '../types';
+export declare const selectActions: {
+    showOptions: () => SelectReducerActions;
+    hideOptions: () => SelectReducerActions;
+    setPlaceholder: (placeholder: string) => SelectReducerActions;
+    setSearchPhrase: (searchPhrase: string) => SelectReducerActions;
+    setFilteredOptions: (options: SelectOptionType[]) => SelectReducerActions;
+    setSelectionIndex: (index: number | null) => SelectReducerActions;
+    toggleSelectionMode: (inSelectionMode: boolean) => SelectReducerActions;
+};

package/typings/packages/custom-ui-components/src/components/atoms/Select/reducer/index.d.ts

@@ -0,0 +1,3 @@
+import { selectActions } from './actions';
+import { selectReducer, initialState } from './reducer';
+export { initialState, selectReducer, selectActions };

package/typings/packages/custom-ui-components/src/components/atoms/Select/reducer/reducer.d.ts

@@ -0,0 +1,3 @@
+import { SelectReducerActions, SelectReducerState } from './types';
+export declare const initialState: SelectReducerState;
+export declare const selectReducer: (state: SelectReducerState, action: SelectReducerActions) => SelectReducerState;

package/typings/packages/custom-ui-components/src/components/atoms/Select/reducer/types.d.ts

@@ -0,0 +1,39 @@
+import { SelectOptionType } from '../types';
+export declare type SelectReducerState = {
+    optionsVisible: boolean;
+    searchPhrase: string;
+    placeholderContent: string;
+    filteredOptions: SelectOptionType[];
+    inSelectionMode: boolean;
+    selectionIndex: number | null;
+};
+export declare type SelectReducerActions = {
+    type: 'SHOW_OPTIONS';
+} | {
+    type: 'HIDE_OPTIONS';
+} | {
+    type: 'SET_FILTERED_OPTIONS';
+    payload: {
+        options: SelectOptionType[];
+    };
+} | {
+    type: 'SET_SEARCH_PHRASE';
+    payload: {
+        searchPhrase: string;
+    };
+} | {
+    type: 'SET_PLACEHOLDER';
+    payload: {
+        placeholder: string;
+    };
+} | {
+    type: 'SET_SELECTION_INDEX';
+    payload: {
+        index: number | null;
+    };
+} | {
+    type: 'SET_SELECTION_MODE';
+    payload: {
+        inSelectionMode: boolean;
+    };
+};

package/typings/packages/custom-ui-components/src/components/atoms/Select/settings.d.ts

@@ -0,0 +1,2 @@
+import { SelectSettings } from './types';
+export declare const selectSettings: SelectSettings;

package/typings/packages/custom-ui-components/src/components/atoms/Select/types.d.ts

@@ -0,0 +1,39 @@
+import { RefObject } from 'react';
+import { ComponentSettings, ComponentVariant } from '../../../types';
+import { ComponentSize, DropdownAlignment } from '../types';
+export declare type Variant = 'primary' | 'secondary';
+export declare type OptionVariant = 'primary' | 'selected';
+export declare type BorderVariant = 'primary';
+export declare type Status = 'active' | 'error' | 'disabled';
+export declare type SelectOptionType = {
+    label: string;
+    value: string | number;
+};
+export declare type SelectSettings = ComponentSettings<{
+    selectSize: ComponentVariant<'selectSize', ComponentSize>;
+    dropdownVariant: ComponentVariant<'dropdownVariant', Variant>;
+    selectVariant: ComponentVariant<'selectVariant', Variant>;
+    status: ComponentVariant<'status', Status>;
+    borderVariant: ComponentVariant<'borderVariant', BorderVariant>;
+}>;
+export declare type SelectProps = {
+    selectedValue: string | number;
+    onSelect: (item: SelectOptionType) => void;
+    onBlur?: (item: SelectOptionType) => void;
+    options: SelectOptionType[];
+    filterable?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    selectSize?: ComponentSize;
+    variant?: Variant;
+    borderVariant?: BorderVariant;
+    hasError?: boolean;
+    optionsLoading?: boolean;
+    searchLabel?: string;
+    selectOptionLabel?: string;
+    name?: string;
+    id?: string;
+    dropdownVariant?: Variant;
+    portalContainer?: RefObject<HTMLElement>;
+    dropdownAlignment?: DropdownAlignment;
+};

package/typings/packages/custom-ui-components/src/components/atoms/Select/utils/getStatus.d.ts

@@ -0,0 +1,2 @@
+import { Status } from '../types';
+export declare const getStatus: (disabled: boolean, hasError: boolean) => Status;

package/typings/packages/custom-ui-components/src/components/atoms/Select/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { getStatus } from './getStatus';
+export { getStatus };

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/SkeletonLoader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SkeletonLoaderVariants } from './types';
+export declare type Props = {
+    height?: number;
+    width?: number;
+    variant?: SkeletonLoaderVariants;
+};
+declare const SkeletonLoader: ({ height, width, variant }: Props) => JSX.Element;
+export default SkeletonLoader;

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/SkeletonLoader.styles.d.ts

@@ -0,0 +1,6 @@
+import { BorderRadiusProps } from 'styled-system';
+export declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
+    width?: number;
+    height?: number;
+    backgroundColor: string;
+} & BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/index.d.ts

@@ -0,0 +1,4 @@
+import SkeletonLoader from './SkeletonLoader';
+import { SkeletonLoaderVariants } from './types';
+export default SkeletonLoader;
+export type { SkeletonLoaderVariants };

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/system/backgroundColor.d.ts

@@ -0,0 +1 @@
+export declare const backgroundColor: import("styled-system").styleFn;

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/system/index.d.ts

@@ -0,0 +1,2 @@
+import { backgroundColor } from './backgroundColor';
+export { backgroundColor };

package/typings/packages/custom-ui-components/src/components/atoms/SkeletonLoader/types.d.ts

@@ -0,0 +1 @@
+export declare type SkeletonLoaderVariants = 'primary' | 'secondary';

package/typings/packages/custom-ui-components/src/components/atoms/SubscriptionComponentCard/SubscriptionComponentCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SubscriptionComponentCardVariants } from './types';
+export declare type Props = {
+    children: React.ReactNode;
+    rowGap?: number;
+    variant?: SubscriptionComponentCardVariants;
+};
+declare const SubscriptionComponentCard: ({ children, rowGap, variant, }: Props) => JSX.Element;
+export default SubscriptionComponentCard;

package/typings/packages/custom-ui-components/src/components/atoms/SubscriptionComponentCard/SubscriptionComponentCard.styles.d.ts

@@ -0,0 +1,5 @@
+import { BorderRadiusProps, GridProps, PaddingProps } from 'styled-system';
+import { SubscriptionComponentCardVariants } from './types';
+export declare const CardWrapper: import("styled-components").StyledComponent<"div", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    variant: SubscriptionComponentCardVariants;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/SubscriptionComponentCard/index.d.ts

@@ -0,0 +1,4 @@
+import SubscriptionComponentCard from './SubscriptionComponentCard';
+import { SubscriptionComponentCardVariants } from './types';
+export default SubscriptionComponentCard;
+export type { SubscriptionComponentCardVariants };

package/typings/packages/custom-ui-components/src/components/atoms/SubscriptionComponentCard/settings.d.ts

@@ -0,0 +1,2 @@
+import { SubscriptionComponentCardSettings } from './types';
+export declare const subscriptionComponentCardSettings: SubscriptionComponentCardSettings;

package/typings/packages/custom-ui-components/src/components/atoms/SubscriptionComponentCard/types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentSettings, ComponentVariant } from '../../../types';
+export declare type SubscriptionComponentCardVariants = 'primary' | 'secondary';
+export declare type SubscriptionComponentCardSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', SubscriptionComponentCardVariants>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/TextArea.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentSize } from '../types';
+import { Status, Variant } from './types';
+export declare type TextAreaProps = {
+    size?: ComponentSize;
+    status?: Status;
+    fullWidth?: boolean;
+    variant?: Variant;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const TextArea: ({ size, status, fullWidth, variant, ...rest }: TextAreaProps) => JSX.Element;
+export default TextArea;

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/TextArea.styles.d.ts

@@ -0,0 +1,8 @@
+import { ComponentSize } from '../types';
+import { Status, Variant } from './types';
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, {
+    size: ComponentSize;
+    status: Status;
+    fullWidth: boolean;
+    variant: Variant;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/settings.d.ts

@@ -0,0 +1,2 @@
+import { TextArea } from './types';
+export declare const textAreaSettings: TextArea;

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+import { ComponentSize } from '../types';
+export declare type Variant = 'primary';
+export declare type Status = 'active' | 'error' | 'disabled';
+export declare type TextArea = ComponentSettings<{
+    size: ComponentVariant<'size', ComponentSize>;
+    variant: ComponentVariant<'variant', Variant>;
+    status: ComponentVariant<'status', Status>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/Toggle/Toggle.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ToggleVariant } from './types';
+export declare type ToggleProps = {
+    isOn?: boolean;
+    isDisabled?: boolean;
+    variant?: ToggleVariant;
+    onChange?: (res: boolean) => void;
+    size?: 'medium';
+    text?: {
+        on: string;
+        off: string;
+    };
+};
+declare const Toggle: ({ isDisabled, isOn, variant, onChange, size, text, }: ToggleProps) => JSX.Element;
+export default Toggle;

package/typings/packages/custom-ui-components/src/components/atoms/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,21 @@
+import { ToggleBaseVariant, ToggleSize, ToggleStateVariant } from './types';
+export declare const ToggleWrapper: import("styled-components").StyledComponent<"div", any, {
+    isDisabled: boolean;
+}, never>;
+export declare const Track: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    baseColor: ToggleBaseVariant;
+    size: ToggleSize;
+}, never>;
+export declare const TrackMotion: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    colorVariant: ToggleStateVariant;
+}, never>;
+export declare const LabelMotion: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    size: ToggleSize;
+    textVariant: ToggleStateVariant;
+}, never>;
+export declare const SwitcherMotion: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    toggleState: ToggleStateVariant;
+}, never>;
+export declare const SwitcherWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    size: ToggleSize;
+}, never>;