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

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-d57821ba
+/** @license Digigov v2.0.0-daaf7bdf
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/libs/ui/src/app/Loader/Loader.stories.d.ts

@@ -5,4 +5,5 @@ declare namespace _default {
 }
 export default _default;
 export { Default } from "@digigov/ui/app/Loader/__stories__/Default";
+export { FullPageLoader } from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
 import CircularProgress from '@digigov/ui/app/Loader';

package/libs/ui/src/app/Loader/__stories__/FullPageLoader.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FullPageLoader: () => React.JSX.Element;

package/libs/ui/src/app/Modal/index.d.ts

@@ -4,7 +4,6 @@ export * from '@digigov/react-core/ModalContent';
 export * from '@digigov/react-core/ModalAction';
 export * from '@digigov/ui/app/Modal/hooks';
 export * from '@digigov/ui/app/Modal/hooks';
-export * from '@digigov/ui/app/Modal/auto';
 export * from '@digigov/ui/app/Modal/Modal';
 import Modal from '@digigov/ui/app/Modal/Modal';
 export default Modal;

package/libs/ui/src/app/OutdatedBrowserBanner/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export default function OutdatedBrowserBanner(): JSX.Element;
 export * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';

package/libs/ui/src/content/Accordion/auto.d.ts

@@ -9,8 +9,8 @@ export interface AccordionSectionAutoProps extends AccordionSectionProps {
     id: string;
 }
 export declare const AccordionAuto: ({ singleOpen, defaultOpen, children, ...props }: {
-    singleOpen?: boolean | undefined;
-    defaultOpen?: AccordionItemId | undefined;
+    singleOpen?: boolean;
+    defaultOpen?: AccordionItemId;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const useAccordionContext: () => UseAccordionReturn | null;

package/libs/ui/src/content/Accordion/index.d.ts

@@ -6,5 +6,4 @@ export * from '@digigov/react-core/AccordionSectionContent';
 export * from '@digigov/react-core/AccordionSectionSummary';
 export * from '@digigov/react-core/AccordionSectionSummaryHeading';
 export * from '@digigov/ui/content/Accordion/hooks';
-export * from '@digigov/ui/content/Accordion/auto';
 export default Accordion;

package/libs/ui/src/content/Markdown/Markdown.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { Markdown as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/Markdown/__stories__/Default";
+import Markdown from '@digigov/ui/content/Markdown';

package/libs/ui/src/content/Markdown/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const Markdown: ({ children, content }: {
     children?: React.ReactNode;
-    content?: string | undefined;
+    content?: string;
 }) => React.JSX.Element;
 export default Markdown;

package/libs/ui/src/content/SafeHTML/SafeHTML.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { SafeHTML as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/SafeHTML/__stories__/Default";
+import SafeHTML from '@digigov/ui/content/SafeHTML';

package/libs/ui/src/{patterns/FilteredResults → content/SafeHTML}/__stories__/Default.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const Default: () => React.JSX.Element;
+export default Default;

package/libs/ui/src/content/StepNav/auto.d.ts

@@ -9,8 +9,8 @@ export interface StepNavAccordionAutoProps extends StepNavAccordionProps {
     id: string;
 }
 export declare const StepNavAuto: ({ singleOpen, defaultOpen, children, ...props }: {
-    singleOpen?: boolean | undefined;
-    defaultOpen?: StepNavItemId | undefined;
+    singleOpen?: boolean;
+    defaultOpen?: StepNavItemId;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const useStepNavContext: () => useStepNavReturn | null;

package/libs/ui/src/content/StepNav/index.d.ts

@@ -9,7 +9,6 @@ import StepNavControls from '@digigov/react-core/StepNavControls';
 import StepNavList from '@digigov/react-core/StepNavList';
 import StepNavListItem from '@digigov/react-core/StepNavListItem';
 export * from '@digigov/ui/content/Accordion/hooks';
-export * from '@digigov/ui/content/StepNav/auto';
 export { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';
 export * from '@digigov/react-core/StepNavAccordion';
 export { StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleNumber, StepNav, StepNavControls, StepNavList, StepNavListItem, };

package/libs/ui/src/content/SummaryList/SummaryList.stories.d.ts

@@ -2,15 +2,21 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export let link: string;
-    export { SummaryList as component };
     export let displayName: string;
+    export { SummaryListExample as component };
 }
 export default _default;
-export { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
-export { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
-export { WithoutActions } from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
-export { WithNoLastBorder } from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
-export { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
-export { WithKeyAndAction } from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
-export { RowVariations } from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
-import SummaryList from '@digigov/ui/content/SummaryList';
+export namespace Default {
+    namespace args {
+        let sm: number;
+        let md: number;
+        let lg: number;
+        let border: boolean;
+        let noLastBorder: boolean;
+        let itemBorder: boolean;
+        let showKey: boolean;
+        let showValue: boolean;
+        let showActions: boolean;
+    }
+}
+import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';

package/libs/ui/src/content/SummaryList/__stories__/SummaryListExample.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WidthValues } from '@digigov/ui/content/SummaryList';
+export declare const SummaryListExample: ({ sm, md, lg, border, noLastBorder, itemBorder, showKey, showValue, showActions, }: {
+    sm?: WidthValues;
+    md?: WidthValues;
+    lg?: WidthValues;
+    border?: boolean;
+    noLastBorder?: boolean;
+    itemBorder?: boolean;
+    showKey?: boolean;
+    showValue?: boolean;
+    showActions?: boolean;
+}) => React.JSX.Element;
+export default SummaryListExample;

package/libs/ui/src/feedback/WarningText/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/WarningText';
 import WarningText from '@digigov/react-core/WarningText';
+export { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
 export default WarningText;

package/libs/ui/src/form/Checkbox/index.d.ts

@@ -1,5 +1,6 @@
 export * from '@digigov/react-core/Checkbox';
 export * from '@digigov/react-core/CheckboxItem';
+export * from '@digigov/react-core/CheckboxItemInput';
 export * from '@digigov/react-core/CheckboxConditional';
 import Checkbox from '@digigov/react-core/Checkbox';
 export default Checkbox;

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

@@ -7,6 +7,5 @@ export * from '@digigov/ui/i18n';
 export * from '@digigov/ui/icons';
 export * from '@digigov/ui/layouts';
 export * from '@digigov/ui/navigation';
-export * from '@digigov/ui/patterns';
 export * from '@digigov/ui/typography';
 export * from '@digigov/ui/utils';

package/libs/ui/src/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -8,4 +8,6 @@ declare namespace _default {
 export default _default;
 export { Default } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Default";
 export { WithoutCurrentPage } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage";
+export { WithHook } from "@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook";
+export { Auto } from "@digigov/ui/navigation/Breadcrumbs/__stories__/Auto";
 import Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';

package/libs/ui/src/navigation/Breadcrumbs/__stories__/Auto.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Auto: () => React.JSX.Element;
+export default Auto;

package/libs/ui/src/navigation/Breadcrumbs/__stories__/WithHook.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithHook: () => React.JSX.Element;
+export default WithHook;

package/libs/ui/src/navigation/Breadcrumbs/auto.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { BreadcrumbsProps } from '@digigov/ui/navigation/Breadcrumbs';
+import { UseBreadcrumbsReturn, ConfigData, ChildrenData } from '@digigov/ui/navigation/Breadcrumbs/hooks';
+export interface BreadcrumbsListAutoProps extends BreadcrumbsProps {
+}
+export interface BreadcrumbsAutoProps extends BreadcrumbsProps {
+}
+export interface BreadcrumbsAutoProps {
+    items: ConfigData[];
+    hrefGenerator: (value: ChildrenData) => string;
+    children: ReactNode;
+}
+export declare const BreadcrumbsContext: React.Context<UseBreadcrumbsReturn | null>;
+export declare const BreadcrumbsAuto: ({ items, hrefGenerator, children }: BreadcrumbsAutoProps) => React.JSX.Element;
+export declare const useBreadcrumbsContext: () => UseBreadcrumbsReturn;
+export declare const BreadcrumbsListAuto: React.ForwardRefExoticComponent<Omit<BreadcrumbsListAutoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/libs/ui/src/navigation/Breadcrumbs/hooks.d.ts

@@ -0,0 +1,26 @@
+export interface ChildrenData {
+    title: string;
+    href?: string;
+    pdf?: string;
+    children?: ChildrenData[];
+}
+export interface ConfigData {
+    title: string;
+    children?: ChildrenData[];
+}
+export interface BreadcrumbItem {
+    title: string;
+    href?: string;
+    active?: boolean;
+}
+export interface CurrentItem {
+    title: string;
+    children: CurrentItem[];
+    parents: string[];
+}
+export interface UseBreadcrumbsReturn {
+    breadcrumbs: Array<BreadcrumbItem>;
+    active: CurrentItem;
+    setActive: (item: string) => void;
+}
+export declare const useBreadcrumbs: (items: ConfigData[], hrefGenerator: (value: ChildrenData) => string) => UseBreadcrumbsReturn;

package/libs/ui/src/navigation/Breadcrumbs/index.d.ts

@@ -2,4 +2,5 @@ export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
 export * from '@digigov/react-core/BreadcrumbsListItem';
 import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
+export * from '@digigov/ui/navigation/Breadcrumbs/utils';
 export default Breadcrumbs;

package/libs/ui/src/navigation/Breadcrumbs/slug.d.ts

@@ -0,0 +1 @@
+export declare function slug(text: string, maxWidth?: number): string;

package/libs/ui/src/navigation/Breadcrumbs/utils.d.ts

@@ -0,0 +1 @@
+export declare const flattenRoutes: (items: any, maxLength?: number, prepend?: string, parents?: string[]) => {};

package/libs/ui/src/navigation/Drawer/index.d.ts

@@ -1,5 +1,4 @@
 export * from '@digigov/react-core/Drawer';
 export * from '@digigov/react-core/DrawerHeading';
-export * from '@digigov/ui/navigation/Drawer/auto';
 import Drawer from '@digigov/react-core/Drawer';
 export default Drawer;

package/libs/ui/src/navigation/Pagination/auto.d.ts

@@ -17,8 +17,8 @@ export declare const usePaginationContext: () => usePaginationReturn;
 export declare const PaginationContextAuto: ({ total, resultsPerPageOptions, previousLabel, nextLabel, children, ...props }: {
     total: number;
     resultsPerPageOptions: number[];
-    previousLabel?: string | undefined;
-    nextLabel?: string | undefined;
+    previousLabel?: string;
+    nextLabel?: string;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const PaginationAuto: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/libs/ui/src/navigation/Pagination/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/Pagination';
 export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/ui/navigation/Pagination/hooks';
-export * from '@digigov/ui/navigation/Pagination/auto';
 export { PaginationLabelContainer } from '@digigov/react-core/PaginationLabelContainer';

package/libs/ui/src/navigation/Tabs/index.d.ts

@@ -5,5 +5,4 @@ export * from '@digigov/react-core/TabsList';
 export * from '@digigov/react-core/TabsListItemBase';
 export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
-export * from '@digigov/ui/navigation/Tabs/auto';
 export default Tabs;

package/libs/ui/src/registry.d.ts

@@ -140,7 +140,11 @@ declare const _default: {
     '@digigov/ui/layouts/Stack': {};
     '@digigov/ui/navigation/BackLink': {};
     '@digigov/ui/navigation/BackToTopLink': {};
+    '@digigov/ui/navigation/Breadcrumbs/auto': {};
+    '@digigov/ui/navigation/Breadcrumbs/hooks': {};
     '@digigov/ui/navigation/Breadcrumbs': {};
+    '@digigov/ui/navigation/Breadcrumbs/slug': {};
+    '@digigov/ui/navigation/Breadcrumbs/utils': {};
     '@digigov/ui/navigation/Drawer/auto': {};
     '@digigov/ui/navigation/Drawer/hooks': {};
     '@digigov/ui/navigation/Drawer': {};
@@ -163,12 +167,6 @@ declare const _default: {
     '@digigov/ui/navigation/Tabs/auto': {};
     '@digigov/ui/navigation/Tabs/hooks': {};
     '@digigov/ui/navigation/Tabs': {};
-    '@digigov/ui/patterns/FilteredResults/DataTable': {};
-    '@digigov/ui/patterns/FilteredResults/FilterChips': {};
-    '@digigov/ui/patterns/FilteredResults/FilterFields': {};
-    '@digigov/ui/patterns/FilteredResults/hooks': {};
-    '@digigov/ui/patterns/FilteredResults': {};
-    '@digigov/ui/patterns': {};
     '@digigov/ui/typography/Code': {};
     '@digigov/ui/typography/CodeBlock': {};
     '@digigov/ui/typography/Heading': {};
@@ -212,6 +210,8 @@ export const stories: {
     '@digigov/ui/content/Chip/Chip.stories': typeof _digigov_ui_content_Chip_Chip_stories;
     '@digigov/ui/content/Details/Details.stories': typeof _digigov_ui_content_Details_Details_stories;
     '@digigov/ui/content/List/List.stories': typeof _digigov_ui_content_List_List_stories;
+    '@digigov/ui/content/Markdown/Markdown.stories': typeof _digigov_ui_content_Markdown_Markdown_stories;
+    '@digigov/ui/content/SafeHTML/SafeHTML.stories': typeof _digigov_ui_content_SafeHTML_SafeHTML_stories;
     '@digigov/ui/content/StepNav/StepNav.stories': typeof _digigov_ui_content_StepNav_StepNav_stories;
     '@digigov/ui/content/SummaryList/SummaryList.stories': typeof _digigov_ui_content_SummaryList_SummaryList_stories;
     '@digigov/ui/content/Table/Table.stories': typeof _digigov_ui_content_Table_Table_stories;
@@ -247,7 +247,6 @@ export const stories: {
     '@digigov/ui/navigation/Pagination/Pagination.stories': typeof _digigov_ui_navigation_Pagination_Pagination_stories;
     '@digigov/ui/navigation/SkipLink/SkipLink.stories': typeof _digigov_ui_navigation_SkipLink_SkipLink_stories;
     '@digigov/ui/navigation/Tabs/Tabs.stories': typeof _digigov_ui_navigation_Tabs_Tabs_stories;
-    '@digigov/ui/patterns/FilteredResults/FilteredResults.stories': typeof _digigov_ui_patterns_FilteredResults_FilteredResults_stories;
     '@digigov/ui/typography/CodeBlock/CodeBlock.stories': typeof _digigov_ui_typography_CodeBlock_CodeBlock_stories;
     '@digigov/ui/typography/Heading/Heading.stories': typeof _digigov_ui_typography_Heading_Heading_stories;
     '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': typeof _digigov_ui_typography_HeadingCaption_HeadingCaption_stories;
@@ -274,6 +273,8 @@ import * as _digigov_ui_content_Card_Card_stories from '@digigov/ui/content/Card
 import * as _digigov_ui_content_Chip_Chip_stories from '@digigov/ui/content/Chip/Chip.stories';
 import * as _digigov_ui_content_Details_Details_stories from '@digigov/ui/content/Details/Details.stories';
 import * as _digigov_ui_content_List_List_stories from '@digigov/ui/content/List/List.stories';
+import * as _digigov_ui_content_Markdown_Markdown_stories from '@digigov/ui/content/Markdown/Markdown.stories';
+import * as _digigov_ui_content_SafeHTML_SafeHTML_stories from '@digigov/ui/content/SafeHTML/SafeHTML.stories';
 import * as _digigov_ui_content_StepNav_StepNav_stories from '@digigov/ui/content/StepNav/StepNav.stories';
 import * as _digigov_ui_content_SummaryList_SummaryList_stories from '@digigov/ui/content/SummaryList/SummaryList.stories';
 import * as _digigov_ui_content_Table_Table_stories from '@digigov/ui/content/Table/Table.stories';
@@ -309,7 +310,6 @@ import * as _digigov_ui_navigation_NavList_NavList_stories from '@digigov/ui/nav
 import * as _digigov_ui_navigation_Pagination_Pagination_stories from '@digigov/ui/navigation/Pagination/Pagination.stories';
 import * as _digigov_ui_navigation_SkipLink_SkipLink_stories from '@digigov/ui/navigation/SkipLink/SkipLink.stories';
 import * as _digigov_ui_navigation_Tabs_Tabs_stories from '@digigov/ui/navigation/Tabs/Tabs.stories';
-import * as _digigov_ui_patterns_FilteredResults_FilteredResults_stories from '@digigov/ui/patterns/FilteredResults/FilteredResults.stories';
 import * as _digigov_ui_typography_CodeBlock_CodeBlock_stories from '@digigov/ui/typography/CodeBlock/CodeBlock.stories';
 import * as _digigov_ui_typography_Heading_Heading_stories from '@digigov/ui/typography/Heading/Heading.stories';
 import * as _digigov_ui_typography_HeadingCaption_HeadingCaption_stories from '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories';

package/libs/ui/src/typography/CodeBlock/CodeBlock.stories.d.ts

@@ -5,4 +5,7 @@ declare namespace _default {
 }
 export default _default;
 export { Default } from "@digigov/ui/typography/CodeBlock/__stories__/Default";
+export { Highlighted } from "@digigov/ui/typography/CodeBlock/__stories__/Highlighted";
+export { WithCopyToClipboard } from "@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard";
+export { WithPhaseBanner } from "@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner";
 import CodeBlock from '@digigov/ui/typography/CodeBlock';

package/libs/ui/src/typography/CodeBlock/__stories__/Highlighted.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Highlighted: () => React.JSX.Element;
+export default Highlighted;

package/libs/ui/src/typography/CodeBlock/__stories__/WithCopyToClipboard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithCopyToClipboard: () => React.JSX.Element;
+export default WithCopyToClipboard;

package/libs/ui/src/typography/CodeBlock/__stories__/WithPhaseBanner.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithPhaseBanner: () => React.JSX.Element;
+export default WithPhaseBanner;

package/libs/ui/src/typography/CodeBlock/index.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockProps extends BaseProps<'div'> {
-    language?: 'js' | 'bash' | 'xml' | 'python';
-    copyToClipboard?: true | false;
-    highlighted?: true | false;
-    showLineNumbers?: true | false;
-    shouldWrapLongLines?: true | false;
+    language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';
+    copyToClipboard?: boolean;
+    highlighted?: boolean;
+    showLineNumbers?: boolean;
     phaseBannerTagName?: string;
     highlightLines?: number[];
 }

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

@@ -1,3 +1,4 @@
 export * from '@digigov/react-core/Base';
 import Base from '@digigov/react-core/Base';
+export { basePropGenerator } from '@digigov/react-core/Base/utils';
 export default Base;

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => (...args: CallbackArgs) => void;
+export declare const useDebounceCallback: <CallbackArgs extends any[]>(callback: (...args: CallbackArgs) => void, wait?: number, leading?: boolean) => ((...args: CallbackArgs) => void);
 export declare const useDebounce: <State extends unknown>(initialState: State | (() => State), wait?: number, leading?: boolean) => [State, React.Dispatch<React.SetStateAction<State>>];

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

@@ -1,2 +1,2 @@
-export declare const useKeypress: (key: string, callback?: ((e: KeyboardEvent) => void) | undefined) => void;
+export declare const useKeypress: (key: string, callback?: (e: KeyboardEvent) => void) => void;
 export default useKeypress;

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

@@ -1,95 +1,2 @@
-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;
-}>;
-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;
+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

@@ -0,0 +1,97 @@
+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;