@digigov/ui 2.0.0-13876dba → 2.0.0-16da9467

package/src/navigation/Tabs/hooks.ts

@@ -17,7 +17,7 @@ export interface UseTabsReturn {
     tabIndex: number;
     onClick: (e: any) => void;
     onKeyDown: (e: React.KeyboardEvent) => void;
-    ref?: React.RefObject<HTMLAnchorElement>;
+    ref?: React.RefObject<HTMLAnchorElement | null>;
   };
   panel: (id: TabId) => {
     tab: TabId;
@@ -34,7 +34,7 @@ export const useTabs = ({
   defaultOpen = null,
 }: UseTabsProps = {}): UseTabsReturn => {
   const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);
-  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(
+  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement | null>>>(
     new Map()
   );
   const { screenSize } = useScreenSize();

package/src/registry.js

@@ -4,8 +4,8 @@ import * as _digigov_ui_app_App from "@digigov/ui/app/App";
 import * as _digigov_ui_app from "@digigov/ui/app";
 import * as _digigov_ui_content from "@digigov/ui/content";
 import * as _digigov_ui_feedback from "@digigov/ui/feedback";
-import * as _digigov_ui_govgr from "@digigov/ui/govgr";
 import * as _digigov_ui_form from "@digigov/ui/form";
+import * as _digigov_ui_govgr from "@digigov/ui/govgr";
 import * as _digigov_ui_i18n_I18nText from "@digigov/ui/i18n/I18nText";
 import * as _digigov_ui_i18n from "@digigov/ui/i18n";
 import * as _digigov_ui_icons from "@digigov/ui/icons";
@@ -20,6 +20,8 @@ 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";
@@ -27,8 +29,6 @@ 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_Modal_auto from "@digigov/ui/app/Modal/auto";
 import * as _digigov_ui_app_Modal_hooks from "@digigov/ui/app/Modal/hooks";
@@ -40,16 +40,17 @@ import * as _digigov_ui_app_PageTitleContainer from "@digigov/ui/app/PageTitleCo
 import * as _digigov_ui_app_Panel from "@digigov/ui/app/Panel";
 import * as _digigov_ui_app_PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";
 import * as _digigov_ui_app_QrCodeScanner from "@digigov/ui/app/QrCodeScanner";
-import * as _digigov_ui_app_Skeleton from "@digigov/ui/app/Skeleton";
 import * as _digigov_ui_app_QrCodeViewer from "@digigov/ui/app/QrCodeViewer";
 import * as _digigov_ui_app_QrCodeViewer_qrcodegen from "@digigov/ui/app/QrCodeViewer/qrcodegen";
 import * as _digigov_ui_app_QrCodeViewer_types from "@digigov/ui/app/QrCodeViewer/types";
 import * as _digigov_ui_app_QrCodeViewer_utils from "@digigov/ui/app/QrCodeViewer/utils";
+import * as _digigov_ui_app_Skeleton from "@digigov/ui/app/Skeleton";
 import * as _digigov_ui_app_ThemeOptions from "@digigov/ui/app/ThemeOptions";
 import * as _digigov_ui_app_hooks_useFontSize from "@digigov/ui/app/hooks/useFontSize";
 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";
@@ -78,20 +79,6 @@ import * as _digigov_ui_feedback_ErrorSummary from "@digigov/ui/feedback/ErrorSu
 import * as _digigov_ui_feedback_NotificationBanner from "@digigov/ui/feedback/NotificationBanner";
 import * as _digigov_ui_feedback_PhaseBanner from "@digigov/ui/feedback/PhaseBanner";
 import * as _digigov_ui_feedback_WarningText from "@digigov/ui/feedback/WarningText";
-import * as _digigov_ui_govgr_Footer_Copyright from "@digigov/ui/govgr/Footer/Copyright";
-import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
-import * as _digigov_ui_govgr_Footer_LicenseCCSA from "@digigov/ui/govgr/Footer/LicenseCCSA";
-import * as _digigov_ui_govgr_Footer from "@digigov/ui/govgr/Footer";
-import * as _digigov_ui_govgr_Footer_logo from "@digigov/ui/govgr/Footer/logo";
-import * as _digigov_ui_govgr_GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import * as _digigov_ui_govgr_GovGRLogo_logo from "@digigov/ui/govgr/GovGRLogo/logo";
-import * as _digigov_ui_govgr_images_govgr_logo_base64 from "@digigov/ui/govgr/images/govgr-logo-base64";
-import * as _digigov_ui_govgr_images_govgr_logo_blue_base64 from "@digigov/ui/govgr/images/govgr-logo-blue-base64";
-import * as _digigov_ui_govgr_images_greek_government_base64 from "@digigov/ui/govgr/images/greek-government-base64";
-import * as _digigov_ui_govgr_images_grnet_logo_base64 from "@digigov/ui/govgr/images/grnet-logo-base64";
-import * as _digigov_ui_govgr_images from "@digigov/ui/govgr/images";
-import * as _digigov_ui_govgr_images_minedu_logo_base64 from "@digigov/ui/govgr/images/minedu-logo-base64";
-import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from "@digigov/ui/govgr/images/minedu-logo-black-base64";
 import * as _digigov_ui_form_AutoComplete from "@digigov/ui/form/AutoComplete";
 import * as _digigov_ui_form_AutoComplete_utils from "@digigov/ui/form/AutoComplete/utils";
 import * as _digigov_ui_form_Button_ButtonLink from "@digigov/ui/form/Button/ButtonLink";
@@ -111,6 +98,20 @@ import * as _digigov_ui_form_SelectContainer from "@digigov/ui/form/SelectContai
 import * as _digigov_ui_form_SingleCharacterInputs from "@digigov/ui/form/SingleCharacterInputs";
 import * as _digigov_ui_form_TextArea from "@digigov/ui/form/TextArea";
 import * as _digigov_ui_form_TextInput from "@digigov/ui/form/TextInput";
+import * as _digigov_ui_govgr_Footer_Copyright from "@digigov/ui/govgr/Footer/Copyright";
+import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from "@digigov/ui/govgr/Footer/HellenicRepublicLogo";
+import * as _digigov_ui_govgr_Footer_LicenseCCSA from "@digigov/ui/govgr/Footer/LicenseCCSA";
+import * as _digigov_ui_govgr_Footer from "@digigov/ui/govgr/Footer";
+import * as _digigov_ui_govgr_Footer_logo from "@digigov/ui/govgr/Footer/logo";
+import * as _digigov_ui_govgr_GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
+import * as _digigov_ui_govgr_GovGRLogo_logo from "@digigov/ui/govgr/GovGRLogo/logo";
+import * as _digigov_ui_govgr_images_govgr_logo_base64 from "@digigov/ui/govgr/images/govgr-logo-base64";
+import * as _digigov_ui_govgr_images_govgr_logo_blue_base64 from "@digigov/ui/govgr/images/govgr-logo-blue-base64";
+import * as _digigov_ui_govgr_images_greek_government_base64 from "@digigov/ui/govgr/images/greek-government-base64";
+import * as _digigov_ui_govgr_images_grnet_logo_base64 from "@digigov/ui/govgr/images/grnet-logo-base64";
+import * as _digigov_ui_govgr_images from "@digigov/ui/govgr/images";
+import * as _digigov_ui_govgr_images_minedu_logo_base64 from "@digigov/ui/govgr/images/minedu-logo-base64";
+import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from "@digigov/ui/govgr/images/minedu-logo-black-base64";
 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";
@@ -177,10 +178,10 @@ import * as _digigov_ui_utils_hooks_useTogglableTab from "@digigov/ui/utils/hook
 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";
 import * as _digigov_ui_content_Table_hooks_useSort from "@digigov/ui/content/Table/hooks/useSort";
-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_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";
 import * as _digigov_ui_layouts_Basic_Bottom from "@digigov/ui/layouts/Basic/Bottom";
 import * as _digigov_ui_layouts_Basic_Container from "@digigov/ui/layouts/Basic/Container";
@@ -213,8 +214,8 @@ export default {
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
   '@digigov/ui/content': lazyImport(_digigov_ui_content),
   '@digigov/ui/feedback': lazyImport(_digigov_ui_feedback),
-  '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/form': lazyImport(_digigov_ui_form),
+  '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/i18n/I18nText': lazyImport(_digigov_ui_i18n_I18nText),
   '@digigov/ui/i18n': lazyImport(_digigov_ui_i18n),
   '@digigov/ui/icons': lazyImport(_digigov_ui_icons),
@@ -229,6 +230,8 @@ 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),
@@ -236,8 +239,6 @@ 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/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
   '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
@@ -249,16 +250,17 @@ export default {
   '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
-  '@digigov/ui/app/Skeleton': lazyImport(_digigov_ui_app_Skeleton),
   '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
   '@digigov/ui/app/QrCodeViewer/qrcodegen': lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
   '@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
   '@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
+  '@digigov/ui/app/Skeleton': lazyImport(_digigov_ui_app_Skeleton),
   '@digigov/ui/app/ThemeOptions': lazyImport(_digigov_ui_app_ThemeOptions),
   '@digigov/ui/app/hooks/useFontSize': lazyImport(_digigov_ui_app_hooks_useFontSize),
   '@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),
@@ -287,20 +289,6 @@ export default {
   '@digigov/ui/feedback/NotificationBanner': lazyImport(_digigov_ui_feedback_NotificationBanner),
   '@digigov/ui/feedback/PhaseBanner': lazyImport(_digigov_ui_feedback_PhaseBanner),
   '@digigov/ui/feedback/WarningText': lazyImport(_digigov_ui_feedback_WarningText),
-  '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
-  '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
-  '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),
-  '@digigov/ui/govgr/Footer': lazyImport(_digigov_ui_govgr_Footer),
-  '@digigov/ui/govgr/Footer/logo': lazyImport(_digigov_ui_govgr_Footer_logo),
-  '@digigov/ui/govgr/GovGRLogo': lazyImport(_digigov_ui_govgr_GovGRLogo),
-  '@digigov/ui/govgr/GovGRLogo/logo': lazyImport(_digigov_ui_govgr_GovGRLogo_logo),
-  '@digigov/ui/govgr/images/govgr-logo-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_base64),
-  '@digigov/ui/govgr/images/govgr-logo-blue-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_blue_base64),
-  '@digigov/ui/govgr/images/greek-government-base64': lazyImport(_digigov_ui_govgr_images_greek_government_base64),
-  '@digigov/ui/govgr/images/grnet-logo-base64': lazyImport(_digigov_ui_govgr_images_grnet_logo_base64),
-  '@digigov/ui/govgr/images': lazyImport(_digigov_ui_govgr_images),
-  '@digigov/ui/govgr/images/minedu-logo-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_base64),
-  '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
   '@digigov/ui/form/AutoComplete': lazyImport(_digigov_ui_form_AutoComplete),
   '@digigov/ui/form/AutoComplete/utils': lazyImport(_digigov_ui_form_AutoComplete_utils),
   '@digigov/ui/form/Button/ButtonLink': lazyImport(_digigov_ui_form_Button_ButtonLink),
@@ -320,6 +308,20 @@ export default {
   '@digigov/ui/form/SingleCharacterInputs': lazyImport(_digigov_ui_form_SingleCharacterInputs),
   '@digigov/ui/form/TextArea': lazyImport(_digigov_ui_form_TextArea),
   '@digigov/ui/form/TextInput': lazyImport(_digigov_ui_form_TextInput),
+  '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
+  '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
+  '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),
+  '@digigov/ui/govgr/Footer': lazyImport(_digigov_ui_govgr_Footer),
+  '@digigov/ui/govgr/Footer/logo': lazyImport(_digigov_ui_govgr_Footer_logo),
+  '@digigov/ui/govgr/GovGRLogo': lazyImport(_digigov_ui_govgr_GovGRLogo),
+  '@digigov/ui/govgr/GovGRLogo/logo': lazyImport(_digigov_ui_govgr_GovGRLogo_logo),
+  '@digigov/ui/govgr/images/govgr-logo-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_base64),
+  '@digigov/ui/govgr/images/govgr-logo-blue-base64': lazyImport(_digigov_ui_govgr_images_govgr_logo_blue_base64),
+  '@digigov/ui/govgr/images/greek-government-base64': lazyImport(_digigov_ui_govgr_images_greek_government_base64),
+  '@digigov/ui/govgr/images/grnet-logo-base64': lazyImport(_digigov_ui_govgr_images_grnet_logo_base64),
+  '@digigov/ui/govgr/images': lazyImport(_digigov_ui_govgr_images),
+  '@digigov/ui/govgr/images/minedu-logo-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_base64),
+  '@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
   '@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),
@@ -386,10 +388,10 @@ export default {
   '@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),
   '@digigov/ui/content/Table/hooks/useSort': lazyImport(_digigov_ui_content_Table_hooks_useSort),
-  '@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/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),
   '@digigov/ui/layouts/Basic/Bottom': lazyImport(_digigov_ui_layouts_Basic_Bottom),
   '@digigov/ui/layouts/Basic/Container': lazyImport(_digigov_ui_layouts_Basic_Container),

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/index.tsx

@@ -44,18 +44,20 @@ const addLineNumbers = (code: string, highlightLines: number[]): string => {
     .join('\n');
 };
 
-export const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(
-  function CodeBlock({
-    children,
-    language,
-    copyToClipboard,
-    highlighted,
-    showLineNumbers,
-    phaseBannerTagName,
-    highlightLines,
-    ref,
-    ...props
-  }) {
+export const CodeBlock = React.forwardRef<HTMLDivElement, CodeBlockProps>(
+  function CodeBlock(
+    {
+      children,
+      language,
+      copyToClipboard,
+      highlighted,
+      showLineNumbers,
+      phaseBannerTagName,
+      highlightLines,
+      ...props
+    },
+    ref
+  ) {
     const Tag = 'span';
     const codeString = typeof children === 'string' ? children : '';
     let displayingCode = codeString;

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/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/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 = () => <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/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/__stories__/Default.tsx

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

package/src/typography/Paragraph/Paragraph.stories.js

@@ -7,6 +7,29 @@ export default {
   markdown: doc,
   displayName: 'Paragraph',
 };
+export const WithControls = {
+  args: {
+    children: 'Paragraph',
+    size: 'md',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+  argTypes: {
+    size: {
+      options: ['sm', 'md', 'lg'],
+      control: { type: 'select' },
+    },
+    fontSize: {
+      options: [14, 16, 19, 24, 30, 36, 48, 72],
+      control: { type: 'select' },
+    },
+    fontWeight: {
+      options: ['regular', 'bold'],
+      control: { type: 'select' },
+    },
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Paragraph/__stories__/Default';
 export { LeadVariant } from '@digigov/ui/typography/Paragraph/__stories__/LeadVariant';
 export { SmallVariant } from '@digigov/ui/typography/Paragraph/__stories__/SmallVariant';

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

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

package/src/typography/Paragraph/__stories__/LeadVariant.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const LeadVariant = () => <Paragraph size={'lg'}>ds-body</Paragraph>;
+export const LeadVariant = (_: any) => (
+  <Paragraph size={'lg'}>ds-body</Paragraph>
+);
 
 export default LeadVariant;

package/src/typography/Paragraph/__stories__/SmallVariant.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
-export const SmallVariant = () => <Paragraph size={'sm'}>ds-body</Paragraph>;
+export const SmallVariant = (_: any) => (
+  <Paragraph size={'sm'}>ds-body</Paragraph>
+);
 
 export default SmallVariant;

package/src/utils/hooks/useDebounce.ts

@@ -7,7 +7,7 @@ export const useDebounceCallback = <CallbackArgs extends any[]>(
   leading = false
 ): ((...args: CallbackArgs) => void) => {
   const storedCallback = useLatest(callback);
-  const timeout = React.useRef<ReturnType<typeof setTimeout>>();
+  const timeout = React.useRef<ReturnType<typeof setTimeout>>(undefined);
   const deps = [wait, leading, storedCallback];
   // Cleans up pending timeouts when the deps change
   React.useEffect(

package/stories-registry/index.js

@@ -43,6 +43,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,8 +77,11 @@ 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___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_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";
@@ -181,6 +185,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";
@@ -193,7 +198,9 @@ import * as _digigov_ui_form_AutoComplete___stories___MultipleShowingTwoSelected
 import * as _digigov_ui_form_AutoComplete___stories___MultipleWithDefaultValues from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues";
 import * as _digigov_ui_form_AutoComplete___stories___MultipleWithMinLength from "@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength";
 import * as _digigov_ui_form_AutoComplete___stories___WithAutoSelect from "@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect";
+import * as _digigov_ui_form_AutoComplete___stories___WithCustomValue from "@digigov/ui/form/AutoComplete/__stories__/WithCustomValue";
 import * as _digigov_ui_form_AutoComplete___stories___WithDefaultValue from "@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue";
+import * as _digigov_ui_form_AutoComplete___stories___WithHint from "@digigov/ui/form/AutoComplete/__stories__/WithHint";
 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";
@@ -229,6 +236,7 @@ import * as _digigov_ui_form_ErrorMessage___stories___Default from "@digigov/ui/
 import * as _digigov_ui_form_ErrorMessage___stories___ErrorMessageOnly from "@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly";
 import * as _digigov_ui_form_FileUpload___stories___Default from "@digigov/ui/form/FileUpload/__stories__/Default";
 import * as _digigov_ui_form_FileUpload___stories___WithErrorMessage from "@digigov/ui/form/FileUpload/__stories__/WithErrorMessage";
+import * as _digigov_ui_form_FileUpload___stories___WithVariantLink from "@digigov/ui/form/FileUpload/__stories__/WithVariantLink";
 import * as _digigov_ui_form_RadioContainer___stories___ConditionalReveal from "@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal";
 import * as _digigov_ui_form_RadioContainer___stories___Default from "@digigov/ui/form/RadioContainer/__stories__/Default";
 import * as _digigov_ui_form_RadioContainer___stories___Dense from "@digigov/ui/form/RadioContainer/__stories__/Dense";
@@ -333,7 +341,6 @@ import * as _digigov_ui_navigation_Tabs___stories___Auto from "@digigov/ui/navig
 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";
@@ -352,6 +359,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";
@@ -419,6 +427,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),
@@ -452,8 +461,11 @@ 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__/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/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),
@@ -557,6 +569,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),
@@ -569,7 +582,9 @@ export default {
   '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues': lazyImport(_digigov_ui_form_AutoComplete___stories___MultipleWithDefaultValues),
   '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength': lazyImport(_digigov_ui_form_AutoComplete___stories___MultipleWithMinLength),
   '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect': lazyImport(_digigov_ui_form_AutoComplete___stories___WithAutoSelect),
+  '@digigov/ui/form/AutoComplete/__stories__/WithCustomValue': lazyImport(_digigov_ui_form_AutoComplete___stories___WithCustomValue),
   '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue': lazyImport(_digigov_ui_form_AutoComplete___stories___WithDefaultValue),
+  '@digigov/ui/form/AutoComplete/__stories__/WithHint': lazyImport(_digigov_ui_form_AutoComplete___stories___WithHint),
   '@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),
@@ -605,6 +620,7 @@ export default {
   '@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly': lazyImport(_digigov_ui_form_ErrorMessage___stories___ErrorMessageOnly),
   '@digigov/ui/form/FileUpload/__stories__/Default': lazyImport(_digigov_ui_form_FileUpload___stories___Default),
   '@digigov/ui/form/FileUpload/__stories__/WithErrorMessage': lazyImport(_digigov_ui_form_FileUpload___stories___WithErrorMessage),
+  '@digigov/ui/form/FileUpload/__stories__/WithVariantLink': lazyImport(_digigov_ui_form_FileUpload___stories___WithVariantLink),
   '@digigov/ui/form/RadioContainer/__stories__/ConditionalReveal': lazyImport(_digigov_ui_form_RadioContainer___stories___ConditionalReveal),
   '@digigov/ui/form/RadioContainer/__stories__/Default': lazyImport(_digigov_ui_form_RadioContainer___stories___Default),
   '@digigov/ui/form/RadioContainer/__stories__/Dense': lazyImport(_digigov_ui_form_RadioContainer___stories___Dense),
@@ -709,7 +725,6 @@ export default {
   '@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),
@@ -728,6 +743,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/typography/CodeBlock/CodeBlock.stories.d.ts

@@ -6,6 +6,17 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let language: undefined;
+        let copyToClipboard: boolean;
+        let highlighted: boolean;
+        let showLineNumbers: boolean;
+        let phaseBannerTagName: string;
+        let highlightLines: undefined;
+        let children: string;
+    }
+}
 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";