@digigov/ui 2.0.0-d0adc9fb → 2.0.0-d2ffc726

package/app/BannerContainer/__stories__/CookiesBanner.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const CookiesBanner: () => React.JSX.Element;
+export declare const CookiesBanner: (_: any) => React.JSX.Element;
 export default CookiesBanner;

package/app/Footer/Footer.stories.d.ts

@@ -4,9 +4,52 @@ declare namespace _default {
     export let link: string;
     export let defaultWidth: string;
     export { Footer as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let withSecondaryNav: boolean;
+        let withHorizontalNav: boolean;
+        let withExtraLogos: boolean;
+        let withExtraText: boolean;
+    }
+    namespace argTypes {
+        export namespace withSecondaryNav_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { withSecondaryNav_1 as withSecondaryNav };
+        export namespace withHorizontalNav_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { withHorizontalNav_1 as withHorizontalNav };
+        export namespace withExtraLogos_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { withExtraLogos_1 as withExtraLogos };
+        export namespace withExtraText_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { withExtraText_1 as withExtraText };
+    }
+}
 export { Default } from "@digigov/ui/app/Footer/__stories__/Default";
 export { FooterWithLogo } from "@digigov/ui/app/Footer/__stories__/FooterWithLogo";
 export { FooterWithLink } from "@digigov/ui/app/Footer/__stories__/FooterWithLink";
@@ -15,4 +58,5 @@ export { FooterWithSecondaryNavigation } from "@digigov/ui/app/Footer/__stories_
 export { FooterWithText } from "@digigov/ui/app/Footer/__stories__/FooterWithText";
 export { FooterAllInclusive } from "@digigov/ui/app/Footer/__stories__/FooterAllInclusive";
 export { YearCopyright } from "@digigov/ui/app/Footer/__stories__/YearCopyright";
-import Footer from '@digigov/ui/app/Footer';
+import { Footer } from '@digigov/ui/app/Footer';
+import React from 'react';

package/app/Footer/FooterLink/index.js

@@ -0,0 +1,17 @@
+export * from "@digigov/react-core/FooterLinkBase";
+import React from "react";
+import {
+  FooterLinkBase
+} from "@digigov/react-core/FooterLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const FooterLink = React.forwardRef(
+  function FooterLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(FooterLinkBase, { as: Link, ref, ...props }, children);
+  }
+);
+var FooterLink_default = FooterLink;
+export {
+  FooterLink,
+  FooterLink_default as default
+};
+//# sourceMappingURL=FooterLink.js.map

package/app/Footer/FooterLink/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/app/Footer/FooterLink/index.js"
+}

package/app/Footer/FooterLink.d.ts

@@ -0,0 +1,7 @@
+export * from '@digigov/react-core/FooterLinkBase';
+import React from 'react';
+import { FooterLinkBaseProps } from '@digigov/react-core/FooterLinkBase';
+export interface FooterLinkProps extends FooterLinkBaseProps {
+}
+export declare const FooterLink: React.ForwardRefExoticComponent<Omit<FooterLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default FooterLink;

package/app/Footer/FooterLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Footer/FooterLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/FooterLinkBase';\nimport React from 'react';\nimport {\n  FooterLinkBase,\n  FooterLinkBaseProps,\n} from '@digigov/react-core/FooterLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface FooterLinkProps extends FooterLinkBaseProps {}\n\nexport const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(\n  function FooterLink({ children, ...props }, ref) {\n    return (\n      <FooterLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </FooterLinkBase>\n    );\n  }\n);\nexport default FooterLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["FooterLink"]
+}

package/app/Footer/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Footer/__stories__/DefaultCopyright.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const DefaultCopyright: () => React.JSX.Element;
+export declare const DefaultCopyright: (_: any) => React.JSX.Element;
 export default DefaultCopyright;

package/app/Footer/__stories__/FooterAllInclusive.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FooterAllInclusive: () => React.JSX.Element;
+export declare const FooterAllInclusive: (_: any) => React.JSX.Element;
 export default FooterAllInclusive;

package/app/Footer/__stories__/FooterWithLink.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FooterWithLink: () => React.JSX.Element;
+export declare const FooterWithLink: (_: any) => React.JSX.Element;
 export default FooterWithLink;

package/app/Footer/__stories__/FooterWithLogo.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FooterWithLogo: () => React.JSX.Element;
+export declare const FooterWithLogo: (_: any) => React.JSX.Element;
 export default FooterWithLogo;

package/app/Footer/__stories__/FooterWithSecondaryNavigation.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FooterWithSecondaryNavigation: () => React.JSX.Element;
+export declare const FooterWithSecondaryNavigation: (_: any) => React.JSX.Element;
 export default FooterWithSecondaryNavigation;

package/app/Footer/__stories__/FooterWithText.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const FooterWithText: () => React.JSX.Element;
+export declare const FooterWithText: (_: any) => React.JSX.Element;
 export default FooterWithText;

package/app/Footer/__stories__/YearCopyright.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const YearCopyright: () => React.JSX.Element;
+export declare const YearCopyright: (_: any) => React.JSX.Element;
 export default YearCopyright;

package/app/Footer/index.d.ts

@@ -4,12 +4,12 @@ export * from '@digigov/react-core/FooterContent';
 export * from '@digigov/react-core/FooterContentLogos';
 export * from '@digigov/react-core/FooterHeading';
 export * from '@digigov/react-core/FooterImage';
-export * from '@digigov/react-core/FooterLink';
 export * from '@digigov/react-core/FooterList';
 export * from '@digigov/react-core/FooterListItem';
 export * from '@digigov/react-core/FooterInfo';
 export * from '@digigov/react-core/FooterInfoSection';
 export * from '@digigov/react-core/FooterNavigation';
 export * from '@digigov/react-core/FooterNavigationSection';
+export * from '@digigov/ui/app/Footer/FooterLink';
 import Footer from '@digigov/react-core/Footer';
 export default Footer;

package/app/Footer/index.js

@@ -4,13 +4,13 @@ export * from "@digigov/react-core/FooterContent";
 export * from "@digigov/react-core/FooterContentLogos";
 export * from "@digigov/react-core/FooterHeading";
 export * from "@digigov/react-core/FooterImage";
-export * from "@digigov/react-core/FooterLink";
 export * from "@digigov/react-core/FooterList";
 export * from "@digigov/react-core/FooterListItem";
 export * from "@digigov/react-core/FooterInfo";
 export * from "@digigov/react-core/FooterInfoSection";
 export * from "@digigov/react-core/FooterNavigation";
 export * from "@digigov/react-core/FooterNavigationSection";
+export * from "@digigov/ui/app/Footer/FooterLink";
 import Footer from "@digigov/react-core/Footer";
 var Footer_default = Footer;
 export {

package/app/Footer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Footer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterLink';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
+  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\nexport * from '@digigov/ui/app/Footer/FooterLink';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
   "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,YAAY;AACnB,IAAO,iBAAQ;",
   "names": []
 }

package/app/Header/Header.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { Header as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
     export let description: string;
     export let link: string;
@@ -10,9 +12,58 @@ declare namespace _default {
     }
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let withSecondaryLogo: boolean;
+        let withServiceName: boolean;
+        let serviceNameTitle: string;
+        let withUser: boolean;
+        let userText: string;
+    }
+    namespace argTypes {
+        export namespace withSecondaryLogo_1 {
+            let control: string;
+        }
+        export { withSecondaryLogo_1 as withSecondaryLogo };
+        export namespace withServiceName_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { withServiceName_1 as withServiceName };
+        export namespace serviceNameTitle_1 {
+            let control_2: string;
+            export { control_2 as control };
+            export namespace _if {
+                let arg: string;
+                let truthy: boolean;
+            }
+            export { _if as if };
+        }
+        export { serviceNameTitle_1 as serviceNameTitle };
+        export namespace withUser_1 {
+            let control_3: string;
+            export { control_3 as control };
+        }
+        export { withUser_1 as withUser };
+        export namespace userText_1 {
+            let control_4: string;
+            export { control_4 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let truthy_1: boolean;
+                export { truthy_1 as truthy };
+            }
+            export { _if_1 as if };
+        }
+        export { userText_1 as userText };
+    }
+}
 export { Default } from "@digigov/ui/app/Header/__stories__/Default";
 export { WithServiceName } from "@digigov/ui/app/Header/__stories__/WithServiceName";
 export { WithServiceNameAndLogo } from "@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo";
 export { WithNavigation } from "@digigov/ui/app/Header/__stories__/WithNavigation";
 export { WithHeaderNavigation } from "@digigov/ui/app/Header/__stories__/WithHeaderNavigation";
-import Header from '@digigov/ui/app/Header/';
+import { Header } from '@digigov/ui/app/Header';
+import React from 'react';

package/app/Header/HeaderLogo/index.js

@@ -1,7 +1,17 @@
-import HeaderLogo from "@digigov/react-core/HeaderLogo";
-export * from "@digigov/react-core/HeaderLogo";
+export * from "@digigov/react-core/HeaderLogoBase";
+import React from "react";
+import {
+  HeaderLogoBase
+} from "@digigov/react-core/HeaderLogoBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderLogo = React.forwardRef(
+  function HeaderLogo2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(HeaderLogoBase, { as: Link, ref, ...props }, children);
+  }
+);
 var HeaderLogo_default = HeaderLogo;
 export {
+  HeaderLogo,
   HeaderLogo_default as default
 };
 //# sourceMappingURL=HeaderLogo.js.map

package/app/Header/HeaderLogo.d.ts

@@ -1,3 +1,7 @@
-import HeaderLogo from '@digigov/react-core/HeaderLogo';
-export * from '@digigov/react-core/HeaderLogo';
+export * from '@digigov/react-core/HeaderLogoBase';
+import React from 'react';
+import { HeaderLogoBaseProps } from '@digigov/react-core/HeaderLogoBase';
+export interface HeaderLogoProps extends HeaderLogoBaseProps {
+}
+export declare const HeaderLogo: React.ForwardRefExoticComponent<Omit<HeaderLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderLogo;

package/app/Header/HeaderLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderLogo.tsx"],
-  "sourcesContent": ["import HeaderLogo from '@digigov/react-core/HeaderLogo';\n\nexport * from '@digigov/react-core/HeaderLogo';\nexport default HeaderLogo;\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderLogoBase';\nimport React from 'react';\nimport {\n  HeaderLogoBase,\n  HeaderLogoBaseProps,\n} from '@digigov/react-core/HeaderLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderLogoProps extends HeaderLogoBaseProps {}\n\nexport const HeaderLogo = React.forwardRef<HTMLAnchorElement, HeaderLogoProps>(\n  function HeaderLogo({ children, ...props }, ref) {\n    return (\n      <HeaderLogoBase as={Link} ref={ref} {...props}>\n        {children}\n      </HeaderLogoBase>\n    );\n  }\n);\nexport default HeaderLogo;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["HeaderLogo"]
 }

package/app/Header/HeaderSecondaryLogo/index.js

@@ -1,4 +1,12 @@
-import HeaderSecondaryLogo from "@digigov/react-core/HeaderSecondaryLogo";
+export * from "@digigov/react-core/HeaderSecondaryLogoBase";
+import React from "react";
+import {
+  HeaderSecondaryLogoBase
+} from "@digigov/react-core/HeaderSecondaryLogoBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(HeaderSecondaryLogoBase, { as: Link, ref, ...props }, children);
+});
 var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
 export {
   HeaderSecondaryLogo,

package/app/Header/HeaderSecondaryLogo.d.ts

@@ -1,3 +1,7 @@
-import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
-export { HeaderSecondaryLogo };
+export * from '@digigov/react-core/HeaderSecondaryLogoBase';
+import React from 'react';
+import { HeaderSecondaryLogoBaseProps } from '@digigov/react-core/HeaderSecondaryLogoBase';
+export interface HeaderSecondaryLogoProps extends HeaderSecondaryLogoBaseProps {
+}
+export declare const HeaderSecondaryLogo: React.ForwardRefExoticComponent<Omit<HeaderSecondaryLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderSecondaryLogo;

package/app/Header/HeaderSecondaryLogo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderSecondaryLogo.tsx"],
-  "sourcesContent": ["import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';\n\nexport { HeaderSecondaryLogo };\nexport default HeaderSecondaryLogo;\n"],
-  "mappings": "AAAA,OAAO,yBAAyB;AAGhC,IAAO,8BAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport React from 'react';\nimport {\n  HeaderSecondaryLogoBase,\n  HeaderSecondaryLogoBaseProps,\n} from '@digigov/react-core/HeaderSecondaryLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderSecondaryLogoProps\n  extends HeaderSecondaryLogoBaseProps {}\n\nexport const HeaderSecondaryLogo = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoProps\n>(function HeaderSecondaryLogo({ children, ...props }, ref) {\n  return (\n    <HeaderSecondaryLogoBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderSecondaryLogoBase>\n  );\n});\nexport default HeaderSecondaryLogo;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAKd,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,SACE,oCAAC,2BAAwB,IAAI,MAAM,KAAW,GAAG,SAC9C,QACH;AAEJ,CAAC;AACD,IAAO,8BAAQ;",
+  "names": ["HeaderSecondaryLogo"]
 }

package/app/Header/HeaderTitle/index.js

@@ -1,7 +1,15 @@
-import HeaderTitle from "@digigov/react-core/HeaderTitle";
-export * from "@digigov/react-core/HeaderTitle";
+export * from "@digigov/react-core/HeaderTitleBase";
+import React from "react";
+import {
+  HeaderTitleBase
+} from "@digigov/react-core/HeaderTitleBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const HeaderTitle = React.forwardRef(function HeaderTitle2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(HeaderTitleBase, { as: Link, ref, ...props }, children);
+});
 var HeaderTitle_default = HeaderTitle;
 export {
+  HeaderTitle,
   HeaderTitle_default as default
 };
 //# sourceMappingURL=HeaderTitle.js.map

package/app/Header/HeaderTitle.d.ts

@@ -1,3 +1,7 @@
-import HeaderTitle from '@digigov/react-core/HeaderTitle';
-export * from '@digigov/react-core/HeaderTitle';
+export * from '@digigov/react-core/HeaderTitleBase';
+import React from 'react';
+import { HeaderTitleBaseProps } from '@digigov/react-core/HeaderTitleBase';
+export interface HeaderTitleProps extends HeaderTitleBaseProps {
+}
+export declare const HeaderTitle: React.ForwardRefExoticComponent<Omit<HeaderTitleProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default HeaderTitle;

package/app/Header/HeaderTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Header/HeaderTitle.tsx"],
-  "sourcesContent": ["import HeaderTitle from '@digigov/react-core/HeaderTitle';\n\nexport * from '@digigov/react-core/HeaderTitle';\nexport default HeaderTitle;\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AAExB,cAAc;AACd,IAAO,sBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/HeaderTitleBase';\nimport React from 'react';\nimport {\n  HeaderTitleBase,\n  HeaderTitleBaseProps,\n} from '@digigov/react-core/HeaderTitleBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface HeaderTitleProps extends HeaderTitleBaseProps {}\n\nexport const HeaderTitle = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleProps\n>(function HeaderTitle({ children, ...props }, ref) {\n  return (\n    <HeaderTitleBase as={Link} ref={ref} {...props}>\n      {children}\n    </HeaderTitleBase>\n  );\n});\n\nexport default HeaderTitle;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,cAAc,MAAM,WAG/B,SAASA,aAAY,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAClD,SACE,oCAAC,mBAAgB,IAAI,MAAM,KAAW,GAAG,SACtC,QACH;AAEJ,CAAC;AAED,IAAO,sBAAQ;",
+  "names": ["HeaderTitle"]
 }

package/app/Header/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Header/__stories__/WithHeaderNavigation.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHeaderNavigation: () => React.JSX.Element;
+export declare const WithHeaderNavigation: (_: any) => React.JSX.Element;
 export default WithHeaderNavigation;

package/app/Header/__stories__/WithNavigation.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithNavigation: () => React.JSX.Element;
+export declare const WithNavigation: (_: any) => React.JSX.Element;
 export default WithNavigation;

package/app/Header/__stories__/WithServiceName.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithServiceName: () => React.JSX.Element;
+export declare const WithServiceName: (_: any) => React.JSX.Element;
 export default WithServiceName;

package/app/Header/__stories__/WithServiceNameAndLogo.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithServiceNameAndLogo: () => React.JSX.Element;
+export declare const WithServiceNameAndLogo: (_: any) => React.JSX.Element;
 export default WithServiceNameAndLogo;

package/app/Loader/Loader.stories.d.ts

@@ -2,8 +2,52 @@ declare namespace _default {
     export let title: string;
     export { CircularProgress as component };
     export let displayName: string;
+    export let tags: string[];
+    export { doc as markdown };
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let loadingText: string;
+        let loadingFinishedText: string;
+        let color: string;
+        let size: string;
+    }
+    namespace argsTypes {
+        export namespace loadingText_1 {
+            let control: string;
+        }
+        export { loadingText_1 as loadingText };
+        export namespace loadingFinishedText_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { loadingFinishedText_1 as loadingFinishedText };
+        export namespace color_1 {
+            export namespace control_2 {
+                let type: string;
+            }
+            export { control_2 as control };
+            export let options: string[];
+        }
+        export { color_1 as color };
+        export namespace size_1 {
+            export namespace control_3 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_3 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { size_1 as size };
+    }
+}
 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";
-import CircularProgress from '@digigov/ui/app/Loader';
+export { AccessibilityLoader } from "@digigov/ui/app/Loader/__stories__/AccessibilityLoader";
+import { CircularProgress } from '@digigov/ui/app/Loader';
+import React from 'react';

package/app/Loader/__stories__/AccessibilityLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AccessibilityLoader: (_: any) => React.JSX.Element;
+export default AccessibilityLoader;

package/app/Loader/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Loader/__stories__/FullPageLoader.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const FullPageLoader: () => React.JSX.Element;
+export declare const FullPageLoader: (_: any) => React.JSX.Element;
+export default FullPageLoader;

package/app/Loader/__stories__/Secondary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Secondary: (_: any) => React.JSX.Element;
+export default Secondary;

package/app/Loader/__stories__/Sizes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Sizes: (_: any) => React.JSX.Element;
+export default Sizes;

package/app/Loader/index.native.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CircularProgressProps } from '@digigov/react-core/CircularProgress';
-export declare const CircularProgress: React.FC<CircularProgressProps>;
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export declare const CircularProgress: React.FC<CircularProgressBaseProps>;

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

@@ -1,7 +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,OAAO,SAAS,QAAQ,iBAAiB;AACzC,SAAS,UAAU,cAAc;AACjC,OAAO,OAAO,cAAc;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,aAAa,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,SAAS;AAAA,QAChB,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,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;AAAA,IAAC,SAAS;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;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C;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;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,SAAS,wBAAwB,MAAM;",
+  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport Svg, { Circle } from 'react-native-svg';\nimport { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';\n\nexport const CircularProgress: React.FC<CircularProgressBaseProps> = ({\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,OAAO,SAAS,QAAQ,iBAAiB;AACzC,SAAS,UAAU,cAAc;AACjC,OAAO,OAAO,cAAc;AAGrB,MAAM,mBAAwD,CAAC;AAAA,EACpE,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,aAAa,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AACjD,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,aAAa,CAAC,EAAE;AAE3D,QAAM,gBAAgB,UAAU,YAAY,YAAY;AACxD,QAAM,kBAAkB;AACxB,QAAM,WAAW;AAEjB,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,OAAO,YAAY;AAAA,QAC1B,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,EAAE,MAAM;AAAA,EACV,GAAG,CAAC,UAAU,CAAC;AAEf,YAAU,MAAM;AACd,aAAS;AAAA,MACP,SAAS,SAAS;AAAA,QAChB,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,IAAI;AAAA,UAChC,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACD,SAAS,OAAO,UAAU;AAAA,UACxB,SAAS;AAAA,UACT,UAAU,WAAW;AAAA,UACrB,QAAQ,OAAO,MAAM,OAAO,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;AAAA,IAAC,SAAS;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;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM,IAAI;AAAA,QACjB,QAAQ,MAAM,IAAI;AAAA,QAClB,SAAS,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,MAE1C;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;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,SAAS,wBAAwB,MAAM;",
   "names": []
 }

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

@@ -1,2 +1,18 @@
-export * from "@digigov/react-core/CircularProgress";
+import React from "react";
+export * from "@digigov/react-core/CircularProgressBase";
+import CircularProgressBase from "@digigov/react-core/CircularProgressBase";
+import { useNotificationArea } from "@digigov/ui/app/hooks/useNotificationArea";
+const CircularProgress = React.forwardRef(function CircularProgress2({
+  loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...",
+  loadingFinishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.",
+  ...props
+}, ref) {
+  useNotificationArea(loadingText, loadingFinishedText);
+  return /* @__PURE__ */ React.createElement(CircularProgressBase, { ref, ...props });
+});
+var index_web_default = CircularProgress;
+export {
+  CircularProgress,
+  index_web_default as default
+};
 //# sourceMappingURL=index.web.js.map

package/app/Loader/index.web.d.ts

@@ -1 +1,19 @@
-export * from '@digigov/react-core/CircularProgress';
+import React from 'react';
+export * from '@digigov/react-core/CircularProgressBase';
+import { CircularProgressBaseProps } from '@digigov/react-core/CircularProgressBase';
+export interface CircularProgressProps extends CircularProgressBaseProps {
+    /**
+     * loadingText prop is optional
+     * Text for screen readers when loading starts
+     * @default "Γίνεται φόρτωση..."
+     */
+    loadingText?: string;
+    /**
+     * loadingFinishedText prop is optional
+     * Text for screen readers when loading finishes
+     * @default "Η φόρτωση ολοκληρώθηκε."
+     */
+    loadingFinishedText?: string;
+}
+export declare const CircularProgress: React.ForwardRefExoticComponent<Omit<CircularProgressProps, "ref"> & React.RefAttributes<SVGElement>>;
+export default CircularProgress;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Loader/index.web.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CircularProgress';\n"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\nexport * from '@digigov/react-core/CircularProgressBase';\nimport CircularProgressBase, {\n  CircularProgressBaseProps,\n} from '@digigov/react-core/CircularProgressBase';\nimport { useNotificationArea } from '@digigov/ui/app/hooks/useNotificationArea';\n\nexport interface CircularProgressProps extends CircularProgressBaseProps {\n  /**\n   * loadingText prop is optional\n   * Text for screen readers when loading starts\n   * @default \"\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...\"\n   */\n  loadingText?: string;\n  /**\n   * loadingFinishedText prop is optional\n   * Text for screen readers when loading finishes\n   * @default \"\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.\"\n   */\n  loadingFinishedText?: string;\n}\n\nexport const CircularProgress = React.forwardRef<\n  SVGElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n    loadingFinishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.',\n    ...props\n  },\n  ref\n) {\n  useNotificationArea(loadingText, loadingFinishedText);\n\n  return <CircularProgressBase ref={ref} {...props} />;\n});\n\nexport default CircularProgress;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,cAAc;AACd,OAAO,0BAEA;AACP,SAAS,2BAA2B;AAiB7B,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT;AAAA,EACE,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,GAAG;AACL,GACA,KACA;AACA,sBAAoB,aAAa,mBAAmB;AAEpD,SAAO,oCAAC,wBAAqB,KAAW,GAAG,OAAO;AACpD,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["CircularProgress"]
 }