@oslokommune/punkt-react 13.15.0 → 13.15.2

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.15.1](https://github.com/oslokommune/punkt/compare/13.15.0...13.15.1) (2025-11-06)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Fjern ubrukt dependency react-element-to-jsx-string (#3109). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.15.0](https://github.com/oslokommune/punkt/compare/13.14.0...13.15.0) (2025-11-05)
 
 ### ⚠ BREAKING CHANGES

package/dist/punkt-react.es.js

@@ -6286,18 +6286,18 @@ let ai = class extends G {
       <div class=${O(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates) && this.dates[0] ? js(
       ee.sortDates((this.dates ?? []).filter(Boolean)),
-      (i) => i,
-      (i) => {
-        var t;
+      (t) => t,
+      (t) => {
+        var e;
         return u` <pkt-tag
-                  id=${this.idBase + i + "-tag"}
+                  id=${this.idBase + t + "-tag"}
                   closeTag
                   @close=${() => {
-          this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: i }));
+          this.dispatchEvent(new CustomEvent("date-tag-removed", { detail: t }));
         }}
-                  .ariaLabel=${`${(t = this.strings) == null ? void 0 : t.calendar.deleteDate} ${$a(i, this.dateformat)}`}
+                  .ariaLabel=${`${(e = this.strings) == null ? void 0 : e.calendar.deleteDate} ${$a(t, this.dateformat)}`}
                 >
-                  <time datetime=${i}>${$a(i, this.dateformat)}</time>
+                  <time datetime=${t}>${$a(t, this.dateformat)}</time>
                 </pkt-tag>`;
       }
     ) : $}
@@ -7374,7 +7374,13 @@ let tt = class extends M {
     this.calendarOpen ? this.hideCalendar() : this.showCalendar();
   }
   clearInputValue() {
-    this._value = [], this.value = "";
+    this._value = [], this.value = "", this.internals.setFormValue(this.value), this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })), this.dispatchEvent(
+      new CustomEvent("value-change", {
+        detail: this._value,
+        bubbles: !0,
+        composed: !0
+      })
+    );
   }
 };
 dt([
@@ -9063,7 +9069,7 @@ const kh = Xt({
   displayName: "PktBackLink"
 });
 kh.displayName = "PktBackLink";
-const qd = Z(
+const zd = Z(
   ({ breadcrumbs: i, navigationType: t, className: e, ...s }, a) => {
     const n = i, r = n[n.length - 2], l = [e, "pkt-breadcrumbs"].filter(Boolean).join(" ");
     return /* @__PURE__ */ x("nav", { ref: a, "aria-label": "brødsmulemeny", className: l, children: [
@@ -9273,7 +9279,7 @@ const Sh = Xt({
   ({ helptext: i, ...t }, e) => /* @__PURE__ */ h(Sh, { ref: e, ...t, children: /* @__PURE__ */ h("div", { className: "pkt-contents", slot: "helptext", children: i }) })
 );
 Ch.displayName = "PktDatepicker";
-const zd = ({
+const Wd = ({
   columnOne: i,
   columnTwo: t,
   socialLinks: e,
@@ -9403,7 +9409,7 @@ const zd = ({
       ) }, `sociallinks-${L}`)) })
     ] })
   ] }) });
-}, Wd = ({
+}, Kd = ({
   links: i = [],
   openLinksInNewTab: t = !1,
   personvernOgInfoLink: e = "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",
@@ -9475,7 +9481,7 @@ const zd = ({
       }
     ) })
   ] }) }) });
-}, Kd = Z(
+}, Gd = Z(
   ({
     className: i,
     logoLink: t = "https://www.oslo.kommune.no/",
@@ -9954,7 +9960,7 @@ const Fh = Z(
   }
 );
 Fh.displayName = "PktRadioButton";
-const Gd = Z(
+const Yd = Z(
   ({
     appearance: i = "local",
     disabled: t = !1,
@@ -10037,7 +10043,7 @@ const Gd = Z(
       ] })
     );
   }
-), Yd = Z(
+), Zd = Z(
   ({
     ariaDescribedby: i,
     ariaLabelledby: t,
@@ -10105,7 +10111,7 @@ const Gd = Z(
 ] }), qh = /* @__PURE__ */ x("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", children: [
   /* @__PURE__ */ h("path", { fill: "#2A2859", d: "M3 3h18v18H3z" }),
   /* @__PURE__ */ h("path", { d: "m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z", fill: "#F1FDFF" })
-] }), Zd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: ht("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
+] }), Xd = ({ children: i, className: t, status: e = "incomplete", title: s }) => /* @__PURE__ */ x("li", { className: ht("pkt-step", t, `pkt-step--${e}`), "data-testid": "pkt-step", children: [
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--1", "aria-hidden": !0 }),
   /* @__PURE__ */ h("span", { className: "pkt-step__line pkt-step__line--2", "aria-hidden": !0 }),
   /* @__PURE__ */ h("span", { className: ht("pkt-step__indicator"), children: e === "current" ? Hh : e === "completed" ? qh : Uh }),
@@ -10114,7 +10120,7 @@ const Gd = Z(
     /* @__PURE__ */ h("div", { className: "pkt-step__title", children: s }),
     /* @__PURE__ */ h("div", { className: "pkt-step__content", children: i })
   ] })
-] }), Xd = Z(
+] }), Jd = Z(
   ({
     activeStep: i,
     className: t,
@@ -10136,7 +10142,7 @@ const Gd = Z(
     }) : g);
     return /* @__PURE__ */ h("ol", { "data-testid": "pkt-stepper", className: d, ref: l, ...r, children: p });
   }
-), Jd = ({
+), Qd = ({
   className: i,
   compact: t = !1,
   skin: e = "basic",
@@ -10157,7 +10163,7 @@ const Gd = Z(
     ...n,
     children: a
   }
-), Qd = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: ht(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), tc = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
+), tc = ({ id: i, children: t, className: e, ...s }) => /* @__PURE__ */ h("tbody", { id: i, className: ht(e, "pkt-table__body", {}), ...s, role: "rowgroup", children: t }), ec = ({ children: i, className: t, dataLabel: e, ...s }) => /* @__PURE__ */ h(
   "td",
   {
     className: ht(t, "pkt-table__data-cell", {}),
@@ -10167,7 +10173,7 @@ const Gd = Z(
     ...s,
     children: i
   }
-), ec = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: ht(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), ic = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: ht(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), sc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: ht(i, "pkt-table__row", {}), role: "row", ...e, children: t }), on = Z(
+), ic = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("thead", { className: ht(i, "pkt-table__header", {}), role: "rowgroup", ...e, children: t }), sc = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("th", { className: ht(i, "pkt-table__header-cell", {}), role: "columnheader", ...e, children: t }), ac = ({ className: i, children: t, ...e }) => /* @__PURE__ */ h("tr", { className: ht(i, "pkt-table__row", {}), role: "row", ...e, children: t }), on = Z(
   ({
     children: i,
     skin: t,
@@ -10256,7 +10262,7 @@ const hn = Aa(null), zh = () => {
   if (!i)
     throw new Error("TabItem must be used within a Tabs component");
   return i;
-}, ac = Z(
+}, nc = Z(
   ({ arrowNav: i = !0, disableArrowNav: t = !1, tabs: e, onTabSelected: s, children: a }, n) => {
     const r = Oa([]), l = i && !t, p = a && Es.count(a) > 0 ? Es.count(a) : (e == null ? void 0 : e.length) || 0;
     as(() => {
@@ -10290,7 +10296,7 @@ const hn = Aa(null), zh = () => {
     });
     return /* @__PURE__ */ h(hn.Provider, { value: { arrowNav: l, registerTabRef: y, handleKeyPress: m, selectTab: g }, children: /* @__PURE__ */ h("div", { className: "pkt-tabs", ref: n, children: /* @__PURE__ */ h("div", { className: "pkt-tabs__list", role: l ? "tablist" : "navigation", children: a || b }) }) });
   }
-), nc = Z(
+), rc = Z(
   ({
     id: i,
     ariaDescribedby: t,
@@ -10380,7 +10386,7 @@ const hn = Aa(null), zh = () => {
       }
     );
   }
-), rc = Z(
+), oc = Z(
   ({
     id: i,
     ariaDescribedby: t,
@@ -10507,16 +10513,16 @@ export {
   fh as PktAccordionItem,
   rn as PktAlert,
   kh as PktBackLink,
-  qd as PktBreadcrumbs,
+  zd as PktBreadcrumbs,
   oi as PktButton,
   $h as PktCard,
   _h as PktCheckbox,
   xh as PktCombobox,
   Fs as PktConsent,
   Ch as PktDatepicker,
-  zd as PktFooter,
-  Wd as PktFooterSimple,
-  Kd as PktHeader,
+  Wd as PktFooter,
+  Kd as PktFooterSimple,
+  Gd as PktHeader,
   Nh as PktHeading,
   Eh as PktHelptext,
   R as PktIcon,
@@ -10529,19 +10535,19 @@ export {
   Bh as PktModal,
   jh as PktProgressbar,
   Fh as PktRadioButton,
-  Gd as PktSearchInput,
-  Yd as PktSelect,
-  Zd as PktStep,
-  Xd as PktStepper,
+  Yd as PktSearchInput,
+  Zd as PktSelect,
+  Xd as PktStep,
+  Jd as PktStepper,
   ln as PktTabItem,
-  Jd as PktTable,
-  Qd as PktTableBody,
-  tc as PktTableDataCell,
-  ec as PktTableHeader,
-  ic as PktTableHeaderCell,
-  sc as PktTableRow,
-  ac as PktTabs,
+  Qd as PktTable,
+  tc as PktTableBody,
+  ec as PktTableDataCell,
+  ic as PktTableHeader,
+  sc as PktTableHeaderCell,
+  ac as PktTableRow,
+  nc as PktTabs,
   on as PktTag,
-  nc as PktTextarea,
-  rc as PktTextinput
+  rc as PktTextarea,
+  oc as PktTextinput
 };

package/dist/punkt-react.umd.js

@@ -1043,7 +1043,7 @@
         </div>
       </pkt-input-wrapper>
       ${this.renderCalendar()}
-    `}handleCalendarPosition(){const t=this.multiple&&!!this.maxlength;ni.handleCalendarPosition(this.popupRef,this.inputRef,t)}async showCalendar(){var t;const e=this.datepickerPopupRef.value;if(this.calendarOpen=!0,e&&typeof e.show=="function"){e.show(),Ie.isIOS()&&e.focusOnCurrentDate();return}await El(20),this.handleCalendarPosition(),Ie.isIOS()&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){const t=this.datepickerPopupRef.value;if(this.calendarOpen=!1,t&&typeof t.hide=="function")return t.hide()}async toggleCalendar(t){t.preventDefault();const e=this.datepickerPopupRef.value;if(e&&typeof e.toggle=="function"){const i=!!e.open;e.toggle(),this.calendarOpen=!i;return}this.calendarOpen?this.hideCalendar():this.showCalendar()}clearInputValue(){this._value=[],this.value=""}};ht([o({type:String,reflect:!0})],et.prototype,"value",1),ht([o({type:Array})],et.prototype,"_value",2),ht([o({type:String,reflect:!0})],et.prototype,"label",2),ht([o({type:String})],et.prototype,"dateformat",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"multiple",2),ht([o({type:Number,reflect:!0})],et.prototype,"maxlength",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"range",2),ht([o({type:Boolean})],et.prototype,"showRangeLabels",2),ht([o({type:String,reflect:!0})],et.prototype,"min",2),ht([o({type:String,reflect:!0})],et.prototype,"max",2),ht([o({type:Boolean})],et.prototype,"weeknumbers",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"withcontrols",2),ht([o({converter:ts.csvToArray})],et.prototype,"excludedates",2),ht([o({converter:ts.csvToArray})],et.prototype,"excludeweekdays",2),ht([o({type:String})],et.prototype,"currentmonth",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"calendarOpen",2),ht([o({type:String})],et.prototype,"timezone",2),ht([F()],et.prototype,"inputClasses",2),et=ht([j("pkt-datepicker")],et);const Wl={href:{default:"#"},target:{default:"_self"}},Ra={props:Wl};var Rl=Object.defineProperty,Kl=Object.getOwnPropertyDescriptor,is=(s,t,e,i)=>{for(var a=i>1?void 0:i?Kl(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(a=(i?r(t,e,a):r(a))||a);return i&&a&&Rl(t,e,a),a};let Be=class extends Y{constructor(){super(),this.defaultSlot=A(),this.href=Ra.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=Ra.props.target.default,this.slotController=new at(this,this.defaultSlot)}render(){const t={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return u`<a
+    `}handleCalendarPosition(){const t=this.multiple&&!!this.maxlength;ni.handleCalendarPosition(this.popupRef,this.inputRef,t)}async showCalendar(){var t;const e=this.datepickerPopupRef.value;if(this.calendarOpen=!0,e&&typeof e.show=="function"){e.show(),Ie.isIOS()&&e.focusOnCurrentDate();return}await El(20),this.handleCalendarPosition(),Ie.isIOS()&&((t=this.calRef.value)==null||t.focusOnCurrentDate())}hideCalendar(){const t=this.datepickerPopupRef.value;if(this.calendarOpen=!1,t&&typeof t.hide=="function")return t.hide()}async toggleCalendar(t){t.preventDefault();const e=this.datepickerPopupRef.value;if(e&&typeof e.toggle=="function"){const i=!!e.open;e.toggle(),this.calendarOpen=!i;return}this.calendarOpen?this.hideCalendar():this.showCalendar()}clearInputValue(){this._value=[],this.value="",this.internals.setFormValue(this.value),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:this._value,bubbles:!0,composed:!0}))}};ht([o({type:String,reflect:!0})],et.prototype,"value",1),ht([o({type:Array})],et.prototype,"_value",2),ht([o({type:String,reflect:!0})],et.prototype,"label",2),ht([o({type:String})],et.prototype,"dateformat",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"multiple",2),ht([o({type:Number,reflect:!0})],et.prototype,"maxlength",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"range",2),ht([o({type:Boolean})],et.prototype,"showRangeLabels",2),ht([o({type:String,reflect:!0})],et.prototype,"min",2),ht([o({type:String,reflect:!0})],et.prototype,"max",2),ht([o({type:Boolean})],et.prototype,"weeknumbers",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"withcontrols",2),ht([o({converter:ts.csvToArray})],et.prototype,"excludedates",2),ht([o({converter:ts.csvToArray})],et.prototype,"excludeweekdays",2),ht([o({type:String})],et.prototype,"currentmonth",2),ht([o({type:Boolean,reflect:!0})],et.prototype,"calendarOpen",2),ht([o({type:String})],et.prototype,"timezone",2),ht([F()],et.prototype,"inputClasses",2),et=ht([j("pkt-datepicker")],et);const Wl={href:{default:"#"},target:{default:"_self"}},Ra={props:Wl};var Rl=Object.defineProperty,Kl=Object.getOwnPropertyDescriptor,is=(s,t,e,i)=>{for(var a=i>1?void 0:i?Kl(t,e):t,n=s.length-1,r;n>=0;n--)(r=s[n])&&(a=(i?r(t,e,a):r(a))||a);return i&&a&&Rl(t,e,a),a};let Be=class extends Y{constructor(){super(),this.defaultSlot=A(),this.href=Ra.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=Ra.props.target.default,this.slotController=new at(this,this.defaultSlot)}render(){const t={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return u`<a
       class=${O(t)}
       href=${this.href}
       .target=${this.target}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "13.15.0",
+  "version": "13.15.2",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -39,12 +39,10 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.7",
-    "@oslokommune/punkt-elements": "^13.13.2",
+    "@oslokommune/punkt-elements": "^13.15.2",
     "classnames": "^2.5.1",
     "prettier": "^3.3.3",
-    "react-element-to-jsx-string": "^15.0.0",
-    "react-hook-form": "^7.53.0",
-    "react-syntax-highlighter": "^15.6.6"
+    "react-hook-form": "^7.53.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-private-property-in-object": "^7.25.9",
@@ -58,7 +56,6 @@
     "@types/node": "^20.12.10",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^9.37.0",
     "eslint-config-prettier": "^9.1.0",
@@ -106,5 +103,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "4fdac01524382592f47b2a77735477a5a0aa6d1e"
+  "gitHead": "b9f90e34e22049d0504e4583f464e86f288af2e8"
 }