@digigov/react-core 1.2.1-496927f3 → 1.3.0-01ea6f24

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

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

package/Accordion/index.js

@@ -20,7 +20,7 @@ export var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, re
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, horizontalBorders === 'bottom' && 'govgr-accordion--border-bottom', horizontalBorders === 'none' && 'govgr-accordion--no-border', summaryColor === 'secondary' && 'govgr-accordion--secondary', horizontalBorders === 'top' && 'govgr-accordion--border-top', dense && 'govgr-accordion--dense', true && 'govgr-accordion')
+    className: clsx(className, horizontalBorders === 'bottom' && 'ds-accordion--border-bottom', horizontalBorders === 'none' && 'ds-accordion--no-border', summaryColor === 'secondary' && 'ds-accordion--secondary', horizontalBorders === 'top' && 'ds-accordion--border-top', dense && 'ds-accordion--dense', true && 'ds-accordion')
   }, props), children);
 });
 export default Accordion;

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

@@ -4,10 +4,10 @@ exports[`renders the AccordionControls with button 1`] = `
 <ForwardRef(AccordionControls)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-accordion__controls"
+    className="ds-accordion__controls"
   >
     <div
-      className="govgr-accordion__controls"
+      className="ds-accordion__controls"
     >
       <button>
         open all

package/AccordionControls/index.js

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

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

@@ -4,10 +4,10 @@ exports[`renders the AccordionSection with no props 1`] = `
 <ForwardRef(AccordionSection)>
   <ForwardRef(Base)
     as="details"
-    className="govgr-accordion__section"
+    className="ds-accordion__section"
   >
     <details
-      className="govgr-accordion__section"
+      className="ds-accordion__section"
     >
       hello
     </details>
@@ -21,11 +21,11 @@ exports[`renders the AccordionSection with open=false 1`] = `
 >
   <ForwardRef(Base)
     as="details"
-    className="govgr-accordion__section"
+    className="ds-accordion__section"
     open={false}
   >
     <details
-      className="govgr-accordion__section"
+      className="ds-accordion__section"
       open={false}
     >
       hello
@@ -40,11 +40,11 @@ exports[`renders the AccordionSection with open=true 1`] = `
 >
   <ForwardRef(Base)
     as="details"
-    className="govgr-accordion__section"
+    className="ds-accordion__section"
     open={true}
   >
     <details
-      className="govgr-accordion__section"
+      className="ds-accordion__section"
       open={true}
     >
       hello

package/AccordionSection/index.js

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

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

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

package/AccordionSectionContent/index.js

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

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

@@ -5,12 +5,12 @@ exports[`renders the AccordionSectionSummary with no props 1`] = `
   <ForwardRef(Base)
     aria-level={2}
     as="summary"
-    className="govgr-accordion__section-summary"
+    className="ds-accordion__section-summary"
     role="heading"
   >
     <summary
       aria-level={2}
-      className="govgr-accordion__section-summary"
+      className="ds-accordion__section-summary"
       role="heading"
     >
       hello

package/AccordionSectionSummary/index.js

@@ -14,7 +14,7 @@ export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function Acco
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-summary'),
+    className: clsx(className, true && 'ds-accordion__section-summary'),
     role: "heading",
     "aria-level": 2
   }, props), children);

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

@@ -4,15 +4,15 @@ exports[`renders the AccordionSectionSummaryHeading with no props 1`] = `
 <ForwardRef(AccordionSectionSummaryHeading)>
   <ForwardRef(Base)
     as="h2"
-    className="govgr-accordion__section-heading"
+    className="ds-accordion__section-heading"
     role="button"
   >
     <h2
-      className="govgr-accordion__section-heading"
+      className="ds-accordion__section-heading"
       role="button"
     >
       <span
-        className="govgr-accordion__section-button"
+        className="ds-accordion__section-button"
       >
         hello
       </span>

package/AccordionSectionSummaryHeading/index.js

@@ -14,11 +14,11 @@ export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(functi
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "h2",
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-heading')
+    className: clsx(className, true && 'ds-accordion__section-heading')
   }, props, {
     role: "button"
   }), /*#__PURE__*/React.createElement("span", {
-    className: clsx(true && 'govgr-accordion__section-button')
+    className: clsx(true && 'ds-accordion__section-button')
   }, children));
 });
 export default AccordionSectionSummaryHeading;

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

@@ -4,15 +4,15 @@ exports[`renders the AdminAside with no prop 1`] = `
 <ForwardRef(AdminAside)>
   <ForwardRef(Grid)
     as="aside"
-    className="govgr-admin-side-content"
+    className="ds-admin-side-content"
     item={true}
   >
     <ForwardRef(Base)
       as="aside"
-      className="govgr-admin-side-content"
+      className="ds-admin-side-content"
     >
       <aside
-        className="govgr-admin-side-content"
+        className="ds-admin-side-content"
       >
         hello
       </aside>

package/AdminAside/index.js

@@ -15,7 +15,7 @@ export var AdminAside = /*#__PURE__*/React.forwardRef(function AdminAside(_ref,
     as: "aside",
     ref: ref,
     item: true,
-    className: clsx(className, true && 'govgr-admin-side-content')
+    className: clsx(className, true && 'ds-admin-side-content')
   }, props), children);
 });
 export default AdminAside;

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

@@ -7,18 +7,18 @@ exports[`renders the AdminContainer with no props 1`] = `
     grid={false}
   >
     <ForwardRef(Grid)
-      className="govgr-container--full-width govgr-container"
+      className="ds-container--full-width ds-container"
       container={false}
     >
       <ForwardRef(Base)
         as="div"
-        className="govgr-container--full-width govgr-container"
+        className="ds-container--full-width ds-container"
       >
         <div
-          className="govgr-container--full-width govgr-container"
+          className="ds-container--full-width ds-container"
         >
           <div
-            className="govgr-admin-main-wrapper"
+            className="ds-admin-main-wrapper"
           >
             hello
           </div>

package/AdminContainer/index.js

@@ -18,7 +18,7 @@ export var AdminContainer = /*#__PURE__*/React.forwardRef(function AdminContaine
     grid: false,
     className: className
   }, props), /*#__PURE__*/React.createElement("div", {
-    className: clsx(true && 'govgr-admin-main-wrapper')
+    className: clsx(true && 'ds-admin-main-wrapper')
   }, children));
 });
 export default AdminContainer;

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

@@ -4,13 +4,13 @@ exports[`renders the AdminHeader with no props 1`] = `
 <ForwardRef(AdminHeader)>
   <ForwardRef(Base)
     as="header"
-    className="govgr-admin-header"
-    data-module="govgr-header"
+    className="ds-admin-header"
+    data-module="ds-header"
     role="banner"
   >
     <header
-      className="govgr-admin-header"
-      data-module="govgr-header"
+      className="ds-admin-header"
+      data-module="ds-header"
       role="banner"
     >
       hello

package/AdminHeader/index.js

@@ -15,9 +15,9 @@ export var AdminHeader = /*#__PURE__*/React.forwardRef(function AdminHeader(_ref
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "header",
     role: "banner",
-    "data-module": "govgr-header",
+    "data-module": "ds-header",
     ref: ref,
-    className: clsx(className, true && 'govgr-admin-header')
+    className: clsx(className, true && 'ds-admin-header')
   }, props), children);
 });
 export default AdminHeader;

package/AdminHeaderContent/__snapshots__/index.spec.tsx.snap

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

package/AdminHeaderContent/index.js

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

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

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

package/AdminLayout/index.js

@@ -15,7 +15,7 @@ export var AdminLayout = /*#__PURE__*/React.forwardRef(function AdminLayout(_ref
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, fullHeight && 'govgr-layout--full-height', true && 'govgr-admin-layout-wrapper')
+    className: clsx(className, fullHeight && 'ds-layout--full-height', true && 'ds-admin-layout-wrapper')
   }, props), children);
 });
 export default AdminLayout;

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

@@ -4,15 +4,15 @@ exports[`renders the AdminMain with no prop 1`] = `
 <ForwardRef(AdminMain)>
   <ForwardRef(Grid)
     as="main"
-    className="govgr-admin-main-content"
+    className="ds-admin-main-content"
     item={true}
   >
     <ForwardRef(Base)
       as="main"
-      className="govgr-admin-main-content"
+      className="ds-admin-main-content"
     >
       <main
-        className="govgr-admin-main-content"
+        className="ds-admin-main-content"
       >
         hello
       </main>

package/AdminMain/index.js

@@ -15,7 +15,7 @@ export var AdminMain = /*#__PURE__*/React.forwardRef(function AdminMain(_ref, re
     item: true,
     as: "main",
     ref: ref,
-    className: clsx(className, true && 'govgr-admin-main-content')
+    className: clsx(className, true && 'ds-admin-main-content')
   }, props), children);
 });
 export default AdminMain;

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

@@ -4,14 +4,14 @@ exports[`renders the AdminTopSection no prop 1`] = `
 <ForwardRef(AdminTopSection)>
   <ForwardRef(Grid)
     as="div"
-    className="govgr-admin-top-section"
+    className="ds-admin-top-section"
   >
     <ForwardRef(Base)
       as="div"
-      className="govgr-admin-top-section"
+      className="ds-admin-top-section"
     >
       <div
-        className="govgr-admin-top-section"
+        className="ds-admin-top-section"
       >
         hello
       </div>

package/AdminTopSection/index.js

@@ -18,7 +18,7 @@ export var AdminTopSection = /*#__PURE__*/React.forwardRef(function AdminTopSect
   return /*#__PURE__*/React.createElement(Grid, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, color === 'secondary' && 'govgr-admin-top-section--secondary', border && 'govgr-admin-top-section--border', true && 'govgr-admin-top-section')
+    className: clsx(className, color === 'secondary' && 'ds-admin-top-section--secondary', border && 'ds-admin-top-section--border', true && 'ds-admin-top-section')
   }, props), children);
 });
 export default AdminTopSection;

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

@@ -4,7 +4,7 @@ exports[`renders the Aside with no props 1`] = `
 <ForwardRef(Aside)>
   <ForwardRef(Grid)
     as="aside"
-    className="govgr-aside"
+    className="ds-aside"
     item={true}
     md={4}
     spacing={4}
@@ -12,10 +12,10 @@ exports[`renders the Aside with no props 1`] = `
   >
     <ForwardRef(Base)
       as="aside"
-      className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
+      className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
     >
       <aside
-        className="govgr-aside xs:govgr-grid__col-span-12 md:govgr-grid__col-span-4"
+        className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
       >
         hello
       </aside>

package/Aside/index.js

@@ -22,7 +22,7 @@ export var Aside = /*#__PURE__*/React.forwardRef(function Aside(_ref, ref) {
     spacing: 4,
     as: "aside",
     ref: ref,
-    className: clsx(className, fullHeight && 'govgr-aside--full-height', sticky && 'govgr-aside--sticky', true && 'govgr-aside')
+    className: clsx(className, fullHeight && 'ds-aside--full-height', sticky && 'ds-aside--sticky', true && 'ds-aside')
   }, props), children);
 });
 export default Aside;

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

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

package/AutoCompleteAssistiveHint/index.js

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

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

@@ -4,11 +4,11 @@ exports[`renders the AutoCompleteInput with no props 1`] = `
 <ForwardRef(AutoCompleteInput)>
   <ForwardRef(Base)
     as="input"
-    className="govgr-autocomplete__input--default govgr-autocomplete__input"
+    className="ds-autocomplete__input--default ds-autocomplete__input"
     type="text"
   >
     <input
-      className="govgr-autocomplete__input--default govgr-autocomplete__input"
+      className="ds-autocomplete__input--default ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
@@ -21,11 +21,11 @@ exports[`renders the AutoCompleteInput with showAllValues 1`] = `
 >
   <ForwardRef(Base)
     as="input"
-    className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input"
+    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
     type="text"
   >
     <input
-      className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input"
+      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
@@ -38,11 +38,11 @@ exports[`renders the AutoCompleteInput with showAllValues 2`] = `
 >
   <ForwardRef(Base)
     as="input"
-    className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input"
+    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
     type="text"
   >
     <input
-      className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input"
+      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
@@ -56,11 +56,11 @@ exports[`renders the AutoCompleteInput with showAllValues isFocused 1`] = `
 >
   <ForwardRef(Base)
     as="input"
-    className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input--focused govgr-autocomplete__input"
+    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
     type="text"
   >
     <input
-      className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input--focused govgr-autocomplete__input"
+      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
@@ -75,12 +75,12 @@ exports[`renders the AutoCompleteInput with showAllValues isFocused name props 1
 >
   <ForwardRef(Base)
     as="input"
-    className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input--focused govgr-autocomplete__input"
+    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
     name="some-name"
     type="text"
   >
     <input
-      className="govgr-autocomplete__input--show-all-values govgr-autocomplete__input--focused govgr-autocomplete__input"
+      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
       name="some-name"
       type="text"
     />

package/AutoCompleteInput/index.js

@@ -20,7 +20,7 @@ export var AutoCompleteInput = /*#__PURE__*/React.forwardRef(function AutoComple
     type: "text",
     name: name,
     ref: ref,
-    className: clsx(className, showAllValues === false && 'govgr-autocomplete__input--default', showAllValues && 'govgr-autocomplete__input--show-all-values', isFocused && 'govgr-autocomplete__input--focused', true && 'govgr-autocomplete__input')
+    className: clsx(className, showAllValues === false && 'ds-autocomplete__input--default', showAllValues && 'ds-autocomplete__input--show-all-values', isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
   }, props));
 });
 export default AutoCompleteInput;

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

@@ -5,13 +5,13 @@ exports[`renders the AutoCompleteInputTypeahead with no props 1`] = `
   <span>
     <ForwardRef(Base)
       as="input"
-      className="govgr-autocomplete__hint"
+      className="ds-autocomplete__hint"
       readOnly={true}
       tabIndex={-1}
       type="text"
     >
       <input
-        className="govgr-autocomplete__hint"
+        className="ds-autocomplete__hint"
         readOnly={true}
         tabIndex={-1}
         type="text"

package/AutoCompleteInputTypeahead/index.js

@@ -18,7 +18,7 @@ export var AutoCompleteInputTypeahead = /*#__PURE__*/React.forwardRef(function A
     readOnly: true,
     ref: ref,
     tabIndex: -1,
-    className: clsx(className, true && 'govgr-autocomplete__hint')
+    className: clsx(className, true && 'ds-autocomplete__hint')
   }, props)));
 });
 export default AutoCompleteInputTypeahead;

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

@@ -7,10 +7,10 @@ exports[`renders the AutoCompleteResultList with isVisible  displayMenu="inline
 >
   <ForwardRef(Base)
     as="ul"
-    className="govgr-autocomplete__menu--inline govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+    className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
   >
     <ul
-      className="govgr-autocomplete__menu--inline govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+      className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
     >
       Hello
     </ul>
@@ -25,10 +25,10 @@ exports[`renders the AutoCompleteResultList with isVisible displayMenu="overlay
 >
   <ForwardRef(Base)
     as="ul"
-    className="govgr-autocomplete__menu--overlay govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+    className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
   >
     <ul
-      className="govgr-autocomplete__menu--overlay govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+      className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
     >
       Hello
     </ul>
@@ -42,10 +42,10 @@ exports[`renders the AutoCompleteResultList with isVisible props 1`] = `
 >
   <ForwardRef(Base)
     as="ul"
-    className="govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+    className="ds-autocomplete__menu--visible ds-autocomplete__menu"
   >
     <ul
-      className="govgr-autocomplete__menu--visible govgr-autocomplete__menu"
+      className="ds-autocomplete__menu--visible ds-autocomplete__menu"
     >
       Hello
     </ul>
@@ -57,10 +57,10 @@ exports[`renders the AutoCompleteResultList with no props 1`] = `
 <ForwardRef(List)>
   <ForwardRef(Base)
     as="ul"
-    className="govgr-autocomplete__menu--hidden govgr-autocomplete__menu"
+    className="ds-autocomplete__menu--hidden ds-autocomplete__menu"
   >
     <ul
-      className="govgr-autocomplete__menu--hidden govgr-autocomplete__menu"
+      className="ds-autocomplete__menu--hidden ds-autocomplete__menu"
     >
       Hello
     </ul>

package/AutoCompleteResultList/index.js

@@ -18,7 +18,7 @@ export var AutoCompleteResultList = /*#__PURE__*/React.forwardRef(function List(
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ul",
     ref: ref,
-    className: clsx(className, displayMenu === 'overlay' && 'govgr-autocomplete__menu--overlay', displayMenu === 'inline' && 'govgr-autocomplete__menu--inline', isVisible === false && 'govgr-autocomplete__menu--hidden', isVisible && 'govgr-autocomplete__menu--visible', true && 'govgr-autocomplete__menu')
+    className: clsx(className, displayMenu === 'overlay' && 'ds-autocomplete__menu--overlay', displayMenu === 'inline' && 'ds-autocomplete__menu--inline', isVisible === false && 'ds-autocomplete__menu--hidden', isVisible && 'ds-autocomplete__menu--visible', true && 'ds-autocomplete__menu')
   }, props), children);
 });
 export default AutoCompleteResultList;