@nordhealth/components 4.12.0 → 4.12.1

package/lib/src/localization/translation.d.ts

@@ -1,7 +1,7 @@
-import en from "./en-us.js";
+import en from './en-us.js';
 type PickStartsWith<T, Prefix extends string> = T extends `${Prefix}${string}` ? T : never;
 export type Translation = typeof en;
-export type WellKnownKeys = PickStartsWith<keyof Translation, "$">;
+export type WellKnownKeys = PickStartsWith<keyof Translation, '$'>;
 /**
  * Removes all registered translations
  */
@@ -35,7 +35,7 @@ export declare function resolveTranslation(langCode: string): {
     $lang: string;
     $name: string;
     $dir: "ltr" | "rtl";
-    "nord-command-menu": {
+    'nord-command-menu': {
         instructions: string;
         inputLabel: string;
         footerArrowKeys: string;
@@ -46,34 +46,34 @@ export declare function resolveTranslation(langCode: string): {
         tip: string;
         placeholder: string;
     };
-    "nord-calendar": {
+    'nord-calendar': {
         prevMonthLabel: string;
         nextMonthLabel: string;
         monthSelectLabel: string;
         yearSelectLabel: string;
     };
-    "nord-date-picker": {
+    'nord-date-picker': {
         modalHeading: string;
         closeLabel: string;
         buttonLabel: string;
         selectedDateMessage: string;
     };
-    "nord-modal": {
+    'nord-modal': {
         closeLabel: string;
     };
-    "nord-nav-toggle": {
+    'nord-nav-toggle': {
         label: string;
     };
-    "nord-textarea": {
+    'nord-textarea': {
         remainingCharacters: (remainder: number) => string;
     };
-    "nord-notification": {
+    'nord-notification': {
         dismissLabel: string;
     };
-    "nord-message": {
+    'nord-message': {
         unreadLabel: string;
     };
-    "nord-tag": {
+    'nord-tag': {
         removeLabel: string;
     };
 };

package/lib/src/message/Message.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, TemplateResult } from "lit";
+import type { TemplateResult } from 'lit';
+import { LitElement } from 'lit';
 declare const Message_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Message represents a specific item within a collection,
@@ -36,7 +37,7 @@ export default class Message extends Message_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-message": Message;
+        'nord-message': Message;
     }
 }
 export {};

package/lib/src/modal/Modal.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import "../footer/Footer.js";
+import { LitElement } from 'lit';
+import '../footer/Footer.js';
 /**
  * Modal component is used to display content that temporarily blocks interactions
  * with the main view of an application. Modal should be used sparingly and
@@ -37,7 +37,7 @@ export default class Modal extends LitElement {
     /**
      * Controls the max-width of the modal when open.
      */
-    size: "s" | "m" | "l" | "xl";
+    size: 's' | 'm' | 'l' | 'xl';
     /**
      * The reason why the modal was closed. This typically indicates
      * which button the user pressed to close the modal, though any value
@@ -73,6 +73,6 @@ export default class Modal extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-modal": Modal;
+        'nord-modal': Modal;
     }
 }

package/lib/src/modal/ModalController.d.ts

@@ -1,12 +1,12 @@
-import { ReactiveController, ReactiveControllerHost } from "lit";
-import { LightDismissOptions } from "../common/controllers/LightDismissController.js";
-type ModalControllerOptions = {
-    isOpen: LightDismissOptions["isOpen"];
-    onDismiss: LightDismissOptions["onDismiss"];
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { LightDismissOptions } from '../common/controllers/LightDismissController.js';
+interface ModalControllerOptions {
+    isOpen: LightDismissOptions['isOpen'];
+    onDismiss: LightDismissOptions['onDismiss'];
     close: (returnValue?: string) => void;
     backdrop: () => HTMLElement;
     dialog: () => HTMLElement;
-};
+}
 export declare class ModalController implements ReactiveController {
     private host;
     private static openModals;

package/lib/src/nav-group/NavGroup.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import "../icon/Icon.js";
+import { LitElement } from 'lit';
+import '../icon/Icon.js';
 /**
  * Navigation group includes all the actions or items in a single
  * group and is used for grouping items into related categories.
@@ -21,6 +21,6 @@ export default class NavGroup extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-nav-group": NavGroup;
+        'nord-nav-group': NavGroup;
     }
 }

package/lib/src/nav-item/NavItem.d.ts

@@ -1,4 +1,5 @@
-import { LitElement, TemplateResult } from "lit";
+import type { TemplateResult } from 'lit';
+import { LitElement } from 'lit';
 declare const NavItem_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Navigation item populates sidebar navigation with links.
@@ -52,7 +53,7 @@ export default class NavItem extends NavItem_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-nav-item": NavItem;
+        'nord-nav-item': NavItem;
     }
 }
 export {};

package/lib/src/nav-toggle/NavToggle.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import "../button/Button.js";
-import "../visually-hidden/VisuallyHidden.js";
+import { LitElement } from 'lit';
+import '../button/Button.js';
+import '../visually-hidden/VisuallyHidden.js';
 declare const NavToggle_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Nav toggle is meant for hiding and showing the primary navigation.
@@ -20,7 +20,7 @@ export default class NavToggle extends NavToggle_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-nav-toggle": NavToggle;
+        'nord-nav-toggle': NavToggle;
     }
 }
 export {};

package/lib/src/navigation/Navigation.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Navigation is used to display the primary navigation in the sidebar
  * of an application. Navigation includes a list of links that users
@@ -30,6 +30,6 @@ export default class Navigation extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-navigation": Navigation;
+        'nord-navigation': Navigation;
     }
 }

package/lib/src/notification/Notification.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import "../stack/Stack.js";
-import "../icon/Icon.js";
+import { LitElement } from 'lit';
+import '../stack/Stack.js';
+import '../icon/Icon.js';
 declare const Notification_base: (new (...args: any[]) => import("../common/mixins/NotificationMixin.js").NotificationMixinInterface) & typeof LitElement;
 /**
  * Notifications provide important information that requires action or acknowledgement.
@@ -20,7 +20,7 @@ export default class Notification extends Notification_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-notification": Notification;
+        'nord-notification': Notification;
     }
 }
 export {};

package/lib/src/notification-group/NotificationGroup.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Notification group is used to position and style a group of notifications.
  *
@@ -14,6 +14,6 @@ export default class NotificationGroup extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-notification-group": NotificationGroup;
+        'nord-notification-group': NotificationGroup;
     }
 }

package/lib/src/popout/Popout.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 declare const Popout_base: (new (...args: any[]) => import("../common/mixins/FloatingComponentMixin.js").FloatingMixinInterface) & typeof LitElement;
 /**
  * Popouts are small overlays that open on demand. They let users access additional content and actions without cluttering the page.
@@ -79,7 +79,7 @@ export default class Popout extends Popout_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-popout": Popout;
+        'nord-popout': Popout;
     }
 }
 export {};

package/lib/src/progress/Progress.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Progress component is used to display a circular pie-chart style progress indicator.
  * You can customize the size and color of the progress indicator with the
@@ -13,7 +13,7 @@ export default class Progress extends LitElement {
     /**
      * The size of the progress indicator.
      */
-    size: "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     /**
      * The color of the progress indicator.
      * Can accept any valid CSS color value, including custom properties.
@@ -63,6 +63,6 @@ export default class Progress extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-progress": Progress;
+        'nord-progress': Progress;
     }
 }

package/lib/src/progress-bar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 declare const ProgressBar_base: (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Progress Bar is used to visually represent the completion
@@ -36,7 +36,7 @@ export default class ProgressBar extends ProgressBar_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-progress-bar": ProgressBar;
+        'nord-progress-bar': ProgressBar;
     }
 }
 export {};

package/lib/src/qrcode/Qrcode.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * QR Code component is used for providing information or links
  * to users which they can quickly scan with their smartphone.
@@ -39,13 +39,13 @@ export default class Qrcode extends LitElement {
      * scan it without issues. L, M, Q and H values will use 7%, 15%, 25%
      * and 30% of the QR code for error correction respectively.
      */
-    correction: "L" | "M" | "Q" | "H";
+    correction: 'L' | 'M' | 'Q' | 'H';
     firstUpdated(): void;
     private generate;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-qrcode": Qrcode;
+        'nord-qrcode': Qrcode;
     }
 }

package/lib/src/radio/Radio.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import { LightDomController } from "../common/controllers/LightDomController.js";
-import { LightSlotController } from "../common/controllers/LightSlotController.js";
+import { LitElement } from 'lit';
+import { LightDomController } from '../common/controllers/LightDomController.js';
+import { LightSlotController } from '../common/controllers/LightSlotController.js';
 declare const Radio_base: (new (...args: any[]) => import("../common/mixins/SizeMixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Radio buttons are graphical user interface elements that allow user to choose only one option from
@@ -40,7 +40,7 @@ export default class Radio extends Radio_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-radio": Radio;
+        'nord-radio': Radio;
     }
 }
 export {};

package/lib/src/range/Range.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 declare const Range_base: (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/AutocompleteMixin.js").AutocompleteMixinInterface) & (new (...args: any[]) => import("../common/mixins/ReadonlyMixin.js").ReadonlyMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Range input lets user specify a numeric value using a slider which
@@ -39,7 +39,7 @@ export default class Range extends Range_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-range": Range;
+        'nord-range': Range;
     }
 }
 export {};

package/lib/src/segmented-control/SegmentedControl.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Segmented control is used to pick one choice from a set of
  * closely related choices, and immediately apply that selection.
@@ -20,6 +20,6 @@ export default class SegmentedControl extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-segmented-control": SegmentedControl;
+        'nord-segmented-control': SegmentedControl;
     }
 }

package/lib/src/segmented-control-item/SegmentedControlItem.d.ts

@@ -1,6 +1,6 @@
-import { LitElement } from "lit";
-import { LightDomController } from "../common/controllers/LightDomController.js";
-import { LightSlotController } from "../common/controllers/LightSlotController.js";
+import { LitElement } from 'lit';
+import { LightDomController } from '../common/controllers/LightDomController.js';
+import { LightSlotController } from '../common/controllers/LightSlotController.js';
 declare const SegmentedControlItem_base: (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Segmented control items populate a segmented control with options.
@@ -38,7 +38,7 @@ export default class SegmentedControlItem extends SegmentedControlItem_base {
      * The size of the segmented control item.
      * This affects font-size and padding.
      */
-    size: "s" | "m" | "l";
+    size: 's' | 'm' | 'l';
     /**
      * Label for the segmented control item.
      */
@@ -53,7 +53,7 @@ export default class SegmentedControlItem extends SegmentedControlItem_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-segmented-control-item": SegmentedControlItem;
+        'nord-segmented-control-item': SegmentedControlItem;
     }
 }
 export {};

package/lib/src/select/Select.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import "../button/Button.js";
+import { LitElement } from 'lit';
+import '../button/Button.js';
 declare const Select_base: (new (...args: any[]) => import("../common/mixins/SizeMixin.js").SizeMixinInterface) & (new (...args: any[]) => import("../common/mixins/FormAssociatedMixin.js").FormAssociatedMixinInterface) & (new (...args: any[]) => import("../common/mixins/AutocompleteMixin.js").AutocompleteMixinInterface) & (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Select lets users choose one option from an options menu.
@@ -38,7 +38,7 @@ export default class Select extends Select_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-select": Select;
+        'nord-select': Select;
     }
 }
 export {};

package/lib/src/skeleton/Skeleton.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Skeletons are used to provide a low fidelity representation of content
  * before it appears in a view. This improves the perceived loading time
@@ -17,11 +17,11 @@ export default class Skeleton extends LitElement {
      * Determines which animation effect the skeleton will use.
      * The default is no animation.
      */
-    effect?: "pulse" | "sheen";
+    effect?: 'pulse' | 'sheen';
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-skeleton": Skeleton;
+        'nord-skeleton': Skeleton;
     }
 }

package/lib/src/spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Spinner component is used to indicate users that their action is being
  * processed. You can customize the size and color of the spinner with the
@@ -13,7 +13,7 @@ export default class Spinner extends LitElement {
     /**
      * The size of the spinner.
      */
-    size: "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    size: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     /**
      * The color of the spinner.
      * Can accept any valid CSS color value, including custom properties.
@@ -29,6 +29,6 @@ export default class Spinner extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-spinner": Spinner;
+        'nord-spinner': Spinner;
     }
 }

package/lib/src/stack/Stack.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Stack component manages layout of immediate children along the
  * vertical or horizontal axis with optional spacing between each child.
@@ -14,15 +14,15 @@ export default class Stack extends LitElement {
     /**
      * The space injected between components.
      */
-    gap: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    gap: 'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     /**
      * The direction of the stack.
      */
-    direction: "vertical" | "horizontal";
+    direction: 'vertical' | 'horizontal';
     /**
      * How to align the child items inside the stack.
      */
-    alignItems?: "center" | "start" | "end" | "baseline" | "stretch";
+    alignItems?: 'center' | 'start' | 'end' | 'baseline' | 'stretch';
     /**
      * Defines whether the Stack items are forced in a single line
      * or can be flowed into multiple lines.
@@ -31,11 +31,11 @@ export default class Stack extends LitElement {
     /**
      * How to justify the child items inside the stack.
      */
-    justifyContent?: "center" | "start" | "end" | "space-between" | "space-around" | "space-evenly";
+    justifyContent?: 'center' | 'start' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
     render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-stack": Stack;
+        'nord-stack': Stack;
     }
 }

package/lib/src/tab/Tab.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * The interactive tab button for use within the tab group component.
  *
@@ -26,6 +26,6 @@ export default class Tab extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-tab": Tab;
+        'nord-tab': Tab;
     }
 }

package/lib/src/tab-group/TabGroup.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Tab Group allows multiple panels to be contained within a single window,
  * using tabs as a navigational element.
@@ -26,7 +26,7 @@ export default class TabGroup extends LitElement {
     /**
      * Controls the padding of the tab group component.
      */
-    padding?: "m" | "l" | "none";
+    padding?: 'm' | 'l' | 'none';
     /**
      * Whether the tab list sticks to the top of the tab group as you scroll.
      */
@@ -74,6 +74,6 @@ export default class TabGroup extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-tab-group": TabGroup;
+        'nord-tab-group': TabGroup;
     }
 }

package/lib/src/tab-panel/TabPanel.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * The panel which contains content that can be revealed using a tab
  * in the tab group component.
@@ -14,6 +14,6 @@ export default class TabPanel extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-tab-panel": TabPanel;
+        'nord-tab-panel': TabPanel;
     }
 }

package/lib/src/table/Table.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Table is used to organize and display information from a data set.
  * Provides table styles in addition to features like sticky
@@ -21,7 +21,7 @@ export default class Table extends LitElement {
      * Controls the density of the table's rows and headers.
      * Relaxed increases space, condensed reduces space.
      */
-    density: "condensed" | "default" | "relaxed";
+    density: 'condensed' | 'default' | 'relaxed';
     /**
      * Enables scroll-snapping, meaning the scroll position is always column-aligned.
      */
@@ -43,6 +43,6 @@ export default class Table extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-table": Table;
+        'nord-table': Table;
     }
 }

package/lib/src/tag/Tag.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from "lit";
-import { FormDataController } from "../common/controllers/FormDataController.js";
+import { LitElement } from 'lit';
+import { FormDataController } from '../common/controllers/FormDataController.js';
 declare const Tag_base: (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Tags represent a set of keywords that help label, categorize,
@@ -20,7 +20,7 @@ export default class Tag extends Tag_base {
     /**
      * The behavioral variant of the tag.
      */
-    variant: "default" | "removable" | "selectable";
+    variant: 'default' | 'removable' | 'selectable';
     /**
      * Controls whether the tag is checked or not (only relevant when variant is set to `selectable`).
      */
@@ -28,7 +28,7 @@ export default class Tag extends Tag_base {
     /**
      * The size of the tag. This affects the font-size.
      */
-    size: "s" | "m";
+    size: 's' | 'm';
     /**
      * Controls whether the tag expands to fill the width of its container.
      */
@@ -42,7 +42,7 @@ export default class Tag extends Tag_base {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-tag": Tag;
+        'nord-tag': Tag;
     }
 }
 export {};

package/lib/src/tag-group/TagGroup.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement } from 'lit';
 /**
  * Tag groups are designed to bring together selectable tags that are of a similar nature. For example categories you can filter by.
  *
@@ -19,11 +19,11 @@ export default class TagGroup extends LitElement {
     /**
      * The style variant of the tag group.
      */
-    variant: "default" | "spaced";
+    variant: 'default' | 'spaced';
     /**
      * The direction of the tag group.
      */
-    direction: "vertical" | "horizontal";
+    direction: 'vertical' | 'horizontal';
     /**
      * Defines whether the tags are forced in a single line
      * or can be flowed into multiple lines (only applied when variant is set to `spaced`).
@@ -37,6 +37,6 @@ export default class TagGroup extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "nord-tag-group": TagGroup;
+        'nord-tag-group': TagGroup;
     }
 }