@digigov/ui 2.0.0-2445d5cb → 2.0.0-298cfc51

package/src/navigation/Tabs/__stories__/Default.tsx

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';

package/src/navigation/Tabs/__stories__/Dense.tsx

@@ -12,11 +12,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
-
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 

package/src/navigation/Tabs/__stories__/UsingAccordion.tsx

@@ -11,10 +11,12 @@ import {
   Tabs,
   TabsHeading,
   TabsList,
-  TabsListItem,
-  TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
+import {
+  TabsListItem,
+  TabsPanel,
+} from '@digigov/ui/navigation/Tabs/auto';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';

package/src/navigation/Tabs/doc.mdx

@@ -0,0 +1,47 @@
+---
+id: tabs
+title: Tabs
+---
+
+import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
+
+# Tabs
+
+## How to use
+
+<code src="@digigov/ui/navigation/Tabs/__stories__/Default.tsx" />
+
+### With dense style
+
+<code src="@digigov/ui/navigation/Tabs/__stories__/Dense.tsx" />
+
+### Using Accordion
+
+<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
+
+### Auto
+
+This is an implementation of the Tabs collection, encapsulated within a `TabsContext` provider, designed to facilitate and manage Tabs functionality effectively.
+
+<PhaseBanner>
+    <PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
+</PhaseBanner>
+
+<code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
+
+## Accessibility
+
+You can read more about the accessibility patterns used in our Tabs
+implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={
+  ["Tabs",
+  "TabsHeading",
+  "TabsList",
+  "TabsListItem",
+  "TabsPanel",]} /> 
+

package/src/navigation/Tabs/index.tsx

@@ -6,6 +6,5 @@ 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/src/registry.js

@@ -1,12 +1,4 @@
 
-import * as _digigov_ui_api_APIErrors from '@digigov/ui/api/APIErrors';
-import * as _digigov_ui_api_APIProvider from '@digigov/ui/api/APIProvider';
-import * as _digigov_ui_api_fetchAPI from '@digigov/ui/api/fetchAPI';
-import * as _digigov_ui_api from '@digigov/ui/api';
-import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
-import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
-import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
-import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
 import * as _digigov_ui_app_App from '@digigov/ui/app/App';
 import * as _digigov_ui_app_BannerContainer from '@digigov/ui/app/BannerContainer';
 import * as _digigov_ui_app_BottomInfo from '@digigov/ui/app/BottomInfo';
@@ -28,11 +20,12 @@ import * as _digigov_ui_app_hooks_useTheme from '@digigov/ui/app/hooks/useTheme'
 import * as _digigov_ui_app_hooks_useVariantVars from '@digigov/ui/app/hooks/useVariantVars';
 import * as _digigov_ui_app from '@digigov/ui/app';
 import * as _digigov_ui_app_Loader from '@digigov/ui/app/Loader';
+import * as _digigov_ui_app_Loader_index_web from '@digigov/ui/app/Loader/index.web';
 import * as _digigov_ui_app_Masthead from '@digigov/ui/app/Masthead';
 import * as _digigov_ui_app_Modal_auto from '@digigov/ui/app/Modal/auto';
 import * as _digigov_ui_app_Modal_hooks from '@digigov/ui/app/Modal/hooks';
 import * as _digigov_ui_app_Modal from '@digigov/ui/app/Modal';
-import * as _digigov_ui_app_Modal_Modal from '@digigov/ui/app/Modal/Modal';
+import * as _digigov_ui_app_Modal_index_web from '@digigov/ui/app/Modal/index.web';
 import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';
@@ -119,9 +112,11 @@ import * as _digigov_ui_i18n from '@digigov/ui/i18n';
 import * as _digigov_ui_i18n_locales_el from '@digigov/ui/i18n/locales/el';
 import * as _digigov_ui_i18n_locales_en from '@digigov/ui/i18n/locales/en';
 import * as _digigov_ui_icons_Icon from '@digigov/ui/icons/Icon';
+import * as _digigov_ui_icons_IconBase from '@digigov/ui/icons/IconBase';
 import * as _digigov_ui_icons_ImageLogo from '@digigov/ui/icons/ImageLogo';
 import * as _digigov_ui_icons_ImageLogoSet from '@digigov/ui/icons/ImageLogoSet';
 import * as _digigov_ui_icons from '@digigov/ui/icons';
+import * as _digigov_ui_icons_SvgIcon from '@digigov/ui/icons/SvgIcon';
 import * as _digigov_ui from '@digigov/ui';
 import * as _digigov_ui_layouts_Admin from '@digigov/ui/layouts/Admin';
 import * as _digigov_ui_layouts_Basic_Aside from '@digigov/ui/layouts/Basic/Aside';
@@ -129,7 +124,6 @@ import * as _digigov_ui_layouts_Basic_Bottom from '@digigov/ui/layouts/Basic/Bot
 import * as _digigov_ui_layouts_Basic_Container from '@digigov/ui/layouts/Basic/Container';
 import * as _digigov_ui_layouts_Basic from '@digigov/ui/layouts/Basic';
 import * as _digigov_ui_layouts_Basic_Main from '@digigov/ui/layouts/Basic/Main';
-import * as _digigov_ui_layouts_Basic_Masthead from '@digigov/ui/layouts/Basic/Masthead';
 import * as _digigov_ui_layouts_Basic_Top from '@digigov/ui/layouts/Basic/Top';
 import * as _digigov_ui_layouts_Grid from '@digigov/ui/layouts/Grid';
 import * as _digigov_ui_layouts_Hidden from '@digigov/ui/layouts/Hidden';
@@ -140,7 +134,12 @@ import * as _digigov_ui_layouts_SectionBreak from '@digigov/ui/layouts/SectionBr
 import * as _digigov_ui_layouts_Stack from '@digigov/ui/layouts/Stack';
 import * as _digigov_ui_navigation_BackLink from '@digigov/ui/navigation/BackLink';
 import * as _digigov_ui_navigation_BackToTopLink from '@digigov/ui/navigation/BackToTopLink';
+import * as _digigov_ui_navigation_Breadcrumbs_auto from '@digigov/ui/navigation/Breadcrumbs/auto';
+import * as _digigov_ui_navigation_Breadcrumbs_BreadcrumbsListItem from '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem';
+import * as _digigov_ui_navigation_Breadcrumbs_hooks from '@digigov/ui/navigation/Breadcrumbs/hooks';
 import * as _digigov_ui_navigation_Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';
+import * as _digigov_ui_navigation_Breadcrumbs_slug from '@digigov/ui/navigation/Breadcrumbs/slug';
+import * as _digigov_ui_navigation_Breadcrumbs_utils from '@digigov/ui/navigation/Breadcrumbs/utils';
 import * as _digigov_ui_navigation_Drawer_auto from '@digigov/ui/navigation/Drawer/auto';
 import * as _digigov_ui_navigation_Drawer_hooks from '@digigov/ui/navigation/Drawer/hooks';
 import * as _digigov_ui_navigation_Drawer from '@digigov/ui/navigation/Drawer';
@@ -163,12 +162,6 @@ import * as _digigov_ui_navigation_SkipLink from '@digigov/ui/navigation/SkipLin
 import * as _digigov_ui_navigation_Tabs_auto from '@digigov/ui/navigation/Tabs/auto';
 import * as _digigov_ui_navigation_Tabs_hooks from '@digigov/ui/navigation/Tabs/hooks';
 import * as _digigov_ui_navigation_Tabs from '@digigov/ui/navigation/Tabs';
-import * as _digigov_ui_patterns_FilteredResults_DataTable from '@digigov/ui/patterns/FilteredResults/DataTable';
-import * as _digigov_ui_patterns_FilteredResults_FilterChips from '@digigov/ui/patterns/FilteredResults/FilterChips';
-import * as _digigov_ui_patterns_FilteredResults_FilterFields from '@digigov/ui/patterns/FilteredResults/FilterFields';
-import * as _digigov_ui_patterns_FilteredResults_hooks from '@digigov/ui/patterns/FilteredResults/hooks';
-import * as _digigov_ui_patterns_FilteredResults from '@digigov/ui/patterns/FilteredResults';
-import * as _digigov_ui_patterns from '@digigov/ui/patterns';
 import * as _digigov_ui_typography_Code from '@digigov/ui/typography/Code';
 import * as _digigov_ui_typography_CodeBlock from '@digigov/ui/typography/CodeBlock';
 import * as _digigov_ui_typography_Heading from '@digigov/ui/typography/Heading';
@@ -186,7 +179,6 @@ import * as _digigov_ui_utils_hooks_useScreen from '@digigov/ui/utils/hooks/useS
 import * as _digigov_ui_utils_hooks_useSearch from '@digigov/ui/utils/hooks/useSearch';
 import * as _digigov_ui_utils_hooks_useTogglableTab from '@digigov/ui/utils/hooks/useTogglableTab';
 import * as _digigov_ui_utils from '@digigov/ui/utils';
-import * as _digigov_ui_utils_SvgIcon from '@digigov/ui/utils/SvgIcon';
 import * as _digigov_ui_utils_TestVariant from '@digigov/ui/utils/TestVariant';
 import * as _digigov_ui_utils_Typography from '@digigov/ui/utils/Typography';
 import * as _digigov_ui_utils_VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
@@ -211,14 +203,6 @@ function lazyImport(pkgImport) {
   )
 }
 export default {
-  '@digigov/ui/api/APIErrors': lazyImport(_digigov_ui_api_APIErrors),
-  '@digigov/ui/api/APIProvider': lazyImport(_digigov_ui_api_APIProvider),
-  '@digigov/ui/api/fetchAPI': lazyImport(_digigov_ui_api_fetchAPI),
-  '@digigov/ui/api': lazyImport(_digigov_ui_api),
-  '@digigov/ui/api/useResource': lazyImport(_digigov_ui_api_useResource),
-  '@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
-  '@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
-  '@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
   '@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
@@ -240,11 +224,12 @@ export default {
   '@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
   '@digigov/ui/app/Loader': lazyImport(_digigov_ui_app_Loader),
+  '@digigov/ui/app/Loader/index.web': lazyImport(_digigov_ui_app_Loader_index_web),
   '@digigov/ui/app/Masthead': lazyImport(_digigov_ui_app_Masthead),
   '@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
   '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
   '@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
-  '@digigov/ui/app/Modal/Modal': lazyImport(_digigov_ui_app_Modal_Modal),
+  '@digigov/ui/app/Modal/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
   '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
@@ -331,9 +316,11 @@ export default {
   '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
   '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
   '@digigov/ui/icons/Icon': lazyImport(_digigov_ui_icons_Icon),
+  '@digigov/ui/icons/IconBase': lazyImport(_digigov_ui_icons_IconBase),
   '@digigov/ui/icons/ImageLogo': lazyImport(_digigov_ui_icons_ImageLogo),
   '@digigov/ui/icons/ImageLogoSet': lazyImport(_digigov_ui_icons_ImageLogoSet),
   '@digigov/ui/icons': lazyImport(_digigov_ui_icons),
+  '@digigov/ui/icons/SvgIcon': lazyImport(_digigov_ui_icons_SvgIcon),
   '@digigov/ui': lazyImport(_digigov_ui),
   '@digigov/ui/layouts/Admin': lazyImport(_digigov_ui_layouts_Admin),
   '@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),
@@ -341,7 +328,6 @@ export default {
   '@digigov/ui/layouts/Basic/Container': lazyImport(_digigov_ui_layouts_Basic_Container),
   '@digigov/ui/layouts/Basic': lazyImport(_digigov_ui_layouts_Basic),
   '@digigov/ui/layouts/Basic/Main': lazyImport(_digigov_ui_layouts_Basic_Main),
-  '@digigov/ui/layouts/Basic/Masthead': lazyImport(_digigov_ui_layouts_Basic_Masthead),
   '@digigov/ui/layouts/Basic/Top': lazyImport(_digigov_ui_layouts_Basic_Top),
   '@digigov/ui/layouts/Grid': lazyImport(_digigov_ui_layouts_Grid),
   '@digigov/ui/layouts/Hidden': lazyImport(_digigov_ui_layouts_Hidden),
@@ -352,7 +338,12 @@ export default {
   '@digigov/ui/layouts/Stack': lazyImport(_digigov_ui_layouts_Stack),
   '@digigov/ui/navigation/BackLink': lazyImport(_digigov_ui_navigation_BackLink),
   '@digigov/ui/navigation/BackToTopLink': lazyImport(_digigov_ui_navigation_BackToTopLink),
+  '@digigov/ui/navigation/Breadcrumbs/auto': lazyImport(_digigov_ui_navigation_Breadcrumbs_auto),
+  '@digigov/ui/navigation/Breadcrumbs/BreadcrumbsListItem': lazyImport(_digigov_ui_navigation_Breadcrumbs_BreadcrumbsListItem),
+  '@digigov/ui/navigation/Breadcrumbs/hooks': lazyImport(_digigov_ui_navigation_Breadcrumbs_hooks),
   '@digigov/ui/navigation/Breadcrumbs': lazyImport(_digigov_ui_navigation_Breadcrumbs),
+  '@digigov/ui/navigation/Breadcrumbs/slug': lazyImport(_digigov_ui_navigation_Breadcrumbs_slug),
+  '@digigov/ui/navigation/Breadcrumbs/utils': lazyImport(_digigov_ui_navigation_Breadcrumbs_utils),
   '@digigov/ui/navigation/Drawer/auto': lazyImport(_digigov_ui_navigation_Drawer_auto),
   '@digigov/ui/navigation/Drawer/hooks': lazyImport(_digigov_ui_navigation_Drawer_hooks),
   '@digigov/ui/navigation/Drawer': lazyImport(_digigov_ui_navigation_Drawer),
@@ -375,12 +366,6 @@ export default {
   '@digigov/ui/navigation/Tabs/auto': lazyImport(_digigov_ui_navigation_Tabs_auto),
   '@digigov/ui/navigation/Tabs/hooks': lazyImport(_digigov_ui_navigation_Tabs_hooks),
   '@digigov/ui/navigation/Tabs': lazyImport(_digigov_ui_navigation_Tabs),
-  '@digigov/ui/patterns/FilteredResults/DataTable': lazyImport(_digigov_ui_patterns_FilteredResults_DataTable),
-  '@digigov/ui/patterns/FilteredResults/FilterChips': lazyImport(_digigov_ui_patterns_FilteredResults_FilterChips),
-  '@digigov/ui/patterns/FilteredResults/FilterFields': lazyImport(_digigov_ui_patterns_FilteredResults_FilterFields),
-  '@digigov/ui/patterns/FilteredResults/hooks': lazyImport(_digigov_ui_patterns_FilteredResults_hooks),
-  '@digigov/ui/patterns/FilteredResults': lazyImport(_digigov_ui_patterns_FilteredResults),
-  '@digigov/ui/patterns': lazyImport(_digigov_ui_patterns),
   '@digigov/ui/typography/Code': lazyImport(_digigov_ui_typography_Code),
   '@digigov/ui/typography/CodeBlock': lazyImport(_digigov_ui_typography_CodeBlock),
   '@digigov/ui/typography/Heading': lazyImport(_digigov_ui_typography_Heading),
@@ -398,7 +383,6 @@ export default {
   '@digigov/ui/utils/hooks/useSearch': lazyImport(_digigov_ui_utils_hooks_useSearch),
   '@digigov/ui/utils/hooks/useTogglableTab': lazyImport(_digigov_ui_utils_hooks_useTogglableTab),
   '@digigov/ui/utils': lazyImport(_digigov_ui_utils),
-  '@digigov/ui/utils/SvgIcon': lazyImport(_digigov_ui_utils_SvgIcon),
   '@digigov/ui/utils/TestVariant': lazyImport(_digigov_ui_utils_TestVariant),
   '@digigov/ui/utils/Typography': lazyImport(_digigov_ui_utils_Typography),
   '@digigov/ui/utils/VisuallyHidden': lazyImport(_digigov_ui_utils_VisuallyHidden),
@@ -422,6 +406,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';
@@ -439,6 +425,7 @@ import * as _digigov_ui_form_DateInputContainer_DateInputContainer_stories from
 import * as _digigov_ui_form_ErrorMessage_ErrorMessage_stories from '@digigov/ui/form/ErrorMessage/ErrorMessage.stories';
 import * as _digigov_ui_form_FileUpload_FileUpload_stories from '@digigov/ui/form/FileUpload/FileUpload.stories';
 import * as _digigov_ui_form_RadioContainer_RadioContainer_stories from '@digigov/ui/form/RadioContainer/RadioContainer.stories';
+import * as _digigov_ui_form_SearchContainer_SearchContainer_stories from '@digigov/ui/form/SearchContainer/SearchContainer.stories';
 import * as _digigov_ui_form_SelectContainer_SelectContainer_stories from '@digigov/ui/form/SelectContainer/SelectContainer.stories';
 import * as _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories from '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories';
 import * as _digigov_ui_form_TextArea_TextArea_stories from '@digigov/ui/form/TextArea/TextArea.stories';
@@ -457,7 +444,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';
@@ -485,6 +471,8 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/content/Chip/Chip.stories': _digigov_ui_content_Chip_Chip_stories,
   '@digigov/ui/content/Details/Details.stories': _digigov_ui_content_Details_Details_stories,
   '@digigov/ui/content/List/List.stories': _digigov_ui_content_List_List_stories,
+  '@digigov/ui/content/Markdown/Markdown.stories': _digigov_ui_content_Markdown_Markdown_stories,
+  '@digigov/ui/content/SafeHTML/SafeHTML.stories': _digigov_ui_content_SafeHTML_SafeHTML_stories,
   '@digigov/ui/content/StepNav/StepNav.stories': _digigov_ui_content_StepNav_StepNav_stories,
   '@digigov/ui/content/SummaryList/SummaryList.stories': _digigov_ui_content_SummaryList_SummaryList_stories,
   '@digigov/ui/content/Table/Table.stories': _digigov_ui_content_Table_Table_stories,
@@ -502,6 +490,7 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/form/ErrorMessage/ErrorMessage.stories': _digigov_ui_form_ErrorMessage_ErrorMessage_stories,
   '@digigov/ui/form/FileUpload/FileUpload.stories': _digigov_ui_form_FileUpload_FileUpload_stories,
   '@digigov/ui/form/RadioContainer/RadioContainer.stories': _digigov_ui_form_RadioContainer_RadioContainer_stories,
+  '@digigov/ui/form/SearchContainer/SearchContainer.stories': _digigov_ui_form_SearchContainer_SearchContainer_stories,
   '@digigov/ui/form/SelectContainer/SelectContainer.stories': _digigov_ui_form_SelectContainer_SelectContainer_stories,
   '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
   '@digigov/ui/form/TextArea/TextArea.stories': _digigov_ui_form_TextArea_TextArea_stories,
@@ -520,7 +509,6 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/navigation/Pagination/Pagination.stories': _digigov_ui_navigation_Pagination_Pagination_stories,
   '@digigov/ui/navigation/SkipLink/SkipLink.stories': _digigov_ui_navigation_SkipLink_SkipLink_stories,
   '@digigov/ui/navigation/Tabs/Tabs.stories': _digigov_ui_navigation_Tabs_Tabs_stories,
-  '@digigov/ui/patterns/FilteredResults/FilteredResults.stories': _digigov_ui_patterns_FilteredResults_FilteredResults_stories,
   '@digigov/ui/typography/CodeBlock/CodeBlock.stories': _digigov_ui_typography_CodeBlock_CodeBlock_stories,
   '@digigov/ui/typography/Heading/Heading.stories': _digigov_ui_typography_Heading_Heading_stories,
   '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': _digigov_ui_typography_HeadingCaption_HeadingCaption_stories,

package/src/typography/CodeBlock/doc.mdx

@@ -0,0 +1,30 @@
+---
+id: code-block
+title: CodeBlock
+---
+
+# CodeBlock
+
+Use the CodeBlock component to display code.
+
+## How to use
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/Default.tsx" />
+
+### Highlighted
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/Highlighted.tsx" />
+
+### With copy to clipboard
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx" />
+
+### With phase banner
+
+<code src="@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner.tsx" />
+
+## API
+
+See below for a complete reference to all of the props available to the components mentioned here.
+
+<ComponentProps componentName={["CodeBlock"]} /> 

package/src/typography/CodeBlock/index.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import hljs from 'highlight.js/lib/core';
 import bash from 'highlight.js/lib/languages/bash';
 import js from 'highlight.js/lib/languages/javascript';
+import json from 'highlight.js/lib/languages/json';
 import markdown from 'highlight.js/lib/languages/markdown';
 import python from 'highlight.js/lib/languages/python';
 import xml from 'highlight.js/lib/languages/xml';
@@ -15,10 +16,10 @@ import { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
 import { Button } from '@digigov/ui/form/Button';
 
 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[];
 }
@@ -29,6 +30,7 @@ const languageMap = {
   bash: bash,
   xml: xml,
   markdown: markdown,
+  json: json,
 };
 
 const addLineNumbers = (code: string, highlightLines: number[]): string => {
@@ -80,7 +82,7 @@ export const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(
       <CodeBlockContainer ref={ref} {...props}>
         <CodeBlockHeader
           justify={
-            phaseBannerTagName && copyToClipboard ? 'spaceBetween' : 'end'
+            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'
           }
         >
           {phaseBannerTagName && (

package/src/typography/Heading/{index.mdx → doc.mdx}

@@ -3,13 +3,11 @@ id: heading
 title: Heading
 ---
 
+# Heading
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Heading"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/Heading/__stories__/Default.tsx" />
 
 ## API
 

package/src/typography/HeadingCaption/{index.mdx → doc.mdx}

@@ -3,16 +3,16 @@ id: heading-caption
 title: HeadingCaption
 ---
 
+# HeadingCaption
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/HeadingCaption"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/HeadingCaption/__stories__/Default.tsx" />
 
 ### Nested caption to title
 
+<code src="@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle.tsx" />
+
 ## API
 
 See below for a complete reference to all of the props  available to the components mentioned here.

package/src/typography/Hint/{index.mdx → doc.mdx}

@@ -3,21 +3,15 @@ id: hint
 title: Hint
 ---
 
+# Hint
+
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/typography/Hint/__stories__/Default.tsx" />
 
 ### Font sizes
 
-<Story
-  packageName="@digigov/ui"
-  component="typography/Hint"
-  story="FontSizes.tsx"
-/>
+<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
 
 ## API
 

package/src/typography/NormalText/doc.mdx

@@ -0,0 +1,30 @@
+---
+id: normal-text
+title: NormalText
+---
+
+# NormalText
+
+## How to use
+
+<code src="@digigov/ui/typography/NormalText/__stories__/Default.tsx" />
+
+### Variants
+
+<code src="@digigov/ui/typography/NormalText/__stories__/Variants.tsx" />
+
+## Font override classes
+
+### Font size
+
+<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
+
+### Font weight
+
+<code src="@digigov/ui/typography/NormalText/__stories__/FontWeight.tsx" />
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["NormalText"]} /> 

package/src/typography/Paragraph/doc.mdx

@@ -0,0 +1,34 @@
+---
+id: paragraph
+title: Paragraph
+---
+
+# Paragraph
+
+## How to use
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/Default.tsx" />
+
+### Lead paragraph
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/LeadVariant.tsx" />
+
+### Small paragraph
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/SmallVariant.tsx" />
+
+## Font override classes
+
+### Font size
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/FontSizes.tsx" />
+
+### Font weight
+
+<code src="@digigov/ui/typography/Paragraph/__stories__/FontWeight.tsx" />
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Paragraph"]} /> 

package/src/typography/Typography/doc.mdx

@@ -0,0 +1,14 @@
+---
+id: typography
+title: Typography
+---
+
+# Typography
+
+Typography component is a HOC (Higher-Order Component) for typography components such as `NormalText` component.
+
+## API
+
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Typography"]} /> 

package/src/utils/Base/index.tsx

@@ -1,4 +1,5 @@
 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/src/utils/VisuallyHidden/{index.mdx → doc.mdx}

@@ -3,6 +3,8 @@ id: visually-hidden
 title: VisuallyHidden
 ---
 
+# VisuallyHidden
+
 Use this component to convey meaning to people using screen readers, helping
 them access information and context.
 
@@ -10,12 +12,7 @@ VisuallyHidden is a web accessibility technique used to hide content from the vi
 
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="utils/VisuallyHidden"
-  story="Default.tsx"
-/>
-
+<code src="@digigov/ui/utils/VisuallyHidden/__stories__/Default.tsx" />
 
 ## API
 

package/src/utils/index.ts

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

package/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/typography/CodeBlock/index.js

@@ -2,6 +2,7 @@ import React from "react";
 import hljs from "highlight.js/lib/core";
 import bash from "highlight.js/lib/languages/bash";
 import js from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
 import markdown from "highlight.js/lib/languages/markdown";
 import python from "highlight.js/lib/languages/python";
 import xml from "highlight.js/lib/languages/xml";
@@ -16,7 +17,8 @@ const languageMap = {
   python,
   bash,
   xml,
-  markdown
+  markdown,
+  json
 };
 const addLineNumbers = (code, highlightLines) => {
   return code.split("\n").map((line, index) => {
@@ -58,7 +60,7 @@ const CodeBlock = React.forwardRef(
     return /* @__PURE__ */ React.createElement(CodeBlockContainer, { ref, ...props }, /* @__PURE__ */ React.createElement(
       CodeBlockHeader,
       {
-        justify: phaseBannerTagName && copyToClipboard ? "spaceBetween" : "end"
+        justify: phaseBannerTagName && copyToClipboard ? "space-between" : "end"
       },
       phaseBannerTagName && /* @__PURE__ */ React.createElement(PhaseBannerTag, null, phaseBannerTagName),
       copyToClipboard && /* @__PURE__ */ React.createElement(