@digigov/ui 2.0.0-a402a664 → 2.0.0-aa380ec7

package/layouts/Hidden/Hidden.stories.d.ts

@@ -0,0 +1,115 @@
+declare namespace _default {
+    export let title: string;
+    export { Hidden as component };
+    export let displayName: string;
+}
+export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let xsUpHidden: boolean;
+        let smUpHidden: boolean;
+        let mdUpHidden: boolean;
+        let lgUpHidden: boolean;
+        let xlUpHidden: boolean;
+        let xsHidden: boolean;
+        let smHidden: boolean;
+        let mdHidden: boolean;
+        let lgHidden: boolean;
+        let xlHidden: boolean;
+    }
+    namespace argTypes {
+        export namespace children_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { children_1 as children };
+        export namespace xsUpHidden_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { xsUpHidden_1 as xsUpHidden };
+        export namespace smUpHidden_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { smUpHidden_1 as smUpHidden };
+        export namespace mdUpHidden_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { mdUpHidden_1 as mdUpHidden };
+        export namespace lgUpHidden_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+        }
+        export { lgUpHidden_1 as lgUpHidden };
+        export namespace xlUpHidden_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { xlUpHidden_1 as xlUpHidden };
+        export namespace xsHidden_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+        }
+        export { xsHidden_1 as xsHidden };
+        export namespace smHidden_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { smHidden_1 as smHidden };
+        export namespace mdHidden_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+        }
+        export { mdHidden_1 as mdHidden };
+        export namespace lgHidden_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+        }
+        export { lgHidden_1 as lgHidden };
+        export namespace xlHidden_1 {
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+        }
+        export { xlHidden_1 as xlHidden };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
+import Hidden from '@digigov/ui/layouts/Hidden';

package/layouts/Hidden/index.d.ts

@@ -1 +1,3 @@
 export * from '@digigov/react-core/Hidden';
+import Hidden from '@digigov/react-core/Hidden';
+export default Hidden;

package/layouts/Hidden/index.js

@@ -1,2 +1,7 @@
 export * from "@digigov/react-core/Hidden";
+import Hidden from "@digigov/react-core/Hidden";
+var Hidden_default = Hidden;
+export {
+  Hidden_default as default
+};
 //# sourceMappingURL=index.js.map

package/layouts/Hidden/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Hidden/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Hidden';\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["export * from '@digigov/react-core/Hidden';\nimport Hidden from '@digigov/react-core/Hidden';\n\nexport default Hidden;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,YAAY;AAEnB,IAAO,iBAAQ;",
   "names": []
 }

package/layouts/Stack/Stack.stories.d.ts

@@ -6,6 +6,81 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let spacing: number;
+        let direction: string;
+        let justifyContent: string;
+        let alignItems: string;
+        let alignContent: string;
+        let flexWrap: string;
+    }
+    namespace argsTypes {
+        export namespace spacing_1 {
+            namespace control {
+                let type: string;
+            }
+            let options: number[];
+        }
+        export { spacing_1 as spacing };
+        export namespace direction_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { direction_1 as direction };
+        export namespace justifyContent_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { justifyContent_1 as justifyContent };
+        export namespace alignItems_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let options_3: string[];
+            export { options_3 as options };
+        }
+        export { alignItems_1 as alignItems };
+        export namespace alignContent_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_4: string[];
+            export { options_4 as options };
+        }
+        export { alignContent_1 as alignContent };
+        export namespace flexWrap_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            let options_5: string[];
+            export { options_5 as options };
+        }
+        export { flexWrap_1 as flexWrap };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/layouts/Stack/__stories__/Default";
 export { Spacing } from "@digigov/ui/layouts/Stack/__stories__/Spacing";
 export { Row } from "@digigov/ui/layouts/Stack/__stories__/Row";
@@ -13,3 +88,4 @@ export { NoWrap } from "@digigov/ui/layouts/Stack/__stories__/NoWrap";
 export { JustifyContent } from "@digigov/ui/layouts/Stack/__stories__/JustifyContent";
 export { AlignItems } from "@digigov/ui/layouts/Stack/__stories__/AlignItems";
 import Stack from '@digigov/ui/layouts/Stack';
+import React from 'react';

package/lazy/index.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/navigation/BackToTopLink/BackToTopLink.stories.d.ts

@@ -2,6 +2,8 @@ declare namespace _default {
     export let title: string;
     export { BackToTopLink as component };
     export let displayName: string;
+    export let tags: string[];
+    export { doc as markdown };
 }
 export default _default;
 export { Default } from "@digigov/ui/navigation/BackToTopLink/__stories__/Default";

package/navigation/Dropdown/Dropdown.stories.d.ts

@@ -8,6 +8,79 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let align: string;
+        let placement: string;
+        let disabled: boolean;
+        let dense: boolean;
+        let closeBehaviour: string;
+        let float: boolean;
+        let scrollable: boolean;
+    }
+    namespace argsTypes {
+        export namespace align_1 {
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+        export { align_1 as align };
+        export namespace placement_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { placement_1 as placement };
+        export namespace disabled_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { disabled_1 as disabled };
+        export namespace dense_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { dense_1 as dense };
+        export namespace closeBehaviour_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { closeBehaviour_1 as closeBehaviour };
+        export namespace float_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { float_1 as float };
+        export namespace scrollable_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+        }
+        export { scrollable_1 as scrollable };
+    }
+}
 export { Default } from "@digigov/ui/navigation/Dropdown/__stories__/Default";
 export { Secondary } from "@digigov/ui/navigation/Dropdown/__stories__/Secondary";
 export { Warning } from "@digigov/ui/navigation/Dropdown/__stories__/Warning";
@@ -19,4 +92,5 @@ export { WithIcons } from "@digigov/ui/navigation/Dropdown/__stories__/WithIcons
 export { ContentPosition } from "@digigov/ui/navigation/Dropdown/__stories__/ContentPosition";
 export { ScrollableContent } from "@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent";
 export { Dense } from "@digigov/ui/navigation/Dropdown/__stories__/Dense";
-import Dropdown from '@digigov/ui/navigation/Dropdown';
+import { Dropdown } from '@digigov/ui/navigation/Dropdown';
+import React from 'react';

package/navigation/SkipLink/SkipLink.stories.d.ts

@@ -2,6 +2,8 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export { SkipLink as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@digigov/ui",
-  "version": "2.0.0-a402a664",
+  "version": "2.0.0-aa380ec7",
   "description": "@digigov reusable components toolkit",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "dependencies": {
-    "@uides/react-qr-reader": "3.1.0-a402a664",
-    "@digigov/react-icons": "2.0.0-a402a664",
+    "@uides/react-qr-reader": "3.1.0-aa380ec7",
+    "@digigov/react-icons": "2.0.0-aa380ec7",
     "dompurify": "3.0.6",
     "highlight.js": "11.10.0"
   },
@@ -14,8 +14,8 @@
     "clsx": "1.1.1",
     "react": "^18.3.0 || ^19.1.0",
     "react-dom": "^18.3.0 || ^19.1.0",
-    "@digigov/react-core": "2.0.0-a402a664",
-    "@digigov/css": "2.0.0-a402a664"
+    "@digigov/react-core": "2.0.0-aa380ec7",
+    "@digigov/css": "2.0.0-aa380ec7"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/registry/index.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,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_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_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";
@@ -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,21 +260,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/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/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),

package/src/app/BannerContainer/__stories__/CookiesBanner.tsx

@@ -1,31 +1,11 @@
 import React from 'react';
-
 import BannerContainer from '@digigov/ui/app/BannerContainer';
-import Button, { ButtonGroup } from '@digigov/ui/form/Button';
-import { Container } from '@digigov/ui/layouts/Basic/Container';
-import { Main } from '@digigov/ui/layouts/Basic/Main';
-import { Heading } from '@digigov/ui/typography/Heading';
 import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export const CookiesBanner = (_: any) => {
   return (
     <BannerContainer>
-      <Container>
-        <Main>
-          <Heading size="md">Cookies στο GOV.GR</Heading>
-          <Paragraph>
-            Επιλέξτε «Αποδοχή» για να συμφωνήσετε με τη χρήση των cookies και
-            την επεξεργασία των προσωπικών σας δεδομένων.
-          </Paragraph>
-          <Paragraph>
-            <Button variant="link">Όροι και Προϋποθέσεις</Button>
-          </Paragraph>
-          <ButtonGroup>
-            <Button>Αποδοχή</Button>
-            <Button>Απόρριψη</Button>
-          </ButtonGroup>
-        </Main>
-      </Container>
+      <Paragraph p={4}>A text inside the BannerContainer.</Paragraph>
     </BannerContainer>
   );
 };

package/src/app/Header/doc.mdx

@@ -9,15 +9,15 @@ title: Header
 
 <code src="@digigov/ui/app/Header/__stories__/Default.tsx" />
 
-### Header with service name
+### With service name
 
 <code src="@digigov/ui/app/Header/__stories__/WithServiceName.tsx" />
 
-### Header with service logo and service name
+### With service logo and service name
 
 <code src="@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo.tsx" />
 
-### Default header with navigation
+### With responsive navigation
 
 <code src="@digigov/ui/app/Header/__stories__/WithNavigation.tsx" />
 

package/src/app/Loader/Loader.stories.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';
+import doc from './doc.mdx?raw';
+
+export default {
+  title: 'Digigov UI/app/CircularProgress',
+  component: CircularProgress,
+  displayName: 'CircularProgress',
+  tags: ['autodocs'],
+  markdown: doc,
+};
+
+export const WithControls = {
+  render: (args) => {
+    return (
+      <LoaderContainer>
+        <CircularProgress
+          loadingText={args.loadingText}
+          loadingFinishedText={args.loadingFinishedText}
+          color={args.color}
+          size={args.size}
+        />
+      </LoaderContainer>
+    );
+  },
+  args: {
+    loadingText: 'Γίνεται φόρτωση',
+    loadingFinishedText: 'Η φόρτωση ολοκληρώθηκε',
+    color: 'primary',
+    size: 'md',
+  },
+  argsTypes: {
+    loadingText: {
+      control: 'text',
+    },
+    loadingFinishedText: {
+      control: 'text',
+    },
+    color: {
+      control: { type: 'select' },
+      options: ['primary', 'secondary'],
+    },
+    size: {
+      control: { type: 'select' },
+      options: ['sm', 'md', 'lg'],
+    },
+  },
+};
+
+export { Default } from '@digigov/ui/app/Loader/__stories__/Default';
+export { Secondary } from '@digigov/ui/app/Loader/__stories__/Secondary';
+export { Sizes } from '@digigov/ui/app/Loader/__stories__/Sizes';
+export { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';
+export { AccessibilityLoader } from '@digigov/ui/app/Loader/__stories__/AccessibilityLoader';

package/src/app/Loader/__stories__/AccessibilityLoader.tsx

@@ -0,0 +1,27 @@
+import React, { useEffect, useState } from 'react';
+import { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+export const AccessibilityLoader = (_: any) => {
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Unmount after 8 seconds to trigger "Η φόρτωση ολοκληρώθηκε!" text
+    const timer = setTimeout(() => {
+      setLoading(false);
+    }, 8000);
+    return () => clearTimeout(timer);
+  }, []);
+
+  return (
+    <LoaderContainer>
+      {loading && (
+        <CircularProgress
+          loadingText="Γίνεται φόρτωση"
+          loadingFinishedText="Η φόρτωση ολοκληρώθηκε"
+        />
+      )}
+      {!loading && <Paragraph> Η φόρτωση ολοκληρώθηκε!</Paragraph>}
+    </LoaderContainer>
+  );
+};
+export default AccessibilityLoader;

package/src/app/Loader/__stories__/FullPageLoader.tsx

@@ -7,10 +7,14 @@ import {
 
 export const FullPageLoader = (_: any) => {
   return (
-    <FullPageBackground>
-      <LoaderContainer>
-        <CircularProgress />
-      </LoaderContainer>
-    </FullPageBackground>
+    <div style={{ minHeight: '100px' }}>
+      <FullPageBackground>
+        <LoaderContainer>
+          <CircularProgress />
+        </LoaderContainer>
+      </FullPageBackground>
+    </div>
   );
 };
+
+export default FullPageLoader;

package/src/app/Loader/__stories__/Secondary.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';
+
+export const Secondary = (_: any) => {
+  return (
+    <LoaderContainer>
+      <CircularProgress color="secondary" />
+    </LoaderContainer>
+  );
+};
+export default Secondary;

package/src/app/Loader/__stories__/Sizes.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Stack } from '@digigov/react-core';
+import { LoaderContainer, CircularProgress } from '@digigov/ui/app/Loader';
+
+export const Sizes = (_: any) => {
+  return (
+    <>
+      <LoaderContainer>
+        <Stack direction="row" alignItems="center" spacing={4}>
+          <CircularProgress size="sm" />
+          <CircularProgress size="md" />
+          <CircularProgress size="lg" />
+        </Stack>
+      </LoaderContainer>
+    </>
+  );
+};
+export default Sizes;