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

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

@@ -4,10 +4,10 @@ exports[`renders the TimelineActions with no prop 1`] = `
 <ForwardRef(CardContent)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-timeline__actions"
+    className="ds-timeline__actions"
   >
     <div
-      className="govgr-timeline__actions"
+      className="ds-timeline__actions"
     >
       hello
     </div>

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.
@@ -17,7 +17,7 @@ export const TimelineActions = React.forwardRef<
       as="div"
       ref={ref}
       className={clsx(className, {
-        'govgr-timeline__actions': true,
+        'ds-timeline__actions': true,
       })}
       {...props}
     >

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

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

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.
@@ -16,7 +16,7 @@ export const TimelineContent = React.forwardRef<
       as="div"
       ref={ref}
       className={clsx(className, {
-        'govgr-timeline__content': true,
+        'ds-timeline__content': true,
       })}
       {...props}
     >

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

@@ -4,10 +4,10 @@ exports[`renders the TimelineHeading with no prop 1`] = `
 <ForwardRef(TimelineHeading)>
   <ForwardRef(Base)
     as="h2"
-    className="govgr-timeline__heading"
+    className="ds-timeline__heading"
   >
     <h2
-      className="govgr-timeline__heading"
+      className="ds-timeline__heading"
     >
       hello
     </h2>
@@ -21,10 +21,10 @@ exports[`renders the TimelineHeading with size = "md" prop 1`] = `
 >
   <ForwardRef(Base)
     as="h3"
-    className="govgr-timeline__heading-md govgr-timeline__heading"
+    className="ds-timeline__heading-md ds-timeline__heading"
   >
     <h3
-      className="govgr-timeline__heading-md govgr-timeline__heading"
+      className="ds-timeline__heading-md ds-timeline__heading"
     >
       hello
     </h3>
@@ -38,10 +38,10 @@ exports[`renders the TimelineHeading with size = "sm" prop 1`] = `
 >
   <ForwardRef(Base)
     as="h4"
-    className="govgr-timeline__heading-sm govgr-timeline__heading"
+    className="ds-timeline__heading-sm ds-timeline__heading"
   >
     <h4
-      className="govgr-timeline__heading-sm govgr-timeline__heading"
+      className="ds-timeline__heading-sm ds-timeline__heading"
     >
       hello
     </h4>

package/src/TimelineHeading/index.tsx

@@ -52,9 +52,9 @@ export const TimelineHeading = React.forwardRef<
       as={Component}
       ref={ref}
       className={clsx(className, {
-        'govgr-timeline__heading': true,
-        'govgr-timeline__heading-md': size === 'md',
-        'govgr-timeline__heading-sm': size === 'sm',
+        'ds-timeline__heading': true,
+        'ds-timeline__heading-md': size === 'md',
+        'ds-timeline__heading-sm': size === 'sm',
       })}
       {...props}
     >

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

@@ -4,10 +4,10 @@ exports[`renders the TimelineItem with no prop 1`] = `
 <ForwardRef(TimelineItem)>
   <ForwardRef(Base)
     as="li"
-    className="govgr-timeline__item"
+    className="ds-timeline__item"
   >
     <li
-      className="govgr-timeline__item"
+      className="ds-timeline__item"
     >
       hello
     </li>

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.
  */
@@ -13,7 +13,7 @@ export const TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(
         as="li"
         ref={ref}
         className={clsx(className, {
-          'govgr-timeline__item': true,
+          'ds-timeline__item': true,
         })}
         {...props}
       >

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

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

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.
  */
@@ -15,7 +15,7 @@ export const Top = React.forwardRef<HTMLDivElement, TopProps>(function Top(
       as="div"
       ref={ref}
       className={clsx(className, {
-        'govgr-top': true,
+        'ds-top': true,
       })}
       {...props}
     >

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

@@ -7,10 +7,10 @@ exports[`renders the Typography fontSize=24 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-24"
+    className="ds-!-font-size-24"
   >
     <span
-      className="govgr-!-font-size-24"
+      className="ds-!-font-size-24"
     >
       hello
     </span>
@@ -25,10 +25,10 @@ exports[`renders the Typography fontSize=30 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-30"
+    className="ds-!-font-size-30"
   >
     <span
-      className="govgr-!-font-size-30"
+      className="ds-!-font-size-30"
     >
       hello
     </span>
@@ -43,10 +43,10 @@ exports[`renders the Typography fontSize=36 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-36"
+    className="ds-!-font-size-36"
   >
     <span
-      className="govgr-!-font-size-36"
+      className="ds-!-font-size-36"
     >
       hello
     </span>
@@ -61,10 +61,10 @@ exports[`renders the Typography fontSize=48 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-48"
+    className="ds-!-font-size-48"
   >
     <span
-      className="govgr-!-font-size-48"
+      className="ds-!-font-size-48"
     >
       hello
     </span>
@@ -79,10 +79,10 @@ exports[`renders the Typography fontSize=72 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-72"
+    className="ds-!-font-size-72"
   >
     <span
-      className="govgr-!-font-size-72"
+      className="ds-!-font-size-72"
     >
       hello
     </span>
@@ -97,10 +97,10 @@ exports[`renders the Typography fontWeight=bold and as=p props 1`] = `
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-!-font-weight-bold"
+    className="ds-!-font-weight-bold"
   >
     <p
-      className="govgr-!-font-weight-bold"
+      className="ds-!-font-weight-bold"
     >
       hello
     </p>
@@ -115,10 +115,10 @@ exports[`renders the Typography with fontSize=14 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-14"
+    className="ds-!-font-size-14"
   >
     <span
-      className="govgr-!-font-size-14"
+      className="ds-!-font-size-14"
     >
       hello
     </span>
@@ -133,10 +133,10 @@ exports[`renders the Typography with fontSize=16 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-16"
+    className="ds-!-font-size-16"
   >
     <span
-      className="govgr-!-font-size-16"
+      className="ds-!-font-size-16"
     >
       hello
     </span>
@@ -151,10 +151,10 @@ exports[`renders the Typography with fontSize=19 and as=span props 1`] = `
 >
   <ForwardRef(Base)
     as="span"
-    className="govgr-!-font-size-19"
+    className="ds-!-font-size-19"
   >
     <span
-      className="govgr-!-font-size-19"
+      className="ds-!-font-size-19"
     >
       hello
     </span>
@@ -169,10 +169,10 @@ exports[`renders the Typography with fontWeight=regular and as=p props 1`] = `
 >
   <ForwardRef(Base)
     as="p"
-    className="govgr-!-font-weight-regular"
+    className="ds-!-font-weight-regular"
   >
     <p
-      className="govgr-!-font-weight-regular"
+      className="ds-!-font-weight-regular"
     >
       hello
     </p>

package/src/Typography/index.tsx

@@ -39,8 +39,8 @@ export const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(
         as={as}
         ref={ref}
         className={clsx(className, {
-          [`govgr-!-font-size-${fontSize}`]: fontSize !== undefined,
-          [`govgr-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
+          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
+          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
         })}
         {...props}
       >