@digigov/react-core 1.3.0-dcbd7ded → 2.0.0-0edebf87

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

@@ -256,14 +256,14 @@ exports[`renders the NormalText with size=lead 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body"
+      className="ds-body--lg ds-body"
     >
       <span
-        className="ds-body-lg ds-body"
+        className="ds-body--lg ds-body"
       >
         hello
       </span>
@@ -279,15 +279,15 @@ exports[`renders the NormalText with size=lead and font size fontSize=48 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={48}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-48"
+      className="ds-body--lg ds-body ds-!-font-size-48"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-48"
+        className="ds-body--lg ds-body ds-!-font-size-48"
       >
         hello
       </span>
@@ -303,15 +303,15 @@ exports[`renders the NormalText with size=lead and font size fontSize=72 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={72}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-72"
+      className="ds-body--lg ds-body ds-!-font-size-72"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-72"
+        className="ds-body--lg ds-body ds-!-font-size-72"
       >
         hello
       </span>
@@ -327,15 +327,15 @@ exports[`renders the NormalText with size=lead and fontSize=14 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={14}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-14"
+      className="ds-body--lg ds-body ds-!-font-size-14"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-14"
+        className="ds-body--lg ds-body ds-!-font-size-14"
       >
         hello
       </span>
@@ -351,15 +351,15 @@ exports[`renders the NormalText with size=lead and fontSize=19 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={19}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-19"
+      className="ds-body--lg ds-body ds-!-font-size-19"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-19"
+        className="ds-body--lg ds-body ds-!-font-size-19"
       >
         hello
       </span>
@@ -375,15 +375,15 @@ exports[`renders the NormalText with size=lead and fontSize=24 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={24}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-24"
+      className="ds-body--lg ds-body ds-!-font-size-24"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-24"
+        className="ds-body--lg ds-body ds-!-font-size-24"
       >
         hello
       </span>
@@ -399,15 +399,15 @@ exports[`renders the NormalText with size=lead and fontSize=30 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={30}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-30"
+      className="ds-body--lg ds-body ds-!-font-size-30"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-30"
+        className="ds-body--lg ds-body ds-!-font-size-30"
       >
         hello
       </span>
@@ -423,15 +423,15 @@ exports[`renders the NormalText with size=lead and fontSize=36 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={36}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-36"
+      className="ds-body--lg ds-body ds-!-font-size-36"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-36"
+        className="ds-body--lg ds-body ds-!-font-size-36"
       >
         hello
       </span>
@@ -447,15 +447,15 @@ exports[`renders the NormalText with size=lead and fontSize=36 2`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={36}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-36"
+      className="ds-body--lg ds-body ds-!-font-size-36"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-36"
+        className="ds-body--lg ds-body ds-!-font-size-36"
       >
         hello
       </span>
@@ -471,15 +471,15 @@ exports[`renders the NormalText with size=lead and ontSize=16 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-lg ds-body"
+    className="ds-body--lg ds-body"
     fontSize={16}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-lg ds-body ds-!-font-size-16"
+      className="ds-body--lg ds-body ds-!-font-size-16"
     >
       <span
-        className="ds-body-lg ds-body ds-!-font-size-16"
+        className="ds-body--lg ds-body ds-!-font-size-16"
       >
         hello
       </span>
@@ -708,14 +708,14 @@ exports[`renders the NormalText with size=small 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body"
+      className="ds-body--sm ds-body"
     >
       <span
-        className="ds-body-sm ds-body"
+        className="ds-body--sm ds-body"
       >
         hello
       </span>
@@ -731,15 +731,15 @@ exports[`renders the NormalText with size=small and font size fontSize=48 1`] =
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={48}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-48"
+      className="ds-body--sm ds-body ds-!-font-size-48"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-48"
+        className="ds-body--sm ds-body ds-!-font-size-48"
       >
         hello
       </span>
@@ -755,15 +755,15 @@ exports[`renders the NormalText with size=small and font size fontSize=72 1`] =
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={72}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-72"
+      className="ds-body--sm ds-body ds-!-font-size-72"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-72"
+        className="ds-body--sm ds-body ds-!-font-size-72"
       >
         hello
       </span>
@@ -779,15 +779,15 @@ exports[`renders the NormalText with size=small and fontSize=14 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={14}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-14"
+      className="ds-body--sm ds-body ds-!-font-size-14"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-14"
+        className="ds-body--sm ds-body ds-!-font-size-14"
       >
         hello
       </span>
@@ -803,15 +803,15 @@ exports[`renders the NormalText with size=small and fontSize=19 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={19}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-19"
+      className="ds-body--sm ds-body ds-!-font-size-19"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-19"
+        className="ds-body--sm ds-body ds-!-font-size-19"
       >
         hello
       </span>
@@ -827,15 +827,15 @@ exports[`renders the NormalText with size=small and fontSize=24 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={24}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-24"
+      className="ds-body--sm ds-body ds-!-font-size-24"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-24"
+        className="ds-body--sm ds-body ds-!-font-size-24"
       >
         hello
       </span>
@@ -851,15 +851,15 @@ exports[`renders the NormalText with size=small and fontSize=30 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={30}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-30"
+      className="ds-body--sm ds-body ds-!-font-size-30"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-30"
+        className="ds-body--sm ds-body ds-!-font-size-30"
       >
         hello
       </span>
@@ -875,15 +875,15 @@ exports[`renders the NormalText with size=small and ontSize=16 1`] = `
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={16}
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-size-16"
+      className="ds-body--sm ds-body ds-!-font-size-16"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-size-16"
+        className="ds-body--sm ds-body ds-!-font-size-16"
       >
         hello
       </span>
@@ -900,16 +900,16 @@ exports[`renders the NormalText with size=small, font size fontSize=72 and fontW
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={72}
     fontWeight="bold"
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-weight-bold ds-!-font-size-72"
+      className="ds-body--sm ds-body ds-!-font-weight-bold ds-!-font-size-72"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-weight-bold ds-!-font-size-72"
+        className="ds-body--sm ds-body ds-!-font-weight-bold ds-!-font-size-72"
       >
         hello
       </span>
@@ -926,16 +926,16 @@ exports[`renders the NormalText with size=small, font size fontSize=72 and fontW
 >
   <ForwardRef(Typography)
     as="span"
-    className="ds-body-sm ds-body"
+    className="ds-body--sm ds-body"
     fontSize={72}
     fontWeight="regular"
   >
     <ForwardRef(Base)
       as="span"
-      className="ds-body-sm ds-body ds-!-font-weight-regular ds-!-font-size-72"
+      className="ds-body--sm ds-body ds-!-font-weight-regular ds-!-font-size-72"
     >
       <span
-        className="ds-body-sm ds-body ds-!-font-weight-regular ds-!-font-size-72"
+        className="ds-body--sm ds-body ds-!-font-weight-regular ds-!-font-size-72"
       >
         hello
       </span>

package/src/NormalText/index.tsx

@@ -30,8 +30,8 @@ export const NormalText = React.forwardRef<
       ref={ref}
       className={clsx(className, {
         'ds-body': true,
-        'ds-body-lg': size === 'lg',
-        'ds-body-sm': size === 'sm',
+        'ds-body--lg': size === 'lg',
+        'ds-body--sm': size === 'sm',
       })}
       {...props}
     >