@oslokommune/punkt-react 16.26.3 → 17.0.0

package/CHANGELOG.md

@@ -5,6 +5,117 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [17.0.0](https://github.com/oslokommune/punkt/compare/16.26.7...17.0.0) (2026-07-10)
+
+### ⚠ BREAKING CHANGES
+* Punkt 17 – Ny global header og footer, kompakte skjemaelementer (#3553). BREAKING CHANGE: Ny global header og footer, kompakte skjemaelementer. Se changelog.
+  
+  # Punkt 17
+  
+  OBS! Dette er en major-versjon og selv om vi har forsøkt å unngå de største breaking changes, så anbefaler vi ikke at dere oppdaterer blindt. Se gjennom løsningen og pass på at alt fungerer som forventet etter oppdatering!
+  
+  ## Ny global header
+  
+  ```html
+  <pkt-header type="global"></pkt-header>
+  ```
+  
+  ```jsx
+  <PktHeader type="global" />
+  ```
+  
+  - Henter innhold fra Oslo kommunes felles CDN. Husk å justere CSP deretter! Dersom det ikke er mulig å hente data fra ekstern CDN, bruk header med type “service”.
+  - Bruk på alle løsninger som ikke krever custom header, og alle løsninger som har en naturlig inngang fra Oslo kommunes åpne nettsider.
+  - Global header har et betraktelig smalere mulighetsrom for justeringer, og anbefales brukt som den er. Innlogget bruker og representasjon fungerer likt som den andre header-varianten. Det er ikke mulig å legge inn annet innhold i denne headeren.
+  
+  ## Ny footer
+  
+  ```html
+  <pkt-footer></pkt-footer>
+  <pkt-footer-simple></pkt-footer-simple>
+  ```
+  
+  ```jsx
+  <PktFooter />
+  <PktFooterSimple />
+  ```
+  
+  - Footer er endelig tilgjengelig i Punkt Elements.
+  - Henter innhold fra Oslo kommunes felles CDN. Husk å justere CSP deretter! Dersom det ikke er mulig å hente data fra ekstern CDN, bruk attributten `skipGlobal` (React)/`skip-global` (Elements).
+  - Innstillinger for informasjonskapsler (cookie-banner-link) fungerer likt som før, så sørg for at `includeConsent`/`include-consent` er satt om dere bruker cookies.
+  - Custom innhold havner nå i en sekundær footer som stables oppå den globale footeren. Så om dere tidligere har lagt lenker og tekst i footer, vil dette nå dukke opp _over_ den blå globale footeren.
+  - I custom innhold er nå `columnOne` og `columnTwo` deprecated, og vi anbefaler at dere istedenfor sender inn disse som en array av objekter i `columns`.
+  - `socialLinks`, `personvernOgInfoLink` og `tilgjengelighetLink` er deprecated og vil fjernes i senere major-versjon. Disse kommer nå fra Oslo kommunes felles data.
+  - Lenker med `external: true` får nå toppdomenet i parentes etter lenketeksten (f.eks. «Munchmuseet (munch.no)») i stedet for eksternt lenkeikon.
+  - Footer-CSSen er skrevet om. Bruker dere ren CSS (uten komponentene), eller har egne overrides mot footer-klasser, må dere gå gjennom markup/selektorer på nytt — se «Endringer fra versjon 16 til versjon 17» på footer-dokumentasjonssiden. Farger styres nå med CSS-variablene `--pkt-footer-bg`, `--pkt-footer-fg` og `--pkt-footer-link-hover`.
+  
+  ## Kompakte skjemaelementer
+  
+  Alle skjemakomponenter har fått attributten `input-size` (Elements) / propen `inputSize` (React) med verdiene `medium` (standard), `small` og `xsmall`:
+  
+  ```html
+  <pkt-textinput label="Etikett" input-size="small"></pkt-textinput>
+  ```
+  
+  ```jsx
+  <PktTextinput label="Etikett" inputSize="small" />
+  ```
+  
+  - Gjelder Textinput, Textarea, Select, Combobox, SearchInput, Datepicker og Timepicker.
+  - Størrelsene er `medium` = 48px felthøyde med 18px tekst (som før — ingen endring om dere ikke setter noe), `small` = 42px med 16px tekst og `xsmall` = 36px med 14px tekst.
+  - Hele feltet skalerer: ledetekst, hjelpetekst, ikoner, prefix/suffix og feilmeldinger følger størrelsen automatisk via input-wrapperen.
+  - Alle skjemakomponentene i samme størrelse har lik høyde og matcher horisontalt, også på tvers av React og Elements.
+  
+  ## Andre endringer
+  
+  - Button i Elements har fått et betydelig UU-løft, samt litt endring i padding så den stemmer overens med Figma-varianten.
+  - Button har fått ny størrelse `xsmall` (36px). Samtidig er `small` justert mot Figma: 16px tekst og mer padding — small-knapper blir noe _bredere_ enn før (gamle `small` tilsvarer omtrent nye `xsmall` i bredde).
+  - I arbeidet med ny header fikk accordion en ny variant `plus-minus`.
+  - Alert sin attributt `compact` er nå deprecated, og erstattes med `size="small"`. Alert har fått `size` med `medium`/`small`/`xsmall`; settes både `compact` og `size`, vinner `size`. Small/xsmall-alerts har også fått justert padding og ikonstørrelse mot Figma.
+  - ARIA-attributter (`aria-haspopup`, `aria-expanded`, `aria-controls`) satt på `<pkt-button>` flyttes nå automatisk til den indre `<button>`-en, slik at skjermlesere får dem der de hører hjemme. Consent-triggerne har fått `aria-haspopup="dialog"`.
+  - React Select: den udokumenterte `options`-propen er fjernet fra typene — den var aldri implementert. Bruk `<option>`-elementer som children.
+  - Dokumentasjonen har fått et eget CSP-avsnitt under «Kom i gang», og CSP-seksjoner på header-, footer- og consent-sidene, for dere som bruker komponentene som henter data fra `cdn.web.oslo.kommune.no`.
+  
+  ## Breaking changes:
+  
+  - **Footer:** Custom innhold rendres nå i et sekundært bånd over den nye globale footeren, og footer-markupen/CSS-klassene er skrevet om — egne CSS-overrides mot footer må oppdateres.
+  - **Footer:** Lenker med `external: true` viser toppdomene i parentes i stedet for eksternt lenkeikon.
+  - **Footer:** Flere deprecated properties.
+  - **Alert:** `compact` er deprecated.
+  - **React Select:** `options`-propen er fjernet fra typene (var aldri implementert) — bruk `<option>`-children.
+  - **CSP:** Global header, footer og consent krever at `cdn.web.oslo.kommune.no` er åpnet i CSP — se dokumentasjonen.
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [16.27.0](https://github.com/oslokommune/punkt/compare/16.26.4...16.27.0) (2026-07-03)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* pass through wrapper props in FileUpload (#3540). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.25.3](https://github.com/oslokommune/punkt/compare/16.25.2...16.25.3) (2026-06-18)
 
 ### ⚠ BREAKING CHANGES

package/dist/components/accordion/Accordion.d.ts

@@ -17,5 +17,6 @@ export interface IPktAccordion {
 }
 export declare const useAccordionContext: () => {
     name?: string;
+    skin?: TPktAccordionSkin;
 };
 export declare const PktAccordion: import('react').ForwardRefExoticComponent<IPktAccordion & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -6,8 +6,17 @@ export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
     title?: ReactNode;
     date?: string;
     ariaLive?: TAriaLive;
+    /**
+     * @deprecated Bruk size i stedet. Uten eksplisitt size gir compact størrelsen 'small'.
+     */
     compact?: boolean;
     role?: TAlertRole;
+    /**
+     * Størrelse på varslingen.
+     *
+     * @default medium
+     */
+    size?: 'medium' | 'small' | 'xsmall';
     onClose?: (e: CustomEvent) => void;
 }
 export type { TAlertSkin };

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

@@ -10,7 +10,7 @@ export interface IPktButton extends ButtonHTMLAttributes<HTMLButtonElement> {
     iconPath?: string;
     secondIconPath?: string;
     mode?: 'light' | 'dark';
-    size?: 'small' | 'medium' | 'large';
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
     fullWidth?: boolean;
     fullWidthOnMobile?: boolean;
     color?: 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';

package/dist/components/combobox/types.d.ts

@@ -31,6 +31,7 @@ export interface IPktCombobox {
     optionalText?: string;
     tagText?: string;
     useWrapper?: boolean;
+    inputSize?: 'small' | 'medium' | 'xsmall';
     onChange?: ChangeEventHandler<HTMLInputElement>;
     onValueChange?: (values: string[]) => void;
     className?: string;
@@ -76,6 +77,7 @@ export interface IComboboxState {
     requiredText?: string;
     tagText?: string;
     useWrapper: boolean;
+    inputSize: 'small' | 'medium' | 'xsmall';
     name?: string;
     className?: string;
     hasCounter: boolean;

package/dist/components/datepicker/types.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
 import { IDatepickerStrings } from '../../shared-types/datepicker';
+import { TPktInputSize } from '../../shared-types/size';
 export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     id: string;
     label: string;
@@ -18,6 +19,7 @@ export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElemen
     calendarOpen?: boolean;
     timezone?: string;
     fullwidth?: boolean;
+    inputSize?: TPktInputSize;
     hasFieldset?: boolean;
     inline?: boolean;
     helptext?: string | ReactNode;
@@ -57,6 +59,7 @@ export interface IDatepickerState {
     name?: string;
     placeholder?: string;
     fullwidth: boolean;
+    inputSize: TPktInputSize;
     hasFieldset: boolean;
     inline: boolean;
     helptext?: string | ReactNode;

package/dist/components/fileupload/FileUpload.d.ts

@@ -60,10 +60,20 @@ interface IBaseFileUploadProps extends Omit<InputHTMLAttributes<HTMLInputElement
     label?: string;
     /** Help text under the label. */
     helptext?: string | ReactNode;
-    /** Show "Valgfritt" tag in wrapper. */
+    /** Expandable help text (dropdown). */
+    helptextDropdown?: string | ReactNode;
+    /** Button label for expandable help text. */
+    helptextDropdownButton?: string;
+    /** Shows an "optional" tag. */
     optionalTag?: boolean;
-    /** Show "Må fylles ut" tag in wrapper. */
+    /** Label text for the optional tag. */
+    optionalText?: string;
+    /** Shows a "required" tag. */
     requiredTag?: boolean;
+    /** Label text for the required tag. */
+    requiredText?: string;
+    /** Extra tag next to the label. */
+    tagText?: string | null;
     /** Marks the upload as required. Native validation is used in `form`; submit validation in `custom`. */
     required?: boolean;
     /** Enable image preview modal (only applies to thumbnail renderer). */

package/dist/components/footer/Footer.d.ts

@@ -1,36 +1,14 @@
 import { FC, HTMLAttributes } from 'react';
-interface Link {
-    href: string;
-    text: string;
-    external?: boolean;
-    openInNewTab?: boolean;
-}
-interface Column {
-    title: string;
-    links?: Link[];
-    text?: string;
-}
-interface SocialLink {
-    href: string;
-    iconName?: string;
-    language?: string;
-    openInNewTab?: boolean;
-}
-export interface IPktFooter extends HTMLAttributes<HTMLDivElement> {
-    columnOne: Column;
-    columnTwo: Column;
-    socialLinks?: SocialLink[];
-    personvernOgInfoLink?: string;
-    tilgjengelighetLink?: string;
-    openLinksInNewTab?: boolean;
-    includeConsent?: boolean;
-    hotjarId?: string | null;
-    googleAnalyticsId?: string | null;
-    devMode?: boolean;
-    cookieDomain?: string | null;
-    cookieSecure?: string | null;
-    cookieExpiryDays?: string | null;
-    onToggleConsent?: (e: CustomEvent) => void;
-}
+import { IPktFooterProps } from '../../shared-types';
+import { TFooterConsentConfig } from './FooterGlobal';
+export interface IPktFooter extends IPktFooterProps<string>, TFooterConsentConfig, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** Kalles når henting fra endepunktet feiler (den globale footeren skjules stille). */
+    onDataError?: (error: Error) => void;
+}
+/**
+ * PktFooter — footer med valgfritt custom innhold (grått sekundær-bånd)
+ * stablet oppå den globale (blå) footeren. Uten custom innhold rendres kun
+ * den globale. Den globale henter innhold fra Oslo kommunes felles
+ * header/footer-endepunkt (samme som PktHeader type="global").
+ */
 export declare const PktFooter: FC<IPktFooter>;
-export {};

package/dist/components/footer/Footer.test.d.ts

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

package/dist/components/footer/FooterGlobal.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { IHeaderFooter, THeaderFooterApi, THeaderMenuLocale } from '../../shared-types';
+import { IPktConsent } from '../consent/Consent';
+export type TFooterConsentConfig = Pick<IPktConsent, 'hotjarId' | 'googleAnalyticsId' | 'devMode' | 'cookieDomain' | 'cookieSecure' | 'cookieExpiryDays' | 'onToggleConsent'>;
+interface IUseGlobalFooterDataOptions {
+    data?: THeaderFooterApi<string>;
+    dataUrl?: string;
+    locale?: THeaderMenuLocale;
+    skipGlobal?: boolean;
+    onDataError?: (error: Error) => void;
+}
+export declare function useGlobalFooterData({ data, dataUrl, locale, skipGlobal, onDataError, }: IUseGlobalFooterDataOptions): IHeaderFooter | undefined;
+interface IFooterGlobalProps {
+    footer: IHeaderFooter;
+    includeConsent?: boolean;
+    consent?: TFooterConsentConfig;
+}
+/**
+ * The global (blue) footer band, fed by the shared header/footer payload.
+ * Internal — rendered by PktFooter / PktFooterSimple, not exported.
+ */
+export declare const FooterGlobal: FC<IFooterGlobalProps>;
+export {};

package/dist/components/footerSimple/FooterSimple.d.ts

@@ -1,21 +1,24 @@
 import { FC, HTMLAttributes } from 'react';
-export interface IPktFooterSimple extends HTMLAttributes<HTMLDivElement> {
-    links?: Array<{
-        href: string;
-        text: string;
-        external?: boolean;
-        openInNewTab?: boolean;
-    }>;
+import { IPktFooterSimpleProps } from '../../shared-types';
+import { TFooterConsentConfig } from '../footer/FooterGlobal';
+export interface IPktFooterSimple extends IPktFooterSimpleProps<string>, TFooterConsentConfig, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    onDataError?: (error: Error) => void;
+    /**
+     * @deprecated The privacy link now comes from the global footer's payload.
+     * Only rendered (in the secondary footer) when explicitly set to a
+     * non-default value.
+     */
     personvernOgInfoLink?: string;
+    /**
+     * @deprecated The accessibility link now comes from the global footer's
+     * payload. Only rendered (in the secondary footer) when explicitly set
+     * to a non-default value.
+     */
     tilgjengelighetLink?: string;
-    openLinksInNewTab?: boolean;
-    includeConsent?: boolean;
-    hotjarId?: string | null;
-    googleAnalyticsId?: string | null;
-    devMode?: boolean;
-    cookieDomain?: string | null;
-    cookieSecure?: string | null;
-    cookieExpiryDays?: string | null;
-    onToggleConsent?: (e: CustomEvent) => void;
 }
+/**
+ * PktFooterSimple — kompakt footer: en sentrert rad med pil-lenker i det
+ * grå sekundær-båndet, stablet oppå den globale (blå) footeren. Uten
+ * `links` rendres kun den globale footeren.
+ */
 export declare const PktFooterSimple: FC<IPktFooterSimple>;

package/dist/components/footerSimple/FooterSimple.test.d.ts

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

package/dist/components/header/Header.d.ts

@@ -1,5 +1,16 @@
-import { IPktHeader } from './types';
+import { IPktHeader, IPktHeaderGlobal } from './types';
 export * from './types';
+/**
+ * Props for `<PktHeader>`. The `type` prop selects the variant:
+ * the default `service` header (a single service's header) or the
+ * `global` (kommune-wide) header driven by the shared header/footer
+ * payload.
+ */
+export type IPktHeaderProps = (IPktHeader & {
+    type?: 'service';
+}) | (IPktHeaderGlobal & {
+    type: 'global';
+});
 /**
  * PktHeader - Main header component for Oslo kommune services
  *
@@ -10,6 +21,7 @@ export * from './types';
  * - Responsive mobile menu
  * - Fixed positioning with scroll-to-hide
  *
- * TODO: Add `type` prop to switch between `service` and `global` header types
+ * The `type` prop switches between the `service` header (default) and
+ * the `global` (kommune-wide) header.
  */
-export declare const PktHeader: import('react').ForwardRefExoticComponent<IPktHeader & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PktHeader: import('react').ForwardRefExoticComponent<IPktHeaderProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/header/HeaderGlobal.d.ts

@@ -0,0 +1,2 @@
+import { IPktHeaderGlobal } from './types';
+export declare const PktHeaderGlobal: import('react').ForwardRefExoticComponent<IPktHeaderGlobal & import('react').RefAttributes<HTMLElement>>;

package/dist/components/header/types.d.ts

@@ -1,6 +1,8 @@
 import { MouseEvent, ReactNode } from 'react';
-import { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant } from '../../shared-types';
-export type { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, };
+import { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, THeaderFooterApi, THeaderMenuLocale, IPktHeaderGlobal as ISharedPktHeaderGlobal } from '../../shared-types';
+export type { THeaderMenu, THeaderPosition, THeaderScrollBehavior, TLogOutButtonPlacement, TSlotMenuVariant, THeaderFooterApi, THeaderMenuLocale, };
+/** Which header variant `<PktHeader>` renders. */
+export type THeaderType = 'service' | 'global';
 /** User object for header components */
 export interface User {
     name: string;
@@ -90,4 +92,30 @@ export interface IPktHeader {
     slotMenuVariant?: TSlotMenuVariant;
     /** Text for the slot menu button in tablet/mobile mode. Default: 'Meny' */
     slotMenuText?: string;
+    /** Which header variant to render. Default: 'service' */
+    type?: THeaderType;
+}
+/**
+ * Props for the global (kommune-wide) Header component.
+ *
+ * Extends the framework-agnostic {@link ISharedPktHeaderGlobal} base
+ * (in shared-types) with React-specific callbacks and DOM props.
+ */
+export interface IPktHeaderGlobal extends ISharedPktHeaderGlobal {
+    /** Additional CSS class name(s) to apply to the header */
+    className?: string;
+    /** Set dark mode on the header */
+    'data-mode'?: 'dark';
+    /** Callback when the logo is clicked */
+    logoClick?: (event: MouseEvent) => void;
+    /** Callback when the user submits search. When set, navigation is left to the consumer */
+    onSearch?: (query: string) => void;
+    /** Callback when the user clicks "Endre organisasjon" */
+    changeRepresentation?: () => void;
+    /** Callback when the user clicks logout */
+    logOut?: () => void;
+    /** Fired when the payload has been fetched (or `data` was supplied) */
+    onDataLoaded?: (data: THeaderFooterApi) => void;
+    /** Fired when the fetch fails */
+    onDataError?: (error: Error) => void;
 }

package/dist/components/header-menu/HeaderMenu.d.ts

@@ -8,8 +8,6 @@ export interface IPktHeaderMenu extends Omit<HTMLAttributes<HTMLElement>, 'onErr
     onDataLoaded?: (data: THeaderFooterApi) => void;
     /** Fired when the fetch fails. */
     onDataError?: (error: Error) => void;
-    /** Optional id of the toggle button that controls this menu. */
-    ariaLabelledBy?: string;
 }
 /**
  * `<PktHeaderMenu>` — global mega menu for Oslo kommune.
@@ -17,10 +15,10 @@ export interface IPktHeaderMenu extends Omit<HTMLAttributes<HTMLElement>, 'onErr
  * Fetches the live header/footer payload on mount and renders the
  * `megamenu` slice for the current locale. Mirrors `pkt-header-menu`
  * (Punkt Elements) — both implementations share types and data
- * helpers from `shared-utils/header-menu`.
+ * helpers from `shared-utils/header-footer`.
  *
  * This component is purely presentational with respect to focus/scroll-lock;
  * the parent header is expected to control `open` and own focus
  * management.
  */
-export declare const PktHeaderMenu: ({ dataUrl, data, locale, open, mobileBreakpoint, ariaLabelledBy, className, onDataLoaded, onDataError, ref, ...rest }: IPktHeaderMenu) => import("react").JSX.Element;
+export declare const PktHeaderMenu: ({ dataUrl, data, locale, open, mobileBreakpoint, className, onDataLoaded, onDataError, ref, ...rest }: IPktHeaderMenu) => import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -13,8 +13,11 @@ export { PktDatepicker } from './datepicker/Datepicker';
 export { PktFileUpload } from './fileupload/FileUpload';
 export { ItemRenderers } from './fileupload/QueueDisplay';
 export { PktFooter } from './footer/Footer';
+export type { IPktFooter } from './footer/Footer';
 export { PktFooterSimple } from './footerSimple/FooterSimple';
+export type { IPktFooterSimple } from './footerSimple/FooterSimple';
 export { PktHeader } from './header/Header';
+export { PktHeaderGlobal } from './header/HeaderGlobal';
 export { PktHeaderMenu } from './header-menu/HeaderMenu';
 export { PktHeaderService } from './header/HeaderService';
 export { PktHeading } from './heading/Heading';
@@ -32,6 +35,7 @@ export { PktRadioButton } from './radio/RadioButton';
 export { PktSearchInput } from './searchinput/SearchInput';
 export type { PktSearchInputSuggestion } from './searchinput/SearchInput';
 export { PktSelect } from './select/Select';
+export type { IPktSelectOption, TSelectOption } from './select/Select';
 export { PktStep } from './stepper/Step';
 export { PktStepper } from './stepper/Stepper';
 export { PktTable } from './table/Table';

package/dist/components/inputwrapper/InputWrapper.d.ts

@@ -24,5 +24,6 @@ export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
     hasFieldset?: boolean;
     role?: string;
     counterPosition?: 'top' | 'bottom';
+    size?: 'small' | 'medium' | 'xsmall';
 }
 export declare const PktInputWrapper: import('react').ForwardRefExoticComponent<Omit<IPktInputWrapper, "ref"> & RefAttributes<HTMLDivElement>>;

package/dist/components/searchinput/SearchInput.d.ts

@@ -11,6 +11,7 @@ export type PktSearchInputSuggestion = Omit<IPktSearchInputSuggestion, 'title' |
 };
 interface ISearch extends HTMLProps<HTMLInputElement> {
     appearance?: 'local' | 'local-with-button' | 'global';
+    inputSize?: 'small' | 'medium' | 'xsmall';
     disabled?: boolean;
     fullwidth?: boolean;
     id: string;

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

@@ -1,6 +1,5 @@
 import { ReactNode, SelectHTMLAttributes } from 'react';
-import { TSelectOption } from '../../shared-types';
-export type { TSelectOption };
+export type { IPktSelectOption, TSelectOption } from '../../shared-types/select';
 export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
     ariaDescribedby?: string;
     ariaLabelledby?: string;
@@ -21,10 +20,8 @@ export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement>
     requiredTag?: boolean;
     requiredText?: string;
     tagText?: string | null;
-    options?: Array<{
-        value: string;
-        label: string;
-        disabled?: boolean;
-    }>;
+    inputSize?: 'small' | 'medium' | 'xsmall';
+    /** @deprecated Var aldri implementert — bruk children med `<option>`-elementer. */
+    options?: never;
 }
 export declare const PktSelect: import('react').ForwardRefExoticComponent<IPktSelectProps & import('react').RefAttributes<HTMLSelectElement>>;

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

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, ReactNode, TextareaHTMLAttributes } from 'react';
+import { TPktInputSize } from '../../shared-types/size';
 export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     id: string;
     ariaDescribedby?: string;
@@ -30,6 +31,7 @@ export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement
     readOnly?: boolean;
     required?: boolean;
     skipForwardTestid?: boolean;
+    inputSize?: TPktInputSize;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
 }
 export declare const PktTextarea: import('react').ForwardRefExoticComponent<IPktTextarea & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/textinput/Textinput.d.ts

@@ -40,5 +40,6 @@ export interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
     dataTestid?: string;
     onChange?: ChangeEventHandler<HTMLInputElement>;
     skipForwardTestid?: boolean;
+    inputSize?: 'small' | 'medium' | 'xsmall';
 }
 export declare const PktTextinput: import('react').ForwardRefExoticComponent<IPktTextinput & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/timepicker/types.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEvent, FocusEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { TPktInputSize } from '../../shared-types/size';
 import { ITimepickerStrings } from '../../shared-types/timepicker';
 /**
  * Props for {@link PktTimepicker}: a React time picker with `HH:MM`, aligned with Elements `pkt-timepicker`.
@@ -78,4 +79,6 @@ export interface IPktTimepicker extends Omit<InputHTMLAttributes<HTMLInputElemen
     onBlur?: (e: FocusEvent<Element>) => void;
     /** Extra class names on the root (`pkt-timepicker`). */
     className?: string;
+    /** Size of the Timepicker component. */
+    inputSize?: TPktInputSize;
 }

package/dist/components/timepicker/useTimepickerState.d.ts

@@ -1,9 +1,11 @@
 import { KeyboardEvent } from 'react';
 import { IPktTimepicker } from './types';
+import { TPktInputSize } from '../../shared-types/size';
 export declare function useTimepickerState(props: IPktTimepicker, ref: React.ForwardedRef<HTMLDivElement>): {
     id: string;
     containerRef: import('react').RefObject<HTMLDivElement | null>;
     outerClasses: string;
+    inputSize: TPktInputSize;
     strings: import('../../../../../shared-types').ITimepickerStrings;
     label: string;
     disabled: boolean;