@oslokommune/punkt-react 18.0.0 → 18.2.0

package/src/components/breadcrumbs/Breadcrumbs.tsx

@@ -2,28 +2,26 @@
 
 import { ForwardedRef, forwardRef, type AnchorHTMLAttributes, type ReactNode } from 'react'
 import { Link } from 'react-router-dom'
+import type {
+  IBreadcrumb,
+  IPktBreadcrumbsBase,
+  TBreadcrumbsNavigationType,
+  TRenderLink,
+} from 'shared-types'
 
 import { PktIcon } from '../icon/Icon'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
 
-export interface IBreadcrumbs {
-  text: string
-  href: string
-}
+export type { IBreadcrumb }
 
-export interface IPktBreadcrumbs extends AnchorHTMLAttributes<HTMLAnchorElement> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+/** @deprecated Use `IBreadcrumb`. */
+export type IBreadcrumbs = IBreadcrumb
 
-  breadcrumbs: IBreadcrumbs[]
-  navigationType?: 'router' | 'anchor'
-  renderLink?: (args: {
-    href: string
-    className: string
-    children: ReactNode
-    props: AnchorHTMLAttributes<HTMLAnchorElement>
-  }) => ReactNode
+export interface IPktBreadcrumbs
+  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>,
+    IPktBreadcrumbsBase {
+  navigationType?: TBreadcrumbsNavigationType
+  renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>
 }
 
 export const PktBreadcrumbs = forwardRef(

package/src/components/calendar/types.ts

@@ -1,6 +1,6 @@
 import type { IDateConstraints, TDateRangeMap } from 'shared-types/calendar'
 
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
 /** Datonavn og navigasjonstekster slik kalender-underkomponentene forventer dem. */
 export interface IPktCalendarStrings {
@@ -23,7 +23,7 @@ export interface PktCalendarHandle {
   close: () => void
 }
 
-export interface IPktCalendar {
+export interface IPktCalendar extends IPktStringsProps<'dates' | 'calendar'> {
   // Selection
   selected?: string[]
   multiple?: boolean
@@ -42,10 +42,6 @@ export interface IPktCalendar {
   currentmonth?: Date | string | null
   today?: string
 
-  // Localization
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-
   // Callbacks
   onDateSelected?: (selected: string[]) => void
   onClose?: () => void

package/src/components/checkbox/Checkbox.tsx

@@ -9,9 +9,9 @@ import {
   useRef,
 } from 'react'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
-export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
+export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms'> {
   id: string
   hasTile?: boolean
   disabled?: boolean
@@ -31,8 +31,6 @@ export interface IPktCheckbox extends InputHTMLAttributes<HTMLInputElement> {
   requiredTag?: boolean
   /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
   requiredText?: string
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
   tagText?: string | null
   onChange?: ChangeEventHandler<HTMLInputElement>
 }

package/src/components/combobox/types.ts

@@ -1,6 +1,6 @@
 'use client'
 
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps, TPktStringsOverride } from 'shared-strings'
 
 import type {
   ChangeEvent,
@@ -14,7 +14,7 @@ import type {
 } from 'react'
 import type { IPktComboboxOption, TPktComboboxDisplayValue, TPktComboboxTagPlacement } from 'shared-types/combobox'
 
-export interface IPktCombobox {
+export interface IPktCombobox extends IPktStringsProps<'combobox' | 'listbox' | 'forms' | 'validation'> {
   // Values & options
   value?: string | string[]
   defaultValue?: string | string[]
@@ -54,8 +54,6 @@ export interface IPktCombobox {
   useWrapper?: boolean
   inline?: boolean
   counter?: boolean
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
   hasFieldset?: boolean
   inputSize?: 'small' | 'medium' | 'xsmall'
 
@@ -70,7 +68,7 @@ export interface IPktCombobox {
 
 export interface IComboboxState {
   /** Tekstoverstyring sendt inn på komponenten. */
-  strings?: TPktStringsOverride
+  strings?: TPktStringsOverride<'combobox' | 'listbox' | 'forms' | 'validation'>
   // Identity
   id: string
   inputId: string

package/src/components/datepicker/DateTags.tsx

@@ -3,16 +3,14 @@
 import { sortDateStrings, fromISOtoLocal } from 'shared-utils/date-utils'
 import { PktTag } from '../tag/Tag'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
-interface DateTagsProps {
+interface DateTagsProps extends IPktStringsProps<'datepicker'> {
   dates: string[]
   dateformat: string
   idBase: string
-  strings?: TPktStringsOverride
   onDateRemoved: (date: string) => void
 }
-
 export const DateTags = ({
   dates,
   dateformat,

package/src/components/datepicker/types.ts

@@ -1,8 +1,11 @@
-import type { TPktStrings, TPktStringsOverride } from 'shared-strings'
+import type { TPktStrings, IPktStringsProps, TPktStringsOverride } from 'shared-strings'
 import type { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react'
 import type { TPktInputSize } from 'shared-types/size'
 
-export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+export type TDatepickerStrings = 'generic' | 'datepicker' | 'validation' | 'forms' | 'dates' | 'calendar'
+
+export interface IPktDatepicker
+  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>, IPktStringsProps<TDatepickerStrings> {
   id: string
   label: string
   ariaDescribedby?: string
@@ -41,10 +44,6 @@ export interface IPktDatepicker extends Omit<InputHTMLAttributes<HTMLInputElemen
   tagText?: string
   useWrapper?: boolean
 
-  // Localization
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-
   // Events
   onChange?: (e: ChangeEvent<HTMLInputElement>) => void
   onValueChange?: (values: string[]) => void
@@ -106,7 +105,7 @@ export interface IDatepickerState {
   isIOSDevice: boolean
   strings: Pick<TPktStrings, 'generic' | 'datepicker' | 'validation'>
   /** Rå tekstoverstyring, til videresending til underkomponenter. */
-  stringsOverride?: TPktStringsOverride
+  stringsOverride?: TPktStringsOverride<TDatepickerStrings>
   inputClasses: string
   buttonClasses: string
   rangeLabelClasses: string

package/src/components/fileupload/DropZone.tsx

@@ -16,7 +16,7 @@ import {
 import { PktIcon } from '../icon/Icon'
 import { FileItem, TFileItemList, TUploadStrategy } from './types'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
 /**
  * Props for the internal `DropZone` building block.
@@ -27,9 +27,8 @@ import type { TPktStringsOverride } from 'shared-strings'
  * - optionally rendering hidden inputs with file IDs when `uploadStrategy="custom"`
  */
 interface IDropZoneProps
-  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width'> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width'>,
+    IPktStringsProps<'fileupload'> {
   /** Called with `FileItem`s created from dropped/selected files. */
   onFilesAdded?: (files: TFileItemList) => void
   /** Used for the native input `id` and related label/ARIA wiring. */

package/src/components/fileupload/FileUpload.tsx

@@ -27,6 +27,7 @@ import {
   useState,
 } from 'react'
 
+import { type IPktFileUploadBase } from 'shared-types'
 import {
   countFileTransferStates,
   resolveAcceptAttribute,
@@ -51,95 +52,51 @@ import {
   TItemRenderer,
   PktFileUploadContext,
   TQueueItemOperation,
-  TUploadStrategy,
 } from './types'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import { formatString, plural, type TPktStringsOverride } from 'shared-strings'
+import { formatString, plural } from 'shared-strings'
 
-// Re-export for external use
 export { formatFileSize, parseFileSize } from 'shared-utils/fileupload'
 
 /**
  * Shared props for `PktFileUpload` (both `form` and `custom` strategies).
  */
-interface IBaseFileUploadProps extends Omit<
-  InputHTMLAttributes<HTMLInputElement>,
-  'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue'
-> {
+interface IBaseFileUploadProps
+  extends
+    Omit<
+      IPktFileUploadBase,
+      | 'helptext'
+      | 'helptextDropdown'
+      | 'itemRenderer'
+      | 'extraOperations'
+      | 'value'
+      | 'defaultValue'
+      | 'onFilesChanged'
+      | 'onFileUploadRequested'
+    >,
+    Omit<
+      InputHTMLAttributes<HTMLInputElement>,
+      'checked' | 'size' | 'type' | 'value' | 'onChange' | 'width' | 'defaultValue' | 'name'
+    > {
   /** Called with the next file list when files are added/removed/updated. */
   onFilesChanged?: (files: TFileItemList) => void
-  /** Allow selecting/dropping multiple files. */
-  multiple?: boolean
-  /** Controlled value (recommended). */
-  value?: TFileItemList
-  /** Upload mode. Defaults to `"form"`. */
-  uploadStrategy?: TUploadStrategy
-  /** Field name. Used for native input (`form`) or hidden ID inputs (`custom`). */
-  name: string
-  /** Enable comment operation (disabled automatically in thumbnail view). */
-  addCommentsEnabled?: boolean
-  /** Enable rename operation (disabled automatically in thumbnail view). */
-  renameFilesEnabled?: boolean
-  /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
-  itemRenderer?: keyof typeof ItemRenderers | TItemRenderer
-  /** Number of trailing characters to keep when truncating long filenames. */
-  truncateTail?: number
   /**
    * Called immediately when a file is added in `uploadStrategy="custom"`.
    * Use it to start uploading the file and update `transfers`.
    */
   onFileUploadRequested?: (fileItem: FileItem) => void
+  /** Controlled value (recommended). */
+  value?: TFileItemList
   /** Uncontrolled initial value (use either `value` or `defaultValue`, not both). */
   defaultValue?: TFileItemList
-  /** Extra operations appended after built-ins (rename/comment). */
-  extraOperations?: Array<TQueueItemOperation>
-  /** Stretch to full container width (drop zone + queue). */
-  fullwidth?: boolean
-  /** Allowed formats for built-in validation (extensions like `pdf`, or MIME patterns like `image/*`). */
-  allowedFormats?: string[]
-  /** Custom message for invalid format. Use `{formats}` placeholder. */
-  formatErrorMessage?: string
-  /** Max file size (e.g. `"5MB"` or bytes). */
-  maxFileSize?: string | number
-  /** Custom message for size validation. Use `{maxSize}` placeholder. */
-  sizeErrorMessage?: string
-  /** Optional additional validation hook (runs after built-in format/size checks). Return string to block. */
-  onFileValidation?: (file: File) => string | null
-  /**
-   * Low-level validation escape hatch — Lit parity with the `file-validate` CustomEvent.
-   * Receives a detail object whose `errorMessage` can be mutated; set it to reject the file.
-   */
-  onFileValidate?: (detail: TFileValidateDetail) => void
-  /** External/programmatic error message shown under the component. */
-  errorMessage?: string
-  /** External error flag (combined with internal validation errors). */
-  hasError?: boolean
-  /** Disable the whole component (no interaction). */
-  disabled?: boolean
-  /** Optional label/title (wraps the component in `PktInputWrapper`). */
-  label?: string
+  /** Renderer for queue items (`filename`, `thumbnail`, or custom function). */
+  itemRenderer?: keyof typeof ItemRenderers | TItemRenderer
   /** Help text under the label. */
   helptext?: string | ReactNode
   /** Expandable help text (dropdown). */
   helptextDropdown?: string | ReactNode
-  /** Button label for expandable help text. */
-  helptextDropdownButton?: string
-  /** Shows an "optional" tag. */
-  optionalTag?: boolean
-  /** 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
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-  /** Enable image preview modal (only applies to thumbnail renderer). */
-  enableImagePreview?: boolean
+  /** Extra operations appended after built-ins (rename/comment). */
+  extraOperations?: Array<TQueueItemOperation>
 }
 
 interface IFileInputFileUploadProps

package/src/components/header/types.ts

@@ -9,7 +9,7 @@ import type {
   THeaderMenuLocale,
   IPktHeaderGlobal as ISharedPktHeaderGlobal,
 } from 'shared-types'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
 export type {
   THeaderMenu,
@@ -53,10 +53,7 @@ export interface UserMenuFooterItem {
   target: string | (() => void)
 }
 
-export interface IPktHeader {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-
+export interface IPktHeader extends IPktStringsProps<'header'> {
   children?: ReactNode
   /** Additional CSS class name(s) to apply to the header */
   className?: string
@@ -130,9 +127,7 @@ export interface IPktHeader {
  * Extends the framework-agnostic {@link ISharedPktHeaderGlobal} base
  * (in shared-types) with React-specific callbacks and DOM props.
  */
-export interface IPktHeaderGlobal extends ISharedPktHeaderGlobal {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+export interface IPktHeaderGlobal extends ISharedPktHeaderGlobal, IPktStringsProps<'header'> {
   /** Additional CSS class name(s) to apply to the header */
   className?: string
   /** Set dark mode on the header */

package/src/components/index.ts

@@ -61,4 +61,4 @@ export {
   setPktStrings,
   subscribePktStrings,
 } from 'shared-strings'
-export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride } from 'shared-strings'
+export type { TPktStrings, TPktStringsNamespace, TPktStringsOverride, IPktStringsProps } from 'shared-strings'

package/src/components/inputwrapper/InputWrapper.tsx

@@ -4,12 +4,12 @@ import { ForwardedRef, forwardRef, type ReactNode, RefAttributes } from 'react'
 
 import { useFocusModality } from '../../hooks/useFocusModality'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import { formatString, type TPktStringsOverride } from 'shared-strings'
+import { formatString, type IPktStringsProps } from 'shared-strings'
 import { counterStatusId, isCounterExceeded } from 'shared-utils/forms/described-by'
 import { PktAlert } from '../alert/Alert'
 import { PktHelptext } from '../helptext/Helptext'
 
-export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
+export interface IPktInputWrapper extends RefAttributes<HTMLElement>, IPktStringsProps<'forms' | 'validation'> {
   forId: string
   label: string
   helptext?: string | ReactNode
@@ -38,8 +38,6 @@ export interface IPktInputWrapper extends RefAttributes<HTMLElement> {
   role?: string
   counterPosition?: 'top' | 'bottom'
   size?: 'small' | 'medium' | 'xsmall'
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
 }
 
 export const PktInputWrapper = forwardRef(

package/src/components/link/Link.tsx

@@ -2,6 +2,7 @@
 
 import classNames from 'classnames'
 import { AnchorHTMLAttributes, FC, LinkHTMLAttributes, ReactNode } from 'react'
+import type { TRenderLink } from 'shared-types'
 
 import { PktIcon } from '../icon/Icon'
 
@@ -12,12 +13,7 @@ interface IPktLink extends LinkHTMLAttributes<HTMLAnchorElement> {
   iconPosition?: string | undefined
   external?: boolean
   target?: string | undefined
-  renderLink?: (args: {
-    href: string
-    className: string
-    children: ReactNode
-    props: AnchorHTMLAttributes<HTMLAnchorElement>
-  }) => ReactNode
+  renderLink?: TRenderLink<ReactNode, AnchorHTMLAttributes<HTMLAnchorElement>>
 }
 
 export const PktLink: FC<IPktLink> = ({

package/src/components/radio/RadioButton.tsx

@@ -7,9 +7,9 @@ import {
   ReactNode,
 } from 'react'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
-export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
+export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms'> {
   id: string
   name: string
   label: string
@@ -26,8 +26,6 @@ export interface IPktRadioButton extends InputHTMLAttributes<HTMLInputElement> {
   requiredTag?: boolean
   /** @deprecated Bruk `strings={{ forms: { required: '…' } }}` eller `setPktStrings()`. */
   requiredText?: string
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
   tagText?: string | null
   onChange?: ChangeEventHandler<HTMLInputElement>
 }

package/src/components/searchinput/SearchInput.tsx

@@ -7,7 +7,7 @@ import type { IPktSearchInputSuggestion } from 'shared-types/searchinput'
 import { useFocusModality } from '../../hooks/useFocusModality'
 import { PktButton } from '../button/Button'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
 /**
  * React suggestion item: portable fields from {@link IPktSearchInputSuggestion}
@@ -19,10 +19,7 @@ export type PktSearchInputSuggestion = Omit<IPktSearchInputSuggestion, 'title' |
   onClick?: () => void
 }
 
-interface ISearch extends HTMLProps<HTMLInputElement> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-
+interface ISearch extends HTMLProps<HTMLInputElement>, IPktStringsProps<'searchinput'> {
   appearance?: 'local' | 'local-with-button' | 'global'
   inputSize?: 'small' | 'medium' | 'xsmall'
   disabled?: boolean

package/src/components/select/Select.tsx

@@ -4,13 +4,12 @@ import { ForwardedRef, forwardRef, ReactNode, SelectHTMLAttributes } from 'react
 
 import { PktInputWrapper } from '../inputwrapper/InputWrapper'
 import { describedByIds } from 'shared-utils/forms/described-by'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
 export type { IPktSelectOption, TSelectOption } from 'shared-types/select'
 
-export interface IPktSelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+export interface IPktSelectProps
+  extends SelectHTMLAttributes<HTMLSelectElement>, IPktStringsProps<'forms' | 'validation'> {
   ariaDescribedby?: string
   ariaLabelledby?: string
   children?: ReactNode | ReactNode[]

package/src/components/tag/Tag.tsx

@@ -18,12 +18,9 @@ import type { TTagSkin } from 'shared-types'
 
 import { PktIcon } from '../icon/Icon'
 import { usePktStrings } from '../../hooks/usePktStrings'
-import { formatString, type TPktStringsOverride } from 'shared-strings'
-
-interface BasePktTagProps {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+import { formatString, type IPktStringsProps } from 'shared-strings'
 
+interface BasePktTagProps extends IPktStringsProps<'tag'> {
   skin?: TTagSkin
   textStyle?: 'normal-text' | 'thin-text'
   size?: 'small' | 'medium' | 'large'

package/src/components/textarea/Textarea.tsx

@@ -14,11 +14,10 @@ import {
 import { PktInputWrapper } from '../inputwrapper/InputWrapper'
 import { TPktInputSize } from 'shared-types/size'
 import { describedByIds } from 'shared-utils/forms/described-by'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
-export interface IPktTextarea extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+export interface IPktTextarea
+  extends TextareaHTMLAttributes<HTMLTextAreaElement>, IPktStringsProps<'forms' | 'validation'> {
   id: string
   ariaDescribedby?: string
   ariaLabelledby?: string

package/src/components/textinput/Textinput.tsx

@@ -14,11 +14,10 @@ import {
 import { PktIcon } from '../icon/Icon'
 import { PktInputWrapper } from '../inputwrapper/InputWrapper'
 import { describedByIds } from 'shared-utils/forms/described-by'
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 
-export interface IPktTextinput extends InputHTMLAttributes<HTMLInputElement> {
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
+export interface IPktTextinput
+  extends InputHTMLAttributes<HTMLInputElement>, IPktStringsProps<'forms' | 'validation'> {
   id: string
   ariaDescribedby?: string
   ariaLabelledby?: string

package/src/components/timepicker/types.ts

@@ -1,4 +1,4 @@
-import type { TPktStringsOverride } from 'shared-strings'
+import type { IPktStringsProps } from 'shared-strings'
 import type { ChangeEvent, FocusEvent, InputHTMLAttributes, ReactNode } from 'react'
 import { TPktInputSize } from 'shared-types/size'
 
@@ -11,7 +11,7 @@ import { TPktInputSize } from 'shared-types/size'
 export interface IPktTimepicker extends Omit<
   InputHTMLAttributes<HTMLInputElement>,
   'value' | 'onChange' | 'onInput' | 'min' | 'max' | 'step' | 'onFocus' | 'onBlur'
-> {
+>, IPktStringsProps<'timepicker' | 'forms' | 'validation'> {
   /** Unique id; used for hour, minute, popup, and hidden input ids. */
   id: string
 
@@ -94,10 +94,6 @@ export interface IPktTimepicker extends Omit<
   /** Passed through to InputWrapper as `aria-describedby`. */
   ariaDescribedby?: string
 
-  /** Copy for hours, minutes, buttons, and popup. */
-  /** Overstyrer tekster for denne komponenten. */
-  strings?: TPktStringsOverride
-
   /** Change event from the hidden input (`e.target.value` is `HH:MM`). In React, `onChange` already fires on input. */
   onChange?: (e: ChangeEvent<HTMLInputElement>) => void