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

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

@@ -6,11 +6,11 @@ exports[`renders the AutoCompleteResultList with index props 1`] = `
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-autocomplete__option"
+    className="ds-autocomplete__option"
     tabIndex={-1}
   >
     <li
-      className="govgr-autocomplete__option"
+      className="ds-autocomplete__option"
       tabIndex={-1}
     >
       Hello
@@ -26,11 +26,11 @@ exports[`renders the AutoCompleteResultList with isVisible isFocused props 1`] =
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-autocomplete__option--odd govgr-autocomplete__option"
+    className="ds-autocomplete__option--odd ds-autocomplete__option"
     tabIndex={-1}
   >
     <li
-      className="govgr-autocomplete__option--odd govgr-autocomplete__option"
+      className="ds-autocomplete__option--odd ds-autocomplete__option"
       tabIndex={-1}
     >
       Hello
@@ -47,11 +47,11 @@ exports[`renders the AutoCompleteResultList with isVisible isHovered isFocused p
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-autocomplete__option--odd govgr-autocomplete__option--focused govgr-autocomplete__option"
+    className="ds-autocomplete__option--odd ds-autocomplete__option--focused ds-autocomplete__option"
     tabIndex={-1}
   >
     <li
-      className="govgr-autocomplete__option--odd govgr-autocomplete__option--focused govgr-autocomplete__option"
+      className="ds-autocomplete__option--odd ds-autocomplete__option--focused ds-autocomplete__option"
       tabIndex={-1}
     >
       Hello
@@ -64,11 +64,11 @@ exports[`renders the AutoCompleteResultList with no props 1`] = `
 <ForwardRef(AutoCompleteResultListItem)>
   <ForwardRef(Base)
     as="li"
-    className="govgr-autocomplete__option"
+    className="ds-autocomplete__option"
     tabIndex={-1}
   >
     <li
-      className="govgr-autocomplete__option"
+      className="ds-autocomplete__option"
       tabIndex={-1}
     >
       Hello

package/AutoCompleteResultListItem/index.js

@@ -22,7 +22,7 @@ export var AutoCompleteResultListItem = /*#__PURE__*/React.forwardRef(function A
     as: "li",
     ref: ref,
     tabIndex: -1,
-    className: clsx(className, (index && index % 2 === 1 ? true : false) && 'govgr-autocomplete__option--odd', isHovered === null && isFocused && 'govgr-autocomplete__option--focused', empty && 'govgr-autocomplete__option--empty', true && 'govgr-autocomplete__option')
+    className: clsx(className, (index && index % 2 === 1 ? true : false) && 'ds-autocomplete__option--odd', isHovered === null && isFocused && 'ds-autocomplete__option--focused', empty && 'ds-autocomplete__option--empty', true && 'ds-autocomplete__option')
   }, props), children);
 });
 export default AutoCompleteResultListItem;

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

@@ -6,13 +6,13 @@ exports[`renders the AdminContainer with no props 1`] = `
     aria-atomic="true"
     aria-live="polite"
     as="div"
-    className="govgr-autocomplete__status"
+    className="ds-autocomplete__status"
     role="status"
   >
     <div
       aria-atomic="true"
       aria-live="polite"
-      className="govgr-autocomplete__status"
+      className="ds-autocomplete__status"
       role="status"
     >
       hello

package/AutoCompleteStatus/index.js

@@ -15,7 +15,7 @@ export var AutoCompleteStatus = /*#__PURE__*/React.forwardRef(function AutoCompl
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-autocomplete__status'),
+    className: clsx(className, true && 'ds-autocomplete__status'),
     role: "status",
     "aria-atomic": "true",
     "aria-live": "polite"

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

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

package/AutoCompleteStatusWrapper/index.js

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

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

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

package/AutoCompleteWrapper/index.js

@@ -16,7 +16,7 @@ export var AutoCompleteWrapper = /*#__PURE__*/React.forwardRef(function AutoComp
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, width === '33.3%' && 'govgr-!-width-one-third', width === '66.6%' && 'govgr-!-width-two-thirds', width === 'full' && 'govgr-!-width-full', width === '25%' && 'govgr-!-width-one-quarter', width === '50%' && 'govgr-!-width-one-half', width === '75%' && 'govgr-!-width-three-quarters', true && 'govgr-autocomplete__wrapper')
+    className: clsx(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-autocomplete__wrapper')
   }, props), children);
 });
 export default AutoCompleteWrapper;

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

@@ -6,14 +6,14 @@ exports[`renders the BackLink with href="#" 1`] = `
 >
   <ForwardRef(Base)
     as="a"
-    className="govgr-back-link"
+    className="ds-back-link"
     href="#"
     onClick={[Function]}
     printHidden={true}
     tabIndex={0}
   >
     <a
-      className="govgr-back-link govgr-print-hidden"
+      className="ds-back-link ds-print-hidden"
       href="#"
       onClick={[Function]}
       tabIndex={0}
@@ -26,18 +26,18 @@ exports[`renders the BackLink with href="#" 1`] = `
           icon="caret"
         >
           <ForwardRef(SvgIcon)
-            className="govgr-svg-icon--caret"
+            className="ds-svg-icon--caret"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="govgr-svg-icon--caret govgr-svg-icon"
+              className="ds-svg-icon--caret ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="govgr-svg-icon--caret govgr-svg-icon"
+                className="ds-svg-icon--caret ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >
@@ -63,13 +63,13 @@ exports[`renders the BackLink with no props 1`] = `
 <ForwardRef(BackLink)>
   <ForwardRef(Base)
     as="a"
-    className="govgr-back-link"
+    className="ds-back-link"
     onClick={[Function]}
     printHidden={true}
     tabIndex={0}
   >
     <a
-      className="govgr-back-link govgr-print-hidden"
+      className="ds-back-link ds-print-hidden"
       onClick={[Function]}
       tabIndex={0}
     >
@@ -81,18 +81,18 @@ exports[`renders the BackLink with no props 1`] = `
           icon="caret"
         >
           <ForwardRef(SvgIcon)
-            className="govgr-svg-icon--caret"
+            className="ds-svg-icon--caret"
           >
             <ForwardRef(Base)
               aria-hidden="true"
               as="svg"
-              className="govgr-svg-icon--caret govgr-svg-icon"
+              className="ds-svg-icon--caret ds-svg-icon"
               focusable="false"
               viewBox="0 0 24 24"
             >
               <svg
                 aria-hidden="true"
-                className="govgr-svg-icon--caret govgr-svg-icon"
+                className="ds-svg-icon--caret ds-svg-icon"
                 focusable="false"
                 viewBox="0 0 24 24"
               >

package/BackLink/index.js

@@ -26,7 +26,7 @@ export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref)
       !href && window.history.back();
     },
     ref: ref,
-    className: clsx(className, true && 'govgr-back-link'),
+    className: clsx(className, true && 'ds-back-link'),
     tabIndex: 0
   }, props), _ref2, children);
 });

package/BackToTopContainer/index.js

@@ -15,9 +15,9 @@ export var BackToTopContainer = /*#__PURE__*/React.forwardRef(function BackToTop
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, persistent && 'govgr-back-to-top--persistent', true && 'govgr-back-to-top')
+    className: clsx(className, persistent && 'ds-back-to-top--persistent', true && 'ds-back-to-top')
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: clsx(true && 'govgr-back-to-top-content')
+    className: clsx(true && 'ds-back-to-top-content')
   }, children));
 });
 export default BackToTopContainer;

package/BackToTopLink/index.js

@@ -22,7 +22,7 @@ export var BackToTopLink = /*#__PURE__*/React.forwardRef(function BackToTopLink(
     as: "a",
     printHidden: printHidden,
     ref: ref,
-    className: clsx(className, true && 'govgr-back-to-top-link'),
+    className: clsx(className, true && 'ds-back-to-top-link'),
     tabIndex: 0
   }, props), _ref2, children);
 });

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

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

package/BannerContainer/index.js

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

package/Base/index.js

@@ -48,7 +48,7 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var Component = as || 'span';
   return /*#__PURE__*/React.createElement(Component, _extends({
-    className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "govgr-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "govgr-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "govgr-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "govgr-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "govgr-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "govgr-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "govgr-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "govgr-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "govgr-p-".concat(padding), (margin !== undefined ? true : undefined) && "govgr-m-".concat(margin), printVisible === 'inline' && 'govgr-print-visible-inline', printVisible === 'block' && 'govgr-print-visible-block', !!printHidden && 'govgr-print-hidden', !!xsUpHidden && 'govgr-hidden-xs--up', !!smUpHidden && 'govgr-hidden-sm--up', !!mdUpHidden && 'govgr-hidden-md--up', !!lgUpHidden && 'govgr-hidden-lg--up', !!xlUpHidden && 'govgr-hidden-xl--up', !!xsHidden && 'govgr-hidden-xs', !!smHidden && 'govgr-hidden-sm', !!mdHidden && 'govgr-hidden-md', !!lgHidden && 'govgr-hidden-lg', !!xlHidden && 'govgr-hidden-xl', !!hidden && 'govgr-hidden'),
+    className: clsx(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs--up', !!smUpHidden && 'ds-hidden-sm--up', !!mdUpHidden && 'ds-hidden-md--up', !!lgUpHidden && 'ds-hidden-lg--up', !!xlUpHidden && 'ds-hidden-xl--up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
     ref: ref
   }, props), children);
 });

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

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

package/Blockquote/index.js

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

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

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

package/Bottom/index.js

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

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

@@ -3,10 +3,10 @@
 exports[`renders the BottomInfo with no props 1`] = `
 <ForwardRef(BottomInfo)>
   <ForwardRef(Container)
-    className="govgr-bottom-info"
+    className="ds-bottom-info"
   >
     <ForwardRef(Grid)
-      className="govgr-bottom-info govgr-container"
+      className="ds-bottom-info ds-container"
       container={true}
       spacing={
         Object {
@@ -16,10 +16,10 @@ exports[`renders the BottomInfo with no props 1`] = `
     >
       <ForwardRef(Base)
         as="div"
-        className="govgr-bottom-info govgr-container govgr-gap-sm-12 govgr-grid"
+        className="ds-bottom-info ds-container ds-gap-sm-12 ds-grid"
       >
         <div
-          className="govgr-bottom-info govgr-container govgr-gap-sm-12 govgr-grid"
+          className="ds-bottom-info ds-container ds-gap-sm-12 ds-grid"
         >
           hello
         </div>

package/BottomInfo/index.js

@@ -13,7 +13,7 @@ export var BottomInfo = /*#__PURE__*/React.forwardRef(function BottomInfo(_ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-bottom-info')
+    className: clsx(className, true && 'ds-bottom-info')
   }, props), children);
 });
 export default BottomInfo;

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

@@ -3,10 +3,10 @@
 exports[`renders the BottomInfoContainer with no props 1`] = `
 <ForwardRef(BottomInfoContainer)>
   <ForwardRef(Container)
-    className="govgr-bottom-info__container"
+    className="ds-bottom-info__container"
   >
     <ForwardRef(Grid)
-      className="govgr-bottom-info__container govgr-container"
+      className="ds-bottom-info__container ds-container"
       container={true}
       spacing={
         Object {
@@ -16,10 +16,10 @@ exports[`renders the BottomInfoContainer with no props 1`] = `
     >
       <ForwardRef(Base)
         as="div"
-        className="govgr-bottom-info__container govgr-container govgr-gap-sm-12 govgr-grid"
+        className="ds-bottom-info__container ds-container ds-gap-sm-12 ds-grid"
       >
         <div
-          className="govgr-bottom-info__container govgr-container govgr-gap-sm-12 govgr-grid"
+          className="ds-bottom-info__container ds-container ds-gap-sm-12 ds-grid"
         >
           hello
         </div>

package/BottomInfoContainer/index.js

@@ -13,7 +13,7 @@ export var BottomInfoContainer = /*#__PURE__*/React.forwardRef(function BottomIn
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-bottom-info__container')
+    className: clsx(className, true && 'ds-bottom-info__container')
   }, props), children);
 });
 export default BottomInfoContainer;

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

@@ -3,16 +3,16 @@
 exports[`renders the BottomInfoContent with no props 1`] = `
 <ForwardRef(BottomInfoContent)>
   <ForwardRef(Grid)
-    className="govgr-bottom-info__content"
+    className="ds-bottom-info__content"
     item={true}
     xs={12}
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-bottom-info__content xs:govgr-grid__col-span-12"
+      className="ds-bottom-info__content xs:ds-grid__col-span-12"
     >
       <div
-        className="govgr-bottom-info__content xs:govgr-grid__col-span-12"
+        className="ds-bottom-info__content xs:ds-grid__col-span-12"
       >
         hello
       </div>

package/BottomInfoContent/index.js

@@ -18,7 +18,7 @@ export var BottomInfoContent = /*#__PURE__*/React.forwardRef(function BottomInfo
     item: true,
     xs: xs,
     ref: ref,
-    className: clsx(className, true && 'govgr-bottom-info__content')
+    className: clsx(className, true && 'ds-bottom-info__content')
   }, props), children);
 });
 export default BottomInfoContent;

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

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

package/Breadcrumbs/index.js

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

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

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

package/BreadcrumbsList/index.js

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

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

@@ -6,13 +6,13 @@ exports[`renders the BreadcrumbsListItem with href 1`] = `
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-breadcrumbs__list-item"
+    className="ds-breadcrumbs__list-item"
   >
     <li
-      className="govgr-breadcrumbs__list-item"
+      className="ds-breadcrumbs__list-item"
     >
       <a
-        className="govgr-breadcrumbs__link"
+        className="ds-breadcrumbs__link"
         href="#"
       >
         hello
@@ -26,13 +26,13 @@ exports[`renders the BreadcrumbsListItem with no props 1`] = `
 <ForwardRef(BreadcrumbsListItem)>
   <ForwardRef(Base)
     as="li"
-    className="govgr-breadcrumbs__list-item"
+    className="ds-breadcrumbs__list-item"
   >
     <li
-      className="govgr-breadcrumbs__list-item"
+      className="ds-breadcrumbs__list-item"
     >
       <a
-        className="govgr-breadcrumbs__link"
+        className="ds-breadcrumbs__link"
       >
         hello
       </a>

package/BreadcrumbsListItem/index.js

@@ -16,10 +16,10 @@ export var BreadcrumbsListItem = /*#__PURE__*/React.forwardRef(function Breadcru
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "li",
     ref: ref,
-    className: clsx(className, true && 'govgr-breadcrumbs__list-item')
+    className: clsx(className, true && 'ds-breadcrumbs__list-item')
   }, props), /*#__PURE__*/React.createElement("a", {
     href: href,
-    className: clsx(true && 'govgr-breadcrumbs__link')
+    className: clsx(true && 'ds-breadcrumbs__link')
   }, children));
 });
 export default BreadcrumbsListItem;