@digigov/react-experimental 2.0.0-daaf7bdf → 2.0.0-e7d30530

package/libs/ui/src/utils/hooks/useScreen.d.ts

@@ -1,7 +0,0 @@
-export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const breakpointKeys: Breakpoints[];
-export declare const breakpointValues: number[];
-export declare const useScreenSize: () => {
-    screenSize: Breakpoints;
-    screenWidth: number | false;
-};

package/libs/ui/src/utils/hooks/useSearch.d.ts

@@ -1,4 +0,0 @@
-export declare function normalizeGreek(text: any): any;
-export declare function fullTextSearch(data: Object, search: string): boolean;
-export declare function useSearch(data: Array<Object>, query?: string): Object[];
-export default useSearch;

package/libs/ui/src/utils/hooks/useTogglableTab.d.ts

@@ -1,21 +0,0 @@
-export interface UseTogglableTabInterface {
-    toggleProperty: string;
-    singleOpen?: boolean;
-    toggleOpenClose?: boolean;
-    toggleParentOpen?: boolean;
-    onToggleProperty: string;
-    initial?: Record<string, boolean>;
-    firstOpen?: boolean;
-    ariaNavigation?: boolean;
-    toggleHook?: (id: string) => void;
-}
-export interface UseTogglableTabReturn {
-    register: (el: string) => any;
-    registered: {
-        current: Record<string, HTMLElement>;
-    };
-    opened: Record<string, boolean>;
-    toggle: (id: string) => void;
-    setOpened: (opened: ((curOpened: Record<string, boolean>) => Record<string, boolean>) | Record<string, boolean>) => void;
-}
-export declare function useTogglableTab({ toggleProperty, singleOpen, onToggleProperty, initial, firstOpen, ariaNavigation, toggleHook, }: UseTogglableTabInterface): UseTogglableTabReturn;

package/libs/ui/src/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from '@digigov/ui/utils/Base';
-export * from '@digigov/ui/utils/SvgIcon';
-export * from '@digigov/ui/utils/VisuallyHidden';

package/libs/ui/src/utils/withDeprecation.d.ts

@@ -1,16 +0,0 @@
-export interface ErrorWarning {
-    /**
-     * Will log a warning if true.
-     */
-    warning?: string | true;
-    error?: string | true;
-}
-export interface PropValueDeprecations {
-    values?: Record<string, ErrorWarning>;
-}
-export type Deprecations = {
-    name: string;
-    rename?: string;
-    props?: Record<string, PropValueDeprecations & ErrorWarning>;
-} & ErrorWarning;
-export default function withDeprecation<Type>(Component: Type, deprecations: Deprecations): Type;

package/libs-ui/react-core/src/Accordion/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionProps extends BaseProps<'div'> {
-    horizontalBorders?: 'none' | 'top' | 'bottom';
-    /**
-     * summaryColor is optional.
-     * 'primary' color gives AccordionSectionSummary the default color.
-     * 'secondary' color gives AccordionSectionSummary a gray background.
-     * @value primary
-     * @value secondary
-     * @default primary
-     * */
-    summaryColor?: 'primary' | 'secondary';
-    /**
-     * dense is optional.
-     * If true, AccordionSection will have a smaller padding.
-     * @value true
-     * @value false
-     * @default false
-     * */
-    dense?: boolean;
-}
-/**
- * Accordion is the main component for an accordion.
- * Inside this component must be a list of AccordionSection components.
- */
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Accordion;

package/libs-ui/react-core/src/AccordionControls/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionControlsProps extends BaseProps<'div'> {
-}
-/**
- * AccordionControls is a component that provides controls for an accordion.
- */
-export declare const AccordionControls: React.ForwardRefExoticComponent<Omit<AccordionControlsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AccordionControls;

package/libs-ui/react-core/src/AccordionSection/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionSectionProps extends BaseProps<'details'> {
-}
-/**
- * AccordionSection should be inside the Accordion component.
- *
- * Inside this component must place the Accordion and the AccordionSectionContent components.
- */
-export declare const AccordionSection: React.ForwardRefExoticComponent<Omit<AccordionSectionProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
-export default AccordionSection;

package/libs-ui/react-core/src/AccordionSectionContent/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionSectionContentProps extends BaseProps<'div'> {
-}
-/**
- * AccordionSectionContent should be inside the AccordionSection and it is the content of the section.
- * The content is only visible when the AccordionSection is 'open'.
- */
-export declare const AccordionSectionContent: React.ForwardRefExoticComponent<Omit<AccordionSectionContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AccordionSectionContent;

package/libs-ui/react-core/src/AccordionSectionSummary/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionSectionSummaryProps extends BaseProps<'summary'> {
-}
-/**
- * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
- */
-export declare const AccordionSectionSummary: React.ForwardRefExoticComponent<Omit<AccordionSectionSummaryProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default AccordionSectionSummary;

package/libs-ui/react-core/src/AccordionSectionSummaryHeading/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AccordionSectionSummaryHeadingProps extends BaseProps<'h2'> {
-}
-/**
- * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
- */
-export declare const AccordionSectionSummaryHeading: React.ForwardRefExoticComponent<Omit<AccordionSectionSummaryHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-export default AccordionSectionSummaryHeading;

package/libs-ui/react-core/src/AdminAside/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { AsideProps } from '@digigov/react-core/Aside';
-export interface AdminAsideProps extends AsideProps {
-}
-/**
- * Use this inside AdminContainer component for placing the aside content of the page
- */
-export declare const AdminAside: React.ForwardRefExoticComponent<Omit<AdminAsideProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default AdminAside;

package/libs-ui/react-core/src/AdminContainer/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
-export interface AdminContainerProps extends Omit<ContainerProps, 'grid'> {
-    /**
-     * grid is optional. Set to false if you don't need grid layout.
-     * @value true
-     * @value false
-     * @default true
-     */
-    grid?: boolean;
-}
-/**
- * AdminContainer is a wrapper for the content of the page
- * Use AdminContainer inside AdminLayout component
- */
-export declare const AdminContainer: React.ForwardRefExoticComponent<Omit<AdminContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AdminContainer;

package/libs-ui/react-core/src/AdminHeader/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HeaderProps } from '@digigov/react-core/Header';
-export interface AdminHeaderProps extends HeaderProps {
-}
-/**
- * AdminHeader represents a container for govgr header information.
- * This elements is placed at the top of the page.
- */
-export declare const AdminHeader: React.ForwardRefExoticComponent<Omit<AdminHeaderProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default AdminHeader;

package/libs-ui/react-core/src/AdminHeaderContent/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { HeaderContentProps } from '@digigov/react-core/HeaderContent';
-export interface AdminHeaderContentProps extends HeaderContentProps {
-}
-/**
- * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.
- */
-export declare const AdminHeaderContent: React.ForwardRefExoticComponent<Omit<AdminHeaderContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AdminHeaderContent;

package/libs-ui/react-core/src/AdminLayout/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { LayoutProps } from '@digigov/react-core/Layout';
-export interface AdminLayoutProps extends LayoutProps {
-}
-/**
- * AdminLayout is the  wrapper component for the entire page except for the header and the footer.
- */
-export declare const AdminLayout: React.ForwardRefExoticComponent<Omit<AdminLayoutProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AdminLayout;

package/libs-ui/react-core/src/AdminMain/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { MainProps } from '@digigov/react-core/Main';
-export interface AdminMainProps extends MainProps {
-}
-/**
- * Use this inside AdminContainer component for placing the main content of the page
- */
-export declare const AdminMain: React.ForwardRefExoticComponent<Omit<AdminMainProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AdminMain;

package/libs-ui/react-core/src/AdminTopSection/index.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
-export interface AdminTopSectionProps extends GridProps {
-    /**
-     * color is optional.
-     * 'primary' color gives AdminTopSection the default color.
-     * @value primary
-     * @value secondary
-     * @default primary
-     * */
-    color?: 'primary' | 'secondary';
-    /**
-     * border is optional.
-     * border prop adds border to AdminTopSection.
-     * @value true
-     * @value false
-     */
-    border?: boolean;
-}
-/**
- * Use  AdminTopSection component inside AdminContainer component to seperate content in
- * 1 to 12 individual equal spaces
- */
-export declare const AdminTopSection: React.ForwardRefExoticComponent<Omit<AdminTopSectionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AdminTopSection;

package/libs-ui/react-core/src/Aside/index.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
-export interface AsideProps extends GridProps {
-    /**
-     * sticky is optional.
-     * If true, the Aside will be sticky.
-     * @value true
-     * @value false
-     * @default true
-     */
-    sticky?: boolean;
-    /**
-     * fullHeight is optional.
-     * If true, the Aside will be full height.
-     * This prop is useful when we want to place the BackToTop component inside the Aside component and show it at the bottom of the page.
-     * @value true
-     * @value false
-     * @default false
-     */
-    fullHeight?: boolean;
-}
-/**
- * Use this inside the Container component for additional content.
- * that will be shown on the left one third of the page.
- */
-export declare const Aside: React.ForwardRefExoticComponent<Omit<AsideProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export default Aside;

package/libs-ui/react-core/src/AutoCompleteAssistiveHint/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteAssistiveHintProps extends BaseProps<'span'> {
-}
-/**
- * AutoCompleteAssistiveHint is a span element for displaying the autocomplete
- * assistive hint text.
- *
- */
-export declare const AutoCompleteAssistiveHint: React.ForwardRefExoticComponent<Omit<AutoCompleteAssistiveHintProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export default AutoCompleteAssistiveHint;

package/libs-ui/react-core/src/AutoCompleteContainer/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteContainerProps extends BaseProps<'div'> {
-    /**
-     * width is optional.
-     * Use width prop to define a custom width in your component.
-     * @value '25%';
-     * @value '33.3%';
-     * @value '50%';
-     * @value '66.6%';
-     * @value '75%';
-     * @value '100%';
-     * @value 'full';
-     */
-    width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
-}
-/**
- * AutoCompleteContainer is a wrapper for autocomplete element.
- * Use AutoCompleteContainer to wrap autocomplete elements.
- */
-export declare const AutoCompleteContainer: React.ForwardRefExoticComponent<Omit<AutoCompleteContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AutoCompleteContainer;

package/libs-ui/react-core/src/AutoCompleteInput/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputProps extends BaseProps<'input'> {
-    /**
-     * isFocused is optional. The default value is false.
-     * isFocused prop is used to focus the list element.
-     * @value true
-     * @value false
-     */
-    isFocused?: boolean;
-}
-/**
- * AutoCompleteInput component is used to display the value that the user is typing.
- *
- */
-export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Omit<AutoCompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInput;

package/libs-ui/react-core/src/AutoCompleteInputTypeahead/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {
-}
-/**
- * AutoCompleteInputTypeahead component is used to display the hole search value
- * in the background.
- *
- */
-export declare const AutoCompleteInputTypeahead: React.ForwardRefExoticComponent<Omit<AutoCompleteInputTypeaheadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInputTypeahead;

package/libs-ui/react-core/src/AutoCompleteMultipleInput/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteMultipleInputProps extends BaseProps<'input'> {
-}
-/**
- * AutoCompleteMultipleInput is used inside AutoCompleteMultipleInputContainer for multiple values input.
- */
-export declare const AutoCompleteMultipleInput: React.ForwardRefExoticComponent<Omit<AutoCompleteMultipleInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteMultipleInput;

package/libs-ui/react-core/src/AutoCompleteMultipleInputContainer/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteMultipleInputContainerProps extends BaseProps<'div'> {
-    open?: boolean;
-    isFocused?: boolean;
-    numberOfSelected?: 1 | 2 | 3 | 'all';
-}
-/**
- * Use AutoCompleteMultipleInputContainer to accept multiple values input.
- */
-export declare const AutoCompleteMultipleInputContainer: React.ForwardRefExoticComponent<Omit<AutoCompleteMultipleInputContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AutoCompleteMultipleInputContainer;

package/libs-ui/react-core/src/AutoCompleteResultList/index.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteResultListProps extends BaseProps<'ul'> {
-    /**
-     * isVisible is optional.
-     * Use isVisible prop to make menu visible
-     * default value is false.
-     *
-     * @value true
-     * @value false
-     * @default false
-     */
-    isVisible?: boolean;
-}
-/**
- * AutoCompleteResultList component is used for listing items.
- * This component must contain AutoCompleteResultListItem component.
- */
-export declare const AutoCompleteResultList: React.ForwardRefExoticComponent<Omit<AutoCompleteResultListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export default AutoCompleteResultList;

package/libs-ui/react-core/src/AutoCompleteResultListItem/index.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteResultListItemProps extends BaseProps<'li'> {
-    /**
-    * index is optional.
-    * Use index prop to add or not option-odd css class.
-    *
-    *
-  
-    */
-    index?: number;
-    /**
-     * isFocused is optional.
-     * Use isFocused prop to focus selected element.
-     *
-     *
-     * @value undefined
-     * @value undefined
-     */
-    isFocused?: boolean | null;
-    /**
-     * isHovered is optional.
-     * Use isHovered prop to hover over elements.
-     *
-     *
-     * @value undefined
-     * @value undefined
-     */
-    isHovered?: boolean | null;
-    /**
-     * empty is optional.
-     * Use empty prop when there are no results in AutoComplete.
-     * by default is false.
-     *
-     * @value true
-     * @value false
-     * @default false
-     */
-    empty?: boolean;
-}
-/**
- * AutoCompleteResultListItem must be inside AutoCompleteResultList compoenent.
- * Use AutoCompleteResultListItem component to list all the values.
- *
- * */
-export declare const AutoCompleteResultListItem: React.ForwardRefExoticComponent<Omit<AutoCompleteResultListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default AutoCompleteResultListItem;

package/libs-ui/react-core/src/AutoCompleteStatus/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteStatusProps extends BaseProps<'div'> {
-}
-/**
- * AutoCompleteStatus is a div element for displaying the autocomplete status.
- * Use AutoCompleteStatus inside AutoCompleteStatusContainer wrapper.
- */
-export declare const AutoCompleteStatus: React.ForwardRefExoticComponent<Omit<AutoCompleteStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AutoCompleteStatus;

package/libs-ui/react-core/src/AutoCompleteStatusContainer/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteStatusContainerProps extends BaseProps<'div'> {
-}
-/**
- * AutoCompleteStatusContainer is a wrapper for autocomplete element.
- * Use AutoCompleteStatusContainer to wrap autocomplete elements.
- */
-export declare const AutoCompleteStatusContainer: React.ForwardRefExoticComponent<Omit<AutoCompleteStatusContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default AutoCompleteStatusContainer;

package/libs-ui/react-core/src/BackLink/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackLinkProps extends BaseProps<'a'> {
-}
-/**
- * Use BackLink component to help users go back to the previous page in a multi-page transaction.
- */
-export declare const BackLink: React.ForwardRefExoticComponent<Omit<BackLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default BackLink;

package/libs-ui/react-core/src/BackToTopContainer/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackToTopContainerProps extends BaseProps<'div'> {
-    /**
-     * persistent is optional.
-     * If true, the BackToTopLink will be visible even the user scrolls down.
-     * @value true
-     * @value false
-     * @default false
-     */
-    persistent?: boolean;
-}
-/**
- * BackToTopContainer is a container for the BackToTopLink component and controls its visibility.
- */
-export declare const BackToTopContainer: React.ForwardRefExoticComponent<Omit<BackToTopContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default BackToTopContainer;

package/libs-ui/react-core/src/BackToTopLimit/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackToTopLimitProps extends BaseProps<'div'> {
-}
-/**
- * You can use this component to define the target of the Back To Top link.
- */
-export declare const BackToTopLimit: React.ForwardRefExoticComponent<Omit<BackToTopLimitProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default BackToTopLimit;

package/libs-ui/react-core/src/BackToTopLink/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackToTopLinkProps extends BaseProps<'a'> {
-}
-/**
- * Use BackToTopLink component to help users go to the top of the page.
- */
-export declare const BackToTopLink: React.ForwardRefExoticComponent<Omit<BackToTopLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default BackToTopLink;

package/libs-ui/react-core/src/BannerContainer/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BannerContainerProps extends BaseProps<'div'> {
-}
-export declare const BannerContainer: React.ForwardRefExoticComponent<Omit<BannerContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default BannerContainer;

package/libs-ui/react-core/src/Base/index.d.ts

@@ -1,2 +0,0 @@
-export * from '@digigov/react-core/Base/index.web';
-export { default as default } from '@digigov/react-core/Base/index.web';

package/libs-ui/react-core/src/Base/index.web.d.ts

@@ -1,97 +0,0 @@
-import React from 'react';
-type AsProp<C extends React.ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
-    ref?: any;
-};
-/**
- * This is the updated component props using PolymorphicComponentPropWithRef
- */
-export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, {
-    /** margin is optional. It has not a default value. */
-    margin?: spacingValues;
-    /** marginTop is optional. It has not a default value. */
-    marginTop?: spacingValues;
-    /** marginBottom is optional. It has not a default value. */
-    marginBottom?: spacingValues;
-    /** marginLeft is optional. It has not a default value. */
-    marginLeft?: spacingValues;
-    /** marginRight is optional. It has not a default value. */
-    marginRight?: spacingValues;
-    /** Alternative for margin. Margin is optional. It has not a default value. */
-    m?: spacingValues;
-    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
-    mt?: spacingValues;
-    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
-    mb?: spacingValues;
-    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
-    ml?: spacingValues;
-    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
-    mr?: spacingValues;
-    /** Alternative for marginX. MarginX is optional. It has not a default value. */
-    mx?: spacingValues;
-    /** Alternative for marginY. MarginY is optional. It has not a default value. */
-    my?: spacingValues;
-    /** padding is optional. It has not a default value. */
-    padding?: spacingValues;
-    /** paddingTop is optional. It has not a default value. */
-    paddingTop?: spacingValues;
-    /** paddingBottom is optional. It has not a default value. */
-    paddingBottom?: spacingValues;
-    /** paddingLeft is optional. It has not a default value. */
-    paddingLeft?: spacingValues;
-    /** paddingRight is optional. It has not a default value. */
-    paddingRight?: spacingValues;
-    /** Alternative for padding. Padding is optional. It has not a default value. */
-    p?: spacingValues;
-    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
-    pt?: spacingValues;
-    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
-    pb?: spacingValues;
-    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
-    pl?: spacingValues;
-    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
-    pr?: spacingValues;
-    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
-    px?: spacingValues;
-    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
-    py?: spacingValues;
-    /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */
-    printHidden?: boolean;
-    /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
-    printVisible?: 'block' | 'inline';
-    /** Components will be hidden at all screen sizes. */
-    hidden?: boolean;
-    /** Components will be hidden from 'xs' screen size and up. */
-    xsUpHidden?: boolean;
-    /** Components will be hidden from 'sm' screen size and up. */
-    smUpHidden?: boolean;
-    /** Components will be hidden from 'md' screen size and up. */
-    mdUpHidden?: boolean;
-    /** Components will be hidden from 'lg' screen size and up. */
-    lgUpHidden?: boolean;
-    /** Components will be hidden from 'xl' screen size and up. */
-    xlUpHidden?: boolean;
-    /** Components will be hidden between xs and sm screen size. */
-    xsHidden?: boolean;
-    /** Components will be hidden between sm and md screen size. */
-    smHidden?: boolean;
-    /** Components will be hidden between md and lg screen size. */
-    mdHidden?: boolean;
-    /** Components will be hidden between lg and xl screen size. */
-    lgHidden?: boolean;
-    /** Components will be hidden between xl and 2xl screen size. */
-    xlHidden?: boolean;
-    /**  display is optional. It has not a default value. */
-    display?: 'flex' | 'block' | 'none';
-}>;
-type spacingValues = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
-/**
- * This is the type used in the type annotation for the component
- */
-type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactNode | null;
-export declare const Base: BaseComponent;
-export default Base;