@digigov/ui 2.0.0-a402a664 → 2.0.0-a64dc016

package/src/{registry.js → registry.ts}

@@ -20,8 +20,6 @@ import * as _digigov_ui_app_CloseButton from "@digigov/ui/app/CloseButton";
 import * as _digigov_ui_app_FilterContainer from "@digigov/ui/app/FilterContainer";
 import * as _digigov_ui_app_Footer_FooterLink from "@digigov/ui/app/Footer/FooterLink";
 import * as _digigov_ui_app_Footer from "@digigov/ui/app/Footer";
-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_Header_HeaderContent from "@digigov/ui/app/Header/HeaderContent";
 import * as _digigov_ui_app_Header_HeaderLogo from "@digigov/ui/app/Header/HeaderLogo";
 import * as _digigov_ui_app_Header_HeaderNavMenuContent from "@digigov/ui/app/Header/HeaderNavMenuContent";
@@ -29,13 +27,15 @@ import * as _digigov_ui_app_Header_HeaderSecondaryLogo from "@digigov/ui/app/Hea
 import * as _digigov_ui_app_Header_HeaderSection from "@digigov/ui/app/Header/HeaderSection";
 import * as _digigov_ui_app_Header_HeaderTitle from "@digigov/ui/app/Header/HeaderTitle";
 import * as _digigov_ui_app_Header from "@digigov/ui/app/Header";
+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_NotFound from "@digigov/ui/app/NotFound";
+import * as _digigov_ui_app_OutdatedBrowserBanner from "@digigov/ui/app/OutdatedBrowserBanner";
 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_index_web from "@digigov/ui/app/Modal/index.web";
-import * as _digigov_ui_app_OutdatedBrowserBanner from "@digigov/ui/app/OutdatedBrowserBanner";
 import * as _digigov_ui_app_PageTitleContainer from "@digigov/ui/app/PageTitleContainer";
 import * as _digigov_ui_app_Panel from "@digigov/ui/app/Panel";
 import * as _digigov_ui_app_PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";
@@ -50,21 +50,22 @@ import * as _digigov_ui_app_hooks_useFontSize from "@digigov/ui/app/hooks/useFon
 import * as _digigov_ui_app_hooks_useHighlightLinks from "@digigov/ui/app/hooks/useHighlightLinks";
 import * as _digigov_ui_app_hooks_useLetterSpacing from "@digigov/ui/app/hooks/useLetterSpacing";
 import * as _digigov_ui_app_hooks_useLineHeight from "@digigov/ui/app/hooks/useLineHeight";
+import * as _digigov_ui_app_hooks_useNotificationArea from "@digigov/ui/app/hooks/useNotificationArea";
 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_content_Accordion_auto from "@digigov/ui/content/Accordion/auto";
 import * as _digigov_ui_content_Accordion_hooks from "@digigov/ui/content/Accordion/hooks";
 import * as _digigov_ui_content_Accordion from "@digigov/ui/content/Accordion";
+import * as _digigov_ui_content_Card from "@digigov/ui/content/Card";
 import * as _digigov_ui_content_Blockquote from "@digigov/ui/content/Blockquote";
 import * as _digigov_ui_content_Chip from "@digigov/ui/content/Chip";
-import * as _digigov_ui_content_Card from "@digigov/ui/content/Card";
 import * as _digigov_ui_content_Details from "@digigov/ui/content/Details";
 import * as _digigov_ui_content_FillableText from "@digigov/ui/content/FillableText";
+import * as _digigov_ui_content_Markdown from "@digigov/ui/content/Markdown";
+import * as _digigov_ui_content_Markdown_useMarkdownToHTML from "@digigov/ui/content/Markdown/useMarkdownToHTML";
 import * as _digigov_ui_content_List_List from "@digigov/ui/content/List/List";
 import * as _digigov_ui_content_List_ListItem from "@digigov/ui/content/List/ListItem";
 import * as _digigov_ui_content_List from "@digigov/ui/content/List";
-import * as _digigov_ui_content_Markdown from "@digigov/ui/content/Markdown";
-import * as _digigov_ui_content_Markdown_useMarkdownToHTML from "@digigov/ui/content/Markdown/useMarkdownToHTML";
 import * as _digigov_ui_content_SafeHTML from "@digigov/ui/content/SafeHTML";
 import * as _digigov_ui_content_StepNav_auto from "@digigov/ui/content/StepNav/auto";
 import * as _digigov_ui_content_StepNav from "@digigov/ui/content/StepNav";
@@ -178,7 +179,6 @@ import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion f
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck from "@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck";
 import * as _digigov_ui_content_Table_hooks_useSort from "@digigov/ui/content/Table/hooks/useSort";
 import * as _digigov_ui_form_AutoComplete_Status from "@digigov/ui/form/AutoComplete/Status";
-import * as _digigov_ui_form_AutoComplete___stories___utils from "@digigov/ui/form/AutoComplete/__stories__/utils";
 import * as _digigov_ui_govgr_Footer_logos_logo_el from "@digigov/ui/govgr/Footer/logos/logo-el";
 import * as _digigov_ui_govgr_Footer_logos_logo_en from "@digigov/ui/govgr/Footer/logos/logo-en";
 import * as _digigov_ui_layouts_Basic_Aside from "@digigov/ui/layouts/Basic/Aside";
@@ -229,8 +229,6 @@ export default {
   '@digigov/ui/app/FilterContainer': lazyImport(_digigov_ui_app_FilterContainer),
   '@digigov/ui/app/Footer/FooterLink': lazyImport(_digigov_ui_app_Footer_FooterLink),
   '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
-  '@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/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
   '@digigov/ui/app/Header/HeaderLogo': lazyImport(_digigov_ui_app_Header_HeaderLogo),
   '@digigov/ui/app/Header/HeaderNavMenuContent': lazyImport(_digigov_ui_app_Header_HeaderNavMenuContent),
@@ -238,13 +236,15 @@ export default {
   '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
   '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
   '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
+  '@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/NotFound': lazyImport(_digigov_ui_app_NotFound),
+  '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@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/index.web': lazyImport(_digigov_ui_app_Modal_index_web),
-  '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitleContainer': lazyImport(_digigov_ui_app_PageTitleContainer),
   '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
@@ -259,21 +259,22 @@ export default {
   '@digigov/ui/app/hooks/useHighlightLinks': lazyImport(_digigov_ui_app_hooks_useHighlightLinks),
   '@digigov/ui/app/hooks/useLetterSpacing': lazyImport(_digigov_ui_app_hooks_useLetterSpacing),
   '@digigov/ui/app/hooks/useLineHeight': lazyImport(_digigov_ui_app_hooks_useLineHeight),
+  '@digigov/ui/app/hooks/useNotificationArea': lazyImport(_digigov_ui_app_hooks_useNotificationArea),
   '@digigov/ui/app/hooks/useTheme': lazyImport(_digigov_ui_app_hooks_useTheme),
   '@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
   '@digigov/ui/content/Accordion/auto': lazyImport(_digigov_ui_content_Accordion_auto),
   '@digigov/ui/content/Accordion/hooks': lazyImport(_digigov_ui_content_Accordion_hooks),
   '@digigov/ui/content/Accordion': lazyImport(_digigov_ui_content_Accordion),
+  '@digigov/ui/content/Card': lazyImport(_digigov_ui_content_Card),
   '@digigov/ui/content/Blockquote': lazyImport(_digigov_ui_content_Blockquote),
   '@digigov/ui/content/Chip': lazyImport(_digigov_ui_content_Chip),
-  '@digigov/ui/content/Card': lazyImport(_digigov_ui_content_Card),
   '@digigov/ui/content/Details': lazyImport(_digigov_ui_content_Details),
   '@digigov/ui/content/FillableText': lazyImport(_digigov_ui_content_FillableText),
+  '@digigov/ui/content/Markdown': lazyImport(_digigov_ui_content_Markdown),
+  '@digigov/ui/content/Markdown/useMarkdownToHTML': lazyImport(_digigov_ui_content_Markdown_useMarkdownToHTML),
   '@digigov/ui/content/List/List': lazyImport(_digigov_ui_content_List_List),
   '@digigov/ui/content/List/ListItem': lazyImport(_digigov_ui_content_List_ListItem),
   '@digigov/ui/content/List': lazyImport(_digigov_ui_content_List),
-  '@digigov/ui/content/Markdown': lazyImport(_digigov_ui_content_Markdown),
-  '@digigov/ui/content/Markdown/useMarkdownToHTML': lazyImport(_digigov_ui_content_Markdown_useMarkdownToHTML),
   '@digigov/ui/content/SafeHTML': lazyImport(_digigov_ui_content_SafeHTML),
   '@digigov/ui/content/StepNav/auto': lazyImport(_digigov_ui_content_StepNav_auto),
   '@digigov/ui/content/StepNav': lazyImport(_digigov_ui_content_StepNav),
@@ -387,7 +388,6 @@ export default {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/content/Table/hooks/useSort': lazyImport(_digigov_ui_content_Table_hooks_useSort),
   '@digigov/ui/form/AutoComplete/Status': lazyImport(_digigov_ui_form_AutoComplete_Status),
-  '@digigov/ui/form/AutoComplete/__stories__/utils': lazyImport(_digigov_ui_form_AutoComplete___stories___utils),
   '@digigov/ui/govgr/Footer/logos/logo-el': lazyImport(_digigov_ui_govgr_Footer_logos_logo_el),
   '@digigov/ui/govgr/Footer/logos/logo-en': lazyImport(_digigov_ui_govgr_Footer_logos_logo_en),
   '@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),

package/{stories-registry/index.js → src/stories-registry.ts}

@@ -1,14 +1,15 @@
 
 import * as _digigov_ui_app_BannerContainer_BannerContainer_stories from "@digigov/ui/app/BannerContainer/BannerContainer.stories";
+import * as _digigov_ui_app_FilterContainer_FilterContainer_stories from "@digigov/ui/app/FilterContainer/FilterContainer.stories";
 import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
-import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
 import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
+import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
 import * as _digigov_ui_app_Masthead_Masthead_stories from "@digigov/ui/app/Masthead/Masthead.stories";
-import * as _digigov_ui_app_NotFound_NotFound_stories from "@digigov/ui/app/NotFound/NotFound.stories";
 import * as _digigov_ui_app_Modal_Modal_stories from "@digigov/ui/app/Modal/Modal.stories";
+import * as _digigov_ui_app_NotFound_NotFound_stories from "@digigov/ui/app/NotFound/NotFound.stories";
 import * as _digigov_ui_app_Panel_Panel_stories from "@digigov/ui/app/Panel/Panel.stories";
-import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories";
 import * as _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories from "@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories";
+import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories";
 import * as _digigov_ui_app_QrCodeViewer_QRCode_stories from "@digigov/ui/app/QrCodeViewer/QRCode.stories";
 import * as _digigov_ui_app_Skeleton_Skeleton_stories from "@digigov/ui/app/Skeleton/Skeleton.stories";
 import * as _digigov_ui_content_Accordion_Accordion_stories from "@digigov/ui/content/Accordion/Accordion.stories";
@@ -43,6 +44,7 @@ import * as _digigov_ui_form_TextArea_TextArea_stories from "@digigov/ui/form/Te
 import * as _digigov_ui_form_TextInput_TextInput_stories from "@digigov/ui/form/TextInput/TextInput.stories";
 import * as _digigov_ui_layouts_Basic_Basic_stories from "@digigov/ui/layouts/Basic/Basic.stories";
 import * as _digigov_ui_layouts_Grid_Grid_stories from "@digigov/ui/layouts/Grid/Grid.stories";
+import * as _digigov_ui_layouts_Hidden_Hidden_stories from "@digigov/ui/layouts/Hidden/Hidden.stories";
 import * as _digigov_ui_layouts_Screen_Screen_stories from "@digigov/ui/layouts/Screen/Screen.stories";
 import * as _digigov_ui_layouts_Stack_Stack_stories from "@digigov/ui/layouts/Stack/Stack.stories";
 import * as _digigov_ui_navigation_BackLink_BackLink_stories from "@digigov/ui/navigation/BackLink/BackLink.stories";
@@ -76,12 +78,15 @@ import * as _digigov_ui_app_Header___stories___WithHeaderNavigation from "@digig
 import * as _digigov_ui_app_Header___stories___WithNavigation from "@digigov/ui/app/Header/__stories__/WithNavigation";
 import * as _digigov_ui_app_Header___stories___WithServiceName from "@digigov/ui/app/Header/__stories__/WithServiceName";
 import * as _digigov_ui_app_Header___stories___WithServiceNameAndLogo from "@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo";
-import * as _digigov_ui_app_Loader___stories___Default from "@digigov/ui/app/Loader/__stories__/Default";
-import * as _digigov_ui_app_Loader___stories___FullPageLoader from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
 import * as _digigov_ui_app_Masthead___stories___Default from "@digigov/ui/app/Masthead/__stories__/Default";
 import * as _digigov_ui_app_Masthead___stories___Secondary from "@digigov/ui/app/Masthead/__stories__/Secondary";
 import * as _digigov_ui_app_Masthead___stories___WithElements from "@digigov/ui/app/Masthead/__stories__/WithElements";
 import * as _digigov_ui_app_Masthead___stories___WithLogo from "@digigov/ui/app/Masthead/__stories__/WithLogo";
+import * as _digigov_ui_app_Loader___stories___AccessibilityLoader from "@digigov/ui/app/Loader/__stories__/AccessibilityLoader";
+import * as _digigov_ui_app_Loader___stories___Default from "@digigov/ui/app/Loader/__stories__/Default";
+import * as _digigov_ui_app_Loader___stories___FullPageLoader from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
+import * as _digigov_ui_app_Loader___stories___Secondary from "@digigov/ui/app/Loader/__stories__/Secondary";
+import * as _digigov_ui_app_Loader___stories___Sizes from "@digigov/ui/app/Loader/__stories__/Sizes";
 import * as _digigov_ui_app_Modal___stories___AlertDialog from "@digigov/ui/app/Modal/__stories__/AlertDialog";
 import * as _digigov_ui_app_Modal___stories___Auto from "@digigov/ui/app/Modal/__stories__/Auto";
 import * as _digigov_ui_app_Modal___stories___Default from "@digigov/ui/app/Modal/__stories__/Default";
@@ -105,6 +110,8 @@ import * as _digigov_ui_app_Skeleton___stories___UnderTypography from "@digigov/
 import * as _digigov_ui_app_Skeleton___stories___WithChildren from "@digigov/ui/app/Skeleton/__stories__/WithChildren";
 import * as _digigov_ui_content_Accordion___stories___Auto from "@digigov/ui/content/Accordion/__stories__/Auto";
 import * as _digigov_ui_content_Accordion___stories___Default from "@digigov/ui/content/Accordion/__stories__/Default";
+import * as _digigov_ui_content_Accordion___stories___SummaryColorSecondary from "@digigov/ui/content/Accordion/__stories__/SummaryColorSecondary";
+import * as _digigov_ui_content_Accordion___stories___UsingArrowIcons from "@digigov/ui/content/Accordion/__stories__/UsingArrowIcons";
 import * as _digigov_ui_content_Accordion___stories___WithHints from "@digigov/ui/content/Accordion/__stories__/WithHints";
 import * as _digigov_ui_content_Accordion___stories___WithHook from "@digigov/ui/content/Accordion/__stories__/WithHook";
 import * as _digigov_ui_content_Blockquote___stories___Default from "@digigov/ui/content/Blockquote/__stories__/Default";
@@ -126,13 +133,13 @@ import * as _digigov_ui_content_Chip___stories___Default from "@digigov/ui/conte
 import * as _digigov_ui_content_Chip___stories___DeletableChip from "@digigov/ui/content/Chip/__stories__/DeletableChip";
 import * as _digigov_ui_content_Chip___stories___GroupOfChips from "@digigov/ui/content/Chip/__stories__/GroupOfChips";
 import * as _digigov_ui_content_Details___stories___Default from "@digigov/ui/content/Details/__stories__/Default";
-import * as _digigov_ui_content_Markdown___stories___Default from "@digigov/ui/content/Markdown/__stories__/Default";
 import * as _digigov_ui_content_List___stories___BulletList from "@digigov/ui/content/List/__stories__/BulletList";
 import * as _digigov_ui_content_List___stories___Default from "@digigov/ui/content/List/__stories__/Default";
 import * as _digigov_ui_content_List___stories___HorizontalList from "@digigov/ui/content/List/__stories__/HorizontalList";
 import * as _digigov_ui_content_List___stories___NestedBulletList from "@digigov/ui/content/List/__stories__/NestedBulletList";
 import * as _digigov_ui_content_List___stories___NumberedList from "@digigov/ui/content/List/__stories__/NumberedList";
 import * as _digigov_ui_content_List___stories___WithExtraSpace from "@digigov/ui/content/List/__stories__/WithExtraSpace";
+import * as _digigov_ui_content_Markdown___stories___Default from "@digigov/ui/content/Markdown/__stories__/Default";
 import * as _digigov_ui_content_SafeHTML___stories___Default from "@digigov/ui/content/SafeHTML/__stories__/Default";
 import * as _digigov_ui_content_StepNav___stories___Auto from "@digigov/ui/content/StepNav/__stories__/Auto";
 import * as _digigov_ui_content_StepNav___stories___Default from "@digigov/ui/content/StepNav/__stories__/Default";
@@ -143,6 +150,7 @@ import * as _digigov_ui_content_SummaryList___stories___Default from "@digigov/u
 import * as _digigov_ui_content_SummaryList___stories___RowVariations from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
 import * as _digigov_ui_content_SummaryList___stories___SummaryListExample from "@digigov/ui/content/SummaryList/__stories__/SummaryListExample";
 import * as _digigov_ui_content_SummaryList___stories___WithActions from "@digigov/ui/content/SummaryList/__stories__/WithActions";
+import * as _digigov_ui_content_SummaryList___stories___WithError from "@digigov/ui/content/SummaryList/__stories__/WithError";
 import * as _digigov_ui_content_SummaryList___stories___WithKeyAndAction from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
 import * as _digigov_ui_content_SummaryList___stories___WithNoLastBorder from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
 import * as _digigov_ui_content_SummaryList___stories___WithoutActions from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
@@ -159,6 +167,7 @@ import * as _digigov_ui_content_Table___stories___NumericDataType from "@digigov
 import * as _digigov_ui_content_Table___stories___RowColors from "@digigov/ui/content/Table/__stories__/RowColors";
 import * as _digigov_ui_content_Table___stories___Stacked from "@digigov/ui/content/Table/__stories__/Stacked";
 import * as _digigov_ui_content_Table___stories___TableCaptions from "@digigov/ui/content/Table/__stories__/TableCaptions";
+import * as _digigov_ui_content_Table___stories___UsingHighlights from "@digigov/ui/content/Table/__stories__/UsingHighlights";
 import * as _digigov_ui_content_Table___stories___VerticalBorders from "@digigov/ui/content/Table/__stories__/VerticalBorders";
 import * as _digigov_ui_content_Table___stories___VerticalHeaders from "@digigov/ui/content/Table/__stories__/VerticalHeaders";
 import * as _digigov_ui_content_Table___stories___WithFloatingScroll from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
@@ -181,6 +190,7 @@ import * as _digigov_ui_feedback_ErrorSummary___stories___LinkedToInput from "@d
 import * as _digigov_ui_feedback_ErrorSummary___stories___WithBackLinkAndButton from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
 import * as _digigov_ui_feedback_NotificationBanner___stories___Default from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
 import * as _digigov_ui_feedback_NotificationBanner___stories___Dense from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
+import * as _digigov_ui_feedback_NotificationBanner___stories___Expanded from "@digigov/ui/feedback/NotificationBanner/__stories__/Expanded";
 import * as _digigov_ui_feedback_NotificationBanner___stories___Success from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
 import * as _digigov_ui_feedback_PhaseBanner___stories___Default from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
 import * as _digigov_ui_feedback_PhaseBanner___stories___Underlined from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
@@ -199,6 +209,7 @@ import * as _digigov_ui_form_AutoComplete___stories___WithHint from "@digigov/ui
 import * as _digigov_ui_form_AutoComplete___stories___WithMinLength from "@digigov/ui/form/AutoComplete/__stories__/WithMinLength";
 import * as _digigov_ui_form_AutoComplete___stories___WithPlaceHolder from "@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder";
 import * as _digigov_ui_form_AutoComplete___stories___WithShowAllValues from "@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues";
+import * as _digigov_ui_form_AutoComplete___stories___utils from "@digigov/ui/form/AutoComplete/__stories__/utils";
 import * as _digigov_ui_form_Button___stories___Back from "@digigov/ui/form/Button/__stories__/Back";
 import * as _digigov_ui_form_Button___stories___ButtonLinkButton from "@digigov/ui/form/Button/__stories__/ButtonLinkButton";
 import * as _digigov_ui_form_Button___stories___CallToActionButton from "@digigov/ui/form/Button/__stories__/CallToActionButton";
@@ -324,7 +335,6 @@ import * as _digigov_ui_navigation_NavList___stories___UsingNavListAuto from "@d
 import * as _digigov_ui_navigation_NavList___stories___Vertical from "@digigov/ui/navigation/NavList/__stories__/Vertical";
 import * as _digigov_ui_navigation_NavList___stories___VerticalWithoutDrawer from "@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer";
 import * as _digigov_ui_navigation_NavList___stories___WithBadge from "@digigov/ui/navigation/NavList/__stories__/WithBadge";
-import * as _digigov_ui_navigation_SkipLink___stories___Default from "@digigov/ui/navigation/SkipLink/__stories__/Default";
 import * as _digigov_ui_navigation_Pagination___stories___Auto from "@digigov/ui/navigation/Pagination/__stories__/Auto";
 import * as _digigov_ui_navigation_Pagination___stories___Default from "@digigov/ui/navigation/Pagination/__stories__/Default";
 import * as _digigov_ui_navigation_Pagination___stories___PaginationSmall from "@digigov/ui/navigation/Pagination/__stories__/PaginationSmall";
@@ -332,11 +342,11 @@ import * as _digigov_ui_navigation_Pagination___stories___PaginationWithSmallFon
 import * as _digigov_ui_navigation_Pagination___stories___WithHook from "@digigov/ui/navigation/Pagination/__stories__/WithHook";
 import * as _digigov_ui_navigation_Pagination___stories___WithInactiveValues from "@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues";
 import * as _digigov_ui_navigation_Pagination___stories___WithResultsPerPage from "@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage";
+import * as _digigov_ui_navigation_SkipLink___stories___Default from "@digigov/ui/navigation/SkipLink/__stories__/Default";
 import * as _digigov_ui_navigation_Tabs___stories___Auto from "@digigov/ui/navigation/Tabs/__stories__/Auto";
 import * as _digigov_ui_navigation_Tabs___stories___Default from "@digigov/ui/navigation/Tabs/__stories__/Default";
 import * as _digigov_ui_navigation_Tabs___stories___Dense from "@digigov/ui/navigation/Tabs/__stories__/Dense";
 import * as _digigov_ui_navigation_Tabs___stories___UsingAccordion from "@digigov/ui/navigation/Tabs/__stories__/UsingAccordion";
-import * as _digigov_ui_utils_VisuallyHidden___stories___Default from "@digigov/ui/utils/VisuallyHidden/__stories__/Default";
 import * as _digigov_ui_typography_CodeBlock___stories___Default from "@digigov/ui/typography/CodeBlock/__stories__/Default";
 import * as _digigov_ui_typography_CodeBlock___stories___Highlighted from "@digigov/ui/typography/CodeBlock/__stories__/Highlighted";
 import * as _digigov_ui_typography_CodeBlock___stories___WithCopyToClipboard from "@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard";
@@ -355,6 +365,7 @@ import * as _digigov_ui_typography_Paragraph___stories___FontSizes from "@digigo
 import * as _digigov_ui_typography_Paragraph___stories___FontWeight from "@digigov/ui/typography/Paragraph/__stories__/FontWeight";
 import * as _digigov_ui_typography_Paragraph___stories___LeadVariant from "@digigov/ui/typography/Paragraph/__stories__/LeadVariant";
 import * as _digigov_ui_typography_Paragraph___stories___SmallVariant from "@digigov/ui/typography/Paragraph/__stories__/SmallVariant";
+import * as _digigov_ui_utils_VisuallyHidden___stories___Default from "@digigov/ui/utils/VisuallyHidden/__stories__/Default";
 import * as _digigov_ui_layouts_Basic_Bottom___stories___Default from "@digigov/ui/layouts/Basic/Bottom/__stories__/Default";
 import * as _digigov_ui_layouts_Basic_Container___stories___Default from "@digigov/ui/layouts/Basic/Container/__stories__/Default";
 import * as _digigov_ui_layouts_Basic_Main___stories___Default from "@digigov/ui/layouts/Basic/Main/__stories__/Default";
@@ -379,15 +390,16 @@ function lazyImport(pkgImport) {
 }
 export default {
   '@digigov/ui/app/BannerContainer/BannerContainer.stories': lazyImport(_digigov_ui_app_BannerContainer_BannerContainer_stories),
+  '@digigov/ui/app/FilterContainer/FilterContainer.stories': lazyImport(_digigov_ui_app_FilterContainer_FilterContainer_stories),
   '@digigov/ui/app/Footer/Footer.stories': lazyImport(_digigov_ui_app_Footer_Footer_stories),
-  '@digigov/ui/app/Loader/Loader.stories': lazyImport(_digigov_ui_app_Loader_Loader_stories),
   '@digigov/ui/app/Header/Header.stories': lazyImport(_digigov_ui_app_Header_Header_stories),
+  '@digigov/ui/app/Loader/Loader.stories': lazyImport(_digigov_ui_app_Loader_Loader_stories),
   '@digigov/ui/app/Masthead/Masthead.stories': lazyImport(_digigov_ui_app_Masthead_Masthead_stories),
-  '@digigov/ui/app/NotFound/NotFound.stories': lazyImport(_digigov_ui_app_NotFound_NotFound_stories),
   '@digigov/ui/app/Modal/Modal.stories': lazyImport(_digigov_ui_app_Modal_Modal_stories),
+  '@digigov/ui/app/NotFound/NotFound.stories': lazyImport(_digigov_ui_app_NotFound_NotFound_stories),
   '@digigov/ui/app/Panel/Panel.stories': lazyImport(_digigov_ui_app_Panel_Panel_stories),
-  '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': lazyImport(_digigov_ui_app_QrCodeScanner_QrCodeScanner_stories),
   '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': lazyImport(_digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories),
+  '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': lazyImport(_digigov_ui_app_QrCodeScanner_QrCodeScanner_stories),
   '@digigov/ui/app/QrCodeViewer/QRCode.stories': lazyImport(_digigov_ui_app_QrCodeViewer_QRCode_stories),
   '@digigov/ui/app/Skeleton/Skeleton.stories': lazyImport(_digigov_ui_app_Skeleton_Skeleton_stories),
   '@digigov/ui/content/Accordion/Accordion.stories': lazyImport(_digigov_ui_content_Accordion_Accordion_stories),
@@ -422,6 +434,7 @@ export default {
   '@digigov/ui/form/TextInput/TextInput.stories': lazyImport(_digigov_ui_form_TextInput_TextInput_stories),
   '@digigov/ui/layouts/Basic/Basic.stories': lazyImport(_digigov_ui_layouts_Basic_Basic_stories),
   '@digigov/ui/layouts/Grid/Grid.stories': lazyImport(_digigov_ui_layouts_Grid_Grid_stories),
+  '@digigov/ui/layouts/Hidden/Hidden.stories': lazyImport(_digigov_ui_layouts_Hidden_Hidden_stories),
   '@digigov/ui/layouts/Screen/Screen.stories': lazyImport(_digigov_ui_layouts_Screen_Screen_stories),
   '@digigov/ui/layouts/Stack/Stack.stories': lazyImport(_digigov_ui_layouts_Stack_Stack_stories),
   '@digigov/ui/navigation/BackLink/BackLink.stories': lazyImport(_digigov_ui_navigation_BackLink_BackLink_stories),
@@ -455,12 +468,15 @@ export default {
   '@digigov/ui/app/Header/__stories__/WithNavigation': lazyImport(_digigov_ui_app_Header___stories___WithNavigation),
   '@digigov/ui/app/Header/__stories__/WithServiceName': lazyImport(_digigov_ui_app_Header___stories___WithServiceName),
   '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo': lazyImport(_digigov_ui_app_Header___stories___WithServiceNameAndLogo),
-  '@digigov/ui/app/Loader/__stories__/Default': lazyImport(_digigov_ui_app_Loader___stories___Default),
-  '@digigov/ui/app/Loader/__stories__/FullPageLoader': lazyImport(_digigov_ui_app_Loader___stories___FullPageLoader),
   '@digigov/ui/app/Masthead/__stories__/Default': lazyImport(_digigov_ui_app_Masthead___stories___Default),
   '@digigov/ui/app/Masthead/__stories__/Secondary': lazyImport(_digigov_ui_app_Masthead___stories___Secondary),
   '@digigov/ui/app/Masthead/__stories__/WithElements': lazyImport(_digigov_ui_app_Masthead___stories___WithElements),
   '@digigov/ui/app/Masthead/__stories__/WithLogo': lazyImport(_digigov_ui_app_Masthead___stories___WithLogo),
+  '@digigov/ui/app/Loader/__stories__/AccessibilityLoader': lazyImport(_digigov_ui_app_Loader___stories___AccessibilityLoader),
+  '@digigov/ui/app/Loader/__stories__/Default': lazyImport(_digigov_ui_app_Loader___stories___Default),
+  '@digigov/ui/app/Loader/__stories__/FullPageLoader': lazyImport(_digigov_ui_app_Loader___stories___FullPageLoader),
+  '@digigov/ui/app/Loader/__stories__/Secondary': lazyImport(_digigov_ui_app_Loader___stories___Secondary),
+  '@digigov/ui/app/Loader/__stories__/Sizes': lazyImport(_digigov_ui_app_Loader___stories___Sizes),
   '@digigov/ui/app/Modal/__stories__/AlertDialog': lazyImport(_digigov_ui_app_Modal___stories___AlertDialog),
   '@digigov/ui/app/Modal/__stories__/Auto': lazyImport(_digigov_ui_app_Modal___stories___Auto),
   '@digigov/ui/app/Modal/__stories__/Default': lazyImport(_digigov_ui_app_Modal___stories___Default),
@@ -484,6 +500,8 @@ export default {
   '@digigov/ui/app/Skeleton/__stories__/WithChildren': lazyImport(_digigov_ui_app_Skeleton___stories___WithChildren),
   '@digigov/ui/content/Accordion/__stories__/Auto': lazyImport(_digigov_ui_content_Accordion___stories___Auto),
   '@digigov/ui/content/Accordion/__stories__/Default': lazyImport(_digigov_ui_content_Accordion___stories___Default),
+  '@digigov/ui/content/Accordion/__stories__/SummaryColorSecondary': lazyImport(_digigov_ui_content_Accordion___stories___SummaryColorSecondary),
+  '@digigov/ui/content/Accordion/__stories__/UsingArrowIcons': lazyImport(_digigov_ui_content_Accordion___stories___UsingArrowIcons),
   '@digigov/ui/content/Accordion/__stories__/WithHints': lazyImport(_digigov_ui_content_Accordion___stories___WithHints),
   '@digigov/ui/content/Accordion/__stories__/WithHook': lazyImport(_digigov_ui_content_Accordion___stories___WithHook),
   '@digigov/ui/content/Blockquote/__stories__/Default': lazyImport(_digigov_ui_content_Blockquote___stories___Default),
@@ -505,13 +523,13 @@ export default {
   '@digigov/ui/content/Chip/__stories__/DeletableChip': lazyImport(_digigov_ui_content_Chip___stories___DeletableChip),
   '@digigov/ui/content/Chip/__stories__/GroupOfChips': lazyImport(_digigov_ui_content_Chip___stories___GroupOfChips),
   '@digigov/ui/content/Details/__stories__/Default': lazyImport(_digigov_ui_content_Details___stories___Default),
-  '@digigov/ui/content/Markdown/__stories__/Default': lazyImport(_digigov_ui_content_Markdown___stories___Default),
   '@digigov/ui/content/List/__stories__/BulletList': lazyImport(_digigov_ui_content_List___stories___BulletList),
   '@digigov/ui/content/List/__stories__/Default': lazyImport(_digigov_ui_content_List___stories___Default),
   '@digigov/ui/content/List/__stories__/HorizontalList': lazyImport(_digigov_ui_content_List___stories___HorizontalList),
   '@digigov/ui/content/List/__stories__/NestedBulletList': lazyImport(_digigov_ui_content_List___stories___NestedBulletList),
   '@digigov/ui/content/List/__stories__/NumberedList': lazyImport(_digigov_ui_content_List___stories___NumberedList),
   '@digigov/ui/content/List/__stories__/WithExtraSpace': lazyImport(_digigov_ui_content_List___stories___WithExtraSpace),
+  '@digigov/ui/content/Markdown/__stories__/Default': lazyImport(_digigov_ui_content_Markdown___stories___Default),
   '@digigov/ui/content/SafeHTML/__stories__/Default': lazyImport(_digigov_ui_content_SafeHTML___stories___Default),
   '@digigov/ui/content/StepNav/__stories__/Auto': lazyImport(_digigov_ui_content_StepNav___stories___Auto),
   '@digigov/ui/content/StepNav/__stories__/Default': lazyImport(_digigov_ui_content_StepNav___stories___Default),
@@ -522,6 +540,7 @@ export default {
   '@digigov/ui/content/SummaryList/__stories__/RowVariations': lazyImport(_digigov_ui_content_SummaryList___stories___RowVariations),
   '@digigov/ui/content/SummaryList/__stories__/SummaryListExample': lazyImport(_digigov_ui_content_SummaryList___stories___SummaryListExample),
   '@digigov/ui/content/SummaryList/__stories__/WithActions': lazyImport(_digigov_ui_content_SummaryList___stories___WithActions),
+  '@digigov/ui/content/SummaryList/__stories__/WithError': lazyImport(_digigov_ui_content_SummaryList___stories___WithError),
   '@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction': lazyImport(_digigov_ui_content_SummaryList___stories___WithKeyAndAction),
   '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder': lazyImport(_digigov_ui_content_SummaryList___stories___WithNoLastBorder),
   '@digigov/ui/content/SummaryList/__stories__/WithoutActions': lazyImport(_digigov_ui_content_SummaryList___stories___WithoutActions),
@@ -538,6 +557,7 @@ export default {
   '@digigov/ui/content/Table/__stories__/RowColors': lazyImport(_digigov_ui_content_Table___stories___RowColors),
   '@digigov/ui/content/Table/__stories__/Stacked': lazyImport(_digigov_ui_content_Table___stories___Stacked),
   '@digigov/ui/content/Table/__stories__/TableCaptions': lazyImport(_digigov_ui_content_Table___stories___TableCaptions),
+  '@digigov/ui/content/Table/__stories__/UsingHighlights': lazyImport(_digigov_ui_content_Table___stories___UsingHighlights),
   '@digigov/ui/content/Table/__stories__/VerticalBorders': lazyImport(_digigov_ui_content_Table___stories___VerticalBorders),
   '@digigov/ui/content/Table/__stories__/VerticalHeaders': lazyImport(_digigov_ui_content_Table___stories___VerticalHeaders),
   '@digigov/ui/content/Table/__stories__/WithFloatingScroll': lazyImport(_digigov_ui_content_Table___stories___WithFloatingScroll),
@@ -560,6 +580,7 @@ export default {
   '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton': lazyImport(_digigov_ui_feedback_ErrorSummary___stories___WithBackLinkAndButton),
   '@digigov/ui/feedback/NotificationBanner/__stories__/Default': lazyImport(_digigov_ui_feedback_NotificationBanner___stories___Default),
   '@digigov/ui/feedback/NotificationBanner/__stories__/Dense': lazyImport(_digigov_ui_feedback_NotificationBanner___stories___Dense),
+  '@digigov/ui/feedback/NotificationBanner/__stories__/Expanded': lazyImport(_digigov_ui_feedback_NotificationBanner___stories___Expanded),
   '@digigov/ui/feedback/NotificationBanner/__stories__/Success': lazyImport(_digigov_ui_feedback_NotificationBanner___stories___Success),
   '@digigov/ui/feedback/PhaseBanner/__stories__/Default': lazyImport(_digigov_ui_feedback_PhaseBanner___stories___Default),
   '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined': lazyImport(_digigov_ui_feedback_PhaseBanner___stories___Underlined),
@@ -578,6 +599,7 @@ export default {
   '@digigov/ui/form/AutoComplete/__stories__/WithMinLength': lazyImport(_digigov_ui_form_AutoComplete___stories___WithMinLength),
   '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder': lazyImport(_digigov_ui_form_AutoComplete___stories___WithPlaceHolder),
   '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues': lazyImport(_digigov_ui_form_AutoComplete___stories___WithShowAllValues),
+  '@digigov/ui/form/AutoComplete/__stories__/utils': lazyImport(_digigov_ui_form_AutoComplete___stories___utils),
   '@digigov/ui/form/Button/__stories__/Back': lazyImport(_digigov_ui_form_Button___stories___Back),
   '@digigov/ui/form/Button/__stories__/ButtonLinkButton': lazyImport(_digigov_ui_form_Button___stories___ButtonLinkButton),
   '@digigov/ui/form/Button/__stories__/CallToActionButton': lazyImport(_digigov_ui_form_Button___stories___CallToActionButton),
@@ -703,7 +725,6 @@ export default {
   '@digigov/ui/navigation/NavList/__stories__/Vertical': lazyImport(_digigov_ui_navigation_NavList___stories___Vertical),
   '@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer': lazyImport(_digigov_ui_navigation_NavList___stories___VerticalWithoutDrawer),
   '@digigov/ui/navigation/NavList/__stories__/WithBadge': lazyImport(_digigov_ui_navigation_NavList___stories___WithBadge),
-  '@digigov/ui/navigation/SkipLink/__stories__/Default': lazyImport(_digigov_ui_navigation_SkipLink___stories___Default),
   '@digigov/ui/navigation/Pagination/__stories__/Auto': lazyImport(_digigov_ui_navigation_Pagination___stories___Auto),
   '@digigov/ui/navigation/Pagination/__stories__/Default': lazyImport(_digigov_ui_navigation_Pagination___stories___Default),
   '@digigov/ui/navigation/Pagination/__stories__/PaginationSmall': lazyImport(_digigov_ui_navigation_Pagination___stories___PaginationSmall),
@@ -711,11 +732,11 @@ export default {
   '@digigov/ui/navigation/Pagination/__stories__/WithHook': lazyImport(_digigov_ui_navigation_Pagination___stories___WithHook),
   '@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues': lazyImport(_digigov_ui_navigation_Pagination___stories___WithInactiveValues),
   '@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage': lazyImport(_digigov_ui_navigation_Pagination___stories___WithResultsPerPage),
+  '@digigov/ui/navigation/SkipLink/__stories__/Default': lazyImport(_digigov_ui_navigation_SkipLink___stories___Default),
   '@digigov/ui/navigation/Tabs/__stories__/Auto': lazyImport(_digigov_ui_navigation_Tabs___stories___Auto),
   '@digigov/ui/navigation/Tabs/__stories__/Default': lazyImport(_digigov_ui_navigation_Tabs___stories___Default),
   '@digigov/ui/navigation/Tabs/__stories__/Dense': lazyImport(_digigov_ui_navigation_Tabs___stories___Dense),
   '@digigov/ui/navigation/Tabs/__stories__/UsingAccordion': lazyImport(_digigov_ui_navigation_Tabs___stories___UsingAccordion),
-  '@digigov/ui/utils/VisuallyHidden/__stories__/Default': lazyImport(_digigov_ui_utils_VisuallyHidden___stories___Default),
   '@digigov/ui/typography/CodeBlock/__stories__/Default': lazyImport(_digigov_ui_typography_CodeBlock___stories___Default),
   '@digigov/ui/typography/CodeBlock/__stories__/Highlighted': lazyImport(_digigov_ui_typography_CodeBlock___stories___Highlighted),
   '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard': lazyImport(_digigov_ui_typography_CodeBlock___stories___WithCopyToClipboard),
@@ -734,6 +755,7 @@ export default {
   '@digigov/ui/typography/Paragraph/__stories__/FontWeight': lazyImport(_digigov_ui_typography_Paragraph___stories___FontWeight),
   '@digigov/ui/typography/Paragraph/__stories__/LeadVariant': lazyImport(_digigov_ui_typography_Paragraph___stories___LeadVariant),
   '@digigov/ui/typography/Paragraph/__stories__/SmallVariant': lazyImport(_digigov_ui_typography_Paragraph___stories___SmallVariant),
+  '@digigov/ui/utils/VisuallyHidden/__stories__/Default': lazyImport(_digigov_ui_utils_VisuallyHidden___stories___Default),
   '@digigov/ui/layouts/Basic/Bottom/__stories__/Default': lazyImport(_digigov_ui_layouts_Basic_Bottom___stories___Default),
   '@digigov/ui/layouts/Basic/Container/__stories__/Default': lazyImport(_digigov_ui_layouts_Basic_Container___stories___Default),
   '@digigov/ui/layouts/Basic/Main/__stories__/Default': lazyImport(_digigov_ui_layouts_Basic_Main___stories___Default),

package/src/typography/CodeBlock/CodeBlock.stories.js

@@ -7,6 +7,30 @@ export default {
   markdown: doc,
   displayName: 'CodeBlock',
 };
+
+export const WithControls = {
+  args: {
+    language: undefined,
+    copyToClipboard: true,
+    highlighted: true,
+    showLineNumbers: true,
+    phaseBannerTagName: 'JSON',
+    highlightLines: undefined,
+    children: `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`,
+  },
+};
 export { Default } from '@digigov/ui/typography/CodeBlock/__stories__/Default';
 export { Highlighted } from '@digigov/ui/typography/CodeBlock/__stories__/Highlighted';
 export { WithCopyToClipboard } from '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard';

package/src/typography/CodeBlock/doc.mdx

@@ -9,19 +9,19 @@ Use the CodeBlock component to display code.
 
 ## How to use
 
-<code src="@digigov/ui/typography/CodeBlock/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/typography/CodeBlock/__stories__/Default.tsx" />
 
 ### Highlighted
 
-<code src="@digigov/ui/typography/CodeBlock/__stories__/Highlighted.tsx" />
+<code src="@digigov/ui/src/typography/CodeBlock/__stories__/Highlighted.tsx" />
 
 ### With copy to clipboard
 
-<code src="@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx" />
+<code src="@digigov/ui/src/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx" />
 
 ### With phase banner
 
-<code src="@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner.tsx" />
+<code src="@digigov/ui/src/typography/CodeBlock/__stories__/WithPhaseBanner.tsx" />
 
 ## API
 

package/src/typography/Heading/Heading.stories.js

@@ -7,4 +7,16 @@ export default {
   markdown: doc,
   displayName: 'Heading',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Heading',
+    size: 'xl',
+    element: 'h1',
+    breakWords: false,
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Heading/__stories__/Default';

package/src/typography/Heading/doc.mdx

@@ -7,7 +7,7 @@ title: Heading
 
 ## How to use
 
-<code src="@digigov/ui/typography/Heading/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/typography/Heading/__stories__/Default.tsx" />
 
 ## API
 

package/src/typography/HeadingCaption/HeadingCaption.stories.js

@@ -7,5 +7,14 @@ export default {
   markdown: doc,
   displayName: 'HeadingCaption',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Heading Caption',
+    size: 'xl',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
 export { Default } from '@digigov/ui/typography/HeadingCaption/__stories__/Default';
 export { NestedToTitle } from '@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle';

package/src/typography/HeadingCaption/doc.mdx

@@ -7,11 +7,11 @@ title: HeadingCaption
 
 ## How to use
 
-<code src="@digigov/ui/typography/HeadingCaption/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/typography/HeadingCaption/__stories__/Default.tsx" />
 
 ### Nested caption to title
 
-<code src="@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle.tsx" />
+<code src="@digigov/ui/src/typography/HeadingCaption/__stories__/NestedToTitle.tsx" />
 
 ## API
 

package/src/typography/Hint/Hint.stories.js

@@ -7,5 +7,16 @@ export default {
   markdown: doc,
   displayName: 'Hint',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Hint text',
+    size: 'md',
+    breakWords: false,
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Hint/__stories__/Default';
 export { FontSizes } from '@digigov/ui/typography/Hint/__stories__/FontSizes';

package/src/typography/Hint/__stories__/Default.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = (_: any) => <Hint> ds-hint </Hint>;
+export const Default = (_: any) => <Hint>ds-hint</Hint>;
 
 export default Default;

package/src/typography/Hint/__stories__/FontSizes.tsx

@@ -3,10 +3,10 @@ import { Hint } from '@digigov/ui/typography/Hint';
 
 export const FontSizes = (_: any) => (
   <>
-    <Hint fontSize={14}> ds-hint </Hint>
-    <Hint fontSize={16}> ds-hint </Hint>
-    <Hint> ds-hint </Hint>
-    <Hint fontSize={24}> ds-hint </Hint>
+    <Hint fontSize={14}>ds-hint</Hint>
+    <Hint fontSize={16}>ds-hint</Hint>
+    <Hint>ds-hint</Hint>
+    <Hint fontSize={24}>ds-hint</Hint>
   </>
 );
 

package/src/typography/Hint/doc.mdx

@@ -7,11 +7,11 @@ title: Hint
 
 ## How to use
 
-<code src="@digigov/ui/typography/Hint/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/typography/Hint/__stories__/Default.tsx" />
 
 ### Font sizes
 
-<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
+<code src="@digigov/ui/src/typography/NormalText/__stories__/FontSizes.tsx" />
 
 ## API
 

package/src/typography/NormalText/NormalText.stories.js

@@ -7,6 +7,16 @@ export default {
   markdown: doc,
   displayName: 'NormalText',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Normal text',
+    size: 'md',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/NormalText/__stories__/Default';
 export { FontSizes } from '@digigov/ui/typography/NormalText/__stories__/FontSizes';
 export { FontWeight } from '@digigov/ui/typography/NormalText/__stories__/FontWeight';

package/src/typography/NormalText/doc.mdx

@@ -7,21 +7,21 @@ title: NormalText
 
 ## How to use
 
-<code src="@digigov/ui/typography/NormalText/__stories__/Default.tsx" />
+<code src="@digigov/ui/src/typography/NormalText/__stories__/Default.tsx" />
 
 ### Variants
 
-<code src="@digigov/ui/typography/NormalText/__stories__/Variants.tsx" />
+<code src="@digigov/ui/src/typography/NormalText/__stories__/Variants.tsx" />
 
 ## Font override classes
 
 ### Font size
 
-<code src="@digigov/ui/typography/NormalText/__stories__/FontSizes.tsx" />
+<code src="@digigov/ui/src/typography/NormalText/__stories__/FontSizes.tsx" />
 
 ### Font weight
 
-<code src="@digigov/ui/typography/NormalText/__stories__/FontWeight.tsx" />
+<code src="@digigov/ui/src/typography/NormalText/__stories__/FontWeight.tsx" />
 
 ## API