@digigov/ui 2.0.0-85c27c19 → 2.0.0-aefd0709

package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Header/__stories__/WithServiceNameAndLogo.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={logo3} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,iCAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAC5B,uBAA0B;AAC1B,gCAAkB;AAEX,MAAM,yBAAyB,MAAM;AAC1C,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,KAAI,GACpB,6BAAAA,QAAA,cAAC,kDAAoB,KAAK,0BAAAC,SAAO,MAAK,KAAI,GAC1C,6BAAAD,QAAA,cAAC,sCAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
-  "names": ["React", "logo3"]
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport minEduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\n\nexport const WithServiceNameAndLogo = () => {\n  return (\n    <Header>\n      <HeaderContent>\n        <HeaderSection>\n          <GovGRLogo href=\"#\" />\n          <HeaderSecondaryLogo src={minEduLogo} href=\"#\" />\n          <HeaderTitle>\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2</HeaderTitle>\n        </HeaderSection>\n      </HeaderContent>\n    </Header>\n  );\n};\n\nexport default WithServiceNameAndLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,iCAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAC5B,uBAA0B;AAC1B,gCAAuB;AAEhB,MAAM,yBAAyB,MAAM;AAC1C,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,KAAI,GACpB,6BAAAA,QAAA,cAAC,kDAAoB,KAAK,0BAAAC,SAAY,MAAK,KAAI,GAC/C,6BAAAD,QAAA,cAAC,sCAAY,kDAAQ,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,iCAAQ;",
+  "names": ["React", "minEduLogo"]
 }

package/cjs/app/Loader/Loader.stories/index.js

@@ -28,11 +28,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Loader_stories_exports = {};
 __export(Loader_stories_exports, {
   Default: () => import_Default.Default,
+  FullPageLoader: () => import_FullPageLoader.FullPageLoader,
   default: () => Loader_stories_default
 });
 module.exports = __toCommonJS(Loader_stories_exports);
 var import_Loader = __toESM(require("@digigov/ui/app/Loader"));
 var import_Default = require("@digigov/ui/app/Loader/__stories__/Default");
+var import_FullPageLoader = require("@digigov/ui/app/Loader/__stories__/FullPageLoader");
 var Loader_stories_default = {
   title: "Digigov UI/app/CircularProgress",
   component: import_Loader.default,
@@ -40,6 +42,7 @@ var Loader_stories_default = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Default
+  Default,
+  FullPageLoader
 });
 //# sourceMappingURL=Loader.stories.js.map

package/cjs/app/Loader/Loader.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Loader/Loader.stories.js"],
-  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport { Default } from '@digigov/ui/app/Loader/__stories__/Default';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAM7B,qBAAwB;AALxB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import CircularProgress from '@digigov/ui/app/Loader';\nexport default {\n  title: 'Digigov UI/app/CircularProgress',\n  component: CircularProgress,\n  displayName: 'CircularProgress',\n};\nexport { Default } from '@digigov/ui/app/Loader/__stories__/Default';\nexport { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAM7B,qBAAwB;AACxB,4BAA+B;AAN/B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["CircularProgress"]
 }

package/cjs/{api/APIProvider → app/Loader/__stories__/FullPageLoader}/index.js

@@ -25,35 +25,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var APIProvider_exports = {};
-__export(APIProvider_exports, {
-  APIContext: () => APIContext,
-  APIProvider: () => APIProvider,
-  useAPI: () => useAPI
+var FullPageLoader_exports = {};
+__export(FullPageLoader_exports, {
+  FullPageLoader: () => FullPageLoader
 });
-module.exports = __toCommonJS(APIProvider_exports);
+module.exports = __toCommonJS(FullPageLoader_exports);
 var import_react = __toESM(require("react"));
-const APIContext = (0, import_react.createContext)({
-  config: {
-    baseURL: ""
-  },
-  token: null
-});
-const APIProvider = ({
-  token = null,
-  config = { baseURL: "" },
-  children
-}) => {
-  const data = (0, import_react.useMemo)(() => ({ token, config }), [token, config]);
-  return /* @__PURE__ */ import_react.default.createElement(APIContext.Provider, { value: data }, children);
-};
-const useAPI = () => {
-  return (0, import_react.useContext)(APIContext);
+var import_Loader = require("@digigov/ui/app/Loader");
+const FullPageLoader = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_Loader.FullPageBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  APIContext,
-  APIProvider,
-  useAPI
+  FullPageLoader
 });
-//# sourceMappingURL=APIProvider.js.map
+//# sourceMappingURL=FullPageLoader.js.map

package/cjs/app/Loader/__stories__/FullPageLoader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/app/Loader/__stories__/FullPageLoader.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  FullPageBackground,\n  LoaderContainer,\n  CircularProgress,\n} from '@digigov/ui/app/Loader';\n\nexport const FullPageLoader = () => {\n  return (\n    <FullPageBackground>\n      <LoaderContainer>\n        <CircularProgress />\n      </LoaderContainer>\n    </FullPageBackground>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAIO;AAEA,MAAM,iBAAiB,MAAM;AAClC,SACE,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,oCAAiB,CACpB,CACF;AAEJ;",
+  "names": ["React"]
+}

package/cjs/app/Loader/index.js

@@ -32,14 +32,14 @@ __export(Loader_exports, {
 });
 module.exports = __toCommonJS(Loader_exports);
 __reExport(Loader_exports, require("@digigov/react-core/LoaderContainer"), module.exports);
-__reExport(Loader_exports, require("@digigov/react-core/CircularProgress"), module.exports);
 __reExport(Loader_exports, require("@digigov/react-core/FullPageBackground"), module.exports);
+__reExport(Loader_exports, require("@digigov/ui/app/Loader/index.web"), module.exports);
 var import_LoaderContainer = __toESM(require("@digigov/react-core/LoaderContainer"));
 var Loader_default = import_LoaderContainer.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("@digigov/react-core/LoaderContainer"),
-  ...require("@digigov/react-core/CircularProgress"),
-  ...require("@digigov/react-core/FullPageBackground")
+  ...require("@digigov/react-core/FullPageBackground"),
+  ...require("@digigov/ui/app/Loader/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/app/Loader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Loader/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/CircularProgress';\nexport * from '@digigov/react-core/FullPageBackground';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,gDAAd;AACA,2BAAc,iDADd;AAEA,2BAAc,mDAFd;AAIA,6BAA4B;AAC5B,IAAO,iBAAQ,uBAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/LoaderContainer';\nexport * from '@digigov/react-core/FullPageBackground';\nexport * from '@digigov/ui/app/Loader/index.web';\n\nimport LoaderContainer from '@digigov/react-core/LoaderContainer';\nexport default LoaderContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,gDAAd;AACA,2BAAc,mDADd;AAEA,2BAAc,6CAFd;AAIA,6BAA4B;AAC5B,IAAO,iBAAQ,uBAAAA;",
   "names": ["LoaderContainer"]
 }

package/cjs/app/Loader/index.native/index.js

@@ -0,0 +1,135 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  CircularProgress: () => CircularProgress
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_react_native_svg = __toESM(require("react-native-svg"));
+const CircularProgress = ({
+  size = "md",
+  color = "primary"
+}) => {
+  const sizes = {
+    sm: 20,
+    md: 40,
+    lg: 50
+  };
+  const strokeWidth = sizes[size] / 4;
+  const radius = (sizes[size] - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const rotateAnim = (0, import_react.useRef)(new import_react_native.Animated.Value(0)).current;
+  const dashAnim = (0, import_react.useRef)(new import_react_native.Animated.Value(circumference)).current;
+  const progressColor = color === "primary" ? "#003375" : "#fff";
+  const backgroundColor = "#01b0f0";
+  const duration = 4e3;
+  (0, import_react.useEffect)(() => {
+    import_react_native.Animated.loop(
+      import_react_native.Animated.timing(rotateAnim, {
+        toValue: 1,
+        duration: 1e4,
+        easing: import_react_native.Easing.linear,
+        useNativeDriver: true
+      })
+    ).start();
+  }, [rotateAnim]);
+  (0, import_react.useEffect)(() => {
+    import_react_native.Animated.loop(
+      import_react_native.Animated.sequence([
+        import_react_native.Animated.timing(dashAnim, {
+          toValue: 0,
+          duration: duration * 0.4,
+          easing: import_react_native.Easing.inOut(import_react_native.Easing.ease),
+          useNativeDriver: true
+        }),
+        import_react_native.Animated.timing(dashAnim, {
+          toValue: circumference,
+          duration: duration * 0.6,
+          easing: import_react_native.Easing.inOut(import_react_native.Easing.ease),
+          useNativeDriver: true
+        })
+      ])
+    ).start();
+  }, [dashAnim, duration, circumference]);
+  const rotateInterpolate = rotateAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "360deg"]
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_native.Animated.View,
+    {
+      style: [
+        {
+          width: sizes[size],
+          height: sizes[size],
+          transform: [{ rotate: rotateInterpolate }]
+        }
+      ]
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_react_native_svg.default,
+      {
+        width: sizes[size],
+        height: sizes[size],
+        viewBox: `0 0 ${sizes[size]} ${sizes[size]}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_react_native_svg.Circle,
+        {
+          cx: sizes[size] / 2,
+          cy: sizes[size] / 2,
+          r: radius,
+          stroke: backgroundColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        AnimatedCircle,
+        {
+          cx: sizes[size] / 2,
+          cy: sizes[size] / 2,
+          r: radius,
+          stroke: progressColor,
+          strokeWidth,
+          strokeDasharray: `${circumference}`,
+          strokeDashoffset: dashAnim,
+          fill: "none"
+        }
+      )
+    )
+  );
+};
+const AnimatedCircle = import_react_native.Animated.createAnimatedComponent(import_react_native_svg.Circle);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CircularProgress
+});
+//# sourceMappingURL=index.native.js.map

package/cjs/app/Loader/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Loader/index.native.tsx"],
+  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport Svg, { Circle } from 'react-native-svg';\nimport { CircularProgressProps } from '@digigov/react-core/CircularProgress';\n\nexport const CircularProgress: React.FC<CircularProgressProps> = ({\n  size = 'md',\n  color = 'primary',\n}) => {\n  const sizes = {\n    sm: 20,\n    md: 40,\n    lg: 50,\n  };\n  const strokeWidth = sizes[size] / 4;\n  const radius = (sizes[size] - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const rotateAnim = useRef(new Animated.Value(0)).current;\n  const dashAnim = useRef(new Animated.Value(circumference)).current;\n\n  const progressColor = color === 'primary' ? '#003375' : '#fff';\n  const backgroundColor = '#01b0f0';\n  const duration = 4000;\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.timing(rotateAnim, {\n        toValue: 1,\n        duration: 10000,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      })\n    ).start();\n  }, [rotateAnim]);\n\n  useEffect(() => {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(dashAnim, {\n          toValue: 0,\n          duration: duration * 0.4,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n        Animated.timing(dashAnim, {\n          toValue: circumference,\n          duration: duration * 0.6,\n          easing: Easing.inOut(Easing.ease),\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n  }, [dashAnim, duration, circumference]);\n\n  const rotateInterpolate = rotateAnim.interpolate({\n    inputRange: [0, 1],\n    outputRange: ['0deg', '360deg'],\n  });\n\n  return (\n    <Animated.View\n      style={[\n        {\n          width: sizes[size],\n          height: sizes[size],\n          transform: [{ rotate: rotateInterpolate }],\n        },\n      ]}\n    >\n      <Svg\n        width={sizes[size]}\n        height={sizes[size]}\n        viewBox={`0 0 ${sizes[size]} ${sizes[size]}`}\n      >\n        <Circle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={backgroundColor}\n          strokeWidth={strokeWidth}\n          fill=\"none\"\n        />\n        <AnimatedCircle\n          cx={sizes[size] / 2}\n          cy={sizes[size] / 2}\n          r={radius}\n          stroke={progressColor}\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${circumference}`}\n          strokeDashoffset={dashAnim}\n          fill=\"none\"\n        />\n      </Svg>\n    </Animated.View>\n  );\n};\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AACzC,0BAAiC;AACjC,8BAA4B;AAGrB,MAAM,mBAAoD,CAAC;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AACV,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACA,QAAM,cAAc,MAAM,IAAI,IAAI;AAClC,QAAM,UAAU,MAAM,IAAI,IAAI,eAAe;AAC7C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,iBAAa,qBAAO,IAAI,6BAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,eAAW,qBAAO,IAAI,6BAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,8BAAU,MAAM;AACd,iCAAS;AAAA,MACP,6BAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,2BAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,8BAAU,MAAM;AACd,iCAAS;AAAA,MACP,6BAAS,SAAS;AAAA,QAChB,6BAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,2BAAO,MAAM,2BAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,6BAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,2BAAO,MAAM,2BAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,UAAU,aAAa,CAAC;AAEtC,QAAM,oBAAoB,WAAW,YAAY;AAAA,IAC/C,YAAY,CAAC,GAAG,CAAC;AAAA,IACjB,aAAa,CAAC,QAAQ,QAAQ;AAAA,EAChC,CAAC;AAED,SACE,6BAAAA,QAAA;AAAA,IAAC,6BAAS;AAAA,IAAT;AAAA,MACC,OAAO;AAAA,QACL;AAAA,UACE,OAAO,MAAM,IAAI;AAAA,UACjB,QAAQ,MAAM,IAAI;AAAA,UAClB,WAAW,CAAC,EAAE,QAAQ,kBAAkB,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA;AAAA,IAEA,6BAAAA,QAAA;AAAA,MAAC,wBAAAC;AAAA,MAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,MACA,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,IAAI,MAAM,IAAI,IAAI;AAAA,UAClB,GAAG;AAAA,UACH,QAAQ;AAAA,UACR;AAAA,UACA,iBAAiB,GAAG,aAAa;AAAA,UACjC,kBAAkB;AAAA,UAClB,MAAK;AAAA;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAEJ;AAEA,MAAM,iBAAiB,6BAAS,wBAAwB,8BAAM;",
+  "names": ["React", "Svg"]
+}

package/cjs/app/Loader/index.web/index.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_web_exports = {};
+module.exports = __toCommonJS(index_web_exports);
+__reExport(index_web_exports, require("@digigov/react-core/CircularProgress"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("@digigov/react-core/CircularProgress")
+});
+//# sourceMappingURL=index.web.js.map

package/cjs/app/Loader/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Loader/index.web.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/CircularProgress';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,iDAAd;",
+  "names": []
+}

package/cjs/app/Masthead/Masthead.stories/index.js

@@ -28,6 +28,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Masthead_stories_exports = {};
 __export(Masthead_stories_exports, {
   Default: () => import_Default.Default,
+  Secondary: () => import_Secondary.Secondary,
   WithElements: () => import_WithElements.WithElements,
   WithLogo: () => import_WithLogo.WithLogo,
   default: () => Masthead_stories_default
@@ -35,6 +36,7 @@ __export(Masthead_stories_exports, {
 module.exports = __toCommonJS(Masthead_stories_exports);
 var import_Masthead = __toESM(require("@digigov/ui/app/Masthead"));
 var import_Default = require("@digigov/ui/app/Masthead/__stories__/Default");
+var import_Secondary = require("@digigov/ui/app/Masthead/__stories__/Secondary");
 var import_WithLogo = require("@digigov/ui/app/Masthead/__stories__/WithLogo");
 var import_WithElements = require("@digigov/ui/app/Masthead/__stories__/WithElements");
 var Masthead_stories_default = {
@@ -48,6 +50,7 @@ var Masthead_stories_default = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
+  Secondary,
   WithElements,
   WithLogo
 });

package/cjs/app/Masthead/Masthead.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Masthead/Masthead.stories.js"],
-  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAUrB,qBAAwB;AACxB,sBAAyB;AACzB,0BAA6B;AAX7B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Masthead from '@digigov/ui/app/Masthead';\nexport default {\n  title: 'Digigov UI/app/Masthead',\n  description:\n    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',\n  link: 'https://guide.services.gov.gr/docs/components/masthead',\n  defaultWidth: 'lg',\n  component: Masthead,\n  displayName: 'Masthead',\n};\nexport { Default } from '@digigov/ui/app/Masthead/__stories__/Default';\nexport { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';\nexport { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';\nexport { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAUrB,qBAAwB;AACxB,uBAA0B;AAC1B,sBAAyB;AACzB,0BAA6B;AAZ7B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Masthead"]
 }

package/cjs/app/Masthead/__stories__/Default/index.js

@@ -32,10 +32,10 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
+var import_Masthead = require("@digigov/ui/app/Masthead");
 var import_CallToAction = require("@digigov/ui/form/Button/CallToAction");
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
-var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
 var import_Heading = require("@digigov/ui/typography/Heading");
 const Default = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, null, /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ import_react.default.createElement(import_Masthead.MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ import_react.default.createElement(import_CallToAction.CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
 var Default_default = Default;

package/cjs/app/Masthead/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Masthead/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Default = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,0BAA6B;AAC7B,uBAA0B;AAC1B,kBAAqB;AACrB,sBAAuC;AACvC,qBAAwB;AAEjB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Masthead, MastheadBody } from '@digigov/ui/app/Masthead';\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Default = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAuC;AACvC,0BAA6B;AAC7B,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AAEjB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/app/Masthead/__stories__/Secondary/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Secondary_exports = {};
+__export(Secondary_exports, {
+  Secondary: () => Secondary,
+  default: () => Secondary_default
+});
+module.exports = __toCommonJS(Secondary_exports);
+var import_react = __toESM(require("react"));
+var import_Masthead = require("@digigov/ui/app/Masthead");
+var import_CallToAction = require("@digigov/ui/form/Button/CallToAction");
+var import_Container = require("@digigov/ui/layouts/Basic/Container");
+var import_Main = require("@digigov/ui/layouts/Basic/Main");
+var import_Heading = require("@digigov/ui/typography/Heading");
+const Secondary = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, { color: "secondary" }, /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ import_react.default.createElement(import_Masthead.MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ import_react.default.createElement(import_CallToAction.CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
+var Secondary_default = Secondary;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Secondary
+});
+//# sourceMappingURL=Secondary.js.map

package/cjs/app/Masthead/__stories__/Secondary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/app/Masthead/__stories__/Secondary.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { Masthead, MastheadBody } from '@digigov/ui/app/Masthead';\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Secondary = () => (\n  <Masthead color=\"secondary\">\n    <Container>\n      <Main>\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default Secondary;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAuC;AACvC,0BAA6B;AAC7B,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AAEjB,MAAM,YAAY,MACvB,6BAAAA,QAAA,cAAC,4BAAS,OAAM,eACd,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,oBAAQ;",
+  "names": ["React"]
+}

package/cjs/app/Masthead/__stories__/WithElements/index.js

@@ -32,11 +32,11 @@ __export(WithElements_exports, {
 });
 module.exports = __toCommonJS(WithElements_exports);
 var import_react = __toESM(require("react"));
+var import_Masthead = require("@digigov/ui/app/Masthead");
 var import_CallToAction = require("@digigov/ui/form/Button/CallToAction");
 var import_minedu_logo_base64 = __toESM(require("@digigov/ui/govgr/images/minedu-logo-base64"));
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
-var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
 var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
 var import_Heading = require("@digigov/ui/typography/Heading");
 var import_Hint = __toESM(require("@digigov/ui/typography/Hint"));

package/cjs/app/Masthead/__stories__/WithElements.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Masthead/__stories__/WithElements.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport mineduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport {\n  Masthead,\n  MastheadBody,\n  MastheadLogo,\n} from '@digigov/ui/layouts/Basic/Masthead';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport Hint from '@digigov/ui/typography/Hint';\n\nexport const WithElements = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={mineduLogo} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9. <Link>\u03A0\u03C1\u03BF\u03C4\u03B5\u03AF\u03BD\u03B5\u03C4\u03B5 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2.</Link>\n        </MastheadBody>\n        <Hint>\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03B5\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7: 08/12/2021</Hint>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithElements;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,0BAA6B;AAC7B,gCAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,sBAIO;AACP,kBAAiB;AACjB,qBAAwB;AACxB,kBAAiB;AAEV,MAAM,eAAe,MAC1B,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAa,KAAK,0BAAAC,SAAY,KAAI,eAAc,GACjD,6BAAAD,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,+iCAID,6BAAAA,QAAA,cAAC,YAAAE,SAAA,MAAK,4HAAsB,CACzC,GACA,6BAAAF,QAAA,cAAC,YAAAG,SAAA,MAAK,2HAA+B,GACrC,6BAAAH,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport mineduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport Hint from '@digigov/ui/typography/Hint';\n\nexport const WithElements = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={mineduLogo} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9. <Link>\u03A0\u03C1\u03BF\u03C4\u03B5\u03AF\u03BD\u03B5\u03C4\u03B5 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2.</Link>\n        </MastheadBody>\n        <Hint>\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03B5\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7: 08/12/2021</Hint>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithElements;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAqD;AACrD,0BAA6B;AAC7B,gCAAuB;AACvB,uBAA0B;AAC1B,kBAAqB;AACrB,kBAAiB;AACjB,qBAAwB;AACxB,kBAAiB;AAEV,MAAM,eAAe,MAC1B,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAa,KAAK,0BAAAC,SAAY,KAAI,eAAc,GACjD,6BAAAD,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,+iCAID,6BAAAA,QAAA,cAAC,YAAAE,SAAA,MAAK,4HAAsB,CACzC,GACA,6BAAAF,QAAA,cAAC,YAAAG,SAAA,MAAK,2HAA+B,GACrC,6BAAAH,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,uBAAQ;",
   "names": ["React", "mineduLogo", "Link", "Hint"]
 }

package/cjs/app/Masthead/__stories__/WithLogo/index.js

@@ -32,11 +32,11 @@ __export(WithLogo_exports, {
 });
 module.exports = __toCommonJS(WithLogo_exports);
 var import_react = __toESM(require("react"));
+var import_Masthead = require("@digigov/ui/app/Masthead");
 var import_CallToAction = require("@digigov/ui/form/Button/CallToAction");
 var import_minedu_logo_base64 = __toESM(require("@digigov/ui/govgr/images/minedu-logo-base64"));
 var import_Container = require("@digigov/ui/layouts/Basic/Container");
 var import_Main = require("@digigov/ui/layouts/Basic/Main");
-var import_Masthead = require("@digigov/ui/layouts/Basic/Masthead");
 var import_Heading = require("@digigov/ui/typography/Heading");
 const WithLogo = () => /* @__PURE__ */ import_react.default.createElement(import_Masthead.Masthead, null, /* @__PURE__ */ import_react.default.createElement(import_Container.Container, null, /* @__PURE__ */ import_react.default.createElement(import_Main.Main, null, /* @__PURE__ */ import_react.default.createElement(import_Masthead.MastheadLogo, { src: import_minedu_logo_base64.default, alt: "minedu logo" }), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /* @__PURE__ */ import_react.default.createElement(import_Masthead.MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /* @__PURE__ */ import_react.default.createElement(import_CallToAction.CallToAction, { href: "#" }, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
 var WithLogo_default = WithLogo;

package/cjs/app/Masthead/__stories__/WithLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Masthead/__stories__/WithLogo.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport {\n  Masthead,\n  MastheadBody,\n  MastheadLogo,\n} from '@digigov/ui/layouts/Basic/Masthead';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const WithLogo = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={logo3} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithLogo;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,0BAA6B;AAC7B,gCAAkB;AAClB,uBAA0B;AAC1B,kBAAqB;AACrB,sBAIO;AACP,qBAAwB;AAEjB,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAa,KAAK,0BAAAC,SAAO,KAAI,eAAc,GAC5C,6BAAAD,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';\nimport { CallToAction } from '@digigov/ui/form/Button/CallToAction';\nimport logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const WithLogo = () => (\n  <Masthead>\n    <Container>\n      <Main>\n        <MastheadLogo src={logo3} alt=\"minedu logo\" />\n        <Heading>\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR</Heading>\n        <MastheadBody>\n          \u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE\n          \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD\n          \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9.\n        </MastheadBody>\n        <CallToAction href=\"#\">\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE</CallToAction>\n      </Main>\n    </Container>\n  </Masthead>\n);\n\nexport default WithLogo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAqD;AACrD,0BAA6B;AAC7B,gCAAkB;AAClB,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AAEjB,MAAM,WAAW,MACtB,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAa,KAAK,0BAAAC,SAAO,KAAI,eAAc,GAC5C,6BAAAD,QAAA,cAAC,8BAAQ,6NAAiD,GAC1D,6BAAAA,QAAA,cAAC,oCAAa,4iCAKd,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,OAAI,2EAAa,CACtC,CACF,CACF;AAGF,IAAO,mBAAQ;",
   "names": ["React", "logo3"]
 }

package/cjs/app/Modal/Modal.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Modal/Modal.stories.js"],
-  "sourcesContent": ["import Modal from '@digigov/ui/app/Modal';\nexport default {\n  title: 'Digigov UI/app/Modal',\n  description:\n    'Use the modal component with caution when you need to provide critical information or ask for a decision.',\n  link:\n    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',\n  component: Modal,\n  displayName: 'Modal',\n};\nexport { Default } from '@digigov/ui/app/Modal/__stories__/Default';\nexport { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';\nexport { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';\nexport { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';\nexport { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';\nexport { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAUlB,qBAAwB;AACxB,yBAA4B;AAC5B,mBAAsB;AACtB,uBAA0B;AAC1B,kBAAqB;AACrB,8BAAiC;AAdjC,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MACE;AAAA,EACF,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Modal from '@digigov/ui/app/Modal';\nexport default {\n  title: 'Digigov UI/app/Modal',\n  description:\n    'Use the modal component with caution when you need to provide critical information or ask for a decision.',\n  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',\n  component: Modal,\n  displayName: 'Modal',\n};\nexport { Default } from '@digigov/ui/app/Modal/__stories__/Default';\nexport { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';\nexport { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';\nexport { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';\nexport { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';\nexport { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,yBAA4B;AAC5B,mBAAsB;AACtB,uBAA0B;AAC1B,kBAAqB;AACrB,8BAAiC;AAbjC,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Modal"]
 }

package/cjs/app/Modal/__stories__/Auto/index.js

@@ -33,12 +33,13 @@ __export(Auto_exports, {
 module.exports = __toCommonJS(Auto_exports);
 var import_react = __toESM(require("react"));
 var import_Modal = require("@digigov/ui/app/Modal");
+var import_auto = require("@digigov/ui/app/Modal/auto");
 var import_Button = require("@digigov/ui/form/Button");
 var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
 var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
 var import_TextInput = require("@digigov/ui/form/TextInput");
 const Auto = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalProvider, null, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { open: true, modal: "modal-1" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAuto, { id: "modal-1", clickOutside: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-1", close: true, variant: "link" }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-2", open: true }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAuto, { id: "modal-2", closeOnEscape: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalButtonAuto, { modal: "modal-2", variant: "link", close: true }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7")))));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_auto.ModalProvider, null, /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { open: true, modal: "modal-1" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalAuto, { id: "modal-1", clickOutside: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-1", close: true, variant: "link" }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-2", open: true }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalAuto, { id: "modal-2", closeOnEscape: true }, /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalHeading, { id: "modal-label" }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalContent, null, /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { margin: 0 }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { name: "inputext", maxWidth: "10-char" })))), /* @__PURE__ */ import_react.default.createElement(import_Modal.ModalAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /* @__PURE__ */ import_react.default.createElement(import_auto.ModalButtonAuto, { modal: "modal-2", variant: "link", close: true }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7")))));
 };
 var Auto_default = Auto;
 // Annotate the CommonJS export names for ESM import in node: