@nordhealth/components 1.4.0 → 1.6.0

package/lib/en-us.js

@@ -1,2 +1,2 @@
-import o from"./localization.js";import a from"./localization2.js";import n from"./localization3.js";const r={$lang:"en-US",$name:"English",$dir:"ltr","nord-command-menu":o,"nord-calendar":n,"nord-date-picker":a};export{r as default};
+import o from"./localization.js";import a from"./localization2.js";import r from"./localization3.js";import n from"./localization4.js";const i={$lang:"en-US",$name:"English",$dir:"ltr","nord-command-menu":o,"nord-calendar":r,"nord-date-picker":a,"nord-modal":n};export{i as default};
 //# sourceMappingURL=en-us.js.map

package/lib/en-us.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-us.js","sources":["../src/localization/en-us.ts"],"sourcesContent":["import commandMenuLocalization from \"../command-menu/localization.js\"\nimport datePickerLocalization from \"../date-picker/localization.js\"\nimport calendarLocalization from \"../calendar/localization.js\"\n\nconst en = {\n  $lang: \"en-US\",\n  $name: \"English\",\n  $dir: \"ltr\" as \"ltr\" | \"rtl\",\n  \"nord-command-menu\": commandMenuLocalization,\n  \"nord-calendar\": calendarLocalization,\n  \"nord-date-picker\": datePickerLocalization,\n}\n\nexport default en\n"],"names":["en","$lang","$name","$dir","commandMenuLocalization","calendarLocalization","datePickerLocalization"],"mappings":"qGAIA,MAAMA,EAAK,CACTC,MAAO,QACPC,MAAO,UACPC,KAAM,MACN,oBAAqBC,EACrB,gBAAiBC,EACjB,mBAAoBC"}
+{"version":3,"file":"en-us.js","sources":["../src/localization/en-us.ts"],"sourcesContent":["import commandMenuLocalization from \"../command-menu/localization.js\"\nimport datePickerLocalization from \"../date-picker/localization.js\"\nimport calendarLocalization from \"../calendar/localization.js\"\nimport modalLocalization from \"../modal/localization.js\"\n\nconst en = {\n  $lang: \"en-US\",\n  $name: \"English\",\n  $dir: \"ltr\" as \"ltr\" | \"rtl\",\n  \"nord-command-menu\": commandMenuLocalization,\n  \"nord-calendar\": calendarLocalization,\n  \"nord-date-picker\": datePickerLocalization,\n  \"nord-modal\": modalLocalization,\n}\n\nexport default en\n"],"names":["en","$lang","$name","$dir","commandMenuLocalization","calendarLocalization","datePickerLocalization","modalLocalization"],"mappings":"uIAKA,MAAMA,EAAK,CACTC,MAAO,QACPC,MAAO,UACPC,KAAM,MACN,oBAAqBC,EACrB,gBAAiBC,EACjB,mBAAoBC,EACpB,aAAcC"}

package/lib/fi-fi.js

@@ -1,2 +1,2 @@
-const a={$lang:"fi",$name:"Suomi",$dir:"ltr","nord-command-menu":{instructions:"Paina 'Enter' vahvistaaksesi valinnan tai 'Escape' peruuttaaksesi",inputLabel:"Kirjoita komento jonka haluat suorittaa.",footerArrowKeys:"Siirry",footerEnterKey:"Valitse",footerEscapeKey:"Esc sulje",footerBackspaceKey:"Siirry takaisin",noResults:a=>`Ei tuloksia haulle "${a}"`,tip:"Vinkki: jotkin haut vaativat tarkan hakutermin. Koita kirjoittaa koko hakutermi kokonaisuudessaan, tai kokeile toista sanaa tai fraasia."},"nord-calendar":{prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi"},"nord-date-picker":{modalHeading:"Valitse päivämäärä",closeLabel:"Sulje ikkuna",buttonLabel:"Valitse päivämäärä",selectedDateMessage:"Valittu päivämäärä on"}};export{a as default};
+const a={$lang:"fi",$name:"Suomi",$dir:"ltr","nord-command-menu":{instructions:"Paina 'Enter' vahvistaaksesi valinnan tai 'Escape' peruuttaaksesi",inputLabel:"Kirjoita komento jonka haluat suorittaa.",footerArrowKeys:"Siirry",footerEnterKey:"Valitse",footerEscapeKey:"Esc sulje",footerBackspaceKey:"Siirry takaisin",noResults:a=>`Ei tuloksia haulle "${a}"`,tip:"Vinkki: jotkin haut vaativat tarkan hakutermin. Koita kirjoittaa koko hakutermi kokonaisuudessaan, tai kokeile toista sanaa tai fraasia."},"nord-calendar":{prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi"},"nord-date-picker":{modalHeading:"Valitse päivämäärä",closeLabel:"Sulje ikkuna",buttonLabel:"Valitse päivämäärä",selectedDateMessage:"Valittu päivämäärä on"},"nord-modal":{closeLabel:"Sulje ikkuna"}};export{a as default};
 //# sourceMappingURL=fi-fi.js.map

package/lib/fi-fi.js.map

@@ -1 +1 @@
-{"version":3,"file":"fi-fi.js","sources":["../src/localization/fi-fi.ts"],"sourcesContent":["import { Translation } from \"./translation.js\"\n\nconst fi: Translation = {\n  $lang: \"fi\",\n  $name: \"Suomi\",\n  $dir: \"ltr\",\n\n  \"nord-command-menu\": {\n    instructions: \"Paina 'Enter' vahvistaaksesi valinnan tai 'Escape' peruuttaaksesi\",\n    inputLabel: \"Kirjoita komento jonka haluat suorittaa.\",\n    footerArrowKeys: \"Siirry\",\n    footerEnterKey: \"Valitse\",\n    footerEscapeKey: \"Esc sulje\",\n    footerBackspaceKey: \"Siirry takaisin\",\n    noResults: searchTerm => `Ei tuloksia haulle \"${searchTerm}\"`,\n    tip: \"Vinkki: jotkin haut vaativat tarkan hakutermin. Koita kirjoittaa koko hakutermi kokonaisuudessaan, tai kokeile toista sanaa tai fraasia.\",\n  },\n\n  \"nord-calendar\": {\n    prevMonthLabel: \"Edellinen kuukausi\",\n    nextMonthLabel: \"Seuraava kuukausi\",\n    monthSelectLabel: \"Kuukausi\",\n    yearSelectLabel: \"Vuosi\",\n  },\n\n  \"nord-date-picker\": {\n    modalHeading: \"Valitse päivämäärä\",\n    closeLabel: \"Sulje ikkuna\",\n    buttonLabel: \"Valitse päivämäärä\",\n    selectedDateMessage: \"Valittu päivämäärä on\",\n  },\n}\n\nexport default fi\n"],"names":["fi","$lang","$name","$dir","instructions","inputLabel","footerArrowKeys","footerEnterKey","footerEscapeKey","footerBackspaceKey","noResults","searchTerm","tip","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","modalHeading","closeLabel","buttonLabel","selectedDateMessage"],"mappings":"AAEA,MAAMA,EAAkB,CACtBC,MAAO,KACPC,MAAO,QACPC,KAAM,MAEN,oBAAqB,CACnBC,aAAc,oEACdC,WAAY,2CACZC,gBAAiB,SACjBC,eAAgB,UAChBC,gBAAiB,YACjBC,mBAAoB,kBACpBC,UAAWC,GAAc,uBAAuBA,KAChDC,IAAK,4IAGP,gBAAiB,CACfC,eAAgB,qBAChBC,eAAgB,oBAChBC,iBAAkB,WAClBC,gBAAiB,SAGnB,mBAAoB,CAClBC,aAAc,qBACdC,WAAY,eACZC,YAAa,qBACbC,oBAAqB"}
+{"version":3,"file":"fi-fi.js","sources":["../src/localization/fi-fi.ts"],"sourcesContent":["import { Translation } from \"./translation.js\"\n\nconst fi: Translation = {\n  $lang: \"fi\",\n  $name: \"Suomi\",\n  $dir: \"ltr\",\n\n  \"nord-command-menu\": {\n    instructions: \"Paina 'Enter' vahvistaaksesi valinnan tai 'Escape' peruuttaaksesi\",\n    inputLabel: \"Kirjoita komento jonka haluat suorittaa.\",\n    footerArrowKeys: \"Siirry\",\n    footerEnterKey: \"Valitse\",\n    footerEscapeKey: \"Esc sulje\",\n    footerBackspaceKey: \"Siirry takaisin\",\n    noResults: searchTerm => `Ei tuloksia haulle \"${searchTerm}\"`,\n    tip: \"Vinkki: jotkin haut vaativat tarkan hakutermin. Koita kirjoittaa koko hakutermi kokonaisuudessaan, tai kokeile toista sanaa tai fraasia.\",\n  },\n\n  \"nord-calendar\": {\n    prevMonthLabel: \"Edellinen kuukausi\",\n    nextMonthLabel: \"Seuraava kuukausi\",\n    monthSelectLabel: \"Kuukausi\",\n    yearSelectLabel: \"Vuosi\",\n  },\n\n  \"nord-date-picker\": {\n    modalHeading: \"Valitse päivämäärä\",\n    closeLabel: \"Sulje ikkuna\",\n    buttonLabel: \"Valitse päivämäärä\",\n    selectedDateMessage: \"Valittu päivämäärä on\",\n  },\n\n  \"nord-modal\": {\n    closeLabel: \"Sulje ikkuna\",\n  },\n}\n\nexport default fi\n"],"names":["fi","$lang","$name","$dir","instructions","inputLabel","footerArrowKeys","footerEnterKey","footerEscapeKey","footerBackspaceKey","noResults","searchTerm","tip","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","modalHeading","closeLabel","buttonLabel","selectedDateMessage"],"mappings":"AAEA,MAAMA,EAAkB,CACtBC,MAAO,KACPC,MAAO,QACPC,KAAM,MAEN,oBAAqB,CACnBC,aAAc,oEACdC,WAAY,2CACZC,gBAAiB,SACjBC,eAAgB,UAChBC,gBAAiB,YACjBC,mBAAoB,kBACpBC,UAAWC,GAAc,uBAAuBA,KAChDC,IAAK,4IAGP,gBAAiB,CACfC,eAAgB,qBAChBC,eAAgB,oBAChBC,iBAAkB,WAClBC,gBAAiB,SAGnB,mBAAoB,CAClBC,aAAc,qBACdC,WAAY,eACZC,YAAa,qBACbC,oBAAqB,yBAGvB,aAAc,CACZF,WAAY"}

package/lib/index.js

@@ -1,2 +1,2 @@
-export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-a389d216.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as ProgressBar}from"./ProgressBar.js";export{default as Popout}from"./Popout.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{isTranslationRegistered,registerTranslation}from"./translation.js";import"./query-assigned-elements-ef860822.js";import"./lit-element-e382250e.js";import"./property-03f59dce.js";import"./Component-fa316972.js";import"./ref-adf41565.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-e0762f0d.js";import"./cond-ed8742b5.js";import"./FocusableMixin-4c85ced9.js";import"./InputMixin-84ca72ae.js";import"./SlotController-ea6eff46.js";import"./if-defined-4d1db15c.js";import"./unsafe-html-76575c49.js";import"./FormAssociatedMixin-9d38814c.js";import"./events-731d0007.js";import"./FormField-44e865a4.js";import"./TextField-f8848f28.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-ed796481.js";import"./class-map-9e39244c.js";import"./collection-800f5002.js";import"./number-c3ab3e95.js";import"./LightDismissController-a2645ae6.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./DirectionController-8b298382.js";import"./query-2d22378e.js";import"./dates-56f73760.js";import"./month-view.js";import"./DateSelectEvent.js";import"./date-adapter.js";import"./positioning-763efb3a.js";import"./fsm-50373df9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";
+export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-6f7a7d8f.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as ProgressBar}from"./ProgressBar.js";export{default as Popout}from"./Popout.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{isTranslationRegistered,registerTranslation}from"./translation.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";import"./query-assigned-elements-ef860822.js";import"./lit-element-e382250e.js";import"./property-03f59dce.js";import"./Component-5a499e30.js";import"./ref-adf41565.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-e0762f0d.js";import"./cond-ed8742b5.js";import"./FocusableMixin-4c85ced9.js";import"./InputMixin-9334d385.js";import"./SlotController-ea6eff46.js";import"./if-defined-4d1db15c.js";import"./class-map-9e39244c.js";import"./unsafe-html-76575c49.js";import"./FormAssociatedMixin-9d38814c.js";import"./events-731d0007.js";import"./FormField-44e865a4.js";import"./TextField-9dea5c28.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-ed796481.js";import"./collection-800f5002.js";import"./number-c3ab3e95.js";import"./LightDismissController-a2645ae6.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./DirectionController-8b298382.js";import"./query-2d22378e.js";import"./dates-56f73760.js";import"./month-view.js";import"./DateSelectEvent.js";import"./date-adapter.js";import"./positioning-763efb3a.js";import"./fsm-50373df9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";
 //# sourceMappingURL=index.js.map

package/lib/localization4.js

@@ -0,0 +1,2 @@
+const e={closeLabel:"Close dialog"};export{e as default};
+//# sourceMappingURL=localization4.js.map

package/lib/localization4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization4.js","sources":["../src/modal/localization.ts"],"sourcesContent":["const localization = {\n  closeLabel: \"Close dialog\",\n}\n\nexport default localization\n"],"names":["localization","closeLabel"],"mappings":"AAAA,MAAMA,EAAe,CACnBC,WAAY"}

package/lib/src/common/controllers/FocusTrapController.d.ts

@@ -0,0 +1,14 @@
+import { ReactiveController, ReactiveControllerHost } from "lit";
+export declare class FocusTrapController implements ReactiveController {
+    private boundary;
+    private lastScrollY;
+    private lastFocused?;
+    constructor(host: ReactiveControllerHost & HTMLElement, boundary?: () => HTMLElement);
+    hostDisconnected(): void;
+    trap(): void;
+    release(): void;
+    private handleFocusOut;
+    private handleFocusIn;
+    private recaptureFocus;
+    private restoreScroll;
+}

package/lib/src/common/controllers/ScrollbarController.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveControllerHost } from "lit";
+export declare class ScrollbarController implements ReactiveController {
+    private scroller;
+    private resets;
+    constructor(host: ReactiveControllerHost);
+    constructor(host: ReactiveControllerHost, scroller: HTMLElement);
+    hostDisconnected(): void;
+    get width(): number;
+    hide(): void;
+    restore(): void;
+}

package/lib/src/common/form.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Finds a form's submit button. First looking for a button inside form,
+ * and then looking for a button whose form attribute is equal to the ID of the form.
+ */
+export declare function getSubmitButton(form: HTMLFormElement): HTMLButtonElement | null;

package/lib/src/index.d.ts

@@ -32,3 +32,5 @@ export { default as DropdownItem } from "./dropdown-item/DropdownItem.js";
 export { default as DropdownGroup } from "./dropdown-group/DropdownGroup.js";
 export { registerTranslation, isTranslationRegistered } from "./localization/translation.js";
 export type { Translation } from "./localization/translation.js";
+export { default as Toggle } from "./toggle/Toggle.js";
+export { default as Modal } from "./modal/Modal.js";

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

@@ -9,11 +9,13 @@ declare const Input_base: (new (...args: any[]) => import("../common/mixins/Form
  * @slot label - Use when a label requires more than plain text.
  * @slot hint - Optional slot that holds hint text for the input.
  * @slot error - Optional slot that holds error text for the input.
- * @slot start - Optional slot used to place an icon at the start of the input.
+ * @slot start - Optional slot used to place an icon or prefix at the start of the input.
+ * @slot end - Optional slot used to place an icon or suffix at the end of the input.
  */
 export default class Input extends Input_base {
     static styles: import("lit").CSSResult[];
     private startSlot;
+    private endSlot;
     /**
      * The type of the input.
      */

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

@@ -24,5 +24,8 @@ declare const en: {
         buttonLabel: string;
         selectedDateMessage: string;
     };
+    "nord-modal": {
+        closeLabel: string;
+    };
 };
 export default en;

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

@@ -0,0 +1,84 @@
+import { LitElement } from "lit";
+import "../icon/Icon.js";
+declare const Modal_base: typeof LitElement;
+/**
+ * Modal component is used to display content that temporarily blocks interactions
+ * with the main view of an application. Modal should be used sparingly and
+ * only when necessary.
+ *
+ * @status draft
+ * @category overlay
+ * @slot - Default slot
+ * @slot header - Slot which holds the header of the modal, positioned next to the close button.
+ * @slot footer - Slot which is typically used to hold call to action buttons, but can also be used to build custom footers.
+ * @fires cancel - Dispatched before the modal has closed when a user attempts to dismiss a modal. Call `preventDefault()` on the event to prevent the modal closing.
+ * @fires close - Dispatched when a modal is closed for any reason.
+ */
+export default class Modal extends Modal_base {
+    static styles: import("lit").CSSResult[];
+    private modal;
+    private backdrop;
+    private trigger?;
+    private lastButton?;
+    private headerSlot;
+    private featureSlot;
+    private footerSlot;
+    private scrollBar;
+    private focusTrap;
+    private localize;
+    private events;
+    private lightDismiss;
+    /**
+     * Controls whether the modal is open or not.
+     */
+    open: boolean;
+    /**
+     * Controls the max-width of the modal when open.
+     */
+    size: "s" | "m" | "l";
+    /**
+     * The reason why the modal was closed. This typically indicates
+     * which button the user pressed to close the modal, though any value
+     * can be supplied if the modal is programmatically closed.
+     */
+    returnValue: string;
+    /**
+     * By default if a modal is too big for the browser window,
+     * the entire modal will scroll. This setting changes that behavior
+     * so that the body of the modal scrolls instead, with the modal
+     * itself remaining fixed.
+     */
+    scrollable: boolean;
+    connectedCallback(): void;
+    /**
+     * Show the modal, automatically moving focus to the modal or a child
+     * element with an `autofocus` attribute.
+     */
+    showModal(): void;
+    /**
+     * Programmatically close the modal.
+     * @param returnValue An optional value to indicate why the modal was closed.
+     */
+    close(returnValue?: string): void;
+    /**
+     * Programmatically focus the modal.
+     * @param options An object which controls aspects of the focusing process.
+     */
+    focus(options?: FocusOptions): void;
+    render(): import("lit-html").TemplateResult<1>;
+    protected handleOpenUpdated(): void;
+    private enableScroll;
+    private handleDismiss;
+    /**
+     * capture the last button clicked, so that we can polyfill `submitter` property in submit event
+     */
+    private trackLastButton;
+    private polyfillSubmitter;
+    private handleSubmit;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "nord-modal": Modal;
+    }
+}
+export {};

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

@@ -0,0 +1,6 @@
+import "../button/Button.js";
+import "../input/Input.js";
+import "../textarea/Textarea.js";
+import "../select/Select.js";
+import "../stack/Stack.js";
+import "../checkbox/Checkbox.js";

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

@@ -0,0 +1,4 @@
+declare const localization: {
+    closeLabel: string;
+};
+export default localization;

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

@@ -30,6 +30,8 @@ export default class NavItem extends NavItem_base {
     href?: string;
     /**
      * Allows you to add a notification badge with a number next to the nav item.
+     * Please note that this isn’t supported for nav items which have nested nav
+     * items inside them.
      */
     badge?: string;
     /**

package/lib/src/toggle/Toggle.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from "lit";
+declare const Toggle_base: (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;
+/**
+ * Toggle switch gives control over a feature or option that can be
+ * turned on or off. If a physical switch would work for the action, a
+ * toggle is probably the best component to use.
+ *
+ * @status new
+ * @category form
+ * @slot label - Use when a label requires more than plain text.
+ * @slot hint - Optional slot that holds hint text for the input.
+ * @slot error - Optional slot that holds error text for the input.
+ */
+export default class Toggle extends Toggle_base {
+    static styles: import("lit").CSSResult[];
+    protected get formValue(): string | undefined;
+    /**
+     * Controls whether the toggle is checked or not.
+     */
+    checked: boolean;
+    /**
+     * Controls whether the contents are displayed in reverse order,
+     * putting the label before the toggle.
+     */
+    reverse: boolean;
+    /**
+     * The size of the toggle switch.
+     */
+    size: "s" | "m" | "l";
+    render(): import("lit-html").TemplateResult<1>;
+    protected handleChange(e: Event): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "nord-toggle": Toggle;
+    }
+}
+export {};

package/lib/src/toggle/Toggle.test.d.ts

@@ -0,0 +1,3 @@
+import "../button/Button.js";
+import "../stack/Stack.js";
+import "../fieldset/Fieldset.js";

package/lib/translation.js

@@ -1,2 +1,2 @@
-import t from"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";const o=new Set,n=new Map;function e(){for(const t of o)t()}function r(){n.clear()}function i(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();n.set(o,t)})),e()}function a(t){return o.add(t),()=>o.delete(t)}function c(t){return n.has(t)}function s(o){const e=o.toLowerCase(),[r]=e.split("-");return n.get(e)||n.get(r)||t}new MutationObserver(e).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});export{r as clearTranslations,c as isTranslationRegistered,i as registerTranslation,s as resolveTranslation,a as subscribe};
+import t from"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";const o=new Set,n=new Map;function e(){for(const t of o)t()}function i(){n.clear()}function r(...t){t.forEach((t=>{const o=t.$lang.toLowerCase();n.set(o,t)})),e()}function a(t){return o.add(t),()=>o.delete(t)}function c(t){return n.has(t)}function s(o){const e=o.toLowerCase(),[i]=e.split("-");return n.get(e)||n.get(i)||t}new MutationObserver(e).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});export{i as clearTranslations,c as isTranslationRegistered,r as registerTranslation,s as resolveTranslation,a as subscribe};
 //# sourceMappingURL=translation.js.map

package/lib/translation.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.js","sources":["../src/localization/translation.ts"],"sourcesContent":["import en from \"./en-us.js\"\n\n// gets list of properties beginning prefix\ntype PickStartsWith<Type, Prefix extends string> = {\n  [Property in keyof Type]: Property extends `${Prefix}${string}` ? Property : never\n}[keyof Type]\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<Translation, \"$\">\n\nconst subscribers = new Set<() => void>()\nconst translations = new Map<string, Translation>()\n\nfunction update() {\n  for (const subscriber of subscribers) {\n    subscriber()\n  }\n}\n\n// observe changes to the document's lang\nconst observer = new MutationObserver(update)\nobserver.observe(document.documentElement, {\n  attributes: true,\n  attributeFilter: [\"lang\"],\n})\n\n/**\n * Removes all registered translations\n */\nexport function clearTranslations() {\n  translations.clear()\n}\n\n/**\n * Registers one or more translations\n */\nexport function registerTranslation(...translation: Translation[]) {\n  translation.forEach(t => {\n    const lang = t.$lang.toLowerCase()\n    translations.set(lang, t)\n  })\n\n  update()\n}\n\n/**\n * subscribe to language changes\n * @param onChange callback for when either `lang` attr changes, or a new language is registered.\n * @returns cleanup function\n */\nexport function subscribe(onChange: () => void): () => void {\n  subscribers.add(onChange)\n  return () => subscribers.delete(onChange)\n}\n\n/**\n * Check whether there is a translation registered for the given lang\n * @param lang the lang code e.g. \"en\" or \"en-GB\"\n */\nexport function isTranslationRegistered(lang: string) {\n  return translations.has(lang)\n}\n\n/**\n * Picks the most appropriate translation for the given language, from most specific to least specific.\n * First tries lang + region, then lang only, then fallback.\n */\nexport function resolveTranslation(langCode: string): Translation {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n"],"names":["subscribers","Set","translations","Map","update","subscriber","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","subscribe","onChange","add","delete","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en","MutationObserver","observe","document","documentElement","attributes","attributeFilter"],"mappings":"0GAUA,MAAMA,EAAc,IAAIC,IAClBC,EAAe,IAAIC,IAEzB,SAASC,IACP,IAAK,MAAMC,KAAcL,EACvBK,aAcYC,IACdJ,EAAaK,QAMC,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBZ,EAAaa,IAAIH,EAAMD,MAGzBP,IAQI,SAAUY,EAAUC,GAExB,OADAjB,EAAYkB,IAAID,GACT,IAAMjB,EAAYmB,OAAOF,GAO5B,SAAUG,EAAwBR,GACtC,OAAOV,EAAamB,IAAIT,GAOpB,SAAUU,EAAmBC,GACjC,MAAMX,EAAOW,EAAST,eACfU,GAAYZ,EAAKa,MAAM,KAE9B,OAAOvB,EAAawB,IAAId,IAASV,EAAawB,IAAIF,IAAaG,EAnDhD,IAAIC,iBAAiBxB,GAC7ByB,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC"}
+{"version":3,"file":"translation.js","sources":["../src/localization/translation.ts"],"sourcesContent":["import en from \"./en-us.js\"\n\n// gets list of properties beginning prefix\ntype PickStartsWith<Type, Prefix extends string> = {\n  [Property in keyof Type]: Property extends `${Prefix}${string}` ? Property : never\n}[keyof Type]\n\nexport type Translation = typeof en\nexport type WellKnownKeys = PickStartsWith<Translation, \"$\">\n\nconst subscribers = new Set<() => void>()\nconst translations = new Map<string, Translation>()\n\nfunction update() {\n  for (const subscriber of subscribers) {\n    subscriber()\n  }\n}\n\n// observe changes to the document's lang\nconst observer = new MutationObserver(update)\nobserver.observe(document.documentElement, {\n  attributes: true,\n  attributeFilter: [\"lang\"],\n})\n\n/**\n * Removes all registered translations\n */\nexport function clearTranslations() {\n  translations.clear()\n}\n\n/**\n * Registers one or more translations\n */\nexport function registerTranslation(...translation: Translation[]) {\n  translation.forEach(t => {\n    const lang = t.$lang.toLowerCase()\n    translations.set(lang, t)\n  })\n\n  update()\n}\n\n/**\n * subscribe to language changes\n * @param onChange callback for when either `lang` attr changes, or a new language is registered.\n * @returns cleanup function\n */\nexport function subscribe(onChange: () => void): () => void {\n  subscribers.add(onChange)\n  return () => subscribers.delete(onChange)\n}\n\n/**\n * Check whether there is a translation registered for the given lang\n * @param lang the lang code e.g. \"en\" or \"en-GB\"\n */\nexport function isTranslationRegistered(lang: string) {\n  return translations.has(lang)\n}\n\n/**\n * Picks the most appropriate translation for the given language, from most specific to least specific.\n * First tries lang + region, then lang only, then fallback.\n */\nexport function resolveTranslation(langCode: string): Translation {\n  const lang = langCode.toLowerCase()\n  const [langOnly] = lang.split(\"-\")\n\n  return translations.get(lang) || translations.get(langOnly) || en\n}\n"],"names":["subscribers","Set","translations","Map","update","subscriber","clearTranslations","clear","registerTranslation","translation","forEach","t","lang","$lang","toLowerCase","set","subscribe","onChange","add","delete","isTranslationRegistered","has","resolveTranslation","langCode","langOnly","split","get","en","MutationObserver","observe","document","documentElement","attributes","attributeFilter"],"mappings":"qIAUA,MAAMA,EAAc,IAAIC,IAClBC,EAAe,IAAIC,IAEzB,SAASC,IACP,IAAK,MAAMC,KAAcL,EACvBK,aAcYC,IACdJ,EAAaK,QAMC,SAAAC,KAAuBC,GACrCA,EAAYC,SAAQC,IAClB,MAAMC,EAAOD,EAAEE,MAAMC,cACrBZ,EAAaa,IAAIH,EAAMD,MAGzBP,IAQI,SAAUY,EAAUC,GAExB,OADAjB,EAAYkB,IAAID,GACT,IAAMjB,EAAYmB,OAAOF,GAO5B,SAAUG,EAAwBR,GACtC,OAAOV,EAAamB,IAAIT,GAOpB,SAAUU,EAAmBC,GACjC,MAAMX,EAAOW,EAAST,eACfU,GAAYZ,EAAKa,MAAM,KAE9B,OAAOvB,EAAawB,IAAId,IAASV,EAAawB,IAAIF,IAAaG,EAnDhD,IAAIC,iBAAiBxB,GAC7ByB,QAAQC,SAASC,gBAAiB,CACzCC,YAAY,EACZC,gBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,21 +25,22 @@
     "format": "eslint --ext .ts,.js,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "docker-compose run --rm -e INCLUDE_VISUAL_REGRESSION test",
     "test:watch": "docker-compose run --rm -e INCLUDE_VISUAL_REGRESSION test --watch",
+    "test:local": "wtr --coverage --watch",
     "analyze": "custom-elements-manifest analyze --litelement",
     "scaffold": "node ./utils/scaffold.mjs"
   },
   "dependencies": {
     "@floating-ui/dom": "0.4.4",
-    "@nordhealth/icons": "^1.3.8",
+    "@nordhealth/icons": "^1.3.9",
     "lit": "2.2.2",
     "tinykeys": "1.4.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.5.5",
-    "@nordhealth/css": "^1.2.0",
+    "@nordhealth/css": "^1.3.0",
     "@nordhealth/fonts": "^2.0.14",
-    "@nordhealth/themes": "^6.0.0",
-    "@nordhealth/tokens": "^5.0.0",
+    "@nordhealth/themes": "^6.1.0",
+    "@nordhealth/tokens": "^5.1.0",
     "@open-wc/eslint-config": "^7.0.0",
     "@open-wc/testing": "3.1.3",
     "@rollup/plugin-node-resolve": "13.2.1",
@@ -147,6 +148,14 @@
       "default-case": "off",
       "@typescript-eslint/switch-exhaustiveness-check": [
         "error"
+      ],
+      "no-useless-constructor": "off",
+      "@typescript-eslint/no-useless-constructor": [
+        "error"
+      ],
+      "no-empty-function": "off",
+      "@typescript-eslint/no-empty-function": [
+        "error"
       ]
     },
     "overrides": [
@@ -168,5 +177,5 @@
       }
     ]
   },
-  "gitHead": "d9851c88649586a75ef915f4a5fa2841524bcc61"
+  "gitHead": "f0834bb231514fe55e86168e4614a059d6bfaa73"
 }

package/lib/Component-fa316972.js

@@ -1,2 +0,0 @@
-import{r as t}from"./lit-element-e382250e.js";const e=t`:host{all:unset;display:block;font-family:var(--n-font-family);line-height:var(--n-line-height);font-feature-settings:var(--n-font-features);text-align:start}*,::after,::before{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}`;export{e as s};
-//# sourceMappingURL=Component-fa316972.js.map

package/lib/Component-fa316972.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Component-fa316972.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/InputMixin-84ca72ae.js

@@ -1,2 +0,0 @@
-import{_ as e}from"./query-assigned-elements-ef860822.js";import{e as o}from"./property-03f59dce.js";function t(t){class r extends t{constructor(){super(...arguments),this.disabled=!1,this.value=""}get form(){return this.closest("form")||void 0}}return e([o({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0),e([o()],r.prototype,"name",void 0),e([o()],r.prototype,"value",void 0),r}export{t as I};
-//# sourceMappingURL=InputMixin-84ca72ae.js.map

package/lib/TextField-f8848f28.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField-f8848f28.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}