@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/cjs/typography/CodeBlock/__stories__/Highlighted/index.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Highlighted_exports = {};
+__export(Highlighted_exports, {
+  Highlighted: () => Highlighted,
+  default: () => Highlighted_default
+});
+module.exports = __toCommonJS(Highlighted_exports);
+var import_react = __toESM(require("react"));
+var import_CodeBlock = __toESM(require("@digigov/ui/typography/CodeBlock"));
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const Highlighted = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_CodeBlock.default, { language: "bash", highlighted: true }, bashExample);
+};
+var Highlighted_default = Highlighted;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Highlighted
+});
+//# sourceMappingURL=Highlighted.js.map

package/cjs/typography/CodeBlock/__stories__/Highlighted.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/typography/CodeBlock/__stories__/Highlighted.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const Highlighted = () => {\n  return (\n    <CodeBlock language=\"bash\" highlighted>\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default Highlighted;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAAsB;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,cAAc,MAAM;AAC/B,SACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,EAAU,UAAS,QAAO,aAAW,QACnC,WACH;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": ["React", "CodeBlock"]
+}

package/cjs/typography/CodeBlock/__stories__/WithCopyToClipboard/index.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithCopyToClipboard_exports = {};
+__export(WithCopyToClipboard_exports, {
+  WithCopyToClipboard: () => WithCopyToClipboard,
+  default: () => WithCopyToClipboard_default
+});
+module.exports = __toCommonJS(WithCopyToClipboard_exports);
+var import_react = __toESM(require("react"));
+var import_CodeBlock = __toESM(require("@digigov/ui/typography/CodeBlock"));
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithCopyToClipboard = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_CodeBlock.default, { highlighted: true, language: "bash", copyToClipboard: true }, bashExample);
+};
+var WithCopyToClipboard_default = WithCopyToClipboard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithCopyToClipboard
+});
+//# sourceMappingURL=WithCopyToClipboard.js.map

package/cjs/typography/CodeBlock/__stories__/WithCopyToClipboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/typography/CodeBlock/__stories__/WithCopyToClipboard.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithCopyToClipboard = () => {\n  return (\n    <CodeBlock highlighted language=\"bash\" copyToClipboard>\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithCopyToClipboard;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAAsB;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,sBAAsB,MAAM;AACvC,SACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,EAAU,aAAW,MAAC,UAAS,QAAO,iBAAe,QACnD,WACH;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": ["React", "CodeBlock"]
+}

package/cjs/typography/CodeBlock/__stories__/WithPhaseBanner/index.js

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithPhaseBanner_exports = {};
+__export(WithPhaseBanner_exports, {
+  WithPhaseBanner: () => WithPhaseBanner,
+  default: () => WithPhaseBanner_default
+});
+module.exports = __toCommonJS(WithPhaseBanner_exports);
+var import_react = __toESM(require("react"));
+var import_CodeBlock = __toESM(require("@digigov/ui/typography/CodeBlock"));
+const bashExample = `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`;
+const WithPhaseBanner = () => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_CodeBlock.default,
+    {
+      highlighted: true,
+      language: "bash",
+      copyToClipboard: true,
+      phaseBannerTagName: "json"
+    },
+    bashExample
+  );
+};
+var WithPhaseBanner_default = WithPhaseBanner;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithPhaseBanner
+});
+//# sourceMappingURL=WithPhaseBanner.js.map

package/cjs/typography/CodeBlock/__stories__/WithPhaseBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/typography/CodeBlock/__stories__/WithPhaseBanner.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport CodeBlock from '@digigov/ui/typography/CodeBlock';\n\nconst bashExample = `{\n  \"random\": random(1, 100),\n  \"random float\": randomFloat(1, 100, 3),\n  \"bool\": randomBool(),\n  \"date\": date('Y-m-d', '1980-01-01', '2000-01-15'),\n  \"regEx\": regex(/hello+ (world|to you)/),\n  \"enum\": choice('json', 'generator', 'online'),\n  \"firstname\": firstname(),\n  \"lastname\": lastname(),\n  \"city\": city(),\n  \"country\": country(),\n  \"countryCode\": countryCode()\n}`;\n\nexport const WithPhaseBanner = () => {\n  return (\n    <CodeBlock\n      highlighted\n      language=\"bash\"\n      copyToClipboard\n      phaseBannerTagName=\"json\"\n    >\n      {bashExample}\n    </CodeBlock>\n  );\n};\n\nexport default WithPhaseBanner;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,uBAAsB;AAEtB,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcb,MAAM,kBAAkB,MAAM;AACnC,SACE,6BAAAA,QAAA;AAAA,IAAC,iBAAAC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAS;AAAA,MACT,iBAAe;AAAA,MACf,oBAAmB;AAAA;AAAA,IAElB;AAAA,EACH;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React", "CodeBlock"]
+}

package/cjs/typography/CodeBlock/index.js

@@ -1,32 +1,132 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  CodeBlock: () => CodeBlock,
   default: () => CodeBlock_default
 });
-__reExport(exports, __toModule(require("@digigov/react-core/CodeBlock")));
-var import_CodeBlock = __toModule(require("@digigov/react-core/CodeBlock"));
-var CodeBlock_default = import_CodeBlock.default;
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_react = __toESM(require("react"));
+var import_core = __toESM(require("highlight.js/lib/core"));
+var import_bash = __toESM(require("highlight.js/lib/languages/bash"));
+var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"));
+var import_json = __toESM(require("highlight.js/lib/languages/json"));
+var import_markdown = __toESM(require("highlight.js/lib/languages/markdown"));
+var import_python = __toESM(require("highlight.js/lib/languages/python"));
+var import_xml = __toESM(require("highlight.js/lib/languages/xml"));
+var import_CodeBlockContainer = __toESM(require("@digigov/react-core/CodeBlockContainer"));
+var import_CodeBlockContent = __toESM(require("@digigov/react-core/CodeBlockContent"));
+var import_CodeBlockHeader = __toESM(require("@digigov/react-core/CodeBlockHeader"));
+var import_feedback = require("@digigov/ui/feedback");
+var import_PhaseBanner = require("@digigov/ui/feedback/PhaseBanner");
+var import_Button = require("@digigov/ui/form/Button");
+__reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockContent"), module.exports);
+__reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockHeader"), module.exports);
+__reExport(CodeBlock_exports, require("@digigov/react-core/CodeBlockContainer"), module.exports);
+const languageMap = {
+  javascript: import_javascript.default,
+  python: import_python.default,
+  bash: import_bash.default,
+  xml: import_xml.default,
+  markdown: import_markdown.default,
+  json: import_json.default
+};
+const addLineNumbers = (code, highlightLines) => {
+  return code.split("\n").map((line, index) => {
+    const isHighlighted = highlightLines.includes(index + 1);
+    const lineClass = isHighlighted ? "ds-code--highlighted-line" : "";
+    return `<span class="ds-code--line-number">${index + 1}</span> <span class="${lineClass}">${line}</span>`;
+  }).join("\n");
+};
+const CodeBlock = import_react.default.forwardRef(
+  function CodeBlock2({
+    children,
+    language,
+    copyToClipboard,
+    highlighted,
+    showLineNumbers,
+    phaseBannerTagName,
+    highlightLines,
+    ref,
+    ...props
+  }) {
+    const Tag = "span";
+    const codeString = typeof children === "string" ? children : "";
+    let displayingCode = codeString;
+    if (highlighted && codeString) {
+      try {
+        import_core.default.configure({ classPrefix: "ds-code--" });
+        let highlightedCode = import_core.default.highlightAuto(codeString).value;
+        if (language) {
+          import_core.default.registerLanguage(language, languageMap[language]);
+          highlightedCode = import_core.default.highlight(codeString, {
+            language
+          }).value;
+        }
+        displayingCode = showLineNumbers ? addLineNumbers(highlightedCode, highlightLines || []) : highlightedCode;
+      } catch (error) {
+        console.error("Highlighting failed:", error);
+      }
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_CodeBlockContainer.default, { ref, ...props }, /* @__PURE__ */ import_react.default.createElement(
+      import_CodeBlockHeader.default,
+      {
+        justify: phaseBannerTagName && copyToClipboard ? "space-between" : "end"
+      },
+      phaseBannerTagName && /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerTag, null, phaseBannerTagName),
+      copyToClipboard && /* @__PURE__ */ import_react.default.createElement(
+        import_feedback.CopyToClipboard,
+        {
+          dense: true,
+          text: codeString,
+          variant: "tooltip",
+          tooltipAlign: "right",
+          message: "Copied!"
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { dense: true, color: "secondary" }, "Copy")
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(import_CodeBlockContent.default, { className: `language-${language}` }, highlighted && codeString ? /* @__PURE__ */ import_react.default.createElement(
+      Tag,
+      {
+        dangerouslySetInnerHTML: {
+          __html: displayingCode
+        }
+      }
+    ) : children));
+  }
+);
+var CodeBlock_default = CodeBlock;
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  CodeBlock,
+  ...require("@digigov/react-core/CodeBlockContent"),
+  ...require("@digigov/react-core/CodeBlockHeader"),
+  ...require("@digigov/react-core/CodeBlockContainer")
+});
 //# sourceMappingURL=index.js.map

package/cjs/typography/CodeBlock/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/CodeBlock/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CodeBlock';\n\nimport CodeBlock from '@digigov/react-core/CodeBlock';\nexport default CodeBlock;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAc;AAEd,uBAAsB;AACtB,IAAO,oBAAQ;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\n\nimport hljs from 'highlight.js/lib/core';\nimport bash from 'highlight.js/lib/languages/bash';\nimport js from 'highlight.js/lib/languages/javascript';\nimport json from 'highlight.js/lib/languages/json';\nimport markdown from 'highlight.js/lib/languages/markdown';\nimport python from 'highlight.js/lib/languages/python';\nimport xml from 'highlight.js/lib/languages/xml';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport CodeBlockContainer from '@digigov/react-core/CodeBlockContainer';\nimport CodeBlockContent from '@digigov/react-core/CodeBlockContent';\nimport CodeBlockHeader from '@digigov/react-core/CodeBlockHeader';\nimport { CopyToClipboard } from '@digigov/ui/feedback';\nimport { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport interface CodeBlockProps extends BaseProps<'div'> {\n  language?: 'javascript' | 'bash' | 'xml' | 'python' | 'markdown' | 'json';\n  copyToClipboard?: boolean;\n  highlighted?: boolean;\n  showLineNumbers?: boolean;\n  phaseBannerTagName?: string;\n  highlightLines?: number[];\n}\n\nconst languageMap = {\n  javascript: js,\n  python: python,\n  bash: bash,\n  xml: xml,\n  markdown: markdown,\n  json: json,\n};\n\nconst addLineNumbers = (code: string, highlightLines: number[]): string => {\n  return code\n    .split('\\n')\n    .map((line, index) => {\n      const isHighlighted = highlightLines.includes(index + 1);\n      const lineClass = isHighlighted ? 'ds-code--highlighted-line' : '';\n      return `<span class=\"ds-code--line-number\">${index + 1}</span> <span class=\"${lineClass}\">${line}</span>`;\n    })\n    .join('\\n');\n};\n\nexport const CodeBlock: React.FC<CodeBlockProps> = React.forwardRef(\n  function CodeBlock({\n    children,\n    language,\n    copyToClipboard,\n    highlighted,\n    showLineNumbers,\n    phaseBannerTagName,\n    highlightLines,\n    ref,\n    ...props\n  }) {\n    const Tag = 'span';\n    const codeString = typeof children === 'string' ? children : '';\n    let displayingCode = codeString;\n\n    if (highlighted && codeString) {\n      try {\n        hljs.configure({ classPrefix: 'ds-code--' });\n        let highlightedCode = hljs.highlightAuto(codeString).value;\n        if (language) {\n          hljs.registerLanguage(language, languageMap[language]);\n          highlightedCode = hljs.highlight(codeString, {\n            language: language,\n          }).value;\n        }\n        displayingCode = showLineNumbers\n          ? addLineNumbers(highlightedCode, highlightLines || [])\n          : highlightedCode;\n      } catch (error) {\n        console.error('Highlighting failed:', error);\n      }\n    }\n\n    return (\n      <CodeBlockContainer ref={ref} {...props}>\n        <CodeBlockHeader\n          justify={\n            phaseBannerTagName && copyToClipboard ? 'space-between' : 'end'\n          }\n        >\n          {phaseBannerTagName && (\n            <PhaseBannerTag>{phaseBannerTagName}</PhaseBannerTag>\n          )}\n          {copyToClipboard && (\n            <CopyToClipboard\n              dense\n              text={codeString}\n              variant=\"tooltip\"\n              tooltipAlign=\"right\"\n              message=\"Copied!\"\n            >\n              <Button dense color=\"secondary\">\n                Copy\n              </Button>\n            </CopyToClipboard>\n          )}\n        </CodeBlockHeader>\n        <CodeBlockContent className={`language-${language}`}>\n          {highlighted && codeString ? (\n            <Tag\n              dangerouslySetInnerHTML={{\n                __html: displayingCode,\n              }}\n            />\n          ) : (\n            children\n          )}\n        </CodeBlockContent>\n      </CodeBlockContainer>\n    );\n  }\n);\n\nexport * from '@digigov/react-core/CodeBlockContent';\nexport * from '@digigov/react-core/CodeBlockHeader';\nexport * from '@digigov/react-core/CodeBlockContainer';\nexport default CodeBlock;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAiB;AACjB,kBAAiB;AACjB,wBAAe;AACf,kBAAiB;AACjB,sBAAqB;AACrB,oBAAmB;AACnB,iBAAgB;AAEhB,gCAA+B;AAC/B,8BAA6B;AAC7B,6BAA4B;AAC5B,sBAAgC;AAChC,yBAA+B;AAC/B,oBAAuB;AAyGvB,8BAAc,iDAxHd;AAyHA,8BAAc,gDAzHd;AA0HA,8BAAc,mDA1Hd;AA0BA,MAAM,cAAc;AAAA,EAClB,YAAY,kBAAAA;AAAA,EACZ,QAAQ,cAAAC;AAAA,EACR,MAAM,YAAAC;AAAA,EACN,KAAK,WAAAC;AAAA,EACL,UAAU,gBAAAC;AAAA,EACV,MAAM,YAAAC;AACR;AAEA,MAAM,iBAAiB,CAAC,MAAc,mBAAqC;AACzE,SAAO,KACJ,MAAM,IAAI,EACV,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,gBAAgB,eAAe,SAAS,QAAQ,CAAC;AACvD,UAAM,YAAY,gBAAgB,8BAA8B;AAChE,WAAO,sCAAsC,QAAQ,CAAC,wBAAwB,SAAS,KAAK,IAAI;AAAA,EAClG,CAAC,EACA,KAAK,IAAI;AACd;AAEO,MAAM,YAAsC,aAAAC,QAAM;AAAA,EACvD,SAASC,WAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GAAG;AACD,UAAM,MAAM;AACZ,UAAM,aAAa,OAAO,aAAa,WAAW,WAAW;AAC7D,QAAI,iBAAiB;AAErB,QAAI,eAAe,YAAY;AAC7B,UAAI;AACF,oBAAAC,QAAK,UAAU,EAAE,aAAa,YAAY,CAAC;AAC3C,YAAI,kBAAkB,YAAAA,QAAK,cAAc,UAAU,EAAE;AACrD,YAAI,UAAU;AACZ,sBAAAA,QAAK,iBAAiB,UAAU,YAAY,QAAQ,CAAC;AACrD,4BAAkB,YAAAA,QAAK,UAAU,YAAY;AAAA,YAC3C;AAAA,UACF,CAAC,EAAE;AAAA,QACL;AACA,yBAAiB,kBACb,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,IACpD;AAAA,MACN,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;AAEA,WACE,6BAAAF,QAAA,cAAC,0BAAAG,SAAA,EAAmB,KAAW,GAAG,SAChC,6BAAAH,QAAA;AAAA,MAAC,uBAAAI;AAAA,MAAA;AAAA,QACC,SACE,sBAAsB,kBAAkB,kBAAkB;AAAA;AAAA,MAG3D,sBACC,6BAAAJ,QAAA,cAAC,yCAAgB,kBAAmB;AAAA,MAErC,mBACC,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAK;AAAA,UACL,MAAM;AAAA,UACN,SAAQ;AAAA,UACR,cAAa;AAAA,UACb,SAAQ;AAAA;AAAA,QAER,6BAAAA,QAAA,cAAC,wBAAO,OAAK,MAAC,OAAM,eAAY,MAEhC;AAAA,MACF;AAAA,IAEJ,GACA,6BAAAA,QAAA,cAAC,wBAAAK,SAAA,EAAiB,WAAW,YAAY,QAAQ,MAC9C,eAAe,aACd,6BAAAL,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA;AAAA,IACF,IAEA,QAEJ,CACF;AAAA,EAEJ;AACF;AAKA,IAAO,oBAAQ;",
+  "names": ["js", "python", "bash", "xml", "markdown", "json", "React", "CodeBlock", "hljs", "CodeBlockContainer", "CodeBlockHeader", "CodeBlockContent"]
 }

package/cjs/typography/Heading/Heading.stories/index.js

@@ -1,36 +1,45 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Heading_stories_exports = {};
+__export(Heading_stories_exports, {
+  Default: () => import_Default.Default,
   default: () => Heading_stories_default
 });
-var import_Heading = __toModule(require("@digigov/ui/typography/Heading"));
-__reExport(exports, __toModule(require("@digigov/ui/typography/Heading/__stories__/Default")));
+module.exports = __toCommonJS(Heading_stories_exports);
+var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
+var import_Default = require("@digigov/ui/typography/Heading/__stories__/Default");
 var Heading_stories_default = {
   title: "Digigov UI/typography/Heading",
   component: import_Heading.default,
   displayName: "Heading"
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  Default
+});
 //# sourceMappingURL=Heading.stories.js.map

package/cjs/typography/Heading/Heading.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/Heading/Heading.stories.js"],
-  "sourcesContent": ["import Heading from '@digigov/ui/typography/Heading';\nexport default {\n  title: 'Digigov UI/typography/Heading',\n  component: Heading,\n  displayName: 'Heading',\n};\nexport * from '@digigov/ui/typography/Heading/__stories__/Default';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AAMpB,oBAAc;AALd,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;",
-  "names": []
+  "sourcesContent": ["import Heading from '@digigov/ui/typography/Heading';\nexport default {\n  title: 'Digigov UI/typography/Heading',\n  component: Heading,\n  displayName: 'Heading',\n};\nexport { Default } from '@digigov/ui/typography/Heading/__stories__/Default';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoB;AAMpB,qBAAwB;AALxB,IAAO,0BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,eAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["Heading"]
 }

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

@@ -1,45 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
   Default: () => Default,
   default: () => Default_default
 });
-var import_react = __toModule(require("react"));
-var import_Heading = __toModule(require("@digigov/ui/typography/Heading"));
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, " ds-heading-xl "), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, {
-  size: "lg",
-  element: "h2"
-}, "ds-heading-lg"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, {
-  size: "md",
-  element: "h3"
-}, "ds-heading-md"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, {
-  size: "sm",
-  element: "h4"
-}, "ds-heading-sm"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, {
-  size: "xs",
-  element: "h5"
-}, "ds-heading-xs"));
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_Heading = require("@digigov/ui/typography/Heading");
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, " ds-heading-xl "), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "lg", element: "h2" }, "ds-heading-lg"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md", element: "h3" }, "ds-heading-md"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "sm", element: "h4" }, "ds-heading-sm"), /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "xs", element: "h5" }, "ds-heading-xs"));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/typography/Heading/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { Heading } from '@digigov/ui/typography/Heading';\n\nexport const Default = () => (\n  <>\n    <Heading> ds-heading-xl </Heading>\n    <Heading size=\"lg\" element=\"h2\">\n      ds-heading-lg\n    </Heading>\n    <Heading size=\"md\" element=\"h3\">\n      ds-heading-md\n    </Heading>\n    <Heading size=\"sm\" element=\"h4\">\n      ds-heading-sm\n    </Heading>\n    <Heading size=\"xs\" element=\"h5\">\n      ds-heading-xs\n    </Heading>\n  </>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAwB;AAEjB,MAAM,UAAU,MACrB,wFACE,mDAAC,wBAAD,MAAS,oBACT,mDAAC,wBAAD;AAAA,EAAS,MAAK;AAAA,EAAK,SAAQ;AAAA,GAAK,kBAGhC,mDAAC,wBAAD;AAAA,EAAS,MAAK;AAAA,EAAK,SAAQ;AAAA,GAAK,kBAGhC,mDAAC,wBAAD;AAAA,EAAS,MAAK;AAAA,EAAK,SAAQ;AAAA,GAAK,kBAGhC,mDAAC,wBAAD;AAAA,EAAS,MAAK;AAAA,EAAK,SAAQ;AAAA,GAAK;AAMpC,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAwB;AAEjB,MAAM,UAAU,MACrB,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,8BAAQ,iBAAe,GACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,eAEhC,GACA,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,eAEhC,GACA,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,eAEhC,GACA,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,SAAQ,QAAK,eAEhC,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
 }

package/cjs/typography/Heading/index.js

@@ -1,32 +1,41 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Heading_exports = {};
+__export(Heading_exports, {
   default: () => Heading_default
 });
-__reExport(exports, __toModule(require("@digigov/react-core/Heading")));
-var import_Heading = __toModule(require("@digigov/react-core/Heading"));
+module.exports = __toCommonJS(Heading_exports);
+__reExport(Heading_exports, require("@digigov/react-core/Heading"), module.exports);
+var import_Heading = __toESM(require("@digigov/react-core/Heading"));
 var Heading_default = import_Heading.default;
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  ...require("@digigov/react-core/Heading")
+});
 //# sourceMappingURL=index.js.map

package/cjs/typography/Heading/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/typography/Heading/index.tsx"],
   "sourcesContent": ["export * from '@digigov/react-core/Heading';\nimport Heading from '@digigov/react-core/Heading';\nexport default Heading;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAc;AACd,qBAAoB;AACpB,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAc,wCAAd;AACA,qBAAoB;AACpB,IAAO,kBAAQ,eAAAA;",
+  "names": ["Heading"]
 }