@maxio-com/self-service 1.0.2

package/typings/packages/custom-ui-components/src/components/organisms/Table/Table.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface TableProps {
+    renderFooter?: () => React.ReactNode;
+    children: React.ReactNode;
+}
+declare const _default: (({ children, renderFooter }: TableProps) => JSX.Element) & {
+    Cell: ({ children, align, ...rest }: import("./components/TableCell/TableCell").TableCellProps) => JSX.Element;
+    Row: import("styled-components").StyledComponent<"tr", any, {
+        variant?: import("./types").RowVariant;
+        disableBorder?: boolean;
+    }, never>;
+    Head: import("styled-components").StyledComponent<"thead", any, {
+        variant: import("./types").HeaderVariant;
+    }, never>;
+    Header: ({ sortMode, children, align, onClick, minWidth, disableSort, ...rest }: import("./components/TableHeader/types").TableHeaderProps) => JSX.Element;
+    Body: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+    CellContainer: import("styled-components").StyledComponent<"td", any, {}, never>;
+    Footer: import("styled-components").StyledComponent<"div", any, import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+        variant?: "default";
+    }, never>;
+};
+export default _default;

package/typings/packages/custom-ui-components/src/components/organisms/Table/Table.styles.d.ts

@@ -0,0 +1,8 @@
+import { Size } from './types';
+export declare const StyledTable: import("styled-components").StyledComponent<"table", any, {
+    size?: Size;
+}, never>;
+export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {
+    wrapper?: 'default';
+}, never>;
+export declare const ScrollWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/SortIndicator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SortMode } from '../types';
+declare type Props = {
+    sortMode: SortMode;
+};
+export declare const SortIndicator: ({ sortMode }: Props) => JSX.Element;
+export {};

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableBody.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableCell/TableCell.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridProps, LayoutProps, PaddingProps } from 'styled-system';
+export declare type TableCellProps = {
+    children: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+} & LayoutProps & PaddingProps & GridProps;
+declare const TableCell: ({ children, align, ...rest }: TableCellProps) => JSX.Element;
+export default TableCell;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableCell/TableCell.styles.d.ts

@@ -0,0 +1,5 @@
+import { GridProps, JustifyContentProps, LayoutProps } from 'styled-system';
+import { Size } from '../../types';
+export declare const StyledTableCell: import("styled-components").StyledComponent<"div", any, {
+    cellSize?: Size;
+} & JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableCell/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableCellContainer.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableFooter/TableFooter.d.ts

@@ -0,0 +1,3 @@
+export declare const TableFooter: import("styled-components").StyledComponent<"div", any, import("styled-system").JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    variant?: "default";
+}, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableFooter/types.d.ts

@@ -0,0 +1,5 @@
+import { GridProps, JustifyContentProps, PaddingProps } from 'styled-system';
+import { Default } from '../../types';
+export declare type TableFooterProps = JustifyContentProps & PaddingProps & GridProps & {
+    variant?: Default;
+};

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableHead.d.ts

@@ -0,0 +1,4 @@
+import { HeaderVariant } from '../types';
+export declare const TableHead: import("styled-components").StyledComponent<"thead", any, {
+    variant: HeaderVariant;
+}, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableHeader/TableHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableHeaderProps } from './types';
+declare const TableHeader: ({ sortMode, children, align, onClick, minWidth, disableSort, ...rest }: TableHeaderProps) => JSX.Element;
+export default TableHeader;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableHeader/TableHeader.styles.d.ts

@@ -0,0 +1,3 @@
+import { FlexDirectionProps, GridProps, JustifyContentProps, LayoutProps, PaddingProps } from 'styled-system';
+export declare const StyledTableHeader: import("styled-components").StyledComponent<"div", any, JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const TableHeadContainer: import("styled-components").StyledComponent<"div", any, JustifyContentProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexDirectionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableHeader/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableHeader/types.d.ts

@@ -0,0 +1,11 @@
+import { SortMode } from '../../types';
+import React from 'react';
+import { LayoutProps, PaddingProps } from 'styled-system';
+export interface TableHeaderProps extends PaddingProps {
+    sortMode?: SortMode;
+    children: React.ReactNode;
+    onClick: () => void;
+    align?: 'left' | 'center' | 'right';
+    minWidth?: LayoutProps['minWidth'];
+    disableSort?: boolean;
+}

package/typings/packages/custom-ui-components/src/components/organisms/Table/components/TableRow.d.ts

@@ -0,0 +1,5 @@
+import { RowVariant } from '../types';
+export declare const TableRow: import("styled-components").StyledComponent<"tr", any, {
+    variant?: RowVariant;
+    disableBorder?: boolean;
+}, never>;

package/typings/packages/custom-ui-components/src/components/organisms/Table/index.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/settings.d.ts

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

package/typings/packages/custom-ui-components/src/components/organisms/Table/types.d.ts

@@ -0,0 +1,14 @@
+import { ComponentSettings, ComponentVariant } from '../../../types';
+export declare type HeaderVariant = 'primary' | 'secondary';
+export declare type Size = 'regular';
+export declare type RowVariant = 'body' | 'head';
+export declare type Default = 'default';
+export declare type TableSettings = ComponentSettings<{
+    header: ComponentVariant<'variant', HeaderVariant>;
+    cell: ComponentVariant<'cellSize', Size>;
+    table: ComponentVariant<'size', Size>;
+    row: ComponentVariant<'variant', RowVariant>;
+    wrapper: ComponentVariant<'wrapper', Default>;
+    footer: ComponentVariant<'variant', Default>;
+}>;
+export declare type SortMode = null | 'asc' | 'desc';

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

@@ -0,0 +1,12 @@
+import CreditCard from './CreditCard';
+import QuantityComponent from './Subscription/QuantityComponent';
+import PrepaidComponent from './Subscription/PrepaidComponent';
+import MeteredComponent from './Subscription/MeteredComponent';
+import OnOffComponent from './Subscription/OnOffComponent';
+import BankAccount from './BankAccount';
+import Table from './Table';
+import type { PrepaidTranslations } from './Subscription/PrepaidComponent';
+import DateTimePicker from './DateTimePicker';
+import type { CreditCardStatus } from './CreditCard';
+export { CreditCard, QuantityComponent, OnOffComponent, PrepaidComponent, MeteredComponent, BankAccount, DateTimePicker, Table, };
+export type { PrepaidTranslations, CreditCardStatus };

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

@@ -0,0 +1,7 @@
+declare const organismsSettings: {
+    CreditCard: import("./CreditCard/types").CreditCardSettings;
+    Watermark: import("./CreditCard/components/Watermark/types").WatermarkSettings;
+    BankAccount: import("./BankAccount/types").BankAccountSettings;
+    Table: import("./Table/types").TableSettings;
+};
+export default organismsSettings;

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

@@ -0,0 +1,39 @@
+declare const componentsSettings: {
+    CreditCard: import("./organisms/CreditCard/types").CreditCardSettings;
+    Watermark: import("./organisms/CreditCard/components/Watermark/types").WatermarkSettings;
+    BankAccount: import("./organisms/BankAccount/types").BankAccountSettings;
+    Table: import("./organisms/Table/types").TableSettings;
+    Tag: import("./molecules/Tag/types").TagSettings;
+    Card: import("./molecules/Card/types").CardSettings;
+    RadioSelect: import("./molecules/RadioSelect/types").RadioSelectSettings;
+    Alert: import("./molecules/Alert/types").AlertSettings;
+    FormField: import("./molecules/FormField/types").FormFieldSettings;
+    TagInput: import("./molecules/TagInput/types").TagInputSettings;
+    InputLabel: import("./molecules/InputLabel/types").InputLabelSettings;
+    StepHorizontal: import("./molecules/Stepper/components/StepHortizontal/types").StepHorizontalSettings;
+    StepVertical: import("./molecules/Stepper/components/StepVertical/types").StepVerticalSettings;
+    ToastMessage: import("./molecules/ToastMessage/types").ToastMessageSettings;
+    Tabs: import("./molecules/Tabs/types").TabsSettings;
+    CreditCardNumber: import("./molecules/CreditCardNumber/type").CreditCardNumberSettings;
+    CreditCardAddress: import("./molecules/CreditCardAddress/type").CreditCardAddressSettings;
+    CreditCardHolderDetails: import("./molecules/CreditCardHolderDetails/type").CreditCardHolderDetailsSettings;
+    Accordion: import("./molecules/Accordion/type").AccordionSettings;
+    PageHeaderTitle: import("./molecules/PageHeaderTitle/type").PageHeaderTitle;
+    PageHeaderSubtitle: import("./molecules/PageHeaderSubtitle/type").PageHeaderSubtitle;
+    Button: import("./atoms/Button/types").ButtonSettings;
+    Anchor: import("./atoms/Anchor/types").AnchorSettings;
+    BodyText: import("./atoms/BodyText/types").BodyTextSettings;
+    Heading: import("./atoms/Heading/types").HeadingSettings;
+    InputMessage: import("./atoms/InputMessage/types").InputMessageSettings;
+    Input: import("./atoms/Input/types").InputSettings;
+    Tooltip: import("./atoms/Tooltip/types").TooltipSettings;
+    Toggle: import("./atoms/Toggle/types").ToggleSettings;
+    ProgressBar: import("./atoms/ProgressBar/types").ProgressBarSettings;
+    Checkbox: import("./atoms/Checkbox/types").CheckboxSettings;
+    SubscriptionComponentCard: import("./atoms/SubscriptionComponentCard/types").SubscriptionComponentCardSettings;
+    Select: import("./atoms/Select/types").SelectSettings;
+    RadioButton: import("./atoms/RadioButton/types").RadioButtonSettings;
+    Options: import("./atoms/Options/types").OptionsSettings;
+    TextArea: import("./atoms/TextArea/types").TextArea;
+};
+export default componentsSettings;

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

@@ -0,0 +1,2 @@
+import { Scale } from 'styled-system';
+export declare type ResponsiveValue = string | number | Scale;

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

@@ -0,0 +1,9 @@
+export declare const KEYBOARD_KEYS: {
+    UP: string;
+    DOWN: string;
+    ENTER: string;
+    ESCAPE: string;
+    SPACE: string;
+    BACKSPACE: string;
+    TAB: string;
+};

package/typings/packages/custom-ui-components/src/contexts/PortalContext.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+export declare const PortalContext: import("react").Context<{
+    portalContainer: MutableRefObject<HTMLElement>;
+}>;

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

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

package/typings/packages/custom-ui-components/src/docs/Grid.styles.d.ts

@@ -0,0 +1,2 @@
+import { BackgroundColorProps } from 'styled-system';
+export declare const Content: import("styled-components").StyledComponent<"div", any, BackgroundColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;

package/typings/packages/custom-ui-components/src/docs/Spaces.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Spaces: () => JSX.Element;
+export default Spaces;

package/typings/packages/custom-ui-components/src/docs/Spaces.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Block: import("styled-components").StyledComponent<"div", any, {
+    backgroundColor: string;
+}, never>;
+export declare const Space: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+    backgroundColor: string;
+}, never>;

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

@@ -0,0 +1,4 @@
+import useOnClickOutside from './useOnClickOutside';
+import useKeypress from './useKeypress';
+import useModalVariant from './useModalVariant';
+export { useOnClickOutside, useKeypress, useModalVariant };

package/typings/packages/custom-ui-components/src/hooks/useKeypress/index.d.ts

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

package/typings/packages/custom-ui-components/src/hooks/useKeypress/useKeypress.d.ts

@@ -0,0 +1,9 @@
+import { DependencyList } from 'react';
+declare type Options = {
+    keyboardAction: (e: KeyboardEvent) => void;
+    handledKeys: KeyboardEvent['code'][];
+    addEventListenerCondition: boolean;
+    eventListenerDependencies: DependencyList;
+};
+export declare const useKeypress: ({ addEventListenerCondition, eventListenerDependencies, handledKeys, keyboardAction, }: Options) => void;
+export {};

package/typings/packages/custom-ui-components/src/hooks/useModalVariant/index.d.ts

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

package/typings/packages/custom-ui-components/src/hooks/useModalVariant/useModalVariant.d.ts

@@ -0,0 +1 @@
+export declare const useModalVariant: () => "layer" | "window";

package/typings/packages/custom-ui-components/src/hooks/useOnClickOutside/index.d.ts

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

package/typings/packages/custom-ui-components/src/hooks/useOnClickOutside/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useOnClickOutside: (containerRefs: RefObject<HTMLElement>[], onClickOutside: () => void, eventTarget?: EventTarget) => void;

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

@@ -0,0 +1,11 @@
+export * from './components';
+export * from './theme';
+export * from './hooks';
+import { CreditCardType } from './components/organisms/CreditCard/types';
+import { TooltipProps } from './components/atoms';
+import type { Theme, FontWeight as FontWeightType } from './themeBase';
+import { theme } from './themeBase';
+export { theme };
+export type { Theme, FontWeightType };
+export type { CreditCardType };
+export type { TooltipProps };

package/typings/packages/custom-ui-components/src/mixins/fontSmoothing.d.ts

@@ -0,0 +1 @@
+export declare const fontSmoothing: import("styled-components").FlattenSimpleInterpolation;

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

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

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

@@ -0,0 +1,41 @@
+export declare const palette: {
+    primary: {
+        extraLight: string;
+        light: string;
+        main: string;
+        dark: string;
+        extraDark: string;
+    };
+    secondary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    success: {
+        extraLight: string;
+        light: string;
+        main: string;
+        dark: string;
+    };
+    danger: {
+        extraLight: string;
+        light: string;
+        main: string;
+        dark: string;
+    };
+    gray: {
+        extraLight: string;
+        light: string;
+        main: string;
+        dark: string;
+    };
+    black: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    white: {
+        main: string;
+        dark: string;
+    };
+};

package/typings/packages/custom-ui-components/src/theme/ThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Theme } from '../themeBase';
+export declare type ThemeProviderProps = {
+    children: React.ReactNode;
+    theme: Theme;
+};
+declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => JSX.Element;
+export default ThemeProvider;

package/typings/packages/custom-ui-components/src/theme/ThemeUtilities.d.ts

@@ -0,0 +1,13 @@
+import { PartialDeep } from 'type-fest';
+import { Theme, ComponentsVariants } from '../themeBase';
+declare type Components = keyof Theme['components'];
+declare class ThemeUtilities {
+    static createTheme(partialTheme?: PartialDeep<Theme>): Theme;
+    static getComponentCSSOverrides({ theme }: {
+        theme: Theme;
+    }, component: Components): import("styled-components").CSSObject;
+    static getComponentVariant({ theme }: {
+        theme: Theme;
+    }, component: Components, variant: ComponentsVariants): Record<string, any>;
+}
+export default ThemeUtilities;

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

@@ -0,0 +1,4 @@
+import ThemeUtilities from './ThemeUtilities';
+import ThemeProvider from './ThemeProvider';
+import { stylesSystem } from './system';
+export { ThemeProvider, ThemeUtilities, stylesSystem };

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { CSSObject } from 'styled-components';
+declare type ColorVariants = 'base' | 'light' | 'dark';
+export declare type Colors = 'primary' | 'secondary';
+export declare type Palette = {
+    [key in Colors]: {
+        [key in ColorVariants]: string;
+    };
+};
+export interface ComponentVariant<P extends string, V extends string> {
+    prop: P;
+    variants: {
+        [key in V]: CSSObject;
+    };
+}
+export declare type ComponentSettings<V> = {
+    cssOverrides?: CSSObject;
+    componentVariants: V;
+};
+export declare type Components = 'Button';
+export {};

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

@@ -0,0 +1,107 @@
+import { CSSObject } from 'styled-components';
+import { Get } from 'type-fest';
+export declare const theme: {
+    colors: {
+        primary: {
+            extraLight: string;
+            light: string;
+            main: string;
+            dark: string;
+            extraDark: string;
+        };
+        secondary: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        success: {
+            extraLight: string;
+            light: string;
+            main: string;
+            dark: string;
+        };
+        danger: {
+            extraLight: string;
+            light: string;
+            main: string;
+            dark: string;
+        };
+        gray: {
+            extraLight: string;
+            light: string;
+            main: string;
+            dark: string;
+        };
+        black: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        white: {
+            main: string;
+            dark: string;
+        };
+    };
+    space: number[];
+    radii: number[];
+    fontSizes: number[];
+    sizes: number[];
+    fontWeights: number[];
+    borderWidths: number[];
+    lineHeights: string[];
+    breakpoints: string[];
+    boxShadows: {
+        input: string;
+    };
+    fonts: {
+        primary: string;
+        secondary: string;
+    };
+    components: {
+        CreditCard: import("./components/organisms/CreditCard/types").CreditCardSettings;
+        Watermark: import("./components/organisms/CreditCard/components/Watermark/types").WatermarkSettings;
+        BankAccount: import("./components/organisms/BankAccount/types").BankAccountSettings;
+        Table: import("./components/organisms/Table/types").TableSettings;
+        Tag: import("./components/molecules/Tag/types").TagSettings;
+        Card: import("./components/molecules/Card/types").CardSettings;
+        RadioSelect: import("./components/molecules/RadioSelect/types").RadioSelectSettings;
+        Alert: import("./components/molecules/Alert/types").AlertSettings;
+        FormField: import("./components/molecules/FormField/types").FormFieldSettings;
+        TagInput: import("./components/molecules/TagInput/types").TagInputSettings;
+        InputLabel: import("./components/molecules/InputLabel/types").InputLabelSettings;
+        StepHorizontal: import("./components/molecules/Stepper/components/StepHortizontal/types").StepHorizontalSettings;
+        StepVertical: import("./components/molecules/Stepper/components/StepVertical/types").StepVerticalSettings;
+        ToastMessage: import("./components/molecules/ToastMessage/types").ToastMessageSettings;
+        Tabs: import("./components/molecules/Tabs/types").TabsSettings;
+        CreditCardNumber: import("./components/molecules/CreditCardNumber/type").CreditCardNumberSettings;
+        CreditCardAddress: import("./components/molecules/CreditCardAddress/type").CreditCardAddressSettings;
+        CreditCardHolderDetails: import("./components/molecules/CreditCardHolderDetails/type").CreditCardHolderDetailsSettings;
+        Accordion: import("./components/molecules/Accordion/type").AccordionSettings;
+        PageHeaderTitle: import("./components/molecules/PageHeaderTitle/type").PageHeaderTitle;
+        PageHeaderSubtitle: import("./components/molecules/PageHeaderSubtitle/type").PageHeaderSubtitle;
+        Button: import("./components/atoms/Button/types").ButtonSettings;
+        Anchor: import("./components/atoms/Anchor/types").AnchorSettings;
+        BodyText: import("./components/atoms/BodyText/types").BodyTextSettings;
+        Heading: import("./components/atoms/Heading/types").HeadingSettings;
+        InputMessage: import("./components/atoms/InputMessage/types").InputMessageSettings;
+        Input: import("./components/atoms/Input/types").InputSettings;
+        Tooltip: import("./components/atoms/Tooltip/types").TooltipSettings;
+        Toggle: import("./components/atoms/Toggle/types").ToggleSettings;
+        ProgressBar: import("./components/atoms/ProgressBar/types").ProgressBarSettings;
+        Checkbox: import("./components/atoms/Checkbox/types").CheckboxSettings;
+        SubscriptionComponentCard: import("./components/atoms/SubscriptionComponentCard/types").SubscriptionComponentCardSettings;
+        Select: import("./components/atoms/Select/types").SelectSettings;
+        RadioButton: import("./components/atoms/RadioButton/types").RadioButtonSettings;
+        Options: import("./components/atoms/Options/types").OptionsSettings;
+        TextArea: import("./components/atoms/TextArea/types").TextArea;
+    };
+};
+export declare type ComponentsTheme = typeof theme;
+export declare type FontWeight = typeof theme.fontWeights[number] | 'inherit';
+export declare type Theme = ComponentsTheme & {
+    components: Record<keyof ComponentsTheme['components'], {
+        cssOverrides?: CSSObject;
+    }>;
+};
+export declare type Components = Get<ComponentsTheme, 'components'>;
+export declare type ComponentsVariants = keyof Get<Components, 'Button.componentVariants'> | keyof Get<Components, 'BodyText.componentVariants'> | keyof Get<Components, 'Heading.componentVariants'> | keyof Get<Components, 'Input.componentVariants'> | keyof Get<Components, 'InputMessage.componentVariants'> | keyof Get<Components, 'Tag.componentVariants'> | keyof Get<Components, 'Card.componentVariants'> | keyof Get<Components, 'Tooltip.componentVariants'> | keyof Get<Components, 'Toggle.componentVariants'> | keyof Get<Components, 'ProgressBar.componentVariants'> | keyof Get<Components, 'BankAccount.componentVariants'> | keyof Get<Components, 'CreditCard.componentVariants'> | keyof Get<Components, 'RadioSelect.componentVariants'> | keyof Get<Components, 'FormField.componentVariants'> | keyof Get<Components, 'Checkbox.componentVariants'> | keyof Get<Components, 'TagInput.componentVariants'> | keyof Get<Components, 'Select.componentVariants'> | keyof Get<Components, 'StepHorizontal.componentVariants'> | keyof Get<Components, 'StepVertical.componentVariants'> | keyof Get<Components, 'Table.componentVariants'> | keyof Get<Components, 'ToastMessage.componentVariants'> | keyof Get<Components, 'Tabs.componentVariants'> | keyof Get<Components, 'RadioButton.componentVariants'> | keyof Get<Components, 'Options.componentVariants'> | keyof Get<Components, 'TextArea.componentVariants'> | keyof Get<Components, 'CreditCardNumber.componentVariants'> | keyof Get<Components, 'CreditCardHolderDetails.componentVariants'> | keyof Get<Components, 'CreditCardAddress.componentVariants'> | keyof Get<Components, 'Accordion.componentVariants'> | keyof Get<Components, 'PageHeaderTitle.componentVariants'> | keyof Get<Components, 'PageHeaderSubtitle.componentVariants'>;

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

@@ -0,0 +1,16 @@
+import { CSSObject } from 'styled-components';
+import { ResponsiveValue } from 'styled-system';
+export declare type StyleFn = (props: Record<string, any>) => string | number;
+export interface ComponentVariant<P extends string, V extends string> {
+    prop: P;
+    variants: {
+        [key in V]: {
+            [key: string]: ResponsiveValue<CSSObject | string | number | undefined | StyleFn>;
+        };
+    };
+}
+export declare type ComponentSettings<V> = {
+    cssOverrides?: CSSObject;
+    componentVariants: V;
+};
+export declare type Components = 'Button' | 'BodyText' | 'Heading';

package/typings/packages/customer-details/index.d.ts

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

package/typings/packages/customer-details/src/App.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ComponentSettings } from './types';
+declare const App: ({ customerDataVisibleFields }: ComponentSettings) => JSX.Element;
+export default App;

package/typings/packages/customer-details/src/CustomerDetails.d.ts

@@ -0,0 +1,7 @@
+import { EmbeddableComponent, ComponentOptions } from "../../embeddable-component/src";
+import type { ComponentSettings } from './types';
+declare class SubscriptionsManager extends EmbeddableComponent {
+    constructor({ i18n, componentsTheme, sessionManager, dataAccess, }: ComponentOptions);
+    render(container: string | HTMLElement, componentSettings?: ComponentSettings): void;
+}
+export default SubscriptionsManager;

package/typings/packages/customer-details/src/components/ContactDetails/ContactDetails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContactDetailsModel } from '../../models/customerDetails';
+export interface ContactDetailsProps {
+    contactDetails: ContactDetailsModel;
+    onEdit: () => void;
+}
+declare const ContactDetails: ({ contactDetails, onEdit }: ContactDetailsProps) => JSX.Element;
+export default ContactDetails;

package/typings/packages/customer-details/src/components/ContactDetails/index.d.ts

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

package/typings/packages/customer-details/src/components/ContactDetails/utils.d.ts

@@ -0,0 +1,6 @@
+import { TFunction } from 'react-i18next';
+import { ContactDetailsModel } from '../../models/customerDetails';
+import { CustomerDataVisibleFields } from '../../types';
+export declare const getFullNameLabel: (t: TFunction<'customer-details'[]>, firstName?: string, lastName?: string) => string;
+export declare const getFullName: (firstName?: string, lastName?: string) => string;
+export declare const getVisibleContactDetailsFields: (contactDetails: ContactDetailsModel, visibleFields: CustomerDataVisibleFields) => Partial<ContactDetailsModel>;

package/typings/packages/customer-details/src/components/ContactDetailsForm/ContactDetailsForm.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ContactDetailsModel } from '../../models/customerDetails';
+export declare type ContactDetailsFormProps = {
+    values: ContactDetailsModel;
+    onSubmit: (values: ContactDetailsModel) => void;
+    onCancel: () => void;
+    isSaving: boolean;
+};
+declare const ContactDetailsForm: ({ values, onCancel, onSubmit, isSaving, }: ContactDetailsFormProps) => JSX.Element;
+export default ContactDetailsForm;

package/typings/packages/customer-details/src/components/ContactDetailsForm/ContactDetailsForm.styles.d.ts

@@ -0,0 +1,4 @@
+import { BorderRadiusProps, ColorProps, MarginProps, PaddingProps } from 'styled-system';
+export declare const CodeBlock: import("styled-components").StyledComponent<"code", any, ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & BorderRadiusProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const InputHint: import("styled-components").StyledComponent<"div", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/customer-details/src/components/ContactDetailsForm/index.d.ts

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