@digigov/ui 1.1.5-496927f3 → 1.2.0-a7ffb5dc

package/cjs/navigation/Link/__snapshots__/index.spec.tsx.snap

@@ -23,11 +23,11 @@ exports[`renders the Link 1`] = `
   >
     <ForwardRef(Base)
       as="a"
-      className="govgr-link"
+      className="ds-link"
       href=""
     >
       <a
-        className="govgr-link"
+        className="ds-link"
         href=""
       >
         hello

package/cjs/typography/Heading/__stories__/Default/index.js

@@ -7,23 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Heading = require("@digigov/ui/typography/Heading");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, null, " govgr-heading-xl ");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, null, " ds-heading-xl ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "lg",
   element: "h2"
-}, "govgr-heading-lg");
+}, "ds-heading-lg");
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "md",
   element: "h3"
-}, "govgr-heading-md");
+}, "ds-heading-md");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "sm",
   element: "h4"
-}, "govgr-heading-sm");
+}, "ds-heading-sm");
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "xs",
   element: "h5"
-}, "govgr-heading-xs");
+}, "ds-heading-xs");
 var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5);
 };

package/cjs/typography/HeadingCaption/__stories__/Default/index.js

@@ -10,25 +10,25 @@ var _Heading = require("@digigov/ui/typography/Heading");
 var _HeadingCaption = require("@digigov/ui/typography/HeadingCaption");
 var _ref = /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, {
   size: "xl"
-}, "caption for govgr-heading-xl ");
+}, "caption for ds-heading-xl ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "lg",
   element: "h2"
-}, ' ', "govgr-heading-xl", ' ');
+}, ' ', "ds-heading-xl", ' ');
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, {
   size: "lg"
-}, "caption for govgr-heading-lg ");
+}, "caption for ds-heading-lg ");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "lg",
   element: "h2"
-}, ' ', "govgr-heading-lg", ' ');
+}, ' ', "ds-heading-lg", ' ');
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, {
   size: "md"
-}, "caption for govgr-heading-md ");
+}, "caption for ds-heading-md ");
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "md",
   element: "h3"
-}, ' ', "govgr-heading-md", ' ');
+}, ' ', "ds-heading-md", ' ');
 var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
 };

package/cjs/typography/HeadingCaption/__stories__/NestedToTitle/index.js

@@ -13,7 +13,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   element: "h2"
 }, /*#__PURE__*/_react["default"].createElement(_HeadingCaption.HeadingCaption, {
   size: "xl"
-}, "caption for govgr-heading-xl "), "govgr-heading-xl");
+}, "caption for ds-heading-xl "), "ds-heading-xl");
 var NestedToTitle = exports.NestedToTitle = function NestedToTitle() {
   return _ref;
 };

package/cjs/typography/Hint/__stories__/Default/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Hint = require("@digigov/ui/typography/Hint");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, " govgr-hint ");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, " ds-hint ");
 var Default = exports.Default = function Default() {
   return _ref;
 };

package/cjs/typography/Hint/__stories__/FontSizes/index.js

@@ -9,14 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _Hint = require("@digigov/ui/typography/Hint");
 var _ref = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   fontSize: 14
-}, " govgr-hint ");
+}, " ds-hint ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   fontSize: 16
-}, " govgr-hint ");
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, " govgr-hint ");
+}, " ds-hint ");
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, null, " ds-hint ");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   fontSize: 24
-}, " govgr-hint ");
+}, " ds-hint ");
 var FontSizes = exports.FontSizes = function FontSizes() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4);
 };

package/cjs/typography/NormalText/__stories__/Default/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _NormalText = require("@digigov/ui/typography/NormalText");
-var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, null, "govgr-normal-text");
+var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, null, "ds-normal-text");
 var Default = exports.Default = function Default() {
   return _ref;
 };

package/cjs/typography/NormalText/__stories__/FontSizes/index.js

@@ -10,43 +10,43 @@ var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var _NormalText = require("@digigov/ui/typography/NormalText");
 var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 14
-}, " govgr-!-font-size-14 ");
+}, " ds-!-font-size-14 ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 16
-}, " govgr-!-font-size-16 ");
+}, " ds-!-font-size-16 ");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 19
-}, " govgr-!-font-size-19 ");
+}, " ds-!-font-size-19 ");
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 24
-}, " govgr-!-font-size-24 ");
+}, " ds-!-font-size-24 ");
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 30
-}, " govgr-!-font-size-30 ");
+}, " ds-!-font-size-30 ");
 var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref11 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 48
-}, " govgr-!-font-size-48 ");
+}, " ds-!-font-size-48 ");
 var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref13 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontSize: 72
-}, " govgr-!-font-size-72 ");
+}, " ds-!-font-size-72 ");
 var FontSizes = exports.FontSizes = function FontSizes() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);
 };

package/cjs/typography/NormalText/__stories__/FontWeight/index.js

@@ -10,13 +10,13 @@ var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var _NormalText = require("@digigov/ui/typography/NormalText");
 var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontWeight: "regular"
-}, " govgr-!-font-weight-regular ");
+}, " ds-!-font-weight-regular ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   fontWeight: "bold"
-}, " govgr-!-font-weight-bold ");
+}, " ds-!-font-weight-bold ");
 var FontWeight = exports.FontWeight = function FontWeight() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
 };

package/cjs/typography/NormalText/__stories__/Variants/index.js

@@ -10,13 +10,13 @@ var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
 var _NormalText = require("@digigov/ui/typography/NormalText");
 var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   size: 'sm'
-}, " govgr-size-small ");
+}, " ds-size-small ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
   visible: false
 });
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
   size: 'lg'
-}, " govgr-size-large ");
+}, " ds-size-large ");
 var Variants = exports.Variants = function Variants() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
 };

package/cjs/typography/Paragraph/__stories__/Default/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Paragraph = require("@digigov/ui/typography/Paragraph");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "govgr-body");
+var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "ds-body");
 var Default = exports.Default = function Default() {
   return _ref;
 };

package/cjs/typography/Paragraph/__stories__/FontSizes/index.js

@@ -9,25 +9,25 @@ var _react = _interopRequireDefault(require("react"));
 var _Paragraph = require("@digigov/ui/typography/Paragraph");
 var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 14
-}, " govgr-!-font-size-14 ");
+}, " ds-!-font-size-14 ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 16
-}, " govgr-!-font-size-16 ");
+}, " ds-!-font-size-16 ");
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 19
-}, " govgr-!-font-size-19 ");
+}, " ds-!-font-size-19 ");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 24
-}, " govgr-!-font-size-24 ");
+}, " ds-!-font-size-24 ");
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 30
-}, " govgr-!-font-size-30 ");
+}, " ds-!-font-size-30 ");
 var _ref6 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 48
-}, " govgr-!-font-size-48 ");
+}, " ds-!-font-size-48 ");
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontSize: 72
-}, " govgr-!-font-size-72 ");
+}, " ds-!-font-size-72 ");
 var FontSizes = exports.FontSizes = function FontSizes() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7);
 };

package/cjs/typography/Paragraph/__stories__/FontWeight/index.js

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _Paragraph = require("@digigov/ui/typography/Paragraph");
 var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontWeight: "regular"
-}, " govgr-!-font-weight-regular ");
+}, " ds-!-font-weight-regular ");
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   fontWeight: "bold"
-}, " govgr-!-font-weight-bold ");
+}, " ds-!-font-weight-bold ");
 var FontWeight = exports.FontWeight = function FontWeight() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
 };

package/cjs/typography/Paragraph/__stories__/LeadVariant/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Paragraph = require("@digigov/ui/typography/Paragraph");
 var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   size: 'lg'
-}, "govgr-body");
+}, "ds-body");
 var LeadVariant = exports.LeadVariant = function LeadVariant() {
   return _ref;
 };

package/cjs/typography/Paragraph/__stories__/SmallVariant/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Paragraph = require("@digigov/ui/typography/Paragraph");
 var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
   size: 'sm'
-}, "govgr-body");
+}, "ds-body");
 var SmallVariant = exports.SmallVariant = function SmallVariant() {
   return _ref;
 };

package/cjs/utils/hooks/useScreen/index.js

@@ -10,7 +10,6 @@ var _react = require("react");
 var _screens = _interopRequireDefault(require("@digigov/css/screens.json"));
 var breakpointKeys = exports.breakpointKeys = Object.keys(_screens["default"]);
 var breakpointValues = exports.breakpointValues = Object.values(_screens["default"]);
-;
 function resolveScreenSize(width) {
   var breakpointIndex = 0;
   for (var _i = 0, _breakpointValues = breakpointValues; _i < _breakpointValues.length; _i++) {
@@ -33,7 +32,6 @@ function createResizeObserver() {
         listener(body.contentRect.width);
       });
     });
-    console.log('createResizeObserver');
     resizeObserver.observe(document.body);
   }
   return listeners;

package/content/Accordion/__snapshots__/index.spec.tsx.snap

@@ -4,19 +4,19 @@ exports[`renders the Accordion 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"
     >
       <withDeprecationComponent>
         <ForwardRef(AccordionSection)>
           <ForwardRef(Base)
             as="details"
-            className="govgr-accordion__section"
+            className="ds-accordion__section"
           >
             <details
-              className="govgr-accordion__section"
+              className="ds-accordion__section"
             >
               <withDeprecationComponent>
                 <Component>
@@ -24,12 +24,12 @@ exports[`renders the Accordion 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"
                       >
                         <ForwardRef(AccordionSectionSummaryHeading)
@@ -39,18 +39,18 @@ exports[`renders the Accordion 1`] = `
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"
-                            className="govgr-accordion__section-heading"
+                            className="ds-accordion__section-heading"
                             onClick={[Function]}
                             role="button"
                           >
                             <h2
                               aria-expanded={false}
-                              className="govgr-accordion__section-heading"
+                              className="ds-accordion__section-heading"
                               onClick={[Function]}
                               role="button"
                             >
                               <span
-                                className="govgr-accordion__section-button"
+                                className="ds-accordion__section-button"
                               >
                                 Βασικες Ρυθμισεις
                               </span>
@@ -66,10 +66,10 @@ exports[`renders the Accordion 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"
                     >
                       Περιεχομενο Βασικων Ρυθμισεων
                     </div>
@@ -84,10 +84,10 @@ exports[`renders the Accordion 1`] = `
         <ForwardRef(AccordionSection)>
           <ForwardRef(Base)
             as="details"
-            className="govgr-accordion__section"
+            className="ds-accordion__section"
           >
             <details
-              className="govgr-accordion__section"
+              className="ds-accordion__section"
             >
               <withDeprecationComponent>
                 <Component>
@@ -95,12 +95,12 @@ exports[`renders the Accordion 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"
                       >
                         <ForwardRef(AccordionSectionSummaryHeading)
@@ -110,18 +110,18 @@ exports[`renders the Accordion 1`] = `
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"
-                            className="govgr-accordion__section-heading"
+                            className="ds-accordion__section-heading"
                             onClick={[Function]}
                             role="button"
                           >
                             <h2
                               aria-expanded={false}
-                              className="govgr-accordion__section-heading"
+                              className="ds-accordion__section-heading"
                               onClick={[Function]}
                               role="button"
                             >
                               <span
-                                className="govgr-accordion__section-button"
+                                className="ds-accordion__section-button"
                               >
                                 Υπολοιπες Ρυθμισεις
                               </span>
@@ -137,10 +137,10 @@ exports[`renders the Accordion 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"
                     >
                       Περιεχομενο Υπολοιπων Ρυθμισεων
                     </div>

package/content/Blockquote/__snapshots__/index.spec.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the Blockquote with sample data 1`] = `
 <ForwardRef(Blockquote)>
   <ForwardRef(Base)
     as="blockquote"
-    className="govgr-blockquote"
+    className="ds-blockquote"
   >
     <blockquote
-      className="govgr-blockquote"
+      className="ds-blockquote"
     >
       this is some random data
     </blockquote>

package/content/Details/__snapshots__/index.spec.tsx.snap

@@ -4,18 +4,18 @@ exports[`renders the closed Details component 1`] = `
 <ForwardRef(Details)>
   <ForwardRef(Base)
     as="details"
-    className="govgr-details"
+    className="ds-details"
   >
     <details
-      className="govgr-details"
+      className="ds-details"
     >
       <ForwardRef(DetailsSummary)>
         <ForwardRef(Base)
           as="summary"
-          className="govgr-details__summary"
+          className="ds-details__summary"
         >
           <summary
-            className="govgr-details__summary"
+            className="ds-details__summary"
           >
             Help with nationality
           </summary>
@@ -24,10 +24,10 @@ exports[`renders the closed Details component 1`] = `
       <ForwardRef(DetailsContent)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-details__content"
+          className="ds-details__content"
         >
           <div
-            className="govgr-details__content"
+            className="ds-details__content"
           >
             We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
           </div>
@@ -44,20 +44,20 @@ exports[`renders the open Details component 1`] = `
 >
   <ForwardRef(Base)
     as="details"
-    className="govgr-details"
+    className="ds-details"
     open={true}
   >
     <details
-      className="govgr-details"
+      className="ds-details"
       open={true}
     >
       <ForwardRef(DetailsSummary)>
         <ForwardRef(Base)
           as="summary"
-          className="govgr-details__summary"
+          className="ds-details__summary"
         >
           <summary
-            className="govgr-details__summary"
+            className="ds-details__summary"
           >
             Help with nationality
           </summary>
@@ -66,10 +66,10 @@ exports[`renders the open Details component 1`] = `
       <ForwardRef(DetailsContent)>
         <ForwardRef(Base)
           as="div"
-          className="govgr-details__content"
+          className="ds-details__content"
         >
           <div
-            className="govgr-details__content"
+            className="ds-details__content"
           >
             We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
           </div>

package/content/SafeHTML/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const getClosingTags: (htmlString: any) => string[];
-interface SafeHTMLProps {
+export interface SafeHTMLProps {
     content: string;
     tags?: Array<string>;
     Tag?: string;

package/content/SafeHTML/index.js

@@ -6,14 +6,14 @@ import React, { useMemo } from 'react';
 import DomPurify from 'dompurify';
 var defaultTags = ['b', 'strong', 'sub', 'sup', 'br', 'a', 'p', 'ul', 'li', 'ol'];
 var elementClassNameMapping = {
-  a: 'govgr-link',
-  p: 'govgr-body',
-  b: 'govgr-bold',
-  strong: 'govgr-bold',
-  sub: 'govgr-sub',
-  ul: 'govgr-list govgr-list--bullet',
-  ol: 'govgr-list govgr-list--number',
-  li: 'govgr-list__item'
+  a: 'ds-link',
+  p: 'ds-body',
+  b: 'ds-bold',
+  strong: 'ds-bold',
+  sub: 'ds-sub',
+  ul: 'ds-list ds-list--bullet',
+  ol: 'ds-list ds-list--number',
+  li: 'ds-list__item'
 };
 if (typeof window !== 'undefined') {
   DomPurify.addHook('afterSanitizeAttributes', function (node) {
@@ -86,7 +86,7 @@ export var SafeHTML = function SafeHTML(_ref) {
     style: _extends({
       whiteSpace: 'break-spaces'
     }, style),
-    className: "govgr-body",
+    className: "ds-body",
     dangerouslySetInnerHTML: {
       __html: parsedHTML
     }