@digigov/react-core 2.0.0-298cfc51 → 2.0.0-32ae417f

package/src/TextInput/index.native.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import CoreTextInput from '@digigov/react-core/TextInput/index.web';
-import extend from '@digigov/react-core/utils/extend.native';
+import extend from '@digigov/react-core/utils/index.native';
 export const TextInput = extend(CoreTextInput, ({ className, ...props }) => {
   return {
     ...props,

package/src/TextInput/index.test.tsx

@@ -11,51 +11,75 @@ it('renders the TextInput with dense prop', () => {
 });
 
 it('renders the TextInput with maxWidth="2-char"', () => {
-  expect(render(<TextInput maxWidth="2-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="2-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char"', () => {
-  expect(render(<TextInput maxWidth="3-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="3-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char"', () => {
-  expect(render(<TextInput maxWidth="4-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="4-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="5-char"', () => {
-  expect(render(<TextInput maxWidth="5-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="5-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="10-char"', () => {
-  expect(render(<TextInput maxWidth="10-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="10-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char"', () => {
-  expect(render(<TextInput maxWidth="20-char"></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput maxWidth="20-char"></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-quarter', () => {
-  expect(render(<TextInput width={'25%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'25%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-third', () => {
-  expect(render(<TextInput width={'33.3%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'33.3%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=one-half', () => {
-  expect(render(<TextInput width={'50%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'50%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=two-thirds', () => {
-  expect(render(<TextInput width={'66.6%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'66.6%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=three-quarters', () => {
-  expect(render(<TextInput width={'75%'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'75%'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with width=full', () => {
-  expect(render(<TextInput width={'full'}></TextInput>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TextInput width={'full'}></TextInput>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-quarter', () => {
@@ -90,31 +114,36 @@ it('renders the TextInput with maxWidth="20-char" and with width=one-quarter', (
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="2-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="3-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="4-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="5-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-third', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'33.3%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
@@ -150,31 +179,36 @@ it('renders the TextInput with maxWidth="20-char" and with width=one-half', () =
 
 it('renders the TextInput with maxWidth="2-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="2-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="3-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="4-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="5-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=two-thirds', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'66.6%'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
@@ -234,6 +268,7 @@ it('renders the TextInput  with with maxWidth="5-char" with width=full', () => {
 
 it('renders the TextInput with maxWidth="20-char" and with width=full', () => {
   expect(
-    render(<TextInput maxWidth="20-char" width={'full'}></TextInput>).baseElement
+    render(<TextInput maxWidth="20-char" width={'full'}></TextInput>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/TextInput/index.tsx

@@ -1,2 +1,2 @@
 export * from '@digigov/react-core/TextInput/index.web';
-export { default as default } from '@digigov/react-core/TextInput/index.web';
+export { default as default } from '@digigov/react-core/TextInput/index.web';

package/src/Timeline/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the Timeline with no prop', () => {
 });
 
 it('renders the Timeline with dense prop', () => {
-  expect(render(<Timeline dense>hello</Timeline>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Timeline dense>hello</Timeline>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineActions/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineActions from '@digigov/react-core/TimelineActions';
 
 it('renders the TimelineActions with no prop', () => {
-  expect(render(<TimelineActions>hello</TimelineActions>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineActions>hello</TimelineActions>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineActions/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineActionsProps extends BaseProps<'div'> { }
+export interface TimelineActionsProps extends BaseProps<'div'> {}
 /**
  * TimelineActions contains the action behavior for Timeline Component.
  * We can use Links and Buttons.

package/src/TimelineContent/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineContent from '@digigov/react-core/TimelineContent';
 
 it('renders the TimelineContent with no prop', () => {
-  expect(render(<TimelineContent>hello</TimelineContent>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineContent>hello</TimelineContent>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineContentProps extends BaseProps<'div'> { }
+export interface TimelineContentProps extends BaseProps<'div'> {}
 /**
  * TimelineContent component is used as a content for Timeline component.
  * TimelineContent component must be used inside Timeline component as child, after TimelineHeading.

package/src/TimelineHeading/__snapshots__/index.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`renders the TimelineHeading with size = "md" prop 1`] = `
 <body>
   <div>
     <h3
-      class="ds-timeline__heading ds-timeline__heading--md"
+      class="ds-timeline__heading ds-timeline__heading-md"
     >
       hello
     </h3>
@@ -28,7 +28,7 @@ exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
 <body>
   <div>
     <h4
-      class="ds-timeline__heading ds-timeline__heading--sm"
+      class="ds-timeline__heading ds-timeline__heading-sm"
     >
       hello
     </h4>

package/src/TimelineHeading/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import TimelineHeading from '@digigov/react-core/TimelineHeading';
 
 it('renders the TimelineHeading with no prop', () => {
-  expect(render(<TimelineHeading>hello</TimelineHeading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineHeading>hello</TimelineHeading>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the TimelineHeading with size = "md" prop', () => {
   expect(

package/src/TimelineItem/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import TimelineItem from '@digigov/react-core/TimelineItem';
 
 it('renders the TimelineItem with no prop', () => {
-  expect(render(<TimelineItem>hello</TimelineItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<TimelineItem>hello</TimelineItem>).baseElement
+  ).toMatchSnapshot();
 });

package/src/TimelineItem/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TimelineItemProps extends BaseProps<'li'> { }
+export interface TimelineItemProps extends BaseProps<'li'> {}
 /**
  * TimelineItem must be inside Timeline compoenent.
  */

package/src/Top/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface TopProps extends BaseProps<'div'> { }
+export interface TopProps extends BaseProps<'div'> {}
 /**
  * Top is used inside the Layout component and it must be the first component in order.
  */

package/src/Typography/index.tsx

@@ -29,25 +29,26 @@ export interface TypographyProps
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(
-  function Typography(
-    { as, fontSize, fontWeight, className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as={as}
-        ref={ref}
-        className={clsx(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
+export const Typography = React.forwardRef<
+  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,
+  TypographyProps
+>(function Typography(
+  { as, fontSize, fontWeight, className, children, ...props },
+  ref
+) {
+  return (
+    <Base
+      as={as}
+      ref={ref}
+      className={clsx(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
+      })}
+      {...props}
+    >
+      {children}
+    </Base>
+  );
+});
 
 export default Typography;

package/src/Unpurge/index.tsx

@@ -3158,8 +3158,7 @@ function Unpurge() {
     ds-code-block__header--start
     ds-code-block__header--space-between
     ds-code-block__header--end
-    `
-      }
+    `}
     ></div>
   );
 }

package/src/VisuallyHidden/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
 
 it('renders the VisuallyHidden with no props', () => {
-  expect(render(<VisuallyHidden>hello</VisuallyHidden>).baseElement).toMatchSnapshot();
+  expect(
+    render(<VisuallyHidden>hello</VisuallyHidden>).baseElement
+  ).toMatchSnapshot();
 });

package/src/VisuallyHidden/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface VisuallyHiddenProps extends BaseProps<'span'> { }
+export interface VisuallyHiddenProps extends BaseProps<'span'> {}
 /**
  * Details for the VisuallyHidden.
  * VisuallyHidden component provides text for screen readers that is visually hidden.

package/src/WarningText/__snapshots__/index.test.tsx.snap

@@ -77,3 +77,29 @@ exports[`renders the WarningText with no props 1`] = `
   </div>
 </body>
 `;
+
+exports[`renders the WarningText with strong=false 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-warning-text"
+    >
+      <div
+        class="ds-warning-text__icon"
+      >
+        !
+      </div>
+      <div
+        class="ds-warning-text__content"
+      >
+        <span
+          class="ds-warning-text__assistive"
+        >
+          Προσοχή
+        </span>
+        hello
+      </div>
+    </div>
+  </div>
+</body>
+`;

package/src/WarningText/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import WarningText from '@digigov/react-core/WarningText';
 
 it('renders the WarningText with no props', () => {
-  expect(render(<WarningText>hello</WarningText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<WarningText>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the WarningText with assistive text', () => {
   expect(
@@ -12,5 +14,12 @@ it('renders the WarningText with assistive text', () => {
   ).toMatchSnapshot();
 });
 it('renders the WarningText with dense=true', () => {
-  expect(render(<WarningText dense>hello</WarningText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<WarningText dense>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the WarningText with strong=false', () => {
+  expect(
+    render(<WarningText strong={false}>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
 });

package/src/WarningText/index.tsx

@@ -16,6 +16,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
    * @default false
    * */
   dense?: boolean;
+  /**
+   * strong is optional.
+   * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
+   * @value false WarningText will be a simple div element.
+   * @default true
+   * */
+  strong?: boolean;
 }
 /**
  * WarningText.
@@ -24,9 +31,17 @@ export interface WarningTextProps extends BaseProps<'div'> {
  */
 export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
   function WarningText(
-    { className, assistiveText = 'Προσοχή', dense, children, ...props },
+    {
+      className,
+      strong = true,
+      assistiveText = 'Προσοχή',
+      dense,
+      children,
+      ...props
+    },
     ref
   ) {
+    const Component = strong ? 'strong' : 'div';
     return (
       <Base
         as="div"
@@ -40,14 +55,14 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
         <Base
           as="div"
           className={clsx({
-            "ds-warning-text__icon": true,
+            'ds-warning-text__icon': true,
           })}
         >
-        !
+          !
         </Base>
-         
-        <Base 
-          as="strong"
+
+        <Base
+          as={Component}
           className={clsx({
             'ds-warning-text__content': true,
           })}

package/src/WarningTextAssistive/index.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import clsx from "clsx";
-import Base, { BaseProps } from "@digigov/react-core/Base";
+import React from 'react';
+import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface WarningTextAssistiveProps extends BaseProps<"span"> {
+export interface WarningTextAssistiveProps extends BaseProps<'span'> {
   /**
    * assistiveText is optional.
    * Default value is "Προσοχή".
@@ -17,7 +17,7 @@ export const WarningTextAssistive = React.forwardRef<
   HTMLSpanElement,
   WarningTextAssistiveProps
 >(function WarningTextAssistive(
-  { className, children='Προσοχή', ...props },
+  { className, children = 'Προσοχή', ...props },
   ref
 ) {
   return (
@@ -26,7 +26,7 @@ export const WarningTextAssistive = React.forwardRef<
       {...props}
       ref={ref}
       className={clsx(className, {
-        "ds-warning-text__assistive": true,
+        'ds-warning-text__assistive': true,
       })}
     >
       {children}

package/src/index.ts

@@ -5,16 +5,16 @@ export * from '@digigov/react-core/AccordionSectionContent';
 export * from '@digigov/react-core/AccordionSectionSummary';
 export * from '@digigov/react-core/AccordionSectionSummaryHeading';
 export * from '@digigov/react-core/Aside';
-export * from '@digigov/react-core/BackLink';
+export * from '@digigov/react-core/BackLinkBase';
 export * from '@digigov/react-core/Blockquote';
 export * from '@digigov/react-core/Bottom';
 export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
-export * from '@digigov/react-core/BreadcrumbsListItem';
+export * from '@digigov/react-core/BreadcrumbsListItemWrapper';
 export * from '@digigov/react-core/Button';
 export * from '@digigov/react-core/ButtonGroup';
-export * from '@digigov/react-core/ButtonLink';
-export * from '@digigov/react-core/CallToAction';
+export * from '@digigov/react-core/ButtonLinkBase';
+export * from '@digigov/react-core/CallToActionBase';
 export * from '@digigov/react-core/Card';
 export * from '@digigov/react-core/CardAction';
 export * from '@digigov/react-core/CardHeading';
@@ -49,7 +49,7 @@ 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/FooterLinkBase';
 export * from '@digigov/react-core/FooterList';
 export * from '@digigov/react-core/FooterListItem';
 export * from '@digigov/react-core/FooterInfo';
@@ -57,14 +57,14 @@ export * from '@digigov/react-core/FooterInfoSection';
 export * from '@digigov/react-core/FooterNavigation';
 export * from '@digigov/react-core/FooterNavigationSection';
 export * from '@digigov/react-core/FieldContainer';
-export * from '@digigov/react-core/GovGRLogo';
+export * from '@digigov/react-core/GovGRLogoBase';
 export * from '@digigov/react-core/Grid';
 export * from '@digigov/react-core/Header';
 export * from '@digigov/react-core/HeaderContent';
-export * from '@digigov/react-core/HeaderLogo';
-export * from '@digigov/react-core/HeaderSecondaryLogo';
+export * from '@digigov/react-core/HeaderLogoBase';
+export * from '@digigov/react-core/HeaderSecondaryLogoBase';
 export * from '@digigov/react-core/HeaderSection';
-export * from '@digigov/react-core/HeaderTitle';
+export * from '@digigov/react-core/HeaderTitleBase';
 export * from '@digigov/react-core/Heading';
 export * from '@digigov/react-core/HeadingCaption';
 export * from '@digigov/react-core/HellenicRepublicLogo';
@@ -81,10 +81,10 @@ export * from '@digigov/react-core/Masthead';
 export * from '@digigov/react-core/MastheadBody';
 export * from '@digigov/react-core/Nav';
 export * from '@digigov/react-core/NavList';
-export * from '@digigov/react-core/NavListItemAction';
+export * from '@digigov/react-core/NavListItemActionBase';
 export * from '@digigov/react-core/NavListItemBadge';
 export * from '@digigov/react-core/NavListItemActionContainer';
-export * from '@digigov/react-core/NavListItemLink';
+export * from '@digigov/react-core/NavListItemLinkBase';
 export * from '@digigov/react-core/NavListItemButton';
 export * from '@digigov/react-core/NavMenuContainer';
 export * from '@digigov/react-core/NavMenuContent';
@@ -151,7 +151,6 @@ export * from '@digigov/react-core/AdminLayout';
 export * from '@digigov/react-core/AdminMain';
 export * from '@digigov/react-core/AdminTopSection';
 export * from '@digigov/react-core/AutoCompleteInputBase';
-export * from '@digigov/react-core/AutoCompleteInputTypeahead';
 export * from '@digigov/react-core/AutoCompleteResultList';
 export * from '@digigov/react-core/AutoCompleteResultListItem';
 export * from '@digigov/react-core/AutoCompleteContainer';
@@ -191,7 +190,7 @@ export * from '@digigov/react-core/PaginationList';
 export * from '@digigov/react-core/PaginationListItem';
 export * from '@digigov/react-core/PaginationLabelContainer';
 export * from '@digigov/react-core/LoaderContainer';
-export * from '@digigov/react-core/CircularProgress';
+export * from '@digigov/react-core/CircularProgressBase';
 export * from '@digigov/react-core/FullPageBackground';
 export * from '@digigov/react-core/StepNavCircleNumber';
 export * from '@digigov/react-core/StepNav';