@oslokommune/punkt-elements 19.18.1 → 19.18.3

package/src/components/tag/tag.ts

@@ -3,30 +3,21 @@ import { customElement, property, state } from 'lit/decorators.js'
 import { html, PropertyValues } from 'lit'
 import { PktElementWithSlot } from '@/base-elements/element-with-slot'
 import { getSlotManager, slotContent } from '@/directives/slot-content'
-import { TPktSize } from '@/types/size'
 import specs from 'componentSpecs/tag.json'
 
 import '@/components/icon'
-import type { IAriaAttributes, THTMLButtonType } from 'shared-types'
+import type { IAriaAttributes, THTMLButtonType, TPktSizeBase } from 'shared-types'
 import { PktIconName } from '@oslokommune/punkt-assets/dist/icons/icon'
 import { ifDefined } from 'lit/directives/if-defined.js'
 import { formatString, type IPktStringsProps } from 'shared-strings'
 
 export type TTagSkin =
-  | 'blue'
-  | 'blue-dark'
-  | 'blue-light'
-  | 'green'
-  | 'red'
-  | 'yellow'
-  | 'beige'
-  | 'gray'
-  | 'grey'
+  'blue' | 'blue-dark' | 'blue-light' | 'green' | 'red' | 'yellow' | 'beige' | 'gray' | 'grey'
 export type TTagType = THTMLButtonType
 
 export interface IPktTag extends IPktStringsProps<'tag'> {
   closeTag?: boolean
-  size?: TPktSize
+  size?: TPktSizeBase
   skin?: TTagSkin
   textStyle?: string | null
   iconName?: PktIconName
@@ -44,7 +35,8 @@ export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
    * Element attributes
    */
   @property({ type: Boolean, reflect: true }) closeTag: boolean = specs.props.closeTag.default
-  @property({ type: String, reflect: true }) size: TPktSize = specs.props.size.default as TPktSize
+  @property({ type: String, reflect: true }) size: TPktSizeBase = specs.props.size
+    .default as TPktSizeBase
   @property({ type: String, reflect: true }) skin: TTagSkin = specs.props.skin.default as TTagSkin
   @property({ type: String, reflect: true }) textStyle: string | null = null
   @property({ type: String, reflect: true }) iconName: string | undefined = undefined
@@ -118,12 +110,14 @@ export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
           aria-label=${ifDefined(this.ariaLabel || undefined)}
           aria-description=${ifDefined(this._ariaDescription || undefined)}
         >
-          ${this.iconName &&
-          html`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
+          ${
+            this.iconName &&
+            html`<pkt-icon
+              class="pkt-tag__icon"
+              name=${this.iconName}
+              aria-hidden="true"
+            ></pkt-icon>`
+          }
           <span>${slotContent(this)}</span>
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
@@ -131,12 +125,14 @@ export class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
     } else {
       return html`
         <span class=${classMap(classes)}>
-          ${this.iconName &&
-          html`<pkt-icon
-            class="pkt-tag__icon"
-            name=${this.iconName}
-            aria-hidden="true"
-          ></pkt-icon>`}
+          ${
+            this.iconName &&
+            html`<pkt-icon
+              class="pkt-tag__icon"
+              name=${this.iconName}
+              aria-hidden="true"
+            ></pkt-icon>`
+          }
           <span>${slotContent(this)}</span>
         </span>
       `

package/dist/alert-SQdshv-F.cjs

@@ -1,39 +0,0 @@
-const e=require("./element-C6WTyJFE.cjs"),t=require("./class-map-Bh6toDeV.cjs"),n=require("./format-B8meU8Tm.cjs"),r=require("./element-with-slot-gdQbNteD.cjs");require("./icon-Dk8y6odR.cjs");const i=require("./classutils-CbklAJDe.cjs"),a=require("./define-component-spec-DBNd2FJY.cjs");require("./button-DMytp-Jt.cjs");var o=[`off`,`polite`,`assertive`],s=[`info`,`success`,`warning`,`error`],c=[`medium`,`small`,`xsmall`],l={compact:!1},u=a.t({name:`pkt-alert`,react:`PktAlert`,"css-class":`pkt-alert`,"dark-mode":!0,isElement:!0,isPureReact:!0,events:{onClose:{reactOnly:!0,description:`React: Klikk-event for 'Lukk'-knappen`},close:{elementsOnly:!0,description:`Elements: Klikk-event for 'Lukk'-knappen`},"on-close":{elementsOnly:!0,description:`Elements: Samme event som <code>close</code>, beholdt for eldre Vue-oppsett.`,deprecated:`Bruk <code>close</code>. <code>on-close</code> fjernes i en senere hovedversjon.`}},props:{title:{name:`Tittel`,description:`Tittelen som vises øverst i på meldingen`,type:`string`,category:`contents`},skin:{name:`Utseende`,description:`Hvordan type melding er dette?`,type:[...s],default:`info`,category:`ui`},date:{name:`Sist oppdatert`,description:`Dato som vises nederst i på meldingen`,type:`string`,category:`contents`},ariaLive:{name:`aria-live`,description:`Hvordan skal skjermleseren lese opp meldingen?`,type:[...o],default:`polite`,category:`accessibility`},size:{name:`Størrelse`,description:`Endrer størrelsen på ulike elementer i alerten.`,type:[...c],default:`medium`,category:`ui`},closeAlert:{name:`Vis 'Lukk'-knapp`,description:`Viser 'Lukk'-knappen`,type:`boolean`,default:!1,category:`ui`},compact:{name:`Kompakt`,description:`Kompakt visning av alerten.`,deprecated:"Bruk `size` i stedet; uten eksplisitt `size` gir compact størrelsen 'small'.",type:`boolean`,category:`ui`,default:l.compact}},slots:{default:{description:`Innholdet i meldingen`}}}),d=class extends r.t{constructor(){super(),this.compact=l.compact,this.title=``,this.skin=u.props.skin.default,this.ariaLive=u.props.ariaLive.default,this.ariaLiveAttr=null,this.closeAlert=u.props.closeAlert.default,this.date=null,this.role=`status`,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent(`close`,{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(`on-close`,{detail:{origin:e},bubbles:!0,composed:!0}))},this._isClosed=!1}connectedCallback(){super.connectedCallback(),this.ariaLiveAttr=this.getAttribute(`aria-live`)||this.ariaLive}attributeChangedCallback(e,t,n){e===`ariaLive`&&(this.ariaLiveAttr=n),super.attributeChangedCallback(e,t,n)}updated(e){super.updated(e),e.has(`ariaLive`)&&e.get(`ariaLive`)!==void 0&&(this.ariaLiveAttr=this.ariaLive),e.has(`_isClosed`)&&i.t(this,`pkt-hide`,this._isClosed)}render(){let i=this.size??(this.compact?`small`:`medium`),a={"pkt-alert":!0,[`pkt-alert--${i}`]:!0,[`pkt-alert--${this.skin}`]:!0,"pkt-hide":this._isClosed},o={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return e._`
-      <div
-        class=${t.t(a)}
-        aria-live=${this.ariaLiveAttr}
-        role=${this.role}
-      >
-        <div class=${t.t(o)}>
-          <pkt-icon
-            class="pkt-alert__icon"
-            aria-hidden="true"
-            name=${this.skin===`info`?`alert-information`:`alert-${this.skin}`}
-          ></pkt-icon>
-
-          ${this.closeAlert?e._`
-                <div class="pkt-alert__close">
-                  <pkt-button
-                    tabindex="0"
-                    aria-label=${this.pktStrings.get(`generic`).close}
-                    size=${i}
-                    type="button"
-                    skin="tertiary"
-                    iconName="close"
-                    variant="icon-only"
-                    @click=${this.close}
-                  >
-                    <span class="sr-only">${this.pktStrings.get(`generic`).close}</span>
-                  </pkt-button>
-                </div>
-              `:e.h}
-          ${this.title?e._`<div class="pkt-alert__title">${this.title}</div>`:e.h}
-
-          <div class="pkt-alert__text">${r.i(this)}</div>
-
-          ${this.date?e._`<div class="pkt-alert__date">
-                ${n.t(this.pktStrings.get(`alert`).lastUpdated,{date:this.date})}
-              </div>`:e.h}
-        </div>
-      </div>
-    `}};e.n([e.u({type:Boolean,reflect:!1})],d.prototype,`compact`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`title`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`skin`,void 0),e.n([e.u({type:String})],d.prototype,`ariaLive`,void 0),e.n([e.u({type:String,reflect:!0,attribute:`aria-live`})],d.prototype,`ariaLiveAttr`,void 0),e.n([e.u({type:Boolean,reflect:!0})],d.prototype,`closeAlert`,void 0),e.n([e.u({type:String,reflect:!0})],d.prototype,`date`,void 0),e.n([e.u({type:String})],d.prototype,`role`,void 0),e.n([e.u({type:String,attribute:`size`})],d.prototype,`size`,void 0),e.n([e.l()],d.prototype,`_isClosed`,void 0);try{e.d(`pkt-alert`)(d)}catch{console.warn(`Forsøker å definere <pkt-alert>, men den er allerede definert`)}var f=d;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/components/alert/alert.test.d.ts

@@ -1,14 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface AlertTestConfig extends BaseTestConfig {
-    skin?: string;
-    compact?: boolean;
-    title?: string;
-    date?: string;
-    closeAlert?: boolean;
-    ariaLive?: string;
-    size?: string;
-}
-export declare const createAlertTest: (config?: AlertTestConfig) => Promise<{
-    container: HTMLElement;
-    alert: import('./alert').PktAlert;
-}>;

package/dist/components/backlink/backlink.test.d.ts

@@ -1,10 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface BacklinkTestConfig extends BaseTestConfig {
-    href?: string;
-    text?: string;
-    ariaLabel?: string | null;
-}
-export declare const createBacklinkTest: (config?: BacklinkTestConfig) => Promise<{
-    container: HTMLElement;
-    backlink: import('./backlink').PktBackLink;
-}>;

package/dist/components/button/button.test.d.ts

@@ -1,22 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface ButtonTestConfig extends BaseTestConfig {
-    size?: string;
-    skin?: string;
-    variant?: string;
-    color?: string;
-    type?: string;
-    disabled?: boolean;
-    isLoading?: boolean;
-    iconName?: string;
-    iconNameSecond?: string;
-    iconPath?: string;
-    secondIconPath?: string;
-    iconPosition?: string;
-    mode?: string;
-    form?: string;
-    content?: string;
-}
-export declare const createButtonTest: (config?: ButtonTestConfig) => Promise<{
-    container: HTMLElement;
-    button: import('./button').PktButton;
-}>;

package/dist/components/calendar/calendar.accessibility.test.d.ts

@@ -1,16 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface CalendarTestConfig extends BaseTestConfig {
-    withcontrols?: boolean;
-    weeknumbers?: boolean;
-    multiple?: boolean;
-    range?: boolean;
-    earliest?: string;
-    latest?: string;
-    currentmonth?: string;
-    excludedates?: string;
-    excludeweekdays?: string;
-}
-export declare const createCalendarTest: (config?: CalendarTestConfig) => Promise<{
-    container: HTMLElement;
-    calendar: import('./calendar').PktCalendar;
-}>;

package/dist/components/card/card.test.d.ts

@@ -1,22 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface CardTestConfig extends BaseTestConfig {
-    skin?: string;
-    layout?: string;
-    padding?: string;
-    borderOnHover?: boolean;
-    heading?: string;
-    subheading?: string;
-    headingLevel?: number;
-    href?: string;
-    linkText?: string;
-    image?: string;
-    imageAlt?: string;
-    tags?: string;
-    metaPrefix?: string;
-    metaLabel?: string;
-    metaDate?: string;
-}
-export declare const createCardTest: (config?: CardTestConfig) => Promise<{
-    container: HTMLElement;
-    card: import('./card').PktCard;
-}>;

package/dist/components/checkbox/checkbox.test.d.ts

@@ -1,24 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface CheckboxTestConfig extends BaseTestConfig {
-    id?: string;
-    name?: string;
-    label?: string;
-    checked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    value?: string;
-    checkHelptext?: string;
-    hasTile?: boolean;
-    hasError?: boolean;
-    errorMessage?: string;
-    optionalTag?: boolean;
-    requiredTag?: boolean;
-    tagText?: string;
-    labelPosition?: string;
-    hideLabel?: boolean;
-    isSwitch?: boolean;
-}
-export declare const createCheckboxTest: (config?: CheckboxTestConfig) => Promise<{
-    container: HTMLElement;
-    checkbox: import('./checkbox').PktCheckbox;
-}>;

package/dist/components/consent/consent.test.d.ts

@@ -1,16 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface ConsentTestConfig extends BaseTestConfig {
-    devMode?: boolean;
-    googleAnalyticsId?: string;
-    hotjarId?: string;
-    cookieDomain?: string;
-    cookieSecure?: string;
-    cookieExpiryDays?: string;
-    triggerType?: string;
-    triggerText?: string;
-    i18nLanguage?: string;
-}
-export declare const createConsentTest: (config?: ConsentTestConfig) => Promise<{
-    container: HTMLElement;
-    consent: import('./consent').PktConsent;
-}>;

package/dist/components/datepicker/date-tags.test.d.ts

@@ -1,12 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { PktDateTags } from './date-tags';
-export interface IDateTagsTest extends BaseTestConfig {
-    dates?: string[];
-    idBase?: string;
-    className?: string;
-    dateformat?: string;
-}
-export declare const createDateTagsTest: (config?: IDateTagsTest) => Promise<{
-    container: HTMLElement;
-    dateTags: PktDateTags;
-}>;

package/dist/components/datepicker/datepicker-popup.test.d.ts

@@ -1,4 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface IDatepickerPopupTest extends BaseTestConfig {
-    open?: boolean;
-}

package/dist/components/datepicker/datepicker-utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/header/header-service.test.d.ts

@@ -1,18 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface HeaderServiceTestConfig extends BaseTestConfig {
-    'service-name'?: string;
-    'service-link'?: string;
-    'logo-link'?: string;
-    compact?: boolean;
-    'hide-logo'?: boolean;
-    position?: 'fixed' | 'sticky' | 'relative';
-    'scroll-behavior'?: 'hide' | 'none';
-    'show-search'?: boolean;
-    'search-placeholder'?: string;
-    'search-value'?: string;
-    'log-out-button-placement'?: 'userMenu' | 'header' | 'both' | 'none';
-    'can-change-representation'?: boolean;
-    'opened-menu'?: 'none' | 'slot' | 'search' | 'user';
-    'mobile-breakpoint'?: number;
-    'tablet-breakpoint'?: number;
-}

package/dist/components/icon/icon.test.d.ts

@@ -1,12 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { PktIcon } from './icon';
-export interface IconTestConfig extends BaseTestConfig {
-    name?: string;
-    path?: string;
-    'aria-hidden'?: string;
-    'aria-label'?: string;
-}
-export declare const createIconTest: (config?: IconTestConfig) => Promise<{
-    container: HTMLElement;
-    icon: PktIcon;
-}>;

package/dist/components/input-wrapper/input-wrapper.test.d.ts

@@ -1,32 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface InputWrapperTestConfig extends BaseTestConfig {
-    label?: string;
-    helptext?: string;
-    errorMessage?: string;
-    hasError?: boolean;
-    counter?: boolean;
-    counterCurrent?: number;
-    counterMaxLength?: number;
-    counterError?: boolean;
-    inline?: boolean;
-    useWrapper?: boolean;
-    disabled?: boolean;
-    optionalTag?: boolean;
-    requiredTag?: boolean;
-    hasFieldset?: boolean;
-    inFieldset?: boolean;
-    readonly?: boolean;
-    forId?: string;
-    ariaDescribedBy?: string;
-    helptextDropdown?: string;
-    helptextDropdownButton?: string;
-    optionalText?: string;
-    requiredText?: string;
-    tagText?: string;
-    role?: string;
-    size?: 'small' | 'medium' | 'xsmall';
-}
-export declare const createInputWrapperTest: (config?: InputWrapperTestConfig) => Promise<{
-    container: HTMLElement;
-    wrapper: import('./input-wrapper').PktInputWrapper;
-}>;

package/dist/components/input-wrapper/wrapper-parity.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/link/link.test.d.ts

@@ -1,15 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface LinkTestConfig extends BaseTestConfig {
-    href?: string;
-    target?: string;
-    skin?: string;
-    variant?: string;
-    iconName?: string;
-    iconPosition?: string;
-    openInNewTab?: boolean;
-    external?: boolean;
-}
-export declare const createLinkTest: (config?: LinkTestConfig) => Promise<{
-    container: HTMLElement;
-    link: import('./link').PktLink;
-}>;

package/dist/components/linkcard/linkcard.test.d.ts

@@ -1,9 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { PktLinkCard, IPktLinkCard } from './linkcard';
-export interface LinkCardTestConfig extends IPktLinkCard, BaseTestConfig {
-}
-export declare const createLinkCardTest: (config?: LinkCardTestConfig) => Promise<{
-    container: HTMLElement;
-    linkCard: PktLinkCard;
-    link: HTMLAnchorElement;
-}>;

package/dist/components/listbox/listbox.interaction.test.d.ts

@@ -1,10 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktListbox } from './listbox';
-export interface ListboxTestConfig extends Partial<IPktListbox>, BaseTestConfig {
-    label?: string;
-    id?: string;
-}
-export declare const createListboxTest: (config?: ListboxTestConfig) => Promise<{
-    container: HTMLElement;
-    listbox: import('./listbox').PktListbox;
-}>;

package/dist/components/listbox/listbox.test.d.ts

@@ -1,10 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktListbox } from './listbox';
-export interface ListboxTestConfig extends Partial<IPktListbox>, BaseTestConfig {
-    label?: string;
-    id?: string;
-}
-export declare const createListboxTest: (config?: ListboxTestConfig) => Promise<{
-    container: HTMLElement;
-    listbox: import('./listbox').PktListbox;
-}>;

package/dist/components/loader/loader.test.d.ts

@@ -1,8 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktLoader } from './loader';
-export interface LoaderTestConfig extends Partial<IPktLoader>, BaseTestConfig {
-}
-export declare const createLoaderTest: (config?: LoaderTestConfig) => Promise<{
-    container: HTMLElement;
-    loader: import('./loader').PktLoader;
-}>;

package/dist/components/messagebox/messagebox.test.d.ts

@@ -1,8 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktMessagebox } from './messagebox';
-export interface MessageboxTestConfig extends Partial<IPktMessagebox>, BaseTestConfig {
-}
-export declare const createMessageboxTest: (config?: MessageboxTestConfig) => Promise<{
-    container: HTMLElement;
-    messagebox: import('./messagebox').PktMessagebox;
-}>;

package/dist/components/modal/modal.test.d.ts

@@ -1,9 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktModal } from './modal';
-export interface ModalTestConfig extends IPktModal, BaseTestConfig {
-}
-export declare const createModalTest: (config?: ModalTestConfig) => Promise<{
-    container: HTMLElement;
-    modal: import('./modal').PktModal;
-    heading: Element | null;
-}>;

package/dist/components/progressbar/progressbar.test.d.ts

@@ -1,8 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktProgressbar } from './progressbar';
-export interface ProgressbarTestConfig extends Partial<IPktProgressbar>, BaseTestConfig {
-}
-export declare const createProgressbarTest: (config?: ProgressbarTestConfig) => Promise<{
-    container: HTMLElement;
-    progressbar: import('./progressbar').PktProgressbar;
-}>;

package/dist/components/radiobutton/radiobutton.test.d.ts

@@ -1,28 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-export interface RadioButtonTestConfig extends BaseTestConfig {
-    value?: string;
-    checkHelptext?: string | null;
-    defaultChecked?: boolean;
-    hasTile?: boolean;
-    checked?: boolean | string | null;
-    type?: string;
-    tagText?: string | null;
-    optionalTag?: boolean;
-    optionalText?: string;
-    requiredTag?: boolean;
-    requiredText?: string;
-    id?: string;
-    name?: string;
-    label?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    hasError?: boolean;
-    inline?: boolean;
-    ariaDescribedBy?: string | null;
-    ariaLabelledby?: string | null;
-}
-export declare const createRadioButtonTest: (config?: RadioButtonTestConfig) => Promise<{
-    container: HTMLElement;
-    radiobutton: import('./radiobutton').PktRadioButton;
-}>;

package/dist/components/select/select.test.d.ts

@@ -1,23 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktSelect } from './select';
-import { Booleanish } from '../../shared-types';
-export interface SelectTestConfig extends Partial<IPktSelect>, BaseTestConfig {
-    id?: string;
-    label?: string;
-    disabled?: boolean;
-    required?: boolean;
-    hasError?: boolean;
-    errorMessage?: string;
-    helptext?: string;
-    fullwidth?: boolean;
-    'aria-labelledby'?: string | null;
-    'aria-describedby'?: string | null;
-    counter?: boolean;
-    inline?: boolean;
-    useWrapper?: Booleanish;
-    'input-size'?: string;
-}
-export declare const createSelectTest: (config?: SelectTestConfig) => Promise<{
-    container: HTMLElement;
-    select: import('./select').PktSelect;
-}>;

package/dist/components/tag/tag.test.d.ts

@@ -1,8 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { IPktTag } from './tag';
-export interface TagTestConfig extends Partial<IPktTag>, BaseTestConfig {
-}
-export declare const createTagTest: (config?: TagTestConfig) => Promise<{
-    container: HTMLElement;
-    tag: import('./tag').PktTag;
-}>;

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

@@ -1,29 +0,0 @@
-import { BaseTestConfig } from '../../tests/test-framework';
-import { TPktInputSize } from '../../shared-types/size';
-export interface TextareaTestConfig extends BaseTestConfig {
-    value?: string;
-    autocomplete?: string;
-    rows?: number | null;
-    id?: string;
-    label?: string;
-    name?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    placeholder?: string | null;
-    maxlength?: number | null;
-    minlength?: number | null;
-    hasError?: boolean;
-    errorMessage?: string;
-    helptext?: string;
-    fullwidth?: boolean;
-    counter?: boolean;
-    inline?: boolean;
-    'aria-labelledby'?: string | null;
-    'aria-describedby'?: string | null;
-    inputSize?: TPktInputSize;
-}
-export declare const createTextareaTest: (config?: TextareaTestConfig) => Promise<{
-    container: HTMLElement;
-    textarea: import('./textarea').PktTextarea;
-}>;