@oslokommune/punkt-elements 13.6.10 → 13.6.11

package/CHANGELOG.md

@@ -5,6 +5,23 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [13.6.11](https://github.com/oslokommune/punkt/compare/13.6.10...13.6.11) (2025-10-01)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [13.6.8](https://github.com/oslokommune/punkt/compare/13.6.7...13.6.8) (2025-09-23)
 
 ### ⚠ BREAKING CHANGES

package/dist/index.d.ts

@@ -505,7 +505,7 @@ export declare class PktCard extends PktElement implements IPktCard {
     renderMetadata(): TemplateResult<1>;
 }
 
-export declare class PktCheckbox extends PktInputElement {
+export declare class PktCheckbox extends PktInputElement<Props_3> {
     private inputRef;
     value: string;
     checkHelptext: string | null;
@@ -657,7 +657,7 @@ export declare class PktConsent extends PktElement<IPktConsent> implements IPktC
     render(): TemplateResult<1>;
 }
 
-export declare class PktDatepicker extends PktInputElement {
+export declare class PktDatepicker extends PktInputElement<Props_4> {
     /**
      * Element attributes and properties
      */
@@ -781,7 +781,7 @@ export declare class PktHelptext extends PktElement {
     render(): TemplateResult<1>;
 }
 
-export declare class PktIcon extends PktElement<Props_3> {
+export declare class PktIcon extends PktElement<Props_5> {
     path: string | undefined;
     name: PktIconName;
     private icon;
@@ -849,7 +849,7 @@ declare class PktInputElement<T = {}> extends PktElement<Props_2 & T> {
     protected firstUpdated(_changedProperties: PropertyValues): void;
 }
 
-export declare class PktInputWrapper extends PktElement<Props_4> {
+export declare class PktInputWrapper extends PktElement<Props_6> {
     defaultSlot: Ref<HTMLElement>;
     helptextSlot: Ref<HTMLElement>;
     constructor();
@@ -1042,7 +1042,7 @@ export declare class PktProgressbar extends PktElement implements IPktProgressba
     private _handleAttribute;
 }
 
-declare class PktRadioButton extends PktInputElement {
+declare class PktRadioButton extends PktInputElement<Props_7> {
     private inputRef;
     value: string;
     checkHelptext: string | null;
@@ -1162,7 +1162,7 @@ export declare class PktTag extends PktElement<IPktTag> implements IPktTag {
     render(): TemplateResult<1>;
 }
 
-export declare class PktTextarea extends PktInputElement {
+export declare class PktTextarea extends PktInputElement<Props_8> {
     private inputRef;
     private helptextSlot;
     value: string;
@@ -1175,7 +1175,7 @@ export declare class PktTextarea extends PktInputElement {
     render(): TemplateResult<1>;
 }
 
-export declare class PktTextinput extends PktInputElement<Props_5> {
+export declare class PktTextinput extends PktInputElement<Props_9> {
     private inputRef;
     private helptextSlot;
     value: string;
@@ -1197,11 +1197,19 @@ declare type Props = ElementProps<PktElement, 'strings' | 'role'>;
 
 declare type Props_2 = ElementProps<PktInputElement, 'defaultValue' | 'disabled' | 'readonly' | 'required' | 'max' | 'maxlength' | 'min' | 'minlength' | 'ariaDescribedBy' | 'ariaLabelledby' | 'name' | 'pattern' | 'placeholder' | 'id' | 'counter' | 'hasError' | 'hasFieldset' | 'inline' | 'optionalTag' | 'requiredTag' | 'skipForwardTestid' | 'useWrapper' | 'fullwidth' | 'counterMaxLength' | 'errorMessage' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'label' | 'optionalText' | 'requiredText' | 'dataTestid'>;
 
-declare type Props_3 = ElementProps<PktIcon, 'path' | 'name'>;
+declare type Props_3 = ElementProps<PktCheckbox, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'isSwitch' | 'labelPosition' | 'hideLabel' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
 
-declare type Props_4 = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
+declare type Props_4 = ElementProps<PktDatepicker, 'label' | 'dateformat' | 'multiple' | 'maxlength' | 'range' | 'showRangeLabels' | 'min' | 'max' | 'weeknumbers' | 'withcontrols' | 'excludedates' | 'excludeweekdays' | 'currentmonth' | 'calendarOpen' | 'timezone'>;
 
-declare type Props_5 = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
+declare type Props_5 = ElementProps<PktIcon, 'path' | 'name'>;
+
+declare type Props_6 = ElementProps<PktInputWrapper, 'forId' | 'label' | 'helptext' | 'helptextDropdown' | 'helptextDropdownButton' | 'counter' | 'counterCurrent' | 'counterMaxLength' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText' | 'tagText' | 'hasError' | 'errorMessage' | 'disabled' | 'inline' | 'ariaDescribedby' | 'hasFieldset' | 'useWrapper' | 'role'>;
+
+declare type Props_7 = ElementProps<PktRadioButton, 'checkHelptext' | 'defaultChecked' | 'hasTile' | 'tagText' | 'optionalTag' | 'optionalText' | 'requiredTag' | 'requiredText'>;
+
+declare type Props_8 = ElementProps<PktTextarea, 'autocomplete' | 'rows'>;
+
+declare type Props_9 = ElementProps<PktTextinput, 'value' | 'type' | 'size' | 'autocomplete' | 'iconNameRight' | 'prefix' | 'suffix' | 'omitSearchIcon'>;
 
 declare type TAlertSkin = 'error' | 'success' | 'warning' | 'info';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "13.6.10",
+  "version": "13.6.11",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -72,5 +72,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "0eaf5483d55590a0fa341a79c1f30d51d15c5741"
+  "gitHead": "5cb924a2f3b5ba9a52d4c0c55652b807d157c53a"
 }

package/src/components/checkbox/checkbox.ts

@@ -4,9 +4,25 @@ import { PktInputElement } from '@/base-elements/input-element'
 import { Ref, createRef, ref } from 'lit/directives/ref.js'
 import { html, nothing, PropertyValues } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
+import { ElementProps } from '@/types/typeUtils'
+
+type Props = ElementProps<
+  PktCheckbox,
+  | 'checkHelptext'
+  | 'defaultChecked'
+  | 'hasTile'
+  | 'isSwitch'
+  | 'labelPosition'
+  | 'hideLabel'
+  | 'tagText'
+  | 'optionalTag'
+  | 'optionalText'
+  | 'requiredTag'
+  | 'requiredText'
+>
 
 @customElement('pkt-checkbox')
-export class PktCheckbox extends PktInputElement {
+export class PktCheckbox extends PktInputElement<Props> {
   private inputRef: Ref<HTMLInputElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''

package/src/components/datepicker/datepicker.ts

@@ -25,8 +25,29 @@ import {
   dateProcessingUtils,
   formUtils,
 } from './datepicker-utils'
+import { ElementProps } from '@/types/typeUtils'
+
+type Props = ElementProps<
+  PktDatepicker,
+  | 'label'
+  | 'dateformat'
+  | 'multiple'
+  | 'maxlength'
+  | 'range'
+  | 'showRangeLabels'
+  | 'min'
+  | 'max'
+  | 'weeknumbers'
+  | 'withcontrols'
+  | 'excludedates'
+  | 'excludeweekdays'
+  | 'currentmonth'
+  | 'calendarOpen'
+  | 'timezone'
+>
+
 @customElement('pkt-datepicker')
-export class PktDatepicker extends PktInputElement {
+export class PktDatepicker extends PktInputElement<Props> {
   /**
    * Element attributes and properties
    */

package/src/components/radiobutton/radiobutton.ts

@@ -4,9 +4,22 @@ import { PktInputElement } from '@/base-elements/input-element'
 import { Ref, createRef, ref } from 'lit/directives/ref.js'
 import { html, nothing } from 'lit'
 import { classMap } from 'lit/directives/class-map.js'
+import { ElementProps } from '@/types/typeUtils'
+
+type Props = ElementProps<
+  PktRadioButton,
+  | 'checkHelptext'
+  | 'defaultChecked'
+  | 'hasTile'
+  | 'tagText'
+  | 'optionalTag'
+  | 'optionalText'
+  | 'requiredTag'
+  | 'requiredText'
+>
 
 @customElement('pkt-radiobutton')
-export class PktRadioButton extends PktInputElement {
+export class PktRadioButton extends PktInputElement<Props> {
   private inputRef: Ref<HTMLInputElement> = createRef()
 
   @property({ type: String, reflect: true }) value: string = ''

package/src/components/textarea/textarea.ts

@@ -9,9 +9,12 @@ import { PktSlotController } from '@/controllers/pkt-slot-controller'
 
 import '@/components/input-wrapper'
 import '@/components/icon'
+import { ElementProps } from '@/types/typeUtils'
+
+type Props = ElementProps<PktTextarea, 'autocomplete' | 'rows'>
 
 @customElement('pkt-textarea')
-export class PktTextarea extends PktInputElement {
+export class PktTextarea extends PktInputElement<Props> {
   private inputRef: Ref<HTMLTextAreaElement> = createRef()
   private helptextSlot: Ref<HTMLElement> = createRef()