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

package/FooterContentLogos/__snapshots__/index.test.tsx.snap

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

package/FooterContentLogos/index.js

@@ -16,7 +16,7 @@ export var FooterContentLogos = /*#__PURE__*/React.forwardRef(function FooterCon
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__content--logos')
+    className: clsx(className, true && 'ds-footer__content--logos')
   }, props), children);
 });
 export default FooterContentLogos;

package/FooterHeading/__snapshots__/index.test.tsx.snap

@@ -3,20 +3,20 @@
 exports[`renders the FooterHeading with no props 1`] = `
 <ForwardRef(FooterHeading)>
   <ForwardRef(Heading)
-    className="govgr-footer__heading"
+    className="ds-footer__heading"
     element="h2"
     size="sm"
   >
     <ForwardRef(Typography)
       as="h2"
-      className="govgr-footer__heading govgr-heading-sm"
+      className="ds-footer__heading ds-heading-sm"
     >
       <ForwardRef(Base)
         as="h2"
-        className="govgr-footer__heading govgr-heading-sm"
+        className="ds-footer__heading ds-heading-sm"
       >
         <h2
-          className="govgr-footer__heading govgr-heading-sm"
+          className="ds-footer__heading ds-heading-sm"
         >
           hello
         </h2>
@@ -31,20 +31,20 @@ exports[`renders the FooterHeading with size=m 1`] = `
   size="md"
 >
   <ForwardRef(Heading)
-    className="govgr-footer__heading"
+    className="ds-footer__heading"
     element="h2"
     size="md"
   >
     <ForwardRef(Typography)
       as="h2"
-      className="govgr-footer__heading govgr-heading-md"
+      className="ds-footer__heading ds-heading-md"
     >
       <ForwardRef(Base)
         as="h2"
-        className="govgr-footer__heading govgr-heading-md"
+        className="ds-footer__heading ds-heading-md"
       >
         <h2
-          className="govgr-footer__heading govgr-heading-md"
+          className="ds-footer__heading ds-heading-md"
         >
           hello
         </h2>
@@ -59,20 +59,20 @@ exports[`renders the FooterHeading with size=s 1`] = `
   size="sm"
 >
   <ForwardRef(Heading)
-    className="govgr-footer__heading"
+    className="ds-footer__heading"
     element="h2"
     size="sm"
   >
     <ForwardRef(Typography)
       as="h2"
-      className="govgr-footer__heading govgr-heading-sm"
+      className="ds-footer__heading ds-heading-sm"
     >
       <ForwardRef(Base)
         as="h2"
-        className="govgr-footer__heading govgr-heading-sm"
+        className="ds-footer__heading ds-heading-sm"
       >
         <h2
-          className="govgr-footer__heading govgr-heading-sm"
+          className="ds-footer__heading ds-heading-sm"
         >
           hello
         </h2>

package/FooterHeading/index.js

@@ -19,7 +19,7 @@ export var FooterHeading = /*#__PURE__*/React.forwardRef(function FooterHeading(
     element: element,
     ref: ref,
     size: size,
-    className: clsx(className, true && 'govgr-footer__heading')
+    className: clsx(className, true && 'ds-footer__heading')
   }, props), children);
 });
 export default FooterHeading;

package/FooterImage/__snapshots__/index.test.tsx.snap

@@ -5,11 +5,11 @@ exports[`renders the FooterImage with no props 1`] = `
   <ForwardRef(Base)
     alt="footer logo"
     as="img"
-    className="govgr-footer__logo"
+    className="ds-footer__logo"
   >
     <img
       alt="footer logo"
-      className="govgr-footer__logo"
+      className="ds-footer__logo"
     />
   </ForwardRef(Base)>
 </ForwardRef(FooterImage)>

package/FooterImage/index.js

@@ -18,7 +18,7 @@ export var FooterImage = /*#__PURE__*/React.forwardRef(function FooterImage(_ref
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "img",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__logo')
+    className: clsx(className, true && 'ds-footer__logo')
   }, props, {
     alt: alt
   }), children);

package/FooterInfo/__snapshots__/index.test.tsx.snap

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

package/FooterInfo/index.js

@@ -16,7 +16,7 @@ export var FooterInfo = /*#__PURE__*/React.forwardRef(function FooterInfo(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__info')
+    className: clsx(className, true && 'ds-footer__info')
   }, props), children);
 });
 export default FooterInfo;

package/FooterInfoSection/__snapshots__/index.test.tsx.snap

@@ -6,10 +6,10 @@ exports[`renders the FooterInfoSection with grow=false 1`] = `
 >
   <ForwardRef(Base)
     as="section"
-    className="govgr-footer__info-section"
+    className="ds-footer__info-section"
   >
     <section
-      className="govgr-footer__info-section"
+      className="ds-footer__info-section"
     >
       hello
     </section>
@@ -23,10 +23,10 @@ exports[`renders the FooterInfoSection with grow=true 1`] = `
 >
   <ForwardRef(Base)
     as="section"
-    className="govgr-footer__info-section govgr-footer__info-section--grow"
+    className="ds-footer__info-section ds-footer__info-section--grow"
   >
     <section
-      className="govgr-footer__info-section govgr-footer__info-section--grow"
+      className="ds-footer__info-section ds-footer__info-section--grow"
     >
       hello
     </section>
@@ -38,10 +38,10 @@ exports[`renders the FooterInfoSection with no props 1`] = `
 <ForwardRef(FooterInfoSection)>
   <ForwardRef(Base)
     as="section"
-    className="govgr-footer__info-section"
+    className="ds-footer__info-section"
   >
     <section
-      className="govgr-footer__info-section"
+      className="ds-footer__info-section"
     >
       hello
     </section>

package/FooterInfoSection/index.js

@@ -15,7 +15,7 @@ export var FooterInfoSection = /*#__PURE__*/React.forwardRef(function FooterInfo
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "section",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__info-section', grow && 'govgr-footer__info-section--grow')
+    className: clsx(className, true && 'ds-footer__info-section', grow && 'ds-footer__info-section--grow')
   }, props), children);
 });
 export default FooterInfoSection;

package/FooterLink/__snapshots__/index.test.tsx.snap

@@ -6,11 +6,11 @@ exports[`renders the FooterLink with href prop 1`] = `
 >
   <ForwardRef(Base)
     as="a"
-    className="govgr-footer__link"
+    className="ds-footer__link"
     href="#"
   >
     <a
-      className="govgr-footer__link"
+      className="ds-footer__link"
       href="#"
     >
       hello
@@ -23,10 +23,10 @@ exports[`renders the FooterLink with no props 1`] = `
 <ForwardRef(FooterLink)>
   <ForwardRef(Base)
     as="a"
-    className="govgr-footer__link"
+    className="ds-footer__link"
   >
     <a
-      className="govgr-footer__link"
+      className="ds-footer__link"
     >
       hello
     </a>

package/FooterLink/index.js

@@ -14,7 +14,7 @@ export var FooterLink = /*#__PURE__*/React.forwardRef(function FooterLink(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "a",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__link')
+    className: clsx(className, true && 'ds-footer__link')
   }, props), children);
 });
 export default FooterLink;

package/FooterList/__snapshots__/index.test.tsx.snap

@@ -6,10 +6,10 @@ exports[`renders the FooterList with columns=2 1`] = `
 >
   <ForwardRef(Base)
     as="ul"
-    className="govgr-footer__list--columns-2 govgr-footer__list"
+    className="ds-footer__list--columns-2 ds-footer__list"
   >
     <ul
-      className="govgr-footer__list--columns-2 govgr-footer__list"
+      className="ds-footer__list--columns-2 ds-footer__list"
     >
       hello
     </ul>
@@ -21,10 +21,10 @@ exports[`renders the FooterList with no props 1`] = `
 <ForwardRef(FooterList)>
   <ForwardRef(Base)
     as="ul"
-    className="govgr-footer__list"
+    className="ds-footer__list"
   >
     <ul
-      className="govgr-footer__list"
+      className="ds-footer__list"
     >
       hello
     </ul>

package/FooterList/index.js

@@ -18,7 +18,7 @@ export var FooterList = /*#__PURE__*/React.forwardRef(function FooterList(_ref,
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
     ref: ref,
-    className: clsx(className, layout === 'horizontal' && 'govgr-footer__list--horizontal', layout === 'vertical' && columns === 2 && 'govgr-footer__list--columns-2', true && 'govgr-footer__list')
+    className: clsx(className, layout === 'horizontal' && 'ds-footer__list--horizontal', layout === 'vertical' && columns === 2 && 'ds-footer__list--columns-2', true && 'ds-footer__list')
   }, props), children);
 });
 export default FooterList;

package/FooterListItem/__snapshots__/index.test.tsx.snap

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

package/FooterListItem/index.js

@@ -15,7 +15,7 @@ export var FooterListItem = /*#__PURE__*/React.forwardRef(function FooterListIte
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__list-item')
+    className: clsx(className, true && 'ds-footer__list-item')
   }, props), children);
 });
 export default FooterListItem;

package/FooterNavigation/__snapshots__/index.test.tsx.snap

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

package/FooterNavigation/index.js

@@ -16,7 +16,7 @@ export var FooterNavigation = /*#__PURE__*/React.forwardRef(function FooterNavig
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__navigation')
+    className: clsx(className, true && 'ds-footer__navigation')
   }, props), children);
 });
 export default FooterNavigation;

package/FooterNavigationSection/__snapshots__/index.test.tsx.snap

@@ -7,11 +7,11 @@ exports[`renders the FooterNavigationSection with no props 1`] = `
   <ForwardRef(Base)
     aria-label="footer navigation section"
     as="section"
-    className="govgr-footer__navigation-section"
+    className="ds-footer__navigation-section"
   >
     <section
       aria-label="footer navigation section"
-      className="govgr-footer__navigation-section"
+      className="ds-footer__navigation-section"
     >
       hello
     </section>

package/FooterNavigationSection/index.js

@@ -16,7 +16,7 @@ export var FooterNavigationSection = /*#__PURE__*/React.forwardRef(function Foot
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "section",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__navigation-section')
+    className: clsx(className, true && 'ds-footer__navigation-section')
   }, props), children);
 });
 export default FooterNavigationSection;

package/Form/__snapshots__/index.test.tsx.snap

@@ -6,10 +6,10 @@ exports[`renders the Form with grid props 1`] = `
 >
   <ForwardRef(Base)
     as="form"
-    className="govgr-form govgr-grid"
+    className="ds-form ds-grid"
   >
     <form
-      className="govgr-form govgr-grid"
+      className="ds-form ds-grid"
     >
       hello
     </form>
@@ -21,10 +21,10 @@ exports[`renders the Form with no props 1`] = `
 <ForwardRef(Form)>
   <ForwardRef(Base)
     as="form"
-    className="govgr-form"
+    className="ds-form"
   >
     <form
-      className="govgr-form"
+      className="ds-form"
     >
       hello
     </form>

package/Form/index.js

@@ -17,7 +17,7 @@ export var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "form",
     ref: ref,
-    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid')
+    className: clsx(className, true && 'ds-form', grid && 'ds-grid')
   }, props), children);
 });
 export default Form;

package/FullPageBackground/__snapshots__/index.test.tsx.snap

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

package/FullPageBackground/index.js

@@ -15,7 +15,7 @@ export var FullPageBackground = /*#__PURE__*/React.forwardRef(function FullPageB
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-full-page-background')
+    className: clsx(className, true && 'ds-full-page-background')
   }, props), children);
 });
 export default FullPageBackground;