@oslokommune/punkt-elements 19.17.1 → 19.18.0

package/CHANGELOG.md

@@ -5,6 +5,11 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [19.18.0](https://github.com/oslokommune/punkt/compare/19.17.1...19.18.0) (2026-10-20)
+
+---
+
+
 ## [19.17.1](https://github.com/oslokommune/punkt/compare/19.17.0...19.17.1) (2026-10-20)
 
 ### Bug Fixes

package/dist/components/index.d.ts

@@ -33,6 +33,7 @@ export { PktRadioButton as PktRadiobutton } from './radiobutton';
 export { PktTag } from './tag';
 export { PktTabs, PktTabItem } from './tabs';
 export { PktTextarea } from './textarea';
+export type { IPktTextarea } from './textarea';
 export { PktTextinput } from './textinput';
 export { PktSelect } from './select';
 export { PktSearchInput } from './searchinput';

package/dist/components/textarea/index.d.ts

@@ -1,3 +1,4 @@
 import { PktTextarea } from './textarea';
 export { PktTextarea };
+export type { IPktTextarea } from './textarea';
 export default PktTextarea;

package/dist/components/textarea/textarea.d.ts

@@ -2,8 +2,24 @@ import { PropertyValues } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
 import { PktInputElement } from '../../base-elements/input-element';
 import { ElementProps } from '../../types/typeUtils';
+import { Booleanish, IPktTextareaBase } from '../../shared-types';
 type Props = ElementProps<PktTextarea, 'autocomplete' | 'rows' | 'cols'>;
-export declare class PktTextarea extends PktInputElement<Props> {
+export interface IPktTextarea extends Omit<IPktTextareaBase, 'form' | 'label' | 'placeholder' | 'rows' | 'cols' | 'minLength' | 'maxLength' | 'readOnly' | 'autoComplete' | 'ariaDescribedby' | 'ariaLabelledby' | 'helptextDropdownButton' | 'useWrapper'> {
+    label?: string | null;
+    placeholder?: string | null;
+    rows?: number | null;
+    cols?: number | null;
+    minlength?: number | null;
+    maxlength?: number | null;
+    readonly?: boolean;
+    autocomplete?: string;
+    ariaDescribedby?: string | null;
+    ariaLabelledby?: string | null;
+    /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+    helptextDropdownButton?: string | null;
+    useWrapper?: Booleanish;
+}
+export declare class PktTextarea extends PktInputElement<Props> implements IPktTextarea {
     inputRef: Ref<HTMLTextAreaElement>;
     value: string;
     autocomplete: string;

package/dist/pkt-index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-C6WTyJFE.cjs"),t=require("./consent-BwH89xk_.cjs"),n=require("./alert-BRZDpVMt.cjs"),r=require("./header-CvER8wo6.cjs"),i=require("./card-COseC8ZL.cjs"),a=require("./checkbox-DkFswqr-.cjs"),o=require("./radiobutton-DgkML7sd.cjs"),s=require("./icon-jPhyZD1z.cjs"),c=require("./accordion-Cx-Gh3hc.cjs"),l=require("./input-wrapper-4PTk8aX3.cjs"),u=require("./messagebox-CiOQUt0C.cjs"),d=require("./calendar-CFTrX0C5.cjs"),f=require("./combobox-CaWnlvTX.cjs"),p=require("./button-Ca_V13cQ.cjs"),m=require("./backlink-CsFeerTH.cjs"),h=require("./breadcrumbs-D03id_ha.cjs"),g=require("./tag-6IPe9bwQ.cjs"),_=require("./helptext-p0nwJsyf.cjs"),v=require("./checkbox-group-lcxR3cYR.cjs"),y=require("./fileupload-Cb1c7ul0.cjs"),b=require("./modal-DGiq84MG.cjs"),x=require("./progressbar-CnX4fFfR.cjs"),S=require("./datepicker-Da8SfyVG.cjs"),C=require("./footer-Cl_Da5Iq.cjs"),w=require("./link-Dj6SbcaD.cjs"),T=require("./textinput-BZPGcxZV.cjs"),E=require("./searchinput-Mdc9Ihld.cjs"),D=require("./header-menu-D-wOwG1V.cjs"),O=require("./heading-D4Kkb6-N.cjs"),k=require("./linkcard-BoQIfci8.cjs"),A=require("./loader-BRYL5kTN.cjs"),j=require("./radio-group-XCYKqoLD.cjs"),M=require("./tabs-B63J6MXb.cjs"),N=require("./textarea-BiCZBjOe.cjs"),P=require("./select-D8TC1msV.cjs"),F=require("./timepicker-C0d92R8u.cjs");exports.PktAccordion=c.r,exports.PktAccordionItem=c.n,exports.PktAlert=n.n,exports.PktBackLink=m.n,exports.PktBreadcrumbs=h.t,exports.PktButton=p.n,exports.PktCalendar=d.n,exports.PktCard=i.n,exports.PktCheckbox=a.n,exports.PktCheckboxGroup=v.n,exports.PktCombobox=f.n,exports.PktConsent=t.n,exports.PktDateTags=S.a,exports.PktDatepicker=S.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return y.n}}),exports.PktFooter=C.n,exports.PktFooterSimple=C.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=D.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=O.n,exports.PktHelptext=_.n,exports.PktIcon=s.n,exports.PktInputWrapper=l.n,exports.PktLink=w.n,exports.PktLinkCard=k.n,exports.PktLoader=A.n,exports.PktMessagebox=u.n,exports.PktModal=b.n,exports.PktProgressbar=x.n,exports.PktRadioButton=o.n,exports.PktRadiobutton=o.n,exports.PktRadioGroup=j.n,exports.PktSearchInput=E.n,exports.PktSelect=P.n,exports.PktTabItem=M.n,exports.PktTabs=M.r,exports.PktTag=g.n,exports.PktTextarea=N.n,exports.PktTextinput=T.n,exports.PktTimepicker=F.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./element-C6WTyJFE.cjs"),t=require("./consent-BwH89xk_.cjs"),n=require("./alert-BRZDpVMt.cjs"),r=require("./header-CvER8wo6.cjs"),i=require("./card-COseC8ZL.cjs"),a=require("./checkbox-DkFswqr-.cjs"),o=require("./radiobutton-DgkML7sd.cjs"),s=require("./icon-jPhyZD1z.cjs"),c=require("./accordion-Cx-Gh3hc.cjs"),l=require("./input-wrapper-4PTk8aX3.cjs"),u=require("./textarea-CjtqjgpN.cjs"),d=require("./messagebox-CiOQUt0C.cjs"),f=require("./calendar-CFTrX0C5.cjs"),p=require("./combobox-CaWnlvTX.cjs"),m=require("./button-Ca_V13cQ.cjs"),h=require("./backlink-CsFeerTH.cjs"),g=require("./breadcrumbs-D03id_ha.cjs"),_=require("./tag-6IPe9bwQ.cjs"),v=require("./helptext-p0nwJsyf.cjs"),y=require("./checkbox-group-lcxR3cYR.cjs"),b=require("./fileupload-Cb1c7ul0.cjs"),x=require("./modal-DGiq84MG.cjs"),S=require("./progressbar-CnX4fFfR.cjs"),C=require("./datepicker-Da8SfyVG.cjs"),w=require("./footer-Cl_Da5Iq.cjs"),T=require("./link-Dj6SbcaD.cjs"),E=require("./textinput-BZPGcxZV.cjs"),D=require("./searchinput-Mdc9Ihld.cjs"),O=require("./header-menu-D-wOwG1V.cjs"),k=require("./heading-D4Kkb6-N.cjs"),A=require("./linkcard-BoQIfci8.cjs"),j=require("./loader-BRYL5kTN.cjs"),M=require("./radio-group-XCYKqoLD.cjs"),N=require("./tabs-B63J6MXb.cjs"),P=require("./select-D8TC1msV.cjs"),F=require("./timepicker-C0d92R8u.cjs");exports.PktAccordion=c.r,exports.PktAccordionItem=c.n,exports.PktAlert=n.n,exports.PktBackLink=h.n,exports.PktBreadcrumbs=g.t,exports.PktButton=m.n,exports.PktCalendar=f.n,exports.PktCard=i.n,exports.PktCheckbox=a.n,exports.PktCheckboxGroup=y.n,exports.PktCombobox=p.n,exports.PktConsent=t.n,exports.PktDateTags=C.a,exports.PktDatepicker=C.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return b.n}}),exports.PktFooter=w.n,exports.PktFooterSimple=w.t,exports.PktHeader=r.t,exports.PktHeaderGlobal=r.n,exports.PktHeaderMenu=O.n,exports.PktHeaderService=r.r,exports.PktHeaderUserMenu=r.i,exports.PktHeading=k.n,exports.PktHelptext=v.n,exports.PktIcon=s.n,exports.PktInputWrapper=l.n,exports.PktLink=T.n,exports.PktLinkCard=A.n,exports.PktLoader=j.n,exports.PktMessagebox=d.n,exports.PktModal=x.n,exports.PktProgressbar=S.n,exports.PktRadioButton=o.n,exports.PktRadiobutton=o.n,exports.PktRadioGroup=M.n,exports.PktSearchInput=D.n,exports.PktSelect=P.n,exports.PktTabItem=N.n,exports.PktTabs=N.r,exports.PktTag=_.n,exports.PktTextarea=u.n,exports.PktTextinput=E.n,exports.PktTimepicker=F.t,exports.getPktStrings=e.r,exports.pktStringsNb=e.s,exports.resetPktStrings=e.i,exports.setPktStrings=e.a,exports.subscribePktStrings=e.o;

package/dist/pkt-index.js

@@ -8,30 +8,30 @@ import { n as p } from "./radiobutton-PYQKVnNQ.js";
 import { n as m } from "./icon-CLMJYuTL.js";
 import { n as h, r as g } from "./accordion-B0zAUNUV.js";
 import { n as _ } from "./input-wrapper-BSjQc4Vx.js";
-import { n as v } from "./messagebox-Dr-k3pnZ.js";
-import { n as y } from "./calendar-BQCjUQvP.js";
-import { n as b } from "./combobox-iXYiaWbN.js";
-import { n as x } from "./button-ChdHZYBF.js";
-import { n as S } from "./backlink-D8Rv46lA.js";
-import { t as C } from "./breadcrumbs-ybOBe_op.js";
-import { n as w } from "./tag-BPvGZcKf.js";
-import { n as T } from "./helptext-DN0jjgVu.js";
-import { n as E } from "./checkbox-group-1ghi5uHp.js";
-import { n as D } from "./fileupload-BNAQ9tNR.js";
-import { n as O } from "./modal-DbzEnZNF.js";
-import { n as k } from "./progressbar-t0zgEke0.js";
-import { a as A, t as j } from "./datepicker-DTcow1ih.js";
-import { n as M, t as N } from "./footer-BOwcLSsz.js";
-import { n as P } from "./link-39EvU2ng.js";
-import { n as F } from "./textinput-D_oEaI41.js";
-import { n as I } from "./searchinput-BzYifHBf.js";
-import { n as L } from "./header-menu-CsL4DZE2.js";
-import { n as R } from "./heading-DhTyaJms.js";
-import { n as z } from "./linkcard-K9vvKg1u.js";
-import { n as B } from "./loader-MoI2VRFr.js";
-import { n as V } from "./radio-group-DJikniZi.js";
-import { n as H, r as U } from "./tabs-DDakCTkY.js";
-import { n as W } from "./textarea-BZCUHjEj.js";
+import { n as v } from "./textarea-eRNStC90.js";
+import { n as y } from "./messagebox-Dr-k3pnZ.js";
+import { n as b } from "./calendar-BQCjUQvP.js";
+import { n as x } from "./combobox-iXYiaWbN.js";
+import { n as S } from "./button-ChdHZYBF.js";
+import { n as C } from "./backlink-D8Rv46lA.js";
+import { t as w } from "./breadcrumbs-ybOBe_op.js";
+import { n as T } from "./tag-BPvGZcKf.js";
+import { n as E } from "./helptext-DN0jjgVu.js";
+import { n as D } from "./checkbox-group-1ghi5uHp.js";
+import { n as O } from "./fileupload-BNAQ9tNR.js";
+import { n as k } from "./modal-DbzEnZNF.js";
+import { n as A } from "./progressbar-t0zgEke0.js";
+import { a as j, t as M } from "./datepicker-DTcow1ih.js";
+import { n as N, t as P } from "./footer-BOwcLSsz.js";
+import { n as F } from "./link-39EvU2ng.js";
+import { n as I } from "./textinput-D_oEaI41.js";
+import { n as L } from "./searchinput-BzYifHBf.js";
+import { n as R } from "./header-menu-CsL4DZE2.js";
+import { n as z } from "./heading-DhTyaJms.js";
+import { n as B } from "./linkcard-K9vvKg1u.js";
+import { n as V } from "./loader-MoI2VRFr.js";
+import { n as H } from "./radio-group-DJikniZi.js";
+import { n as U, r as W } from "./tabs-DDakCTkY.js";
 import { n as G } from "./select-CorofYxz.js";
 import { t as K } from "./timepicker-JBOeZg-7.js";
-export { g as PktAccordion, h as PktAccordionItem, o as PktAlert, S as PktBackLink, C as PktBreadcrumbs, x as PktButton, y as PktCalendar, d as PktCard, f as PktCheckbox, E as PktCheckboxGroup, b as PktCombobox, a as PktConsent, A as PktDateTags, j as PktDatepicker, D as PktFileUpload, M as PktFooter, N as PktFooterSimple, u as PktHeader, c as PktHeaderGlobal, L as PktHeaderMenu, l as PktHeaderService, s as PktHeaderUserMenu, R as PktHeading, T as PktHelptext, m as PktIcon, _ as PktInputWrapper, P as PktLink, z as PktLinkCard, B as PktLoader, v as PktMessagebox, O as PktModal, k as PktProgressbar, p as PktRadioButton, p as PktRadiobutton, V as PktRadioGroup, I as PktSearchInput, G as PktSelect, H as PktTabItem, U as PktTabs, w as PktTag, W as PktTextarea, F as PktTextinput, K as PktTimepicker, r as getPktStrings, i as pktStringsNb, t as resetPktStrings, e as setPktStrings, n as subscribePktStrings };
+export { g as PktAccordion, h as PktAccordionItem, o as PktAlert, C as PktBackLink, w as PktBreadcrumbs, S as PktButton, b as PktCalendar, d as PktCard, f as PktCheckbox, D as PktCheckboxGroup, x as PktCombobox, a as PktConsent, j as PktDateTags, M as PktDatepicker, O as PktFileUpload, N as PktFooter, P as PktFooterSimple, u as PktHeader, c as PktHeaderGlobal, R as PktHeaderMenu, l as PktHeaderService, s as PktHeaderUserMenu, z as PktHeading, E as PktHelptext, m as PktIcon, _ as PktInputWrapper, F as PktLink, B as PktLinkCard, V as PktLoader, y as PktMessagebox, k as PktModal, A as PktProgressbar, p as PktRadioButton, p as PktRadiobutton, H as PktRadioGroup, L as PktSearchInput, G as PktSelect, U as PktTabItem, W as PktTabs, T as PktTag, v as PktTextarea, I as PktTextinput, K as PktTimepicker, r as getPktStrings, i as pktStringsNb, t as resetPktStrings, e as setPktStrings, n as subscribePktStrings };

package/dist/pkt-textarea.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./textarea-BiCZBjOe.cjs");exports.PktTextarea=e.n,exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./textarea-CjtqjgpN.cjs");exports.PktTextarea=e.n,exports.default=e.t;

package/dist/pkt-textarea.js

@@ -1 +1 @@
-export { n as PktTextarea, t as default } from "./textarea-BZCUHjEj.js";
+export { n as PktTextarea, t as default } from "./textarea-eRNStC90.js";

package/dist/shared-types/index.d.ts

@@ -39,6 +39,8 @@ export type { IRenderLink, TRenderLink } from './render-link';
 export type { IPktStringsProps } from '../shared-strings';
 export type { IHelptextProps, ITagOptionalRequiredProps, IFormFieldLabelProps, IFormFieldErrorProps, IFormFieldCommonProps, TFormFieldCommonSpecKeys, } from './form-field';
 export { COUNTER_POSITIONS, INPUT_WRAPPER_DEFAULTS } from './input-wrapper';
+export { TEXTAREA_DEFAULTS } from './textarea';
+export type { IPktTextareaBase, ITextareaSpecProps } from './textarea';
 export type { TPktCounterPosition, IPktInputWrapperBase, IInputWrapperSpecProps, } from './input-wrapper';
 export type { TTagSkin } from './skin';
 export { MESSAGEBOX_SKINS, MESSAGEBOX_DEFAULTS } from './messagebox';

package/dist/shared-types/textarea.d.ts

@@ -0,0 +1,67 @@
+/**
+ * textarea.ts
+ *
+ * Type definitions for pkt-textarea.
+ * Used by React, Elements, and typed component specs.
+ */
+import type { IFormFieldCommonProps } from './form-field';
+import type { TPktInputSize } from './size';
+/**
+ * Textarea props shared by React, Elements, and typed component specs.
+ *
+ * @remarks Keys follow the React prop names. Elements uses lowercase properties instead:
+ * `autocomplete`, `minlength`, `maxlength` and `readonly`.
+ *
+ * React requires `id` and `label`, and widens `helptext`, `helptextDropdown` and
+ * `errorMessage` to `ReactNode`. Elements widens `label`, `placeholder`, `rows`, `cols`,
+ * `ariaDescribedby`, `ariaLabelledby` and `helptextDropdownButton` to `| null` (Lit uses
+ * `null` for an unset attribute), `useWrapper` to `Booleanish`, and omits `form`, which is
+ * a getter returning the associated `HTMLFormElement`, not the form id.
+ *
+ * `counter` and `hasFieldset` are tri-state: `null` means the component derives the value.
+ */
+export interface IPktTextareaBase extends IFormFieldCommonProps<'forms' | 'validation'> {
+    id?: string;
+    name?: string;
+    form?: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    cols?: number;
+    minLength?: number;
+    maxLength?: number;
+    readOnly?: boolean;
+    autoComplete?: string;
+    required?: boolean;
+    ariaDescribedby?: string;
+    ariaLabelledby?: string;
+    inline?: boolean;
+    fullwidth?: boolean;
+    useWrapper?: boolean;
+    counter?: boolean | null;
+    counterMaxLength?: number;
+    inputSize?: TPktInputSize;
+    hasFieldset?: boolean | null;
+}
+/**
+ * Documented Textarea props (subset of `IPktTextareaBase`).
+ * Used for typed component specs in documentation.
+ */
+export type ITextareaSpecProps = Pick<IPktTextareaBase, 'label' | 'name' | 'form' | 'placeholder' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'rows' | 'cols' | 'minLength' | 'maxLength' | 'readOnly' | 'value' | 'autoComplete' | 'ariaLabelledby' | 'ariaDescribedby' | 'required' | 'requiredTag' | 'requiredText' | 'optionalTag' | 'optionalText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'fullwidth' | 'useWrapper' | 'id' | 'counter' | 'counterMaxLength' | 'inputSize' | 'hasFieldset'>;
+/**
+ * Default values for pkt-textarea. Single source of truth for both frameworks.
+ * `counter` and `hasFieldset` are intentionally absent — `null` lets the component derive them.
+ */
+export declare const TEXTAREA_DEFAULTS: {
+    readonly autoComplete: 'off';
+    readonly required: false;
+    readonly readOnly: false;
+    readonly requiredTag: false;
+    readonly optionalTag: false;
+    readonly hasError: false;
+    readonly disabled: false;
+    readonly inline: false;
+    readonly fullwidth: false;
+    readonly useWrapper: true;
+    readonly inputSize: 'medium';
+};

package/dist/{textarea-BiCZBjOe.cjs → textarea-CjtqjgpN.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./directive-helpers-Bv70GjQh.cjs"),r=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./input-wrapper-4PTk8aX3.cjs"),a=require("./if-defined-CiML3MTM.cjs"),o=require("./ref-CB7e9nMY.cjs"),s=require("./input-element-BOi7rBbw.cjs");var c=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.PROPERTY&&t.type!==e.m.ATTRIBUTE&&t.type!==e.m.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.g||r===e.h)return r;let i=t.element,a=t.name;if(t.type===e.m.PROPERTY){if(r===i[a])return e.g}else if(t.type===e.m.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.g}else if(t.type===e.m.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.g;return n.r(t),r}}),l=class extends s.t{constructor(...e){super(...e),this.inputRef=o.t(),this.value=``,this.autocomplete=`off`,this.rows=null,this.cols=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`,`pkt-textarea`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let n=this.effectiveCounter(this.counterMaxLength>0),s=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":n&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),l=this.ariaLabelledby||`${this.id}-input-label`;return e._`<pkt-input-wrapper
+const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./directive-helpers-Bv70GjQh.cjs"),r=require("./element-with-slot-DkyaNnm0.cjs");require("./icon-jPhyZD1z.cjs");const i=require("./input-wrapper-4PTk8aX3.cjs"),a=require("./if-defined-CiML3MTM.cjs"),o=require("./ref-CB7e9nMY.cjs"),s=require("./input-element-BOi7rBbw.cjs");var c={autoComplete:`off`,required:!1,readOnly:!1,requiredTag:!1,optionalTag:!1,hasError:!1,disabled:!1,inline:!1,fullwidth:!1,useWrapper:!0,inputSize:`medium`},l=e.f(class extends e.p{constructor(t){if(super(t),t.type!==e.m.PROPERTY&&t.type!==e.m.ATTRIBUTE&&t.type!==e.m.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!n.i(t))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(t,[r]){if(r===e.g||r===e.h)return r;let i=t.element,a=t.name;if(t.type===e.m.PROPERTY){if(r===i[a])return e.g}else if(t.type===e.m.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return e.g}else if(t.type===e.m.ATTRIBUTE&&i.getAttribute(a)===r+``)return e.g;return n.r(t),r}}),u=class extends s.t{constructor(...e){super(...e),this.inputRef=o.t(),this.value=``,this.autocomplete=c.autoComplete,this.rows=null,this.cols=null,this.counterCurrent=0}attributeChangedCallback(e,t,n){e===`value`&&this.value!==t&&(this.counterCurrent=n?n.length:0),super.attributeChangedCallback(e,t,n)}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this.counterCurrent=this.value?.length||0),e.has(`id`)&&!this.name&&this.id&&(this.name=this.id)}updated(e){super.updated(e),this.classList.add(`pkt-textinput`,`pkt-textarea`),e.has(`value`)&&this.valueChanged(this.value,e.get(`value`))}render(){let n=this.effectiveCounter(this.counterMaxLength>0),s=t.t({"pkt-input":!0,[`pkt-input--${this.inputSize}`]:!0,"pkt-input--fullwidth":this.fullwidth,"pkt-input--counter-error":n&&this.counterMaxLength>0&&this.value.length>this.counterMaxLength}),c=this.ariaLabelledby||`${this.id}-input-label`;return e._`<pkt-input-wrapper
       ${r.n(this,[`helptext`])}
       .strings=${this.strings}
       label=${this.label}
@@ -30,12 +30,12 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
         id=${this.id+`-input`}
         name=${(this.name||this.id)+`-input`}
         placeholder=${a.t(this.placeholder)}
-        .value=${c(this.value)}
+        .value=${l(this.value)}
         minlength=${a.t(this.minlength)}
         maxlength=${a.t(this.maxlength)}
         ?readonly=${this.readonly}
         autocomplete=${this.autocomplete}
-        aria-labelledby=${l}
+        aria-labelledby=${c}
         aria-invalid=${this.hasError}
         aria-errormessage=${a.t(this.hasError?`${this.id}-input-error`:void 0)}
         aria-describedby=${a.t(i.r({id:this.id+`-input`,hasHelptext:!!this.helptext||this.hasSlotContent(`helptext`),hasCounter:n,ariaDescribedby:this.ariaDescribedby}))}
@@ -47,4 +47,4 @@ const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),
         @focus=${e=>{this.onFocus(),e.stopImmediatePropagation()}}
         @blur=${e=>{this.value=e.target.value,this.onBlur(),e.stopImmediatePropagation()}}
       ></textarea>
-    </pkt-input-wrapper>`}};e.n([e.u({type:String,reflect:!0})],l.prototype,`value`,void 0),e.n([e.u({type:String})],l.prototype,`autocomplete`,void 0),e.n([e.u({type:Number})],l.prototype,`rows`,void 0),e.n([e.u({type:Number})],l.prototype,`cols`,void 0),e.n([e.l()],l.prototype,`counterCurrent`,void 0);try{e.d(`pkt-textarea`)(l)}catch{console.warn(`Forsøker å definere <pkt-textarea>, men den er allerede definert`)}var u=l;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+    </pkt-input-wrapper>`}};e.n([e.u({type:String,reflect:!0})],u.prototype,`value`,void 0),e.n([e.u({type:String})],u.prototype,`autocomplete`,void 0),e.n([e.u({type:Number})],u.prototype,`rows`,void 0),e.n([e.u({type:Number})],u.prototype,`cols`,void 0),e.n([e.l()],u.prototype,`counterCurrent`,void 0);try{e.d(`pkt-textarea`)(u)}catch{console.warn(`Forsøker å definere <pkt-textarea>, men den er allerede definert`)}var d=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/{textarea-BZCUHjEj.js → textarea-eRNStC90.js}

@@ -7,8 +7,20 @@ import { r as m } from "./input-wrapper-BSjQc4Vx.js";
 import { t as h } from "./if-defined-D18nY_K_.js";
 import { n as g, t as _ } from "./ref-D4OwQYdf.js";
 import { t as v } from "./input-element-0yYtRu0p.js";
-//#region ../../node_modules/lit-html/directives/live.js
-var y = n(class extends c {
+//#region ../../shared-types/textarea.ts
+var y = {
+	autoComplete: "off",
+	required: !1,
+	readOnly: !1,
+	requiredTag: !1,
+	optionalTag: !1,
+	hasError: !1,
+	disabled: !1,
+	inline: !1,
+	fullwidth: !1,
+	useWrapper: !0,
+	inputSize: "medium"
+}, b = n(class extends c {
 	constructor(e) {
 		if (super(e), e.type !== o.PROPERTY && e.type !== o.ATTRIBUTE && e.type !== o.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
 		if (!d(e)) throw Error("`live` bindings can only contain a single expression");
@@ -26,9 +38,9 @@ var y = n(class extends c {
 		} else if (e.type === o.ATTRIBUTE && n.getAttribute(a) === t + "") return r;
 		return f(e), t;
 	}
-}), b = class extends v {
+}), x = class extends v {
 	constructor(...e) {
-		super(...e), this.inputRef = _(), this.value = "", this.autocomplete = "off", this.rows = null, this.cols = null, this.counterCurrent = 0;
+		super(...e), this.inputRef = _(), this.value = "", this.autocomplete = y.autoComplete, this.rows = null, this.cols = null, this.counterCurrent = 0;
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "value" && this.value !== t && (this.counterCurrent = n ? n.length : 0), super.attributeChangedCallback(e, t, n);
@@ -78,7 +90,7 @@ var y = n(class extends c {
         id=${this.id + "-input"}
         name=${(this.name || this.id) + "-input"}
         placeholder=${h(this.placeholder)}
-        .value=${y(this.value)}
+        .value=${b(this.value)}
         minlength=${h(this.minlength)}
         maxlength=${h(this.maxlength)}
         ?readonly=${this.readonly}
@@ -114,14 +126,14 @@ var y = n(class extends c {
 s([l({
 	type: String,
 	reflect: !0
-})], b.prototype, "value", void 0), s([l({ type: String })], b.prototype, "autocomplete", void 0), s([l({ type: Number })], b.prototype, "rows", void 0), s([l({ type: Number })], b.prototype, "cols", void 0), s([a()], b.prototype, "counterCurrent", void 0);
+})], x.prototype, "value", void 0), s([l({ type: String })], x.prototype, "autocomplete", void 0), s([l({ type: Number })], x.prototype, "rows", void 0), s([l({ type: Number })], x.prototype, "cols", void 0), s([a()], x.prototype, "counterCurrent", void 0);
 try {
-	t("pkt-textarea")(b);
+	t("pkt-textarea")(x);
 } catch {
 	console.warn("Forsøker å definere <pkt-textarea>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/textarea/index.ts
-var x = b;
+var S = x;
 //#endregion
-export { b as n, x as t };
+export { x as n, S as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "19.17.1",
+  "version": "19.18.0",
   "description": "Komponentbiblioteket til Punkt, designsystem for Oslo kommune",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo kommune",
@@ -84,5 +84,5 @@
   "engines": {
     "node": "^22.19.0 || ^24.0.0 || ^26.0.0"
   },
-  "gitHead": "fd4bf55becbedfdf8ee1de536d4f3e8a3b50c134"
+  "gitHead": "6b3cae25111200ae8f8f3673e13c8b6379337ecf"
 }

package/src/components/index.ts

@@ -40,6 +40,7 @@ export { PktRadioButton as PktRadiobutton } from '@/components/radiobutton'
 export { PktTag } from '@/components/tag'
 export { PktTabs, PktTabItem } from '@/components/tabs'
 export { PktTextarea } from '@/components/textarea'
+export type { IPktTextarea } from '@/components/textarea'
 export { PktTextinput } from '@/components/textinput'
 export { PktSelect } from '@/components/select'
 export { PktSearchInput } from '@/components/searchinput'

package/src/components/textarea/index.ts

@@ -1,4 +1,5 @@
 import { PktTextarea } from './textarea'
 
 export { PktTextarea }
+export type { IPktTextarea } from './textarea'
 export default PktTextarea

package/src/components/textarea/textarea.ts

@@ -11,14 +11,46 @@ import '@/components/input-wrapper'
 import '@/components/icon'
 import { ElementProps } from '@/types/typeUtils'
 import { describedByIds } from 'shared-utils/forms/described-by'
+import { TEXTAREA_DEFAULTS, type Booleanish, type IPktTextareaBase } from 'shared-types'
 
 type Props = ElementProps<PktTextarea, 'autocomplete' | 'rows' | 'cols'>
 
-export class PktTextarea extends PktInputElement<Props> {
+export interface IPktTextarea extends Omit<
+  IPktTextareaBase,
+  | 'form'
+  | 'label'
+  | 'placeholder'
+  | 'rows'
+  | 'cols'
+  | 'minLength'
+  | 'maxLength'
+  | 'readOnly'
+  | 'autoComplete'
+  | 'ariaDescribedby'
+  | 'ariaLabelledby'
+  | 'helptextDropdownButton'
+  | 'useWrapper'
+> {
+  label?: string | null
+  placeholder?: string | null
+  rows?: number | null
+  cols?: number | null
+  minlength?: number | null
+  maxlength?: number | null
+  readonly?: boolean
+  autocomplete?: string
+  ariaDescribedby?: string | null
+  ariaLabelledby?: string | null
+  /** @deprecated Bruk `strings={{ forms: { readMore: '…' } }}` eller `setPktStrings()`. */
+  helptextDropdownButton?: string | null
+  useWrapper?: Booleanish
+}
+
+export class PktTextarea extends PktInputElement<Props> implements IPktTextarea {
   inputRef: Ref<HTMLTextAreaElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''
-  @property({ type: String }) autocomplete: string = 'off'
+  @property({ type: String }) autocomplete: string = TEXTAREA_DEFAULTS.autoComplete
   @property({ type: Number }) rows: number | null = null
   @property({ type: Number }) cols: number | null = null