@digigov/react-core 1.3.0-a7ffb5dc → 2.0.0-7d9a8d86

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

@@ -6,10 +6,11 @@ exports[`renders the Hidden with \`lgUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-lg--up"
+    lgUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-lg--up"
+      className="ds-hidden-lg-up"
     >
       <div>
         hello
@@ -25,10 +26,11 @@ exports[`renders the Hidden with \`mdUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-md--up"
+    mdUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-md--up"
+      className="ds-hidden-md-up"
     >
       <div>
         hello
@@ -44,10 +46,11 @@ exports[`renders the Hidden with \`smUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-sm--up"
+    smUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-sm--up"
+      className="ds-hidden-sm-up"
     >
       <div>
         hello
@@ -63,10 +66,11 @@ exports[`renders the Hidden with \`xlUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-xl--up"
+    xlUpHidden={true}
+    xsUpHidden={false}
   >
     <div
-      className="ds-hidden-xl--up"
+      className="ds-hidden-xl-up"
     >
       <div>
         hello
@@ -82,10 +86,10 @@ exports[`renders the Hidden with \`xsUp\` props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="ds-hidden-xs--up"
+    xsUpHidden={true}
   >
     <div
-      className="ds-hidden-xs--up"
+      className="ds-hidden-xs-up"
     >
       <div>
         hello

package/src/Hint/index.tsx

@@ -29,8 +29,8 @@ export const Hint = React.forwardRef<HTMLParagraphElement, HintProps>(
         className={clsx(className, {
           'ds-hint': true,
           'ds-hint--break-words': breakWords,
-          'ds-hint-lg': size === 'lg',
-          'ds-hint-sm': size === 'sm',
+          'ds-hint--lg': size === 'lg',
+          'ds-hint--sm': size === 'sm',
         })}
         {...props}
       >

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

@@ -7,12 +7,12 @@ exports[`renders the Hint with  variant and src props 1`] = `
 >
   <ForwardRef(Base)
     as="img"
-    className="ds-image-logo--dark"
+    className="ds-image-logo-dark"
     printHidden={true}
     src="logo.png"
   >
     <img
-      className="ds-image-logo--dark ds-print-hidden"
+      className="ds-image-logo-dark ds-print-hidden"
       src="logo.png"
     />
   </ForwardRef(Base)>

package/src/ImageLogo/index.tsx

@@ -23,7 +23,6 @@ export const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(
     { lang, src, variant, className, children, ...props },
     ref
   ) {
-    console.log('src is', src);
     return (
       <>
         <Base
@@ -33,7 +32,7 @@ export const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(
           printHidden
           className={clsx(className, {
             'ds-image-logo': variant === undefined,
-            [`ds-image-logo--${variant}`]: variant !== undefined,
+            [`ds-image-logo-${variant}`]: variant !== undefined,
           })}
           {...props}
         />

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

@@ -17,12 +17,12 @@ exports[`renders the Hint with  variants=[light, dark] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>
@@ -34,12 +34,12 @@ exports[`renders the Hint with  variants=[light, dark] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--dark"
+      className="ds-image-logo-dark"
       printHidden={true}
       src="logo--dark.png"
     >
       <img
-        className="ds-image-logo--dark ds-print-hidden"
+        className="ds-image-logo-dark ds-print-hidden"
         src="logo--dark.png"
       />
     </ForwardRef(Base)>
@@ -63,12 +63,12 @@ exports[`renders the Hint with  variants=[light] and src props 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>
@@ -87,12 +87,12 @@ exports[`renders the Hint with src prop 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--dark"
+      className="ds-image-logo-dark"
       printHidden={true}
       src="logo--dark.png"
     >
       <img
-        className="ds-image-logo--dark ds-print-hidden"
+        className="ds-image-logo-dark ds-print-hidden"
         src="logo--dark.png"
       />
     </ForwardRef(Base)>
@@ -104,12 +104,12 @@ exports[`renders the Hint with src prop 1`] = `
   >
     <ForwardRef(Base)
       as="img"
-      className="ds-image-logo--light"
+      className="ds-image-logo-light"
       printHidden={true}
       src="logo--light.png"
     >
       <img
-        className="ds-image-logo--light ds-print-hidden"
+        className="ds-image-logo-light ds-print-hidden"
         src="logo--light.png"
       />
     </ForwardRef(Base)>

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

@@ -25,31 +25,31 @@ exports[`renders the NavListItemButton with active=false 1`] = `
         >
           <ForwardRef(Icon)
             direction="down"
-            icon="arrow"
+            icon="chevron"
           >
             <ForwardRef(SvgIcon)
-              className="ds-svg-icon--arrow"
+              className="ds-svg-icon--chevron"
             >
               <ForwardRef(Base)
                 aria-hidden="true"
                 as="svg"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <svg
                   aria-hidden="true"
-                  className="ds-svg-icon--arrow ds-svg-icon"
+                  className="ds-svg-icon--chevron ds-svg-icon"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <arrow
+                  <chevron
                     direction="down"
                   >
                     <path
                       d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                     />
-                  </arrow>
+                  </chevron>
                 </svg>
               </ForwardRef(Base)>
             </ForwardRef(SvgIcon)>
@@ -86,31 +86,31 @@ exports[`renders the NavListItemButton with active=true 1`] = `
         >
           <ForwardRef(Icon)
             direction="up"
-            icon="arrow"
+            icon="chevron"
           >
             <ForwardRef(SvgIcon)
-              className="ds-svg-icon--arrow"
+              className="ds-svg-icon--chevron"
             >
               <ForwardRef(Base)
                 aria-hidden="true"
                 as="svg"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <svg
                   aria-hidden="true"
-                  className="ds-svg-icon--arrow ds-svg-icon"
+                  className="ds-svg-icon--chevron ds-svg-icon"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <arrow
+                  <chevron
                     direction="up"
                   >
                     <path
                       d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
                     />
-                  </arrow>
+                  </chevron>
                 </svg>
               </ForwardRef(Base)>
             </ForwardRef(SvgIcon)>
@@ -142,31 +142,31 @@ exports[`renders the NavListItemButton with no props 1`] = `
         >
           <ForwardRef(Icon)
             direction="down"
-            icon="arrow"
+            icon="chevron"
           >
             <ForwardRef(SvgIcon)
-              className="ds-svg-icon--arrow"
+              className="ds-svg-icon--chevron"
             >
               <ForwardRef(Base)
                 aria-hidden="true"
                 as="svg"
-                className="ds-svg-icon--arrow ds-svg-icon"
+                className="ds-svg-icon--chevron ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
                 <svg
                   aria-hidden="true"
-                  className="ds-svg-icon--arrow ds-svg-icon"
+                  className="ds-svg-icon--chevron ds-svg-icon"
                   focusable="false"
                   viewBox="0 0 24 24"
                 >
-                  <arrow
+                  <chevron
                     direction="down"
                   >
                     <path
                       d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
                     />
-                  </arrow>
+                  </chevron>
                 </svg>
               </ForwardRef(Base)>
             </ForwardRef(SvgIcon)>

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>