@digigov/ui 2.0.0-a32ad9b2 → 2.0.0-a594a958

package/content/Accordion/Accordion.stories.d.ts

@@ -4,6 +4,7 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Accordion as component };
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
@@ -12,6 +13,7 @@ export namespace WithControls {
     namespace args {
         let title_1: string;
         export { title_1 as title };
+        export let variant: string;
         export let hint: boolean;
         export let hintMessage: string;
         export let content: string;
@@ -26,20 +28,29 @@ export namespace WithControls {
             }
         }
         export { title_2 as title };
-        export namespace hint_1 {
+        export namespace variant_1 {
+            export let options: string[];
             export namespace control_1 {
                 let type_1: string;
                 export { type_1 as type };
             }
             export { control_1 as control };
         }
-        export { hint_1 as hint };
-        export namespace hintMessage_1 {
+        export { variant_1 as variant };
+        export namespace hint_1 {
             export namespace control_2 {
                 let type_2: string;
                 export { type_2 as type };
             }
             export { control_2 as control };
+        }
+        export { hint_1 as hint };
+        export namespace hintMessage_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
             export namespace _if {
                 let arg: string;
                 let eq: boolean;
@@ -48,23 +59,14 @@ export namespace WithControls {
         }
         export { hintMessage_1 as hintMessage };
         export namespace content_1 {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        export { content_1 as content };
-        export namespace horizontalBorders_1 {
-            export let options: string[];
             export namespace control_4 {
                 let type_4: string;
                 export { type_4 as type };
             }
             export { control_4 as control };
         }
-        export { horizontalBorders_1 as horizontalBorders };
-        export namespace summaryColor_1 {
+        export { content_1 as content };
+        export namespace horizontalBorders_1 {
             let options_1: string[];
             export { options_1 as options };
             export namespace control_5 {
@@ -73,18 +75,30 @@ export namespace WithControls {
             }
             export { control_5 as control };
         }
-        export { summaryColor_1 as summaryColor };
-        export namespace dense_1 {
+        export { horizontalBorders_1 as horizontalBorders };
+        export namespace summaryColor_1 {
+            let options_2: string[];
+            export { options_2 as options };
             export namespace control_6 {
                 let type_6: string;
                 export { type_6 as type };
             }
             export { control_6 as control };
         }
+        export { summaryColor_1 as summaryColor };
+        export namespace dense_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
         export { dense_1 as dense };
     }
 }
 export { Default } from "@digigov/ui/content/Accordion/__stories__/Default";
+export { SummaryColorSecondary } from "@digigov/ui/content/Accordion/__stories__/SummaryColorSecondary";
+export { UsingArrowIcons } from "@digigov/ui/content/Accordion/__stories__/UsingArrowIcons";
 export { WithHints } from "@digigov/ui/content/Accordion/__stories__/WithHints";
 export { WithHook } from "@digigov/ui/content/Accordion/__stories__/WithHook";
 export { Auto } from "@digigov/ui/content/Accordion/__stories__/Auto";

package/content/Accordion/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Auto: () => React.JSX.Element;
+export declare const Auto: (_: any) => React.JSX.Element;
 export default Auto;

package/content/Accordion/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/Accordion/__stories__/SummaryColorSecondary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SummaryColorSecondary: (_: any) => React.JSX.Element;
+export default SummaryColorSecondary;

package/content/Accordion/__stories__/UsingArrowIcons.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const UsingArrowIcons: (_: any) => React.JSX.Element;
+export default UsingArrowIcons;

package/content/Accordion/__stories__/WithHints.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHints: () => React.JSX.Element;
+export declare const WithHints: (_: any) => React.JSX.Element;
 export default WithHints;

package/content/Accordion/__stories__/WithHook.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHook: () => React.JSX.Element;
+export declare const WithHook: (_: any) => React.JSX.Element;
 export default WithHook;

package/content/Blockquote/Blockquote.stories.d.ts

@@ -3,6 +3,8 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Blockquote as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/content/Blockquote/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/Blockquote/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: () => React.JSX.Element;
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/content/Card/Card.stories.d.ts

@@ -4,6 +4,7 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Card as component };
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/content/Card/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/Card/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: () => React.JSX.Element;
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/content/Card/__stories__/WithClickableContent.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithClickableContent: () => React.JSX.Element;
+export declare const WithClickableContent: (_: any) => React.JSX.Element;
 export default WithClickableContent;

package/content/Card/__stories__/WithClickableLink.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithClickableLink: () => React.JSX.Element;
+export declare const WithClickableLink: (_: any) => React.JSX.Element;
 export default WithClickableLink;

package/content/Card/__stories__/WithDarkBorder.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithDarkBorder: () => React.JSX.Element;
+export declare const WithDarkBorder: (_: any) => React.JSX.Element;
 export default WithDarkBorder;

package/content/Card/__stories__/WithDarkTopBorder.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithDarkTopBorder: () => React.JSX.Element;
+export declare const WithDarkTopBorder: (_: any) => React.JSX.Element;
 export default WithDarkTopBorder;

package/content/Card/__stories__/WithDivider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithDivider: () => React.JSX.Element;
+export declare const WithDivider: (_: any) => React.JSX.Element;
 export default WithDivider;

package/content/Card/__stories__/WithGrayBorder.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithGrayBorder: () => React.JSX.Element;
+export declare const WithGrayBorder: (_: any) => React.JSX.Element;
 export default WithGrayBorder;

package/content/Card/__stories__/WithGrayTopBorder.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithGrayTopBorder: () => React.JSX.Element;
+export declare const WithGrayTopBorder: (_: any) => React.JSX.Element;
 export default WithGrayTopBorder;

package/content/Card/__stories__/WithGroupButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithGroupButton: () => React.JSX.Element;
+export declare const WithGroupButton: (_: any) => React.JSX.Element;
 export default WithGroupButton;

package/content/Card/__stories__/WithLink.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithLink: () => React.JSX.Element;
+export declare const WithLink: (_: any) => React.JSX.Element;
 export default WithLink;

package/content/Chip/Chip.stories.d.ts

@@ -1,10 +1,13 @@
 declare namespace _default {
     export let title: string;
     export { Chip as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
 export namespace WithControls {
+    function render(args: any): React.JSX.Element;
     namespace args {
         let children: string;
         let onClick: boolean;
@@ -34,11 +37,6 @@ export namespace WithControls {
         }
         export { onDelete_1 as onDelete };
     }
-    namespace parameters {
-        namespace controls {
-            let exclude: string[];
-        }
-    }
 }
 export { Default } from "@digigov/ui/content/Chip/__stories__/Default";
 export { ClickableChip } from "@digigov/ui/content/Chip/__stories__/ClickableChip";
@@ -46,3 +44,4 @@ export { DeletableChip } from "@digigov/ui/content/Chip/__stories__/DeletableChi
 export { ClickableDeletableChip } from "@digigov/ui/content/Chip/__stories__/ClickableDeletableChip";
 export { GroupOfChips } from "@digigov/ui/content/Chip/__stories__/GroupOfChips";
 import Chip from '@digigov/ui/content/Chip';
+import React from 'react';

package/content/Chip/__stories__/ClickableChip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const ClickableChip: () => React.JSX.Element;
+export declare const ClickableChip: (_: any) => React.JSX.Element;
 export default ClickableChip;

package/content/Chip/__stories__/ClickableDeletableChip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const ClickableDeletableChip: () => React.JSX.Element;
+export declare const ClickableDeletableChip: (_: any) => React.JSX.Element;
 export default ClickableDeletableChip;

package/content/Chip/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/Chip/__stories__/DeletableChip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const DeletableChip: () => React.JSX.Element;
+export declare const DeletableChip: (_: any) => React.JSX.Element;
 export default DeletableChip;

package/content/Chip/__stories__/GroupOfChips.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const GroupOfChips: () => React.JSX.Element;
+export declare const GroupOfChips: (_: any) => React.JSX.Element;
 export default GroupOfChips;

package/content/Details/Details.stories.d.ts

@@ -3,6 +3,8 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Details as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/content/Details/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/List/List.stories.d.ts

@@ -3,6 +3,8 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { List as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/content/List/__stories__/BulletList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const BulletList: () => React.JSX.Element;
+export declare const BulletList: (_: any) => React.JSX.Element;
 export default BulletList;

package/content/List/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/List/__stories__/HorizontalList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const HorizontalList: () => React.JSX.Element;
+export declare const HorizontalList: (_: any) => React.JSX.Element;
 export default HorizontalList;

package/content/List/__stories__/NestedBulletList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const NestedBulletList: () => React.JSX.Element;
+export declare const NestedBulletList: (_: any) => React.JSX.Element;
 export default NestedBulletList;

package/content/List/__stories__/NumberedList.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const NumberedList: () => React.JSX.Element;
+export declare const NumberedList: (_: any) => React.JSX.Element;
 export default NumberedList;

package/content/List/__stories__/WithExtraSpace.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithExtraSpace: () => React.JSX.Element;
+export declare const WithExtraSpace: (_: any) => React.JSX.Element;
 export default WithExtraSpace;

package/content/Markdown/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/SafeHTML/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/SafeHTML/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 export declare const getClosingTags: (htmlString: any) => string[];
 export interface SafeHTMLProps {
     content: string;
     tags?: string[];
-    Tag?: string;
+    Tag?: keyof JSX.IntrinsicElements;
     style?: React.CSSProperties;
 }
-export declare const SafeHTML: ({ content, tags, Tag, ...props }: SafeHTMLProps) => React.JSX.Element;
+export declare const SafeHTML: ({ content, tags, Tag, ...props }: SafeHTMLProps) => JSX.Element;
 export default SafeHTML;

package/content/SafeHTML/index.js

@@ -30,7 +30,20 @@ if (typeof window !== "undefined") {
         elementClassNameMapping[node.tagName.toLowerCase()]
       );
     }
-    if ("target" in node) {
+    if (node.tagName.toLowerCase() === "a" && node.hasAttribute("href")) {
+      const href = node.getAttribute("href");
+      if (href && href.startsWith("#")) {
+        return;
+      }
+      if (href && (href.startsWith("http://") || href.startsWith("https://") || href.startsWith("//"))) {
+        const url = new URL(href, window.location.href);
+        const isInternal = url.origin === window.location.origin;
+        if (!isInternal) {
+          node.setAttribute("target", "_blank");
+          node.setAttribute("rel", "noopener noreferrer");
+        }
+      }
+    } else if (node.hasAttribute("target")) {
       node.setAttribute("target", "_blank");
       node.setAttribute("rel", "noopener");
     }
@@ -45,7 +58,13 @@ const getClosingTags = (htmlString) => {
   for (const tag of tags) {
     if (tag.startsWith("</") && tag.endsWith(">")) {
       const tagName = tag.replace("</", "<");
-      const openingTag = stack.findLastIndex((element) => element === tagName);
+      let openingTag = -1;
+      for (let i = stack.length - 1; i >= 0; i--) {
+        if (stack[i] === tagName) {
+          openingTag = i;
+          break;
+        }
+      }
       if (openingTag !== -1) {
         stack.splice(openingTag, 1);
       }
@@ -71,7 +90,7 @@ const SafeHTML = ({
       ALLOWED_TAGS: tags,
       ADD_ATTR: ["target"]
     });
-  }, [content]);
+  }, [content, tags]);
   return /* @__PURE__ */ React.createElement(
     Tag,
     {

package/content/SafeHTML/index.js.map

@@ -1,7 +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: 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?: 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,OAAO,SAAS,eAAe;AAC/B,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,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;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { type JSX, 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    // Anchor tag check for external links\n    if (node.tagName.toLowerCase() === 'a' && node.hasAttribute('href')) {\n      const href = node.getAttribute('href');\n\n      if (href && href.startsWith('#')) {\n        return;\n      }\n\n      if (\n        href &&\n        (href.startsWith('http://') ||\n          href.startsWith('https://') ||\n          href.startsWith('//'))\n      ) {\n        const url = new URL(href, window.location.href);\n        const isInternal = url.origin === window.location.origin;\n\n        if (!isInternal) {\n          node.setAttribute('target', '_blank');\n          node.setAttribute('rel', 'noopener noreferrer');\n        }\n      }\n      // Relative paths are internal, do nothing\n    }\n    // For other elements with target attribute, set to _blank\n    else if (node.hasAttribute('target')) {\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: 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      let openingTag = -1;\n      for (let i = stack.length - 1; i >= 0; i--) {\n        if (stack[i] === tagName) {\n          openingTag = i;\n          break;\n        }\n      }\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?: string[];\n  Tag?: keyof JSX.IntrinsicElements;\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, tags]);\n  return (\n    <Tag\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": "AAAA,OAAO,SAAmB,eAAe;AACzC,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,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;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,KAAK,QAAQ,YAAY,MAAM,OAAO,KAAK,aAAa,MAAM,GAAG;AACnE,YAAM,OAAO,KAAK,aAAa,MAAM;AAErC,UAAI,QAAQ,KAAK,WAAW,GAAG,GAAG;AAChC;AAAA,MACF;AAEA,UACE,SACC,KAAK,WAAW,SAAS,KACxB,KAAK,WAAW,UAAU,KAC1B,KAAK,WAAW,IAAI,IACtB;AACA,cAAM,MAAM,IAAI,IAAI,MAAM,OAAO,SAAS,IAAI;AAC9C,cAAM,aAAa,IAAI,WAAW,OAAO,SAAS;AAElD,YAAI,CAAC,YAAY;AACf,eAAK,aAAa,UAAU,QAAQ;AACpC,eAAK,aAAa,OAAO,qBAAqB;AAAA,QAChD;AAAA,MACF;AAAA,IAEF,WAES,KAAK,aAAa,QAAQ,GAAG;AACpC,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AACrC,UAAI,aAAa;AACjB,eAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC1C,YAAI,MAAM,CAAC,MAAM,SAAS;AACxB,uBAAa;AACb;AAAA,QACF;AAAA,MACF;AACA,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,IAAI,CAAC;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/content/StepNav/StepNav.stories.d.ts

@@ -2,6 +2,8 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export { StepNav as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/content/StepNav/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Auto: () => React.JSX.Element;
+export declare const Auto: (_: any) => React.JSX.Element;
 export default Auto;

package/content/StepNav/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/StepNav/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: () => React.JSX.Element;
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/content/StepNav/__stories__/WithHints.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHints: () => React.JSX.Element;
+export declare const WithHints: (_: any) => React.JSX.Element;
 export default WithHints;

package/content/StepNav/__stories__/WithHook.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHook: () => React.JSX.Element;
+export declare const WithHook: (_: any) => React.JSX.Element;
 export default WithHook;

package/content/SummaryList/SummaryList.stories.d.ts

@@ -4,14 +4,17 @@ declare namespace _default {
     export let link: string;
     export let displayName: string;
     export { SummaryListExample as component };
+    export let tags: string[];
+    export { doc as markdown };
 }
 export default _default;
-export namespace Default {
+export namespace WithControls {
     namespace args {
         let sm: number;
         let md: number;
         let lg: number;
         let border: boolean;
+        let error: boolean;
         let noLastBorder: boolean;
         let itemBorder: boolean;
         let showKey: boolean;
@@ -19,4 +22,8 @@ export namespace Default {
         let showActions: boolean;
     }
 }
+export { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
+export { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
+export { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
+export { WithError } from "@digigov/ui/content/SummaryList/__stories__/WithError";
 import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';

package/content/SummaryList/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/SummaryList/__stories__/RowVariations.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const RowVariations: () => React.JSX.Element;
+export declare const RowVariations: (_: any) => React.JSX.Element;
 export default RowVariations;

package/content/SummaryList/__stories__/SummaryListExample.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { WidthValues } from '@digigov/ui/content/SummaryList';
-export declare const SummaryListExample: ({ sm, md, lg, border, noLastBorder, itemBorder, showKey, showValue, showActions, }: {
+export declare const SummaryListExample: ({ sm, md, lg, border, error, noLastBorder, itemBorder, showKey, showValue, showActions, }: {
     sm?: WidthValues;
     md?: WidthValues;
     lg?: WidthValues;
     border?: boolean;
+    error?: boolean;
     noLastBorder?: boolean;
     itemBorder?: boolean;
     showKey?: boolean;

package/content/SummaryList/__stories__/WithActions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithActions: () => React.JSX.Element;
+export declare const WithActions: (_: any) => React.JSX.Element;
 export default WithActions;

package/content/SummaryList/__stories__/WithError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithError: (_: any) => React.JSX.Element;
+export default WithError;

package/content/SummaryList/__stories__/WithKeyAndAction.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithKeyAndAction: () => React.JSX.Element;
+export declare const WithKeyAndAction: (_: any) => React.JSX.Element;
 export default WithKeyAndAction;

package/content/SummaryList/__stories__/WithNoLastBorder.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithNoLastBorder: () => React.JSX.Element;
+export declare const WithNoLastBorder: (_: any) => React.JSX.Element;
 export default WithNoLastBorder;

package/content/SummaryList/__stories__/WithoutActions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithoutActions: () => React.JSX.Element;
+export declare const WithoutActions: (_: any) => React.JSX.Element;
 export default WithoutActions;

package/content/SummaryList/__stories__/WithoutBorders.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithoutBorders: () => React.JSX.Element;
+export declare const WithoutBorders: (_: any) => React.JSX.Element;
 export default WithoutBorders;