@digigov/ui 2.0.0-a402a664 → 2.0.0-abd768eb

package/src/app/hooks/useNotificationArea.tsx

@@ -0,0 +1,105 @@
+import { useCallback, useEffect, useRef } from 'react';
+
+// Unique ID for the aria-live notification area element.
+const notificationAreaId = 'loader-notification-area';
+// Custom attribute to track active spinners
+const activeSpinnersAttr = 'data-active-spinners';
+
+// Generates a random unique ID for each spinner instance.
+function generateUniqueId() {
+  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
+}
+
+// Finds or creates the notification area element in the DOM.
+const getOrCreateNotificationArea = (): HTMLElement => {
+  let element = document.getElementById(notificationAreaId);
+
+  // Create and append it to the DOM.
+  if (!element) {
+    element = document.createElement('div');
+    element.id = notificationAreaId;
+    element.setAttribute('role', 'status');
+    element.setAttribute('aria-live', 'polite');
+    element.className = 'ds-visually-hidden';
+    document.body.appendChild(element);
+  }
+
+  return element;
+};
+
+export const useNotificationArea = (
+  loadingText = 'Γίνεται φόρτωση...',
+  finishedText = 'Η φόρτωση ολοκληρώθηκε.'
+) => {
+  // Unique ID for this spinner.
+  const spinnerId = useRef(generateUniqueId());
+  // Reference to the notification area DOM element.
+  const notificationRef = useRef<HTMLElement | null>(null);
+
+  // Returns an array of active spinner IDs.
+  const getActiveIds = useCallback(() => {
+    const current = notificationRef.current;
+    const value = current?.getAttribute(activeSpinnersAttr) || '';
+    return value.split(',').filter(Boolean);
+  }, [notificationRef]);
+
+  // Adds this spinner's ID to the active list.
+  const setActiveSpinnerId = useCallback(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = new Set(getActiveIds());
+      ids.add(spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+
+  // Removes this spinner's ID from the active list.
+  const unsetActiveSpinnerId = useCallback(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, ids.join(','));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+
+  // Updates the text content of the aria-live region.
+  const setTextContent = (text: string) => {
+    if (notificationRef.current) {
+      notificationRef.current.textContent = text;
+    }
+  };
+
+  useEffect(() => {
+    if (typeof document === 'undefined') return;
+
+    // Set up notification area and mark this spinner as active.
+    notificationRef.current = getOrCreateNotificationArea();
+    setActiveSpinnerId();
+    setTextContent(loadingText);
+
+    // Cleanup when component unmounts.
+    return () => {
+      unsetActiveSpinnerId();
+
+      // If no active spinners remain, announce "finished" and clear the text.
+      if (getActiveIds().length === 0) {
+        setTextContent(finishedText);
+
+        // Give screen readers a chance to announce "finished" before clearing.
+        setTimeout(() => {
+          const el = notificationRef.current;
+          if (el && getActiveIds().length === 0) {
+            el.removeAttribute(activeSpinnersAttr);
+            el.textContent = '';
+          }
+        }, 1000);
+      }
+    };
+  }, [
+    loadingText,
+    finishedText,
+    setActiveSpinnerId,
+    unsetActiveSpinnerId,
+    getActiveIds,
+  ]);
+};

package/src/content/Accordion/Accordion.stories.jsx

@@ -31,7 +31,10 @@ export const WithControls = {
       >
         <AccordionSection open>
           <AccordionSectionSummary>
-            <AccordionSectionSummaryHeading aria-controls="content1">
+            <AccordionSectionSummaryHeading
+              aria-controls="content1"
+              variant={args.variant}
+            >
               {args.title}
             </AccordionSectionSummaryHeading>
             {args.hint > 0 && <Hint>{args.hintMessage}</Hint>}
@@ -45,6 +48,7 @@ export const WithControls = {
   },
   args: {
     title: 'Διαφορές με το δημόσιο',
+    variant: 'default',
     hint: true,
     hintMessage:
       'Δικαστικές και εξωδικαστικές διαφορές με το Δημόσιο, εκκαθάριση δικαστικών δαπανών κ.ά.',
@@ -58,6 +62,10 @@ export const WithControls = {
     title: {
       control: { type: 'text' },
     },
+    variant: {
+      options: ['default', 'arrows'],
+      control: { type: 'select' },
+    },
     hint: {
       control: { type: 'boolean' },
     },

package/src/feedback/NotificationBanner/NotificationBanner.stories.js

@@ -50,3 +50,4 @@ export const WithControls = {
 export { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';
 export { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';
 export { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';
+export { Expanded } from '@digigov/ui/feedback/NotificationBanner/__stories__/Expanded';

package/src/feedback/NotificationBanner/__stories__/Expanded.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import {
+  NotificationBannerContainer,
+  NotificationBannerHeader,
+  NotificationBannerContent,
+  NotificationBannerHeading,
+  NotificationBannerLink,
+} from '@digigov/ui/feedback/NotificationBanner';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+
+export const Expanded = (_: any) => (
+  <NotificationBannerContainer>
+    <NotificationBannerHeader>Ειδοποίηση</NotificationBannerHeader>
+    <NotificationBannerContent>
+      <NotificationBannerHeading>
+        Μπορείτε να συμβάλλετε στη βελτίωση των δημοσίων υπηρεσιών.
+      </NotificationBannerHeading>
+      <Paragraph>
+        Συμπληρώστε έως 24/5 το ερωτηματολόγιο στο{' '}
+        <NotificationBannerLink> axiologisi.ypes.gov.gr</NotificationBannerLink>
+        .
+      </Paragraph>
+    </NotificationBannerContent>
+  </NotificationBannerContainer>
+);
+
+export default Expanded;

package/src/feedback/NotificationBanner/doc.mdx

@@ -29,8 +29,20 @@ You can also use a notification banner to tell the user about the outcome of som
 
 <code src="@digigov/ui/feedback/NotificationBanner/__stories__/Dense.tsx" />
 
-## API
+### Expanded
+
+<code src="@digigov/ui/feedback/NotificationBanner/__stories__/Expanded.tsx" />
 
-See below for a complete reference to all of the props  available to the components mentioned here.
+## API
 
-<ComponentProps componentName={["NotificationBannerContainer","NotificationBannerContent","NotificationBannerHeader","NotificationBannerHeading","NotificationBannerLink"]} /> 
+See below for a complete reference to all of the props available to the components mentioned here.
+
+<ComponentProps
+  componentName={[
+    'NotificationBannerContainer',
+    'NotificationBannerContent',
+    'NotificationBannerHeader',
+    'NotificationBannerHeading',
+    'NotificationBannerLink',
+  ]}
+/>{' '}

package/src/feedback/NotificationBanner/index.test.tsx

@@ -3,6 +3,7 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';
 import { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';
+import { Expanded } from '@digigov/ui/feedback/NotificationBanner/__stories__/Expanded';
 import { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';
 
 test('renders the All NotificationBanner variants', async ({ mount, page }) => {
@@ -15,6 +16,9 @@ test('renders the All NotificationBanner variants', async ({ mount, page }) => {
     <TestVariant title="Dense">
       <Dense />
     </TestVariant>
+    <TestVariant title="Expanded">
+      <Expanded />
+    </TestVariant>
     <TestVariant title="Success">
       <Success />
     </TestVariant>

package/src/i18n/locales/el.ts

@@ -37,34 +37,84 @@ export default {
         invalid_month_year:
           'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα και το έτος.',
         invalid_day_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και το έτος.',
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα και το έτος.',
         invalid_day_month:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και τον μήνα.',
-        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα',
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα και τον μήνα.',
+        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα.',
         invalid_month: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα.',
         invalid_year: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει το ετος.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
+        invalid_day_range: 'Η ημέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
       },
       datetime: {
         invalid: 'Η ημερομηνία και ώρα πρέπει να είναι έγκυρη.',
+        invalid_month_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, την ώρα και τα λεπτά.',
+        invalid_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος, την ώρα και τα λεπτά.',
+        invalid_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, την ώρα και τα λεπτά.',
+        invalid_day_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, την ώρα και τα λεπτά.',
+        invalid__hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
+        invalid_minutes: 'Η ημερομηνία πρέπει να περιλαμβάνει τα λεπτά.',
+        invalid_hours: 'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα.',
+        invalid_month_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και τα λεπτά.',
+        invalid_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και την ώρα.',
         invalid_month_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα και το έτος.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και το έτος.',
+        invalid_day_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και τα λεπτά.',
+        invalid_day_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και την ώρα.',
+        invalid_day_month_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος.',
+        invalid_day_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, το έτος και την ώρα.',
         invalid_day_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και το έτος.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και το έτος.',
+        invalid_day_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και τα λεπτά.',
+        invalid_day_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και την ώρα.',
         invalid_day_month:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και τον μήνα.',
-        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα',
-        invalid_month: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα.',
-        invalid_year: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει το έτος.',
-        invalid_hours: 'Συμπληρώστε έγκυρη ώρα.',
-        invalid_minutes: 'Συμπληρώστε έγκυρα λεπτά.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τον μήνα.',
+        invalid_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και τα λεπτά.',
+        invalid_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και την ώρα.',
+        invalid_year: 'Η ημερομηνία πρέπει να περιλαμβάνει το έτος.',
+        invalid_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και τα λεπτά.',
+        invalid_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και την ώρα.',
+        invalid_month: 'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα.',
+        invalid_day_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τα λεπτά.',
+        invalid_day_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και την ώρα.',
+        invalid_day: 'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα.',
         invalid_hours_range: 'Η ώρα πρέπει να είναι μεταξύ 0 και 23.',
         invalid_minutes_range: 'Τα λεπτά πρέπει να είναι μεταξύ 0 και 59.',
+        invalid_day_range: 'Η ημέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
+        invalid_day_month_year_minutes:
+          'Η ημερομηννία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος κ  τα λεπτά.',
+        invalid_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
         earlier_than:
-          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}',
+          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}.',
         later_than:
-          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}',
+          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}.',
       },
       otp: {
         invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',

package/src/i18n/locales/en.ts

@@ -38,21 +38,56 @@ export default {
         invalid_day: 'Date must include day.',
         invalid_month: 'Date must include month.',
         invalid_year: 'Date must include year.',
+        invalid_day_range: 'Day must be between 1 and {{maxDay}}.',
+        invalid_month_range: 'Month must be between 1 and 12.',
       },
       datetime: {
         invalid: 'Date and time must be valid.',
+        invalid_month_year_hours_minutes:
+          'Date must include month, year, hours, and minutes.',
+        invalid_day_year_hours_minutes:
+          'Date must include day, year, hours, and minutes.',
+        invalid_day_month_hours_minutes:
+          'Date must include day, month, hours, and minutes.',
+        invalid_year_hours_minutes:
+          'Date must include year, hours, and minutes.',
+        invalid_month_hours_minutes:
+          'Date must include month, hours, and minutes.',
+        invalid_day_hours_minutes: 'Date must include day, hours, and minutes.',
+        invalid__hours_minutes: 'Time must include hours and minutes.',
+        invalid_minutes: 'Please enter valid minutes.',
+        invalid_hours: 'Please enter valid hours.',
+        invalid_month_year_minutes:
+          'Date must include month, year, and minutes.',
+        invalid_month_year_hours: 'Date must include month, year, and hours.',
         invalid_month_year: 'Date must include month and year.',
+        invalid_day_year_minutes: 'Date must include day, year, and minutes.',
+        invalid_day_year_hours: 'Date must include day, year, and hours.',
+        invalid_day_month_year: 'Date must include day, month, and year.',
+        invalid_day_month_year_hours:
+          'Date must include day, month, year, and hours.',
         invalid_day_year: 'Date must include day and year.',
+        invalid_day_month_minutes: 'Date must include day, month, and minutes.',
+        invalid_day_month_hours: 'Date must include day, month, and hours.',
         invalid_day_month: 'Date must include day and month.',
-        invalid_day: 'Date must include day.',
-        invalid_month: 'Date must include month.',
+        invalid_year_minutes: 'Date must include year and minutes.',
+        invalid_year_hours: 'Date must include year and hours.',
         invalid_year: 'Date must include year.',
-        invalid_hours: 'Please enter valid hours.',
-        invalid_minutes: 'Please enter valid minutes.',
+        invalid_month_minutes: 'Date must include month and minutes.',
+        invalid_month_hours: 'Date must include month and hours.',
+        invalid_month: 'Date must include month.',
+        invalid_day_minutes: 'Date must include day and minutes.',
+        invalid_day_hours: 'Date must include day and hours.',
+        invalid_day: 'Date must include day.',
+        invalid_day_month_year_minutes:
+          'Date must include day, month,year and minutes.',
+        invalid_hours_minutes: 'Date must include hours and minutes.',
         invalid_hours_range: 'Hours must be between 0 and 23.',
         invalid_minutes_range: 'Minutes must be between 0 and 59.',
+        invalid_day_range: 'Day must be between 1 and {{maxDay}}.',
+        invalid_month_range: 'Month must be between 1 and 12.',
         earlier_than: 'The date and time must be earlier than {{maxDateTime}}.',
-        later_than: 'The date and time must be later than {{minDateTime}}',
+        later_than: 'The date and time must be later than {{minDateTime}}.',
       },
       text: {
         more_than: 'You have surpass the {{max}} characters limit.',

package/src/lazy.js

@@ -44,6 +44,7 @@ export default {
   'LoaderContainer': lazy(() => import('@digigov/ui/app/Loader').then((module) => ({ default: module['LoaderContainer'] }))),
   'FullPageBackground': lazy(() => import('@digigov/ui/app/Loader').then((module) => ({ default: module['FullPageBackground'] }))),
   'CircularProgress': lazy(() => import('@digigov/ui/app/Loader/index.web').then((module) => ({ default: module['CircularProgress'] }))),
+  'CircularProgressBase': lazy(() => import('@digigov/ui/app/Loader/index.web').then((module) => ({ default: module['CircularProgressBase'] }))),
   'Masthead': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['Masthead'] }))),
   'MastheadBody': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['MastheadBody'] }))),
   'MastheadLogo': lazy(() => import('@digigov/ui/app/Masthead').then((module) => ({ default: module['MastheadLogo'] }))),

package/src/registry.js

@@ -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,12 +27,14 @@ 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_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_NotFound from "@digigov/ui/app/NotFound";
 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";
@@ -50,14 +50,15 @@ 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_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_Chip from "@digigov/ui/content/Chip";
 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_List_List from "@digigov/ui/content/List/List";
@@ -229,8 +230,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,12 +237,14 @@ 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/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/NotFound': lazyImport(_digigov_ui_app_NotFound),
   '@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),
@@ -259,14 +260,15 @@ 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/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/Chip': lazyImport(_digigov_ui_content_Chip),
   '@digigov/ui/content/Details': lazyImport(_digigov_ui_content_Details),
   '@digigov/ui/content/FillableText': lazyImport(_digigov_ui_content_FillableText),
   '@digigov/ui/content/List/List': lazyImport(_digigov_ui_content_List_List),