@digigov/react-core 1.2.1-496927f3 → 1.3.0-a7ffb5dc

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

@@ -6,10 +6,10 @@ exports[`renders the Stack with alignContent="center" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-center govgr-stack--column govgr-stack"
+    className="ds-stack--content-center ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-center govgr-stack--column govgr-stack"
+      className="ds-stack--content-center ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -23,10 +23,10 @@ exports[`renders the Stack with alignContent="flex-end" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-flex-end govgr-stack--column govgr-stack"
+    className="ds-stack--content-flex-end ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-flex-end govgr-stack--column govgr-stack"
+      className="ds-stack--content-flex-end ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -40,10 +40,10 @@ exports[`renders the Stack with alignContent="flex-start" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-flex-start govgr-stack--column govgr-stack"
+    className="ds-stack--content-flex-start ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-flex-start govgr-stack--column govgr-stack"
+      className="ds-stack--content-flex-start ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -57,10 +57,10 @@ exports[`renders the Stack with alignContent="space-around" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-space-around govgr-stack--column govgr-stack"
+    className="ds-stack--content-space-around ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-space-around govgr-stack--column govgr-stack"
+      className="ds-stack--content-space-around ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -74,10 +74,10 @@ exports[`renders the Stack with alignContent="space-between" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-space-between govgr-stack--column govgr-stack"
+    className="ds-stack--content-space-between ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-space-between govgr-stack--column govgr-stack"
+      className="ds-stack--content-space-between ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -91,10 +91,10 @@ exports[`renders the Stack with alignContent="space-evenly" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--content-space-evenly govgr-stack--column govgr-stack"
+    className="ds-stack--content-space-evenly ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--content-space-evenly govgr-stack--column govgr-stack"
+      className="ds-stack--content-space-evenly ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -108,10 +108,10 @@ exports[`renders the Stack with alignItems="baseline" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--align-baseline govgr-stack--column govgr-stack"
+    className="ds-stack--align-baseline ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--align-baseline govgr-stack--column govgr-stack"
+      className="ds-stack--align-baseline ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -125,10 +125,10 @@ exports[`renders the Stack with alignItems="center" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--align-center govgr-stack--column govgr-stack"
+    className="ds-stack--align-center ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--align-center govgr-stack--column govgr-stack"
+      className="ds-stack--align-center ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -142,10 +142,10 @@ exports[`renders the Stack with alignItems="flex-end" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--align-flex-end govgr-stack--column govgr-stack"
+    className="ds-stack--align-flex-end ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--align-flex-end govgr-stack--column govgr-stack"
+      className="ds-stack--align-flex-end ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -159,10 +159,10 @@ exports[`renders the Stack with alignItems="flex-start" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--align-flex-start govgr-stack--column govgr-stack"
+    className="ds-stack--align-flex-start ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--align-flex-start govgr-stack--column govgr-stack"
+      className="ds-stack--align-flex-start ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -176,10 +176,10 @@ exports[`renders the Stack with alignItems="stretch" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--align-stretch govgr-stack--column govgr-stack"
+    className="ds-stack--align-stretch ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--align-stretch govgr-stack--column govgr-stack"
+      className="ds-stack--align-stretch ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -195,10 +195,10 @@ exports[`renders the Stack with direction = "row", flexWrap="nowrap" and spacing
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--nowrap govgr-gap-12 govgr-stack--row govgr-stack"
+    className="ds-stack--nowrap ds-gap-12 ds-stack--row ds-stack"
   >
     <div
-      className="govgr-stack--nowrap govgr-gap-12 govgr-stack--row govgr-stack"
+      className="ds-stack--nowrap ds-gap-12 ds-stack--row ds-stack"
     >
       hello
     </div>
@@ -217,10 +217,10 @@ exports[`renders the Stack with direction = "row", flexWrap="wrap" justifyConten
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-12 govgr-stack--justify-flex-end govgr-stack--content-center govgr-stack--align-baseline govgr-stack--row govgr-stack"
+    className="ds-gap-12 ds-stack--justify-flex-end ds-stack--content-center ds-stack--align-baseline ds-stack--row ds-stack"
   >
     <div
-      className="govgr-gap-12 govgr-stack--justify-flex-end govgr-stack--content-center govgr-stack--align-baseline govgr-stack--row govgr-stack"
+      className="ds-gap-12 ds-stack--justify-flex-end ds-stack--content-center ds-stack--align-baseline ds-stack--row ds-stack"
     >
       hello
     </div>
@@ -234,10 +234,10 @@ exports[`renders the Stack with direction="column" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--column govgr-stack"
+    className="ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--column govgr-stack"
+      className="ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -251,10 +251,10 @@ exports[`renders the Stack with direction="row" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--row govgr-stack"
+    className="ds-stack--row ds-stack"
   >
     <div
-      className="govgr-stack--row govgr-stack"
+      className="ds-stack--row ds-stack"
     >
       hello
     </div>
@@ -268,10 +268,10 @@ exports[`renders the Stack with flexWrap="nowrap" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--nowrap govgr-stack--column govgr-stack"
+    className="ds-stack--nowrap ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--nowrap govgr-stack--column govgr-stack"
+      className="ds-stack--nowrap ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -285,10 +285,10 @@ exports[`renders the Stack with flexWrap="wrap" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--column govgr-stack"
+    className="ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--column govgr-stack"
+      className="ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -302,10 +302,10 @@ exports[`renders the Stack with justifyContent="center" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-center govgr-stack--column govgr-stack"
+    className="ds-stack--justify-center ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-center govgr-stack--column govgr-stack"
+      className="ds-stack--justify-center ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -319,10 +319,10 @@ exports[`renders the Stack with justifyContent="flex-end" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-flex-end govgr-stack--column govgr-stack"
+    className="ds-stack--justify-flex-end ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-flex-end govgr-stack--column govgr-stack"
+      className="ds-stack--justify-flex-end ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -336,10 +336,10 @@ exports[`renders the Stack with justifyContent="flex-start" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-flex-start govgr-stack--column govgr-stack"
+    className="ds-stack--justify-flex-start ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-flex-start govgr-stack--column govgr-stack"
+      className="ds-stack--justify-flex-start ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -353,10 +353,10 @@ exports[`renders the Stack with justifyContent="space-around" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-space-around govgr-stack--column govgr-stack"
+    className="ds-stack--justify-space-around ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-space-around govgr-stack--column govgr-stack"
+      className="ds-stack--justify-space-around ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -370,10 +370,10 @@ exports[`renders the Stack with justifyContent="space-between" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-space-between govgr-stack--column govgr-stack"
+    className="ds-stack--justify-space-between ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-space-between govgr-stack--column govgr-stack"
+      className="ds-stack--justify-space-between ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -387,10 +387,10 @@ exports[`renders the Stack with justifyContent="space-evenly" 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--justify-space-evenly govgr-stack--column govgr-stack"
+    className="ds-stack--justify-space-evenly ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--justify-space-evenly govgr-stack--column govgr-stack"
+      className="ds-stack--justify-space-evenly ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -402,10 +402,10 @@ exports[`renders the Stack with no props 1`] = `
 <ForwardRef(Stack)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-stack--column govgr-stack"
+    className="ds-stack--column ds-stack"
   >
     <div
-      className="govgr-stack--column govgr-stack"
+      className="ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -419,10 +419,10 @@ exports[`renders the Stack with spacing={2} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-2 govgr-stack--column govgr-stack"
+    className="ds-gap-2 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-2 govgr-stack--column govgr-stack"
+      className="ds-gap-2 ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -436,10 +436,10 @@ exports[`renders the Stack with spacing={4} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-4 govgr-stack--column govgr-stack"
+    className="ds-gap-4 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-4 govgr-stack--column govgr-stack"
+      className="ds-gap-4 ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -453,10 +453,10 @@ exports[`renders the Stack with spacing={6} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-6 govgr-stack--column govgr-stack"
+    className="ds-gap-6 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-6 govgr-stack--column govgr-stack"
+      className="ds-gap-6 ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -470,10 +470,10 @@ exports[`renders the Stack with spacing={8} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-8 govgr-stack--column govgr-stack"
+    className="ds-gap-8 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-8 govgr-stack--column govgr-stack"
+      className="ds-gap-8 ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -487,10 +487,10 @@ exports[`renders the Stack with spacing={10} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-10 govgr-stack--column govgr-stack"
+    className="ds-gap-10 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-10 govgr-stack--column govgr-stack"
+      className="ds-gap-10 ds-stack--column ds-stack"
     >
       hello
     </div>
@@ -504,10 +504,10 @@ exports[`renders the Stack with spacing={12} 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-gap-12 govgr-stack--column govgr-stack"
+    className="ds-gap-12 ds-stack--column ds-stack"
   >
     <div
-      className="govgr-gap-12 govgr-stack--column govgr-stack"
+      className="ds-gap-12 ds-stack--column ds-stack"
     >
       hello
     </div>

package/src/Stack/index.tsx

@@ -11,12 +11,12 @@ export interface StackProps extends BaseProps<'div'> {
    * justifyContent is optional. Set to control how items are positioned along Stack's main axis .
    */
   justifyContent?:
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'space-between'
-    | 'space-around'
-    | 'space-evenly';
+  | 'flex-start'
+  | 'flex-end'
+  | 'center'
+  | 'space-between'
+  | 'space-around'
+  | 'space-evenly';
   /**
    * alignItems is optional. Set to control how items are positioned along Stack's cross axis.
    */
@@ -25,12 +25,12 @@ export interface StackProps extends BaseProps<'div'> {
    * alignContent is optional. Set to control how rows are positioned in multi-row Stack container.
    */
   alignContent?:
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'space-between'
-    | 'space-around'
-    | 'space-evenly';
+  | 'flex-start'
+  | 'flex-end'
+  | 'center'
+  | 'space-between'
+  | 'space-around'
+  | 'space-evenly';
   /**
    * spacing is optional. Set to the number you want the space to be.
    */
@@ -63,13 +63,13 @@ export const Stack = React.forwardRef<HTMLDivElement, StackProps>(
         as="div"
         ref={ref}
         className={clsx(className, {
-          'govgr-stack': true,
-          [`govgr-stack--${direction}`]: direction,
-          [`govgr-stack--justify-${justifyContent}`]: justifyContent,
-          [`govgr-stack--align-${alignItems}`]: alignItems,
-          [`govgr-stack--content-${alignContent}`]: alignContent,
-          'govgr-stack--nowrap': flexWrap === 'nowrap',
-          [`govgr-gap-${spacing}`]: spacing !== undefined,
+          'ds-stack': true,
+          [`ds-stack--${direction}`]: direction,
+          [`ds-stack--justify-${justifyContent}`]: justifyContent,
+          [`ds-stack--align-${alignItems}`]: alignItems,
+          [`ds-stack--content-${alignContent}`]: alignContent,
+          'ds-stack--nowrap': flexWrap === 'nowrap',
+          [`ds-gap-${spacing}`]: spacing !== undefined,
         })}
         {...props}
       >

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

@@ -6,10 +6,10 @@ exports[`renders the StepNav with dense props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-step-nav--dense govgr-step-nav"
+    className="ds-step-nav--dense ds-step-nav"
   >
     <div
-      className="govgr-step-nav--dense govgr-step-nav"
+      className="ds-step-nav--dense ds-step-nav"
     >
       hello
     </div>
@@ -21,10 +21,10 @@ exports[`renders the StepNav with no props 1`] = `
 <ForwardRef(StepNav)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-step-nav"
+    className="ds-step-nav"
   >
     <div
-      className="govgr-step-nav"
+      className="ds-step-nav"
     >
       hello
     </div>

package/src/StepNav/index.tsx

@@ -22,8 +22,8 @@ export const StepNav = React.forwardRef<HTMLDivElement, StepNavProps>(
         as="div"
         ref={ref}
         className={clsx(className, {
-          'govgr-step-nav': true,
-          'govgr-step-nav--dense': dense,
+          'ds-step-nav': true,
+          'ds-step-nav--dense': dense,
         })}
         {...props}
       >

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

@@ -4,10 +4,10 @@ exports[`renders the StepNavAccordion with no props 1`] = `
 <ForwardRef(StepNavAccordion)>
   <ForwardRef(Base)
     as="details"
-    className="govgr-step-nav__accordion"
+    className="ds-step-nav__accordion"
   >
     <details
-      className="govgr-step-nav__accordion"
+      className="ds-step-nav__accordion"
     >
       hello
     </details>

package/src/StepNavAccordion/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionProps extends BaseProps<'details'> {}
+export interface StepNavAccordionProps extends BaseProps<'details'> { }
 /**
  * StepNavAccordion the main wrapper component.
  *
@@ -18,7 +18,7 @@ export const StepNavAccordion = React.forwardRef<
       as="details"
       ref={ref}
       className={clsx(className, {
-        'govgr-step-nav__accordion': true,
+        'ds-step-nav__accordion': true,
       })}
       {...props}
     >

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

@@ -4,10 +4,10 @@ exports[`renders the StepNavAccordionContent with no props 1`] = `
 <ForwardRef(StepNavAccordionContent)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-nav-step__accordion__content"
+    className="ds-nav-step__accordion__content"
   >
     <div
-      className="govgr-nav-step__accordion__content"
+      className="ds-nav-step__accordion__content"
     >
       hello
     </div>

package/src/StepNavAccordionContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionContentProps extends BaseProps<'div'> {}
+export interface StepNavAccordionContentProps extends BaseProps<'div'> { }
 /**
  * StepNavAccordionContent should be inside the Accordion and it is the content of the section.
  * The content is only visible when the Accordion is 'open'.
@@ -16,7 +16,7 @@ export const StepNavAccordionContent = React.forwardRef<
       as="div"
       ref={ref}
       className={clsx(className, {
-        'govgr-nav-step__accordion__content': true,
+        'ds-nav-step__accordion__content': true,
       })}
       {...props}
     >

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

@@ -6,21 +6,21 @@ exports[`renders the StepNavAccordionHeadingText with closeLabel prop 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-step-nav__accordion__heading__text"
+    className="ds-step-nav__accordion__heading__text"
   >
     <span
-      className="govgr-step-nav__accordion__heading__text"
+      className="ds-step-nav__accordion__heading__text"
     >
       hello
     </span>
   </ForwardRef(Base)>
   <span
-    className="govgr-step-nav__accordion__closed"
+    className="ds-step-nav__accordion__closed"
   >
     Εμφάνιση
   </span>
   <span
-    className="govgr-step-nav__accordion__opened"
+    className="ds-step-nav__accordion__opened"
   >
     Κλείσε
   </span>
@@ -31,21 +31,21 @@ exports[`renders the StepNavAccordionHeadingText with no props 1`] = `
 <ForwardRef(StepNavAccordionHeadingText)>
   <ForwardRef(Base)
     as="span"
-    className="govgr-step-nav__accordion__heading__text"
+    className="ds-step-nav__accordion__heading__text"
   >
     <span
-      className="govgr-step-nav__accordion__heading__text"
+      className="ds-step-nav__accordion__heading__text"
     >
       hello
     </span>
   </ForwardRef(Base)>
   <span
-    className="govgr-step-nav__accordion__closed"
+    className="ds-step-nav__accordion__closed"
   >
     Εμφάνιση
   </span>
   <span
-    className="govgr-step-nav__accordion__opened"
+    className="ds-step-nav__accordion__opened"
   >
     Απόκρυψη
   </span>
@@ -58,21 +58,21 @@ exports[`renders the StepNavAccordionHeadingText with openLabel prop 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-step-nav__accordion__heading__text"
+    className="ds-step-nav__accordion__heading__text"
   >
     <span
-      className="govgr-step-nav__accordion__heading__text"
+      className="ds-step-nav__accordion__heading__text"
     >
       hello
     </span>
   </ForwardRef(Base)>
   <span
-    className="govgr-step-nav__accordion__closed"
+    className="ds-step-nav__accordion__closed"
   >
     Άνοιξε
   </span>
   <span
-    className="govgr-step-nav__accordion__opened"
+    className="ds-step-nav__accordion__opened"
   >
     Απόκρυψη
   </span>

package/src/StepNavAccordionHeadingText/index.tsx

@@ -39,14 +39,14 @@ export const StepNavAccordionHeadingText = React.forwardRef<
         as="span"
         ref={ref}
         className={clsx(className, {
-          'govgr-step-nav__accordion__heading__text': true,
+          'ds-step-nav__accordion__heading__text': true,
         })}
         {...props}
       >
         {children}
       </Base>
-      <span className="govgr-step-nav__accordion__closed">{openLabel}</span>
-      <span className="govgr-step-nav__accordion__opened">{closeLabel}</span>
+      <span className="ds-step-nav__accordion__closed">{openLabel}</span>
+      <span className="ds-step-nav__accordion__opened">{closeLabel}</span>
     </>
   );
 });

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

@@ -4,10 +4,10 @@ exports[`renders the StepNavAccordionHeadingTitle with no props 1`] = `
 <ForwardRef(StepNavAccordionHeadingTitle)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-step-nav__accordion__heading__title"
+    className="ds-step-nav__accordion__heading__title"
   >
     <div
-      className="govgr-step-nav__accordion__heading__title"
+      className="ds-step-nav__accordion__heading__title"
     >
       hello
     </div>