@nordhealth/components 4.26.2 → 5.0.0-alpha.0

package/lib/src/index.d.ts

@@ -1,17 +1,33 @@
+export { default as Accordion, AccordionChangeEvent } from './accordion/Accordion.js';
+export { default as AccordionHeader } from './accordion/AccordionHeader.js';
+export { default as AccordionItem } from './accordion/AccordionItem.js';
+export { default as AccordionPanel } from './accordion/AccordionPanel.js';
+export { default as AccordionTrigger } from './accordion/AccordionTrigger.js';
 export { default as AsideDrawer, AsideDrawerWidthChangeEvent } from './aside-drawer/AsideDrawer.js';
 export { default as AsideTrigger } from './aside-trigger/AsideTrigger.js';
 export { default as Aside, AsideActiveDrawerChangeEvent, AsideDrawerCloseEvent, AsideDrawerOpenEvent, AsideDrawerResizeEvent, AsideHandleModeChangeEvent, } from './aside/Aside.js';
+export { default as Autocomplete } from './autocomplete/Autocomplete.js';
 export { default as Avatar } from './avatar/Avatar.js';
 export { default as Badge } from './badge/Badge.js';
 export { default as Banner } from './banner/Banner.js';
 export { default as ButtonGroup } from './button-group/ButtonGroup.js';
 export { default as Button } from './button/Button.js';
 export { default as Calendar } from './calendar/Calendar.js';
+export { DateRangeSelectEvent } from './calendar/DateRangeSelectEvent.js';
+export { DateSelectEvent } from './calendar/DateSelectEvent.js';
 export { default as Card } from './card/Card.js';
 export { default as Checkbox } from './checkbox/Checkbox.js';
+export { default as Collapsible, CollapsibleToggleEvent } from './collapsible/Collapsible.js';
+export { default as CollapsiblePanel } from './collapsible/CollapsiblePanel.js';
+export { default as CollapsibleTrigger } from './collapsible/CollapsibleTrigger.js';
+export { default as Combobox, ComboboxClearEvent, ComboboxCreateEvent } from './combobox/Combobox.js';
+export { default as ComboboxGroup } from './combobox/ComboboxGroup.js';
+export { default as ComboboxOption } from './combobox/ComboboxOption.js';
 export { default as CommandMenu } from './command-menu/CommandMenu.js';
 export { default as CommandMenuAction } from './command-menu/CommandMenuAction.js';
 export { default as DatePicker } from './date-picker/DatePicker.js';
+export { DateRangeChangeEvent } from './date-range-picker/DateRangeChangeEvent.js';
+export { default as DateRangePicker } from './date-range-picker/DateRangePicker.js';
 export { default as Divider } from './divider/Divider.js';
 export { default as Drawer } from './drawer/Drawer.js';
 export { default as DropdownGroup } from './dropdown-group/DropdownGroup.js';
@@ -19,17 +35,47 @@ export { default as DropdownItem } from './dropdown-item/DropdownItem.js';
 export { default as DropdownSubmenu } from './dropdown-submenu/DropdownSubmenu.js';
 export { default as Dropdown } from './dropdown/Dropdown.js';
 export { default as EmptyState } from './empty-state/EmptyState.js';
+export { default as Field } from './field/Field.js';
+export { default as FieldContent } from './field/FieldContent.js';
+export { default as FieldDescription } from './field/FieldDescription.js';
+export { default as FieldError } from './field/FieldError.js';
+export { default as FieldGroup } from './field/FieldGroup.js';
+export { default as FieldLabel } from './field/FieldLabel.js';
+export { default as FieldLegend } from './field/FieldLegend.js';
+export { default as FieldSeparator } from './field/FieldSeparator.js';
+export { default as FieldSet } from './field/FieldSet.js';
+export { default as FieldTitle } from './field/FieldTitle.js';
 export { default as Fieldset } from './fieldset/Fieldset.js';
+export { default as FilterAddButton, FilterAddButtonSelectEvent } from './filter-add-button/FilterAddButton.js';
+export { default as FilterBar } from './filter-bar/FilterBar.js';
+export { default as FilterDateRange, FilterDateRangeChangeEvent, FilterDateRangeClearEvent, FilterDateRangeRemoveEvent, } from './filter-date-range/FilterDateRange.js';
+export { default as FilterDropdown, FilterDropdownChangeEvent, FilterDropdownClearEvent, FilterDropdownLoadMoreEvent, FilterDropdownRemoveEvent, FilterDropdownSearchChangeEvent, } from './filter-dropdown/FilterDropdown.js';
+export { default as FilterField, FilterFieldClearEvent, FilterFieldRemoveEvent } from './filter-field/FilterField.js';
+export { default as FilterInput } from './filter-input/FilterInput.js';
+export { default as FilterResetButton } from './filter-reset-button/FilterResetButton.js';
 export { default as Footer } from './footer/Footer.js';
 export { default as Header } from './header/Header.js';
 export { default as Icon } from './icon/Icon.js';
 export { default as Input } from './input/Input.js';
+export { default as Item } from './item/Item.js';
+export { default as ItemActions } from './item/ItemActions.js';
+export { default as ItemContent } from './item/ItemContent.js';
+export { default as ItemDescription } from './item/ItemDescription.js';
+export { default as ItemFooter } from './item/ItemFooter.js';
+export { default as ItemGroup } from './item/ItemGroup.js';
+export { default as ItemHeader } from './item/ItemHeader.js';
+export { default as ItemMedia } from './item/ItemMedia.js';
+export { default as ItemSeparator } from './item/ItemSeparator.js';
+export { default as ItemTitle } from './item/ItemTitle.js';
+export { default as Kbd } from './kbd/Kbd.js';
+export { default as KbdGroup } from './kbd/KbdGroup.js';
 export { default as Layout } from './layout/Layout.js';
 export { NavOpenChangeEvent } from './layout/NavOpenChangeEvent.js';
 export { NavResizeEvent } from './layout/NavResizeEvent.js';
 export { isTranslationRegistered, registerTranslation } from './localization/translation.js';
 export type { Translation } from './localization/translation.js';
 export { default as Message } from './message/Message.js';
+export { default as Meter } from './meter/Meter.js';
 export { default as Modal, ModalCancelEvent, ModalCloseEvent } from './modal/Modal.js';
 export { default as NavGroup } from './nav-group/NavGroup.js';
 export { default as NavItem } from './nav-item/NavItem.js';
@@ -37,12 +83,24 @@ export { default as NavToggle } from './nav-toggle/NavToggle.js';
 export { default as Navigation } from './navigation/Navigation.js';
 export { default as NotificationGroup } from './notification-group/NotificationGroup.js';
 export { default as Notification } from './notification/Notification.js';
+export { getCurrencySymbol, resolveCurrencyPlacement } from './number-field/currency.js';
+export { default as NumberField, NumberFieldChangeEvent } from './number-field/NumberField.js';
+export { default as OtpField, OtpFieldCompleteEvent, OtpFieldInvalidEvent } from './otp-field/OtpField.js';
+export { ELLIPSIS, paginate, type PaginationToken } from './pagination/paginate.js';
+export { default as Pagination } from './pagination/Pagination.js';
+export { default as PaginationContent } from './pagination/PaginationContent.js';
+export { default as PaginationEllipsis } from './pagination/PaginationEllipsis.js';
+export { default as PaginationItem } from './pagination/PaginationItem.js';
+export { default as PaginationLink } from './pagination/PaginationLink.js';
+export { default as PaginationNext } from './pagination/PaginationNext.js';
+export { default as PaginationPrevious } from './pagination/PaginationPrevious.js';
 export { default as Popout } from './popout/Popout.js';
 export { default as ProgressBar } from './progress-bar/ProgressBar.js';
 export { default as Progress } from './progress/Progress.js';
 export { default as Qrcode } from './qrcode/Qrcode.js';
 export { default as Radio } from './radio/Radio.js';
 export { default as Range } from './range/Range.js';
+export { default as ScrollArea } from './scroll-area/ScrollArea.js';
 export { default as SegmentedControlItem } from './segmented-control-item/SegmentedControlItem.js';
 export { default as SegmentedControl } from './segmented-control/SegmentedControl.js';
 export { default as Select } from './select/Select.js';
@@ -56,6 +114,7 @@ export { default as Table } from './table/Table.js';
 export { default as TagGroup } from './tag-group/TagGroup.js';
 export { default as Tag } from './tag/Tag.js';
 export { default as Textarea } from './textarea/Textarea.js';
+export { default as TimePicker } from './time-picker/TimePicker.js';
 export { default as ToastGroup } from './toast-group/ToastGroup.js';
 export { default as Toast } from './toast/Toast.js';
 export { default as Toggle } from './toggle/Toggle.js';

package/lib/src/input/Input.d.ts

@@ -13,6 +13,7 @@ declare const Input_base: (new (...args: any[]) => import("../common/mixins/Size
  * @slot end - Optional slot used to place an icon or suffix at the end of the input.
  *
  * @cssprop [--n-input-inline-size=240px] - Controls the inline size, or width, of the input.
+ * @cssprop [--n-input-block-size=var(--n-space-xl)] - Controls the block size, or height, of the input using our [spacing tokens](/tokens/#space).
  * @cssprop [--n-input-background=var(--n-color-surface)] - Controls the background of the input, using our [color tokens](/tokens/#color).
  * @cssprop [--n-input-color=var(--n-color-text)] - Controls the text color of the input, using our [color tokens](/tokens/#color).
  * @cssprop [--n-input-border-color=var(--n-color-border-strong)] - Controls the border color of the input, using our [color tokens](/tokens/#color).
@@ -30,7 +31,7 @@ export default class Input extends Input_base {
     /**
      * The type of the input.
      */
-    type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number' | 'unit' | 'button';
+    type: 'text' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'number' | 'date' | 'time' | 'datetime-local' | 'file' | 'unit' | 'button';
     /**
      * Controls whether the input expands to fill the width of its container.
      */

package/lib/src/item/Item.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+declare const Item_base: typeof LitElement;
+/**
+ * Item is a flexible, composable row used to display a piece of content such as
+ * a person, a file or a setting. Combine it with [Item Media](/components/item-media/),
+ * [Item Content](/components/item-content/), [Item Title](/components/item-title/),
+ * [Item Description](/components/item-description/) and [Item Actions](/components/item-actions/)
+ * to build rich list rows. Stack several together with [Item Group](/components/item-group/).
+ *
+ * To make a whole Item act as a link, wrap it in an `<a>` element. The row
+ * highlights on hover when wrapped this way.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the item parts (media, content, actions, header, footer).
+ *
+ * @cssprop [--n-item-gap] - Controls the spacing between the item parts, using our [spacing tokens](/tokens/#space).
+ * @cssprop [--n-item-padding] - Controls the inner padding of the item, using our [spacing tokens](/tokens/#space).
+ * @cssprop [--n-item-border-radius=var(--n-border-radius-s)] - Controls how rounded the corners are.
+ */
+export default class Item extends Item_base {
+    /**
+     * The visual style of the item.
+     *
+     * - `default` has a transparent background and no border.
+     * - `outline` adds a visible border.
+     * - `muted` uses a subtle filled background for secondary content.
+     */
+    variant: 'default' | 'outline' | 'muted';
+    /**
+     * The size of the item, controlling its padding and gap.
+     */
+    size: 'xs' | 's' | 'm';
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item': Item;
+    }
+}
+export {};

package/lib/src/item/ItemActions.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Item Actions holds the trailing controls of an [Item](/components/item/),
+ * such as buttons or a chevron.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the actions, such as buttons or an icon.
+ */
+export default class ItemActions extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-actions': ItemActions;
+    }
+}

package/lib/src/item/ItemContent.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Item Content holds the textual content of an [Item](/components/item/),
+ * typically an [Item Title](/components/item-title/) and an
+ * [Item Description](/components/item-description/). It grows to fill the
+ * available space.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the content, such as a title and description.
+ */
+export default class ItemContent extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-content': ItemContent;
+    }
+}

package/lib/src/item/ItemDescription.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Item Description is the secondary, muted line of text in an
+ * [Item](/components/item/). It is clamped to two lines.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the description text.
+ */
+export default class ItemDescription extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-description': ItemDescription;
+    }
+}

package/lib/src/item/ItemFooter.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Item Footer spans the full width at the bottom of an [Item](/components/item/),
+ * useful for a row of metadata or trailing actions.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the footer content.
+ */
+export default class ItemFooter extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-footer': ItemFooter;
+    }
+}

package/lib/src/item/ItemGroup.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+/**
+ * Item Group stacks a set of [Item](/components/item/) rows vertically and
+ * exposes them to assistive technology as a list. Separate individual items
+ * with [Item Separator](/components/item-separator/).
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for [Item](/components/item/) elements.
+ */
+export default class ItemGroup extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+    protected firstUpdated(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-group': ItemGroup;
+    }
+}

package/lib/src/item/ItemHeader.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+/**
+ * Item Header spans the full width at the top of an [Item](/components/item/),
+ * useful for a leading image or a row of metadata.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the header content.
+ */
+export default class ItemHeader extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-header': ItemHeader;
+    }
+}

package/lib/src/item/ItemMedia.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+/**
+ * Item Media holds the leading visual of an [Item](/components/item/), such as
+ * an icon, an avatar or an image.
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the media content (an icon, avatar or image).
+ */
+export default class ItemMedia extends LitElement {
+    /**
+     * The visual style of the media container.
+     *
+     * - `default` simply centers its content.
+     * - `icon` renders a small bordered, muted square that centers an icon.
+     * - `image` renders a rounded square that clips an image to a cover fit.
+     */
+    variant: 'default' | 'icon' | 'image';
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-media': ItemMedia;
+    }
+}

package/lib/src/item/ItemSeparator.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+/**
+ * Item Separator draws a horizontal divider between [Item](/components/item/)
+ * rows inside an [Item Group](/components/item-group/).
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @part separator - The dividing line.
+ */
+export default class ItemSeparator extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-separator': ItemSeparator;
+    }
+}

package/lib/src/item/ItemTitle.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+/**
+ * Item Title is the primary line of text in an [Item](/components/item/).
+ *
+ * @status draft
+ * @category list
+ * @lightDom true
+ *
+ * @slot - Default slot for the title text (and optionally an inline icon).
+ */
+export default class ItemTitle extends LitElement {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-item-title': ItemTitle;
+    }
+}

package/lib/src/kbd/Kbd.d.ts

@@ -0,0 +1,54 @@
+import { LitElement } from 'lit';
+declare const Kbd_base: typeof LitElement;
+/**
+ * Kbd is used to display a keyboard key, such as a shortcut or a key the user
+ * should press. Group related keys together with [Kbd Group](/components/kbd-group/).
+ *
+ * @status draft
+ * @category text
+ * @lightDom true
+ *
+ * @slot - Default slot for the key label (text or an icon).
+ *
+ * @cssprop [--n-kbd-color=var(--n-color-icon)] - Controls the text color of the key.
+ * @cssprop [--n-kbd-background-color=var(--n-color-button)] - Controls the background color of the key.
+ * @cssprop [--n-kbd-padding-block] - Controls the block padding of the key. Overrides the size default.
+ * @cssprop [--n-kbd-padding-inline] - Controls the inline padding of the key. Overrides the size default.
+ * @cssprop [--n-kbd-font-size] - Controls the font size of the key. Overrides the size default.
+ * @cssprop [--n-kbd-border-radius=var(--n-border-radius-s)] - Controls how rounded the corners are.
+ * @cssprop [--n-kbd-border-width=1px] - Controls the border width of the key.
+ * @cssprop [--n-kbd-border-color] - Controls the border color of the key. Overrides the variant default.
+ * @cssprop [--n-kbd-box-shadow] - Controls the box shadow of the key. Overrides the variant default.
+ */
+export default class Kbd extends Kbd_base {
+    /**
+     * The size of the key. Each value maps to the matching font-size token
+     * (`xs`→`--n-font-size-xs` … `l`→`--n-font-size-l`); `xs` suits dense
+     * surfaces like dark tooltips, `l` is for more prominent keys.
+     */
+    size: 'xs' | 's' | 'm' | 'l';
+    /**
+     * The colour variant. `default` follows the active layout theme; `light` and
+     * `dark` pin the key to fixed light/dark colours regardless of the theme
+     * (e.g. a dark key on a dark tooltip).
+     */
+    variant: 'default' | 'light' | 'dark';
+    /**
+     * Removes the border and drop shadow, for a flat key with no outline.
+     */
+    borderless: boolean;
+    /**
+     * Raises the text contrast — the theme's main text colour (`--n-color-text`)
+     * on the `default` variant, or the pinned high-contrast colour (dark text /
+     * white) on the fixed `light` / `dark` variants.
+     */
+    emphasize: boolean;
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-kbd': Kbd;
+    }
+}
+export {};

package/lib/src/kbd/KbdGroup.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+declare const KbdGroup_base: typeof LitElement;
+/**
+ * Kbd Group lays out a set of [Kbd](/components/kbd/) keys together, for example
+ * to represent a multi-key shortcut such as <kbd>Ctrl</kbd> <kbd>K</kbd>.
+ *
+ * @status draft
+ * @category text
+ * @lightDom true
+ *
+ * @slot - Default slot for [Kbd](/components/kbd/) elements.
+ */
+export default class KbdGroup extends KbdGroup_base {
+    connectedCallback(): void;
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nord-kbd-group': KbdGroup;
+    }
+}
+export {};

package/lib/src/layout/Layout.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import '../nav-toggle/NavToggle.js';
 import '../tooltip/Tooltip.js';
 declare const navMachine: {
-    transition(currentState: "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked", event: "click" | "close" | "focusin" | "focusout" | "pointerenter" | "pointerleave" | "toggle" | "transitionend" | "open" | "timeout" | "dropdownOpen" | "dropdownClose"): "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked";
+    transition(currentState: "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked", event: "focusin" | "click" | "close" | "focusout" | "pointerenter" | "pointerleave" | "toggle" | "transitionend" | "open" | "timeout" | "dropdownOpen" | "dropdownClose"): "closed" | "opened" | "peek" | "unpeek" | "wait" | "blocked";
 };
 type NavState = States<typeof navMachine>;
 /**
@@ -14,7 +14,7 @@ type NavState = States<typeof navMachine>;
  * @category structure
  * @slot - The default main section content.
  * @slot nav - Used to place content inside the navigation sidebar.
- * @slot top-bar - Used to place the [Top Bar](../top-bar/) component.
+ * @slot top-bar - Used to place the [Top Bar](/components/top-bar/) component.
  * @slot header - Used to place content inside the header section. This slot can be made sticky by utilizing the `sticky` property on the layout component.
  * @slot footer - Used to place content inside the footer section. This slot can be made sticky by utilizing the `stickyFooter` property on the layout component.
  * @slot drawer - Used to place additional content/details relating to a selected item.

package/lib/src/localization/en-us.d.ts

@@ -13,6 +13,15 @@ declare const en: {
         tip: string;
         placeholder: string;
     };
+    'nord-combobox': {
+        clearLabel: string;
+        createLabel: (query: string) => string;
+        noResults: string;
+    };
+    'nord-autocomplete': {
+        clearLabel: string;
+        noResults: string;
+    };
     'nord-calendar': {
         prevMonthLabel: string;
         nextMonthLabel: string;
@@ -27,6 +36,34 @@ declare const en: {
         dateOutOfMinBound: (minDate: string) => string;
         dateOutOfMaxBound: (maxDate: string) => string;
     };
+    'nord-date-range-picker': {
+        buttonLabel: string;
+        placeholder: string;
+        modalHeading: string;
+        closeLabel: string;
+        applyLabel: string;
+        cancelLabel: string;
+        clearLabel: string;
+        presetsLabel: string;
+        presetsCollapsedLabel: string;
+        rangeSeparator: string;
+        dateOutOfMinBound: (minDate: string) => string;
+        dateOutOfMaxBound: (maxDate: string) => string;
+        presetToday: string;
+        presetYesterday: string;
+        presetLastDays: (days: number) => string;
+        presetLastMonths: (months: number) => string;
+        presetThisMonth: string;
+        presetLastWeek: string;
+        presetLastMonth: string;
+        presetLastQuarter: string;
+        presetLastYear: string;
+        presetCurrentWeek: string;
+        presetCurrentMonth: string;
+        presetCurrentQuarter: string;
+        presetCurrentYear: string;
+        presetQuarter: (quarter: number, year: number) => string;
+    };
     'nord-modal': {
         closeLabel: string;
     };
@@ -36,12 +73,60 @@ declare const en: {
     'nord-textarea': {
         remainingCharacters: (remainder: number) => string;
     };
+    'nord-time-picker': {
+        chooseTime: string;
+    };
     'nord-notification': {
         dismissLabel: string;
     };
     'nord-message': {
         unreadLabel: string;
     };
+    'nord-number-field': {
+        increaseLabel: string;
+        decreaseLabel: string;
+        roleDescription: string;
+    };
+    'nord-otp-field': {
+        characterLabel: (position: number, total: number) => string;
+    };
+    'nord-pagination': {
+        label: string;
+    };
+    'nord-filter-input': {
+        searchLabel: string;
+        clearLabel: string;
+    };
+    'nord-filter-field': {
+        filterIconLabel: string;
+        selectionLabel: (label: string) => string;
+        clearLabel: string;
+        removeLabel: string;
+    };
+    'nord-filter-date-range': {
+        filterIconLabel: string;
+        clearLabel: string;
+        removeLabel: string;
+        rangeSeparator: string;
+    };
+    'nord-filter-add-button': {
+        label: string;
+    };
+    'nord-filter-dropdown': {
+        filterIconLabel: string;
+        selectionLabel: (label: string) => string;
+        searchLabel: string;
+        clearLabel: string;
+        removeLabel: string;
+        selectAll: string;
+        deselectAll: string;
+        noResults: string;
+        unknown: string;
+        countSuffix: (extra: number) => string;
+    };
+    'nord-filter-reset-button': {
+        label: string;
+    };
     'nord-tag': {
         removeLabel: string;
     };