@digigov/react-experimental 2.0.0-6c42d5eb → 2.0.0-6e3977bc

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-6c42d5eb
+/** @license Digigov v2.0.0-6e3977bc
  *
  * 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/content/SafeHTML/__stories__/Default.d.ts

@@ -0,0 +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/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, BreadcrumbItem } from '@digigov/ui/navigation/Breadcrumbs/hooks';
+export interface BreadcrumbsListAutoProps extends BreadcrumbsProps {
+}
+export interface BreadcrumbsAutoProps extends BreadcrumbsProps {
+}
+export interface BreadcrumbsAutoProps {
+    items: BreadcrumbItem[];
+    initialUrlRoute?: string;
+    children: ReactNode;
+}
+export declare const BreadcrumbsContext: React.Context<UseBreadcrumbsReturn | null>;
+export declare const BreadcrumbsAuto: ({ items, initialUrlRoute, 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,11 @@
+export interface BreadcrumbItem {
+    title: string;
+    href?: string;
+    [key: string]: unknown;
+}
+export interface UseBreadcrumbsReturn {
+    breadcrumbs: BreadcrumbItem[];
+    currentRoute: string;
+    setActiveItem: (item: BreadcrumbItem) => void;
+}
+export declare const useBreadcrumbs: (items: BreadcrumbItem[], initialUrlRoute?: 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': {};
@@ -206,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;
@@ -267,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';

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockProps extends BaseProps<'div'> {
     language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';
-    copyToClipboard?: true | false;
-    highlighted?: true | false;
-    showLineNumbers?: true | false;
+    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;

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

@@ -0,0 +1,41 @@
+export declare const basePropGenerator: ({ display, margin, marginTop, marginBottom, marginLeft, marginRight, m, mt, mb, ml, mr, mx, my, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, p, pt, pb, pr, pl, px, py, printHidden, printVisible, hidden, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden, className, }: {
+    display: any;
+    margin: any;
+    marginTop: any;
+    marginBottom: any;
+    marginLeft: any;
+    marginRight: any;
+    m: any;
+    mt: any;
+    mb: any;
+    ml: any;
+    mr: any;
+    mx: any;
+    my: any;
+    padding: any;
+    paddingTop: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    paddingRight: any;
+    p: any;
+    pt: any;
+    pb: any;
+    pr: any;
+    pl: any;
+    px: any;
+    py: any;
+    printHidden: any;
+    printVisible: any;
+    hidden: any;
+    xsUpHidden: any;
+    smUpHidden: any;
+    mdUpHidden: any;
+    lgUpHidden: any;
+    xlUpHidden: any;
+    xsHidden: any;
+    smHidden: any;
+    mdHidden: any;
+    lgHidden: any;
+    xlHidden: any;
+    className: any;
+}) => string;

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CheckboxItemInputProps extends BaseProps<'input'> {
+}
+/**
+ * Details for the CheckboxItem.
+ * CheckboxItemInput component is the input component for CheckboxItem.
+ */
+export declare const CheckboxItemInput: React.ForwardRefExoticComponent<Omit<CheckboxItemInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxItemInput;

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

@@ -3,7 +3,7 @@ import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockContainerProps extends BaseProps<'div'> {
 }
 /**
- * CodeBlockContainer can be used as a colored container for text.
+ * CodeBlockContainer is a component for displaying code.
  *
  */
 export declare const CodeBlockContainer: React.ForwardRefExoticComponent<Omit<CodeBlockContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,7 +3,7 @@ import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockContentProps extends BaseProps<'pre'> {
 }
 /**
- * CodeBlockContent can be used as content inside the CodeBlockContainer
+ * CodeBlockContent can be used as content inside the CodeBlockContainer.
  *
  */
 export declare const CodeBlockContent: React.ForwardRefExoticComponent<Omit<CodeBlockContentProps, "ref"> & React.RefAttributes<HTMLPreElement>>;

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

@@ -9,7 +9,7 @@ export interface CodeBlockHeaderProps extends BaseProps<'div'> {
      * @value 'spaceBetween' is recommended for two items in header.
      * @default 'start'
      */
-    justify?: 'start' | 'spaceBetween' | 'end';
+    justify?: 'start' | 'space-between' | 'end';
 }
 /**
  * CodeBlockHeader can be used as header inside the CodeBlockContainer.

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

@@ -1,31 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
-    /**
-     * @value 'tooltip' is used when you want to show the message inside a tooltip.
-     * @value 'banner' is used when you want to show the message inside a banner.
-     * @default 'tooltip'
-     */
-    variant?: 'tooltip' | 'banner';
-    /**
-     * tooltipAlign is optional.
-     * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
-     * @value 'right'
-     * @value 'left'
-     * @default 'right'
-     */
-    tooltipAlign?: 'right' | 'left';
-    /**
-     * dense is optional.
-     * affects only the density of the tooltip.
-     * @value true tooltip will be dense.
-     * @value false
-     * @default false
-     * */
-    dense?: boolean;
-}
-/**
- * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
- */
-export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default CopyToClipboardContainer;
+export * from '@digigov/react-core/CopyToClipboardContainer/index.web';
+export { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
+    /**
+     * @value 'tooltip' is used when you want to show the message inside a tooltip.
+     * @value 'banner' is used when you want to show the message inside a banner.
+     * @default 'tooltip'
+     */
+    variant?: 'tooltip' | 'banner';
+    /**
+     * tooltipAlign is optional.
+     * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
+     * @value 'right'
+     * @value 'left'
+     * @default 'right'
+     */
+    tooltipAlign?: 'right' | 'left';
+    /**
+     * dense is optional.
+     * affects only the density of the tooltip.
+     * @value true tooltip will be dense.
+     * @value false
+     * @default false
+     * */
+    dense?: boolean;
+}
+/**
+ * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
+ */
+export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CopyToClipboardContainer;

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

@@ -1,18 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
-    /**
-     * enabled is a boolean prop passed from the CopyToClipboard component.
-     * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
-     * When it's false it resets the animations of the CopyToClipboardMessage.
-     * @value true
-     * @value false
-     */
-    enabled?: boolean;
-}
-/**
- * CopyToClipboardMessage is used to show a message that a text is being copied.
- * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
- */
-export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default CopyToClipboardMessage;
+export * from '@digigov/react-core/CopyToClipboardMessage/index.web';
+export { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
+    /**
+     * enabled is a boolean prop passed from the CopyToClipboard component.
+     * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
+     * When it's false it resets the animations of the CopyToClipboardMessage.
+     * @value true
+     * @value false
+     */
+    enabled?: boolean;
+}
+/**
+ * CopyToClipboardMessage is used to show a message that a text is being copied.
+ * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
+ */
+export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default CopyToClipboardMessage;

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

@@ -1,26 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface DateInputItemProps extends BaseProps<'input'> {
-    /**
-     * Width property is optional.
-     * Use this property for year field to grow width.
-     * @value 2
-     * @value 4
-     * @default 2
-     */
-    width?: 2 | 4;
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-}
-/**
- * Details for the DateInputItem.
- * DateInputItem component is used for displaying date.
- * DateInputItem component must be included inside DateInput component as children component
- */
-export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default DateInputItem;
+export * from '@digigov/react-core/DateInputItem/index.web';
+export { default as default } from '@digigov/react-core/DateInputItem/index.web';

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface DateInputItemProps extends BaseProps<'input'> {
+    /**
+     * Width property is optional.
+     * Use this property for year field to grow width.
+     * @value 2
+     * @value 4
+     * @default 2
+     */
+    width?: 2 | 4;
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+}
+/**
+ * Details for the DateInputItem.
+ * DateInputItem component is used for displaying date.
+ * DateInputItem component must be included inside DateInput component as children component
+ */
+export declare const DateInputItem: React.ForwardRefExoticComponent<Omit<DateInputItemProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default DateInputItem;

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

@@ -1,10 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface DetailsProps extends BaseProps<'details'> {
-}
-/**
- * Details is used to make a page easier to scan when it contains information that only some users will need.
- * Details component wraps DetailsSummary and DetailsContent as children components
- */
-export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
-export default Details;
+export * from "@digigov/react-core/Details/index.web";
+export { default as default } from "@digigov/react-core/Details/index.web";

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface DetailsProps extends BaseProps<'details'> {
+}
+/**
+ * Details is used to make a page easier to scan when it contains information that only some users will need.
+ * Details component wraps DetailsSummary and DetailsContent as children components
+ */
+export declare const Details: React.ForwardRefExoticComponent<Omit<DetailsProps, "ref"> & React.RefAttributes<HTMLDetailsElement>>;
+export default Details;

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

@@ -1,10 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface NavListItemActionContainerProps extends BaseProps<'li'> {
-}
-/**
- * NavListItemActionContainer must be inside the NavList.
- * This component has a items of NavListItemLink component inside.
- */
-export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default NavListItemActionContainer;
+export * from '@digigov/react-core/NavListItemActionContainer/index.web';
+export { default as default } from '@digigov/react-core/NavListItemActionContainer/index.web';

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface NavListItemActionContainerProps extends BaseProps<'li'> {
+}
+/**
+ * NavListItemActionContainer must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export declare const NavListItemActionContainer: React.ForwardRefExoticComponent<Omit<NavListItemActionContainerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default NavListItemActionContainer;

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

@@ -1,11 +1,2 @@
-import React from 'react';
-import { LinkBaseProps } from '@digigov/react-core/LinkBase';
-export interface NotificationBannerLinkProps extends LinkBaseProps {
-}
-/**
- * Details for the NotificationBannerLink.
- * NotificationBannerLink allow users to click their way from page to page.
- * NotificationBannerLink must be wrapped inside NotificationContent component as children
- */
-export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default NotificationBannerLink;
+export * from '@digigov/react-core/NotificationBannerLink/index.web';
+export { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface NotificationBannerLinkProps extends LinkBaseProps {
+}
+/**
+ * Details for the NotificationBannerLink.
+ * NotificationBannerLink allow users to click their way from page to page.
+ * NotificationBannerLink must be wrapped inside NotificationContent component as children
+ */
+export declare const NotificationBannerLink: React.ForwardRefExoticComponent<Omit<NotificationBannerLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default NotificationBannerLink;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
-export interface PhaseBannerTagProps extends BaseProps<'strong'> {
+export interface PhaseBannerTagProps extends BaseProps<'span'> {
 }
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */
-export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const PhaseBannerTag: React.ForwardRefExoticComponent<Omit<PhaseBannerTagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export default PhaseBannerTag;

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

@@ -21,7 +21,7 @@ export interface SummaryListProps extends BaseProps<'dl'> {
     noLastBorder?: boolean;
 }
 /**
- * SummaryList used as a table with summary informations.
+ * SummaryList used as a table with summary information.
  * It must contain a list of SummaryListItem components.
  */
 export declare const SummaryList: React.ForwardRefExoticComponent<Omit<SummaryListProps, "ref"> & React.RefAttributes<HTMLDListElement>>;

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

@@ -1,7 +1,21 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface SummaryListItemKeyProps extends BaseProps<'dt'> {
+    /**
+     * sm shows the width of the key column for small screens.
+     * @default 3
+     */
+    sm?: WidthValues;
+    /**
+     * md shows the width of the key column for medium screens.
+     */
+    md?: WidthValues;
+    /**
+     * lg shows the width of the key column for large screens.
+     */
+    lg?: WidthValues;
 }
+export type WidthValues = 3 | 4 | 5 | 6 | 7 | 8 | 9;
 /**
  * SummaryListItemKey is used within the SummaryListItem component.
  * In this column we place the key information for the row (ex. "Name", "Address", etc).

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

@@ -1,24 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextAreaProps extends BaseProps<'textarea'> {
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextArea will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * Textarea component is used when you need to let users enter an
- * amount of text that’s longer than a single line.
- */
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+export * from '@digigov/react-core/TextArea/index.web';
+export { default as default } from '@digigov/react-core/TextArea/index.web';

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface TextAreaProps extends BaseProps<'textarea'> {
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+    /**
+     * dense is optional.
+     * @value true TextArea will be dense.
+     * @value false
+     * @default false
+     */
+    dense?: boolean;
+}
+/**
+ * Textarea component is used when you need to let users enter an
+ * amount of text that’s longer than a single line.
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

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

@@ -1,46 +1,2 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface TextInputProps extends BaseProps<'input'> {
-    /**
-     * maxWidth is optional.
-     * @value '2-char';
-     * @value '3-char';
-     * @value '4-char';
-     * @value '5-char';
-     * @value '10-char';
-     * @value '20-char';
-     */
-    maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
-    /**
-     * 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';
-    /**
-     * error is optional. The default value is false.
-     * Use this prop when there is an error at the input.
-     * @value true
-     * @value false
-     */
-    error?: boolean;
-    /**
-     * dense is optional.
-     * @value true TextInput will be dense.
-     * @value false
-     * @default false
-     */
-    dense?: boolean;
-}
-/**
- * TextInput component when you need to let users enter text that’s no
- * longer than a single line, such as their name or phone number.
- */
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default TextInput;
+export * from '@digigov/react-core/TextInput/index.web';
+export { default as default } from '@digigov/react-core/TextInput/index.web';

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface TextInputProps extends BaseProps<'input'> {
+    /**
+     * maxWidth is optional.
+     * @value '2-char';
+     * @value '3-char';
+     * @value '4-char';
+     * @value '5-char';
+     * @value '10-char';
+     * @value '20-char';
+     */
+    maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
+    /**
+     * 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';
+    /**
+     * error is optional. The default value is false.
+     * Use this prop when there is an error at the input.
+     * @value true
+     * @value false
+     */
+    error?: boolean;
+    /**
+     * dense is optional.
+     * @value true TextInput will be dense.
+     * @value false
+     * @default false
+     */
+    dense?: boolean;
+}
+/**
+ * TextInput component when you need to let users enter text that’s no
+ * longer than a single line, such as their name or phone number.
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default TextInput;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { BaseProps } from "@digigov/react-core/Base";
+export interface WarningTextAssistiveProps extends BaseProps<"span"> {
+    /**
+     * assistiveText is optional.
+     * Default value is "Προσοχή".
+     * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
+     */
+    assistiveText?: string;
+}
+/**
+ * Use the WarningTextAssistive component when you need to warn users about something important.
+ */
+export declare const WarningTextAssistive: React.ForwardRefExoticComponent<Omit<WarningTextAssistiveProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export default WarningTextAssistive;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@digigov/react-experimental",
-  "version": "2.0.0-6c42d5eb",
+  "version": "2.0.0-6e3977bc",
   "description": "@digigov react experimental components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-6c42d5eb",
-    "@digigov/react-icons": "2.0.0-6c42d5eb",
-    "@digigov/ui": "2.0.0-6c42d5eb",
-    "@digigov/react-core": "2.0.0-6c42d5eb",
+    "@digigov/css": "2.0.0-6e3977bc",
+    "@digigov/react-icons": "2.0.0-6e3977bc",
+    "@digigov/ui": "2.0.0-6e3977bc",
+    "@digigov/react-core": "2.0.0-6e3977bc",
     "clsx": "1.1.1",
     "react": ">=16.8.0 <19.0.0",
     "react-dom": ">=16.8.0 <19.0.0"

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

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

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

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

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

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

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

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

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

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

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

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