@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

package/content/Markdown/index.js

@@ -1,11 +1,16 @@
-import React from 'react';
-import { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';
-import SafeHTML from '@digigov/ui/content/SafeHTML';
-export var Markdown = function Markdown(children, props) {
-  var content = props.content || children;
-  var html = useMarkdownToHTML(content.content);
-  return /*#__PURE__*/React.createElement(SafeHTML, {
+import React from "react";
+import {useMarkdownToHTML} from "@digigov/ui/content/Markdown/useMarkdownToHTML";
+import SafeHTML from "@digigov/ui/content/SafeHTML";
+const Markdown = (children, props) => {
+  const content = props.content || children;
+  const html = useMarkdownToHTML(content.content);
+  return /* @__PURE__ */ React.createElement(SafeHTML, {
     content: html
   });
 };
-export default Markdown;
+var Markdown_default = Markdown;
+export {
+  Markdown,
+  Markdown_default as default
+};
+//# sourceMappingURL=index.js.map

package/content/Markdown/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Markdown/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = (children, props) => {\n  const content = props.content || children;\n\n  const html = useMarkdownToHTML(content.content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,WAAW,CAAC,UAAU,UAAU;AAC3C,QAAM,UAAU,MAAM,WAAW;AAEjC,QAAM,OAAO,kBAAkB,QAAQ;AACvC,SAAO,oCAAC,UAAD;AAAA,IAAU,SAAS;AAAA;AAAA;AAG5B,IAAO,mBAAQ;",
+  "names": []
+}

package/content/Markdown/useMarkdownToHTML/index.js

@@ -1,86 +1,87 @@
-/* eslint-disable */
-/**
- * nano-markdown - a minimal markdown to html converter
- * Copyright (c) 2015, Vladimir Antonov. (MIT Licensed)
- * https://github.com/Holixus/nano-markdown
- */
-
-// Removed IIFE
-
 "use strict";
-
-import { useMemo } from "react";
-var escapes = '\\[!]#{()}*+-._';
-var esc_ofs = 16;
+import {useMemo} from "react";
+const escapes = "\\[!]#{()}*+-._";
+const esc_ofs = 16;
 function lex(a) {
-  return a.replace(/\\([(){}[\]#*+\-.!_\\])/g, function (_, ch) {
+  return a.replace(/\\([(){}[\]#*+\-.!_\\])/g, function(_, ch) {
     return String.fromCharCode(1, escapes.indexOf(ch) + esc_ofs);
-  }).replace(/(\*\*|__|~~)(.*?)\1/g, function (_, delim, text) {
-    return delim === '~~' ? '<del>' + text + '</del>' : '<b>' + text + '</b>';
-    // @ts-ignore
-  }).replace(/(\n|^|\W)([_\*])(.*?)\2(\W|$|\n)/g, function (_, l, di, ital, r) {
-    return l + '<i>' + ital + '</i>' + r;
-  }).replace(/(!?)\[([^\]<>]+)\]\((\+?)([^ \)<>]+)(?: "([^\(\)\"]+)")?\)/g, function (_, is_img, text, new_tab, ref, title) {
-    var attrs = title ? ' title="' + title + '"' : '';
-    if (is_img) return '<img src="' + nmd.href(ref) + '" alt="' + text + '"' + attrs + '/>';
-    if (new_tab) attrs += ' target="_blank" rel="noopener"';
-    return '<a href="' + nmd.href(ref) + '"' + attrs + '>' + text + '</a>';
+  }).replace(/(\*\*|__|~~)(.*?)\1/g, function(_, delim, text) {
+    return delim === "~~" ? "<del>" + text + "</del>" : "<b>" + text + "</b>";
+  }).replace(/(\n|^|\W)([_\*])(.*?)\2(\W|$|\n)/g, function(_, l, di, ital, r) {
+    return l + "<i>" + ital + "</i>" + r;
+  }).replace(/(!?)\[([^\]<>]+)\]\((\+?)([^ \)<>]+)(?: "([^\(\)\"]+)")?\)/g, function(_, is_img, text, new_tab, ref, title) {
+    let attrs = title ? ' title="' + title + '"' : "";
+    if (is_img)
+      return '<img src="' + nmd.href(ref) + '" alt="' + text + '"' + attrs + "/>";
+    if (new_tab)
+      attrs += ' target="_blank" rel="noopener"';
+    return '<a href="' + nmd.href(ref) + '"' + attrs + ">" + text + "</a>";
   });
 }
 function unesc(a) {
-  return a.replace(/\x01([\x0f-\x1c])/g, function (_, c) {
+  return a.replace(/\x01([\x0f-\x1c])/g, function(_, c) {
     return escapes.charAt(c.charCodeAt(0) - esc_ofs);
   });
 }
-var nmd = function nmd(md) {
-  return md.replace(/.+(?:\n.+)*/g, function (m) {
-    var code = /^\s{4}([^]*)$/.exec(m);
-    if (code) return '<pre><code>' + code[1].replace(/\n    /g, '\n') + '</code></pre>';
-    var ps = [];
-    var cur = null;
-    var rows = lex(m).split('\n');
-    for (var i = 0, l = rows.length; i < l; ++i) {
-      var row = rows[i],
-        head = /^\s{0,3}(\#{1,6})\s+(.*?)\s*#*\s*$/.exec(row);
+const nmd = function(md) {
+  return md.replace(/.+(?:\n.+)*/g, function(m) {
+    const code = /^\s{4}([^]*)$/.exec(m);
+    if (code)
+      return "<pre><code>" + code[1].replace(/\n    /g, "\n") + "</code></pre>";
+    const ps = [];
+    let cur = null;
+    const rows = lex(m).split("\n");
+    for (let i = 0, l = rows.length; i < l; ++i) {
+      const row = rows[i], head = /^\s{0,3}(\#{1,6})\s+(.*?)\s*#*\s*$/.exec(row);
       if (head) {
-        ps.push(cur = [head[2], 'h', head[1].length]);
+        ps.push(cur = [head[2], "h", head[1].length]);
         continue;
       }
-      var list = /^(\s*)(?:[-*]|(\d[.)])) (.+)$/.exec(row);
-      if (list) ps.push(cur = [list[3], list[2] ? 'ol' : 'ul', list[1].length]);else if (/^\s{0,3}([-])(\s*\1){2,}\s*$/.test(row)) ps.push(cur = ['', 'hr']);else if (cur && cur[1] !== 'hr' && cur[1] !== 'h') cur[0] += '\n' + row;else ps.push(cur = [row, 'span', '']);
+      const list = /^(\s*)(?:[-*]|(\d[.)])) (.+)$/.exec(row);
+      if (list)
+        ps.push(cur = [list[3], list[2] ? "ol" : "ul", list[1].length]);
+      else if (/^\s{0,3}([-])(\s*\1){2,}\s*$/.test(row))
+        ps.push(cur = ["", "hr"]);
+      else if (cur && cur[1] !== "hr" && cur[1] !== "h")
+        cur[0] += "\n" + row;
+      else
+        ps.push(cur = [row, "span", ""]);
     }
-    var out = '',
-      lists = [];
-    for (var _i = 0, _l = ps.length; _i < _l; ++_i) {
-      cur = ps[_i];
-      var text = cur[0],
-        tag = cur[1],
-        lvl = cur[2];
-      if (tag === 'ul' || tag === 'ol') {
+    let out = "", lists = [];
+    for (let i = 0, l = ps.length; i < l; ++i) {
+      cur = ps[i];
+      const text = cur[0], tag = cur[1], lvl = cur[2];
+      if (tag === "ul" || tag === "ol") {
         if (!lists.length || lvl > lists[0][1]) {
           lists.unshift([tag, lvl]);
-          out += '<' + lists[0][0] + '><li>' + text;
+          out += "<" + lists[0][0] + "><li>" + text;
         } else if (lists.length > 1 && lvl <= lists[1][1]) {
-          out += '</li></' + lists.shift()[0] + '>';
-          --_i;
-        } else out += '</li><li>' + text;
+          out += "</li></" + lists.shift()[0] + ">";
+          --i;
+        } else
+          out += "</li><li>" + text;
       } else {
-        while (lists.length) out += '</li></' + lists.shift()[0] + '>';
-        out += tag === 'hr' ? '<hr/>' : '<' + tag + lvl + nmd.headAttrs() + '>' + text + '</' + tag + lvl + '>';
+        while (lists.length)
+          out += "</li></" + lists.shift()[0] + ">";
+        out += tag === "hr" ? "<hr/>" : "<" + tag + lvl + nmd.headAttrs() + ">" + text + "</" + tag + lvl + ">";
       }
     }
-    while (lists.length) out += '</li></' + lists.shift()[0] + '>';
+    while (lists.length)
+      out += "</li></" + lists.shift()[0] + ">";
     return unesc(out);
   });
 };
-nmd.href = function (ref) {
+nmd.href = function(ref) {
   return ref;
 };
-nmd.headAttrs = function () {
-  return '';
+nmd.headAttrs = function() {
+  return "";
 };
-export function useMarkdownToHTML(markdown) {
-  return useMemo(function () {
-    return nmd(markdown);
-  }, [markdown]);
-}
+function useMarkdownToHTML(markdown) {
+  return useMemo(() => nmd(markdown), [markdown]);
+}
+"use strict";
+export {
+  useMarkdownToHTML
+};
+//# sourceMappingURL=useMarkdownToHTML.js.map

package/content/Markdown/useMarkdownToHTML.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Markdown/useMarkdownToHTML.ts"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * nano-markdown - a minimal markdown to html converter\n * Copyright (c) 2015, Vladimir Antonov. (MIT Licensed)\n * https://github.com/Holixus/nano-markdown\n */\n\n// Removed IIFE\n\n\"use strict\";\n\nimport { useMemo } from \"react\";\n\nconst escapes = '\\\\[!]#{()}*+-._';\nconst esc_ofs = 16;\n\nfunction lex(a) {\n    return a.replace(/\\\\([(){}[\\]#*+\\-.!_\\\\])/g, function (_, ch) {\n        return String.fromCharCode(1, escapes.indexOf(ch) + esc_ofs);\n    }).replace(/(\\*\\*|__|~~)(.*?)\\1/g, function (_, delim, text) {\n        return (delim === '~~') ? '<del>' + text + '</del>' : '<b>' + text + '</b>';\n    // @ts-ignore\n    }).replace(/(\\n|^|\\W)([_\\*])(.*?)\\2(\\W|$|\\n)/g, function (_, l, di, ital, r) {\n        return l + '<i>' + ital + '</i>' + r;\n    }).replace(/(!?)\\[([^\\]<>]+)\\]\\((\\+?)([^ \\)<>]+)(?: \"([^\\(\\)\\\"]+)\")?\\)/g, function (_, is_img, text, new_tab, ref, title) {\n        let attrs = title ? ' title=\"' + title + '\"' : '';\n        if (is_img)\n            return '<img src=\"' + nmd.href(ref) + '\" alt=\"' + text + '\"' + attrs + '/>';\n        if (new_tab)\n            attrs += ' target=\"_blank\" rel=\"noopener\"';\n        return '<a href=\"' + nmd.href(ref) + '\"' + attrs + '>' + text + '</a>';\n    });\n}\n\nfunction unesc(a) {\n    return a.replace(/\\x01([\\x0f-\\x1c])/g, function (_, c) {\n        return escapes.charAt(c.charCodeAt(0) - esc_ofs);\n    });\n}\n\nconst nmd = function (md) {\n    return md.replace(/.+(?:\\n.+)*/g, function (m) {\n        const code = /^\\s{4}([^]*)$/.exec(m);\n        if (code)\n            return '<pre><code>' + code[1].replace(/\\n    /g, '\\n') + '</code></pre>';\n        const ps:any[] = []\n        let cur:any = null\n        const rows = lex(m).split('\\n');\n        for (let i = 0, l = rows.length; i < l; ++i) {\n            const row = rows[i],\n                head = /^\\s{0,3}(\\#{1,6})\\s+(.*?)\\s*#*\\s*$/.exec(row);\n            if (head) {\n                ps.push(cur = [head[2], 'h', head[1].length]);\n                continue;\n            }\n            const list = /^(\\s*)(?:[-*]|(\\d[.)])) (.+)$/.exec(row);\n            if (list)\n                ps.push(cur = [list[3], list[2] ? 'ol' : 'ul', list[1].length]);\n            else if (/^\\s{0,3}([-])(\\s*\\1){2,}\\s*$/.test(row))\n                ps.push(cur = ['', 'hr']);\n            else if (cur && cur[1] !== 'hr' && cur[1] !== 'h')\n                cur[0] += '\\n' + row;\n            else\n                ps.push(cur = [row, 'span', '']);\n        }\n        let out = '', lists:any = [];\n        for (let i = 0, l = ps.length; i < l; ++i) {\n            cur = ps[i];\n            const text = cur[0], tag = cur[1], lvl = cur[2];\n            if (tag === 'ul' || tag === 'ol') {\n                if (!lists.length || lvl > lists[0][1]) {\n                    lists.unshift([tag, lvl]);\n                    out += '<' + lists[0][0] + '><li>' + text;\n                } else if (lists.length > 1 && lvl <= lists[1][1]) {\n                    out += '</li></' + lists.shift()[0] + '>';\n                    --i;\n                } else\n                    out += '</li><li>' + text;\n            } else {\n                while (lists.length)\n                    out += '</li></' + lists.shift()[0] + '>';\n                out += (tag === 'hr') ? '<hr/>' : '<' + tag + lvl + nmd.headAttrs() + '>' + text + '</' + tag + lvl + '>';\n            }\n        }\n        while (lists.length)\n            out += '</li></' + lists.shift()[0] + '>';\n        return unesc(out);\n    });\n};\n\nnmd.href = function (ref) {\n    return ref;\n};\n\nnmd.headAttrs = function () {\n    return '';\n};\n\nexport function useMarkdownToHTML(markdown) {\n    return useMemo(() => nmd(markdown), [markdown]);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/content/SafeHTML/index.d.ts

@@ -6,5 +6,5 @@ export interface SafeHTMLProps {
     Tag?: string;
     style?: React.CSSProperties;
 }
-export declare const SafeHTML: ({ content, tags, Tag, style, }: SafeHTMLProps) => JSX.Element;
+export declare const SafeHTML: ({ content, tags, Tag, ...props }: SafeHTMLProps) => JSX.Element;
 export default SafeHTML;

package/content/SafeHTML/index.js

@@ -1,95 +1,85 @@
-import _extends from "@babel/runtime/helpers/extends";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import React, { useMemo } from 'react';
-import DomPurify from 'dompurify';
-var defaultTags = ['b', 'strong', 'sub', 'sup', 'br', 'a', 'p', 'ul', 'li', 'ol'];
-var elementClassNameMapping = {
-  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'
+import React, {useMemo} from "react";
+import DomPurify from "dompurify";
+const defaultTags = [
+  "b",
+  "strong",
+  "sub",
+  "sup",
+  "br",
+  "a",
+  "p",
+  "ul",
+  "li",
+  "ol"
+];
+const elementClassNameMapping = {
+  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) {
+if (typeof window !== "undefined") {
+  DomPurify.addHook("afterSanitizeAttributes", function(node) {
     if (node.tagName.toLowerCase() in elementClassNameMapping) {
-      node.setAttribute('class', elementClassNameMapping[node.tagName.toLowerCase()]);
+      node.setAttribute("class", elementClassNameMapping[node.tagName.toLowerCase()]);
     }
-    // set all elements owning target to target=_blank
-    if ('target' in node) {
-      node.setAttribute('target', '_blank');
-      node.setAttribute('rel', 'noopener');
+    if ("target" in node) {
+      node.setAttribute("target", "_blank");
+      node.setAttribute("rel", "noopener");
     }
   });
 }
-export var getClosingTags = function getClosingTags(htmlString) {
-  var tags = htmlString.match(/<[^>]+\/?>/g);
-  var stack = [];
+const getClosingTags = (htmlString) => {
+  const tags = htmlString.match(/<[^>]+\/?>/g);
+  const stack = [];
   if (!tags) {
     return stack;
   }
-  var _iterator = _createForOfIteratorHelper(tags),
-    _step;
-  try {
-    var _loop = function _loop() {
-      var tag = _step.value;
-      if (tag.startsWith('</') && tag.endsWith('>')) {
-        var tagName = tag.replace('</', '<');
-        // @ts-ignore
-        var openingTag = stack.findLastIndex(function (element) {
-          return element === tagName;
-        });
-        if (openingTag !== -1) {
-          stack.splice(openingTag, 1);
-        }
-      } else {
-        stack.push(tag.split(' ').length > 1 ? "".concat(tag.split(' ')[0], ">") : tag);
+  for (const tag of tags) {
+    if (tag.startsWith("</") && tag.endsWith(">")) {
+      const tagName = tag.replace("</", "<");
+      const openingTag = stack.findLastIndex((element) => element === tagName);
+      if (openingTag !== -1) {
+        stack.splice(openingTag, 1);
       }
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _loop();
+    } else {
+      stack.push(tag.split(" ").length > 1 ? `${tag.split(" ")[0]}>` : tag);
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return stack;
 };
-export var SafeHTML = function SafeHTML(_ref) {
-  var content = _ref.content,
-    tags = _ref.tags,
-    _ref$Tag = _ref.Tag,
-    Tag = _ref$Tag === void 0 ? 'span' : _ref$Tag,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style;
+const SafeHTML = ({
+  content,
+  tags,
+  Tag = "span",
+  ...props
+}) => {
   if (tags) {
-    var _tags;
-    (_tags = tags).push.apply(_tags, defaultTags);
+    tags.push(...defaultTags);
   } else {
     tags = defaultTags;
   }
-  var parsedHTML = useMemo(function () {
+  const parsedHTML = useMemo(() => {
     return DomPurify.sanitize(content, {
       ALLOWED_TAGS: tags,
-      ADD_ATTR: ['target']
+      ADD_ATTR: ["target"]
     });
   }, [content]);
-  return /*#__PURE__*/React.createElement(Tag
-  // @ts-ignore
-  , {
-    style: _extends({
-      whiteSpace: 'break-spaces'
-    }, style),
-    className: "ds-body",
+  return /* @__PURE__ */ React.createElement(Tag, {
     dangerouslySetInnerHTML: {
       __html: parsedHTML
-    }
+    },
+    ...props
   });
 };
-export default SafeHTML;
+var SafeHTML_default = SafeHTML;
+export {
+  SafeHTML,
+  SafeHTML_default as default,
+  getClosingTags
+};
+//# sourceMappingURL=index.js.map

package/content/SafeHTML/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/SafeHTML/index.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function(node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: Array<string> = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: Array<string>;\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": "AAAA;AACA;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA;AAGN,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAS,MAAM;AAC1D,QAAI,KAAK,QAAQ,iBAAiB,yBAAyB;AACzD,WAAK,aACH,SACA,wBAAwB,KAAK,QAAQ;AAAA;AAIzC,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU;AAC5B,WAAK,aAAa,OAAO;AAAA;AAAA;AAAA;AAKxB,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM;AAC9B,QAAM,QAAuB;AAC7B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA;AAET,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,SAAS,IAAI,SAAS,MAAM;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM;AAElC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY;AAChE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY;AAAA;AAAA,WAEtB;AACL,YAAM,KAAK,IAAI,MAAM,KAAK,SAAS,IAAI,GAAG,IAAI,MAAM,KAAK,QAAQ;AAAA;AAAA;AAGrE,SAAO;AAAA;AAUF,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,KACH;AAAA,MACgB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG;AAAA,SACR;AACL,WAAO;AAAA;AAET,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC;AAAA;AAAA,KAEZ,CAAC;AACJ,SACE,oCAAC,KAAD;AAAA,IAEE,yBAAyB;AAAA,MACvB,QAAQ;AAAA;AAAA,OAEN;AAAA;AAAA;AAKV,IAAO,mBAAQ;",
+  "names": []
+}

package/content/StepNav/StepNav.stories/index.js

@@ -1,12 +1,16 @@
-import StepNav from '@digigov/ui/content/StepNav';
-export default {
-  title: 'Digigov UI/content/StepNav',
-  description: 'The step by step navigation pattern presents an end to end journey in logical steps, with links to content that helps users complete each step.',
+import StepNav from "@digigov/ui/content/StepNav";
+var StepNav_stories_default = {
+  title: "Digigov UI/content/StepNav",
+  description: "The step by step navigation pattern presents an end to end journey in logical steps, with links to content that helps users complete each step.",
   component: StepNav,
-  displayName: 'StepNav'
+  displayName: "StepNav"
 };
-export * from '@digigov/ui/content/StepNav/__stories__/Default';
-export * from '@digigov/ui/content/StepNav/__stories__/WithHints';
-export * from '@digigov/ui/content/StepNav/__stories__/WithHook';
-export * from '@digigov/ui/content/StepNav/__stories__/Dense';
-export * from '@digigov/ui/content/StepNav/__stories__/Auto';
+export * from "@digigov/ui/content/StepNav/__stories__/Default";
+export * from "@digigov/ui/content/StepNav/__stories__/WithHints";
+export * from "@digigov/ui/content/StepNav/__stories__/WithHook";
+export * from "@digigov/ui/content/StepNav/__stories__/Dense";
+export * from "@digigov/ui/content/StepNav/__stories__/Auto";
+export {
+  StepNav_stories_default as default
+};
+//# sourceMappingURL=StepNav.stories.js.map

package/content/StepNav/StepNav.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/StepNav/StepNav.stories.js"],
+  "sourcesContent": ["import StepNav from '@digigov/ui/content/StepNav';\nexport default {\n  title: 'Digigov UI/content/StepNav',\n  description:\n    'The step by step navigation pattern presents an end to end journey in logical steps, with links to content that helps users complete each step.',\n  component: StepNav,\n  displayName: 'StepNav',\n};\nexport * from '@digigov/ui/content/StepNav/__stories__/Default';\nexport * from '@digigov/ui/content/StepNav/__stories__/WithHints';\nexport * from '@digigov/ui/content/StepNav/__stories__/WithHook';\nexport * from '@digigov/ui/content/StepNav/__stories__/Dense';\nexport * from '@digigov/ui/content/StepNav/__stories__/Auto';\n"],
+  "mappings": "AAAA;AACA,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;",
+  "names": []
+}