@digigov/react-experimental 2.0.0-2445d5cb → 2.0.0-36b707c1

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-2445d5cb
+/** @license Digigov v2.0.0-36b707c1
  *
  * 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 * from '@digigov/ui/app/Modal/index.web';
+import Modal from '@digigov/ui/app/Modal/index.web';
 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/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

@@ -32,7 +32,7 @@ declare const _default: {
     '@digigov/ui/app/Modal/auto': {};
     '@digigov/ui/app/Modal/hooks': {};
     '@digigov/ui/app/Modal': {};
-    '@digigov/ui/app/Modal/Modal': {};
+    '@digigov/ui/app/Modal/index.web': {};
     '@digigov/ui/app/NotFound': {};
     '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': {};
     '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': {};
@@ -163,12 +163,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 +206,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 +243,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 +269,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 +306,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/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface CodeBlockProps extends BaseProps<'div'> {
-    language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown';
-    copyToClipboard?: true | false;
-    highlighted?: true | false;
-    showLineNumbers?: 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,104 @@
+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 | SpacingMediaValues;
+    /** marginTop is optional. It has not a default value. */
+    marginTop?: SpacingValues | SpacingMediaValues;
+    /** marginBottom is optional. It has not a default value. */
+    marginBottom?: SpacingValues | SpacingMediaValues;
+    /** marginLeft is optional. It has not a default value. */
+    marginLeft?: SpacingValues | SpacingMediaValues;
+    /** marginRight is optional. It has not a default value. */
+    marginRight?: SpacingValues | SpacingMediaValues;
+    /** Alternative for margin. Margin is optional. It has not a default value. */
+    m?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
+    mt?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
+    mb?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
+    ml?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
+    mr?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginX. MarginX is optional. It has not a default value. */
+    mx?: SpacingValues | SpacingMediaValues;
+    /** Alternative for marginY. MarginY is optional. It has not a default value. */
+    my?: SpacingValues | SpacingMediaValues;
+    /** padding is optional. It has not a default value. */
+    padding?: SpacingValues | SpacingMediaValues;
+    /** paddingTop is optional. It has not a default value. */
+    paddingTop?: SpacingValues | SpacingMediaValues;
+    /** paddingBottom is optional. It has not a default value. */
+    paddingBottom?: SpacingValues | SpacingMediaValues;
+    /** paddingLeft is optional. It has not a default value. */
+    paddingLeft?: SpacingValues | SpacingMediaValues;
+    /** paddingRight is optional. It has not a default value. */
+    paddingRight?: SpacingValues | SpacingMediaValues;
+    /** Alternative for padding. Padding is optional. It has not a default value. */
+    p?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
+    pt?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
+    pb?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
+    pl?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
+    pr?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
+    px?: SpacingValues | SpacingMediaValues;
+    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
+    py?: SpacingValues | SpacingMediaValues;
+    /**  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';
+}>;
+export 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;
+export type SpacingMediaValues = {
+    xs?: SpacingValues;
+    sm?: SpacingValues;
+    md?: SpacingValues;
+    lg?: SpacingValues;
+    xl?: SpacingValues;
+};
+/**
+ * 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.