@nordhealth/components 1.12.0 → 1.13.0

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-3efcf67b.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 TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";import"./query-assigned-elements-ef860822.js";import"./lit-element-67e6cd99.js";import"./property-03f59dce.js";import"./Component-5a0a26a0.js";import"./ref-57ff8ffc.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-6d26dea2.js";import"./cond-97c45476.js";import"./FocusableMixin-175ea4d7.js";import"./InputMixin-9334d385.js";import"./SlotController-ea6eff46.js";import"./if-defined-fe1a64e3.js";import"./class-map-f1b6f1fa.js";import"./unsafe-html-61a04601.js";import"./FormAssociatedMixin-d0d98a92.js";import"./events-731d0007.js";import"./TextField-f48e2e5c.js";import"./AutocompleteMixin-ca948bdb.js";import"./FormField-d3767c2e.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-084c4167.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-a8de5b83.js";import"./month-view.js";import"./DateSelectEvent.js";import"./interface-close-small-44ababc3.js";import"./date-adapter.js";import"./positioning-b660767c.js";import"./fsm-50373df9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./DraftComponentMixin-9e4b7b34.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-c2dc6905.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 TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";import"./query-assigned-elements-ef860822.js";import"./lit-element-67e6cd99.js";import"./property-03f59dce.js";import"./Component-5a0a26a0.js";import"./ref-57ff8ffc.js";import"./directive-de55b00a.js";import"./EventController-d99ebeef.js";import"./LightDomController-6d26dea2.js";import"./cond-97c45476.js";import"./FocusableMixin-175ea4d7.js";import"./InputMixin-9334d385.js";import"./SlotController-ea6eff46.js";import"./if-defined-fe1a64e3.js";import"./class-map-f1b6f1fa.js";import"./unsafe-html-61a04601.js";import"./FormAssociatedMixin-d0d98a92.js";import"./events-731d0007.js";import"./TextField-f48e2e5c.js";import"./AutocompleteMixin-ca948bdb.js";import"./FormField-d3767c2e.js";import"./state-70f38ceb.js";import"./observe-a9c6dfb6.js";import"./repeat-084c4167.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-a8de5b83.js";import"./month-view.js";import"./DateSelectEvent.js";import"./interface-close-small-44ababc3.js";import"./date-adapter.js";import"./positioning-b660767c.js";import"./fsm-50373df9.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./DraftComponentMixin-9e4b7b34.js";
 //# sourceMappingURL=index.js.map

package/lib/src/button/Button.d.ts

@@ -1,4 +1,5 @@
 import { LitElement, TemplateResult } from "lit";
+import "../spinner/Spinner.js";
 declare const Button_base: (new (...args: any[]) => import("../common/mixins/InputMixin.js").InputMixinInterface) & (new (...args: any[]) => import("../common/mixins/FocusableMixin.js").FocusableMixinInterface) & typeof LitElement;
 /**
  * Buttons are used for interface actions. Primary style should be
@@ -67,6 +68,13 @@ export default class Button extends Button_base {
      * Controls whether the button expands to fill the width of its container.
      */
     expand: boolean;
+    /**
+     * Controls whether the button is in loading state. Please note that the spinner
+     * is hidden from assistive technologies, so you need to make sure to announce
+     * the loading state to e.g. screen reader users. We also recommend disabling
+     * all user interactions on the button itself while in loading state.
+     */
+    loading: boolean;
     connectedCallback(): void;
     render(): TemplateResult<1>;
     /**

package/lib/src/button/Button.test.d.ts

@@ -1,2 +1,4 @@
 import "../stack/Stack.js";
 import "../icon/Icon.js";
+import "../toast-group/ToastGroup.js";
+import "../toast/Toast.js";

package/lib/src/divider/Divider.d.ts

@@ -1,14 +1,13 @@
 import { LitElement } from "lit";
-declare const Divider_base: typeof LitElement;
 /**
  * Divider components are used to separate and distinguish sections of
  * content or groups of menu items. Visually, they look like
  * horizontal or vertical lines.
  *
- * @status draft
+ * @status new
  * @category structure
  */
-export default class Divider extends Divider_base {
+export default class Divider extends LitElement {
     static styles: import("lit").CSSResult[];
     /**
      * The direction of the divider.
@@ -22,4 +21,3 @@ declare global {
         "nord-divider": Divider;
     }
 }
-export {};

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

@@ -1,11 +1,10 @@
 import { LitElement } from "lit";
-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
+ * @status new
  * @category overlay
  * @slot - Default slot
  * @slot header - Slot which holds the header of the modal, positioned next to the close button.
@@ -13,7 +12,7 @@ declare const Modal_base: typeof LitElement;
  * @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 {
+export default class Modal extends LitElement {
     static styles: import("lit").CSSResult[];
     private modal;
     private backdrop;
@@ -80,4 +79,3 @@ declare global {
         "nord-modal": Modal;
     }
 }
-export {};

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

@@ -1,2 +1,9 @@
 import "../button/Button.js";
 import "../stack/Stack.js";
+import "../tab-group/TabGroup.js";
+import "../tab-panel/TabPanel.js";
+import "../tab/Tab.js";
+import "../icon/Icon.js";
+import "../tooltip/Tooltip.js";
+import "../toast-group/ToastGroup.js";
+import "../toast/Toast.js";

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

@@ -5,7 +5,7 @@ declare const ProgressBar_base: (new (...args: any[]) => import("../common/mixin
  * of a task or process. It shows how much of the task has
  * been completed and how much is still left.
  *
- * @status new
+ * @status ready
  * @category feedback
  */
 export default class ProgressBar extends ProgressBar_base {

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

@@ -1,14 +1,13 @@
 import { LitElement } from "lit";
-declare const Qrcode_base: typeof LitElement;
 /**
  * QR Code component is used for providing information or links
  * to users which they can quickly scan with their smartphone.
  *
- * @status draft
+ * @status new
  * @category image
  * @displayName QR Code
  */
-export default class Qrcode extends Qrcode_base {
+export default class Qrcode extends LitElement {
     static styles: import("lit").CSSResult[];
     private canvas;
     private computed;
@@ -50,4 +49,3 @@ declare global {
         "nord-qrcode": Qrcode;
     }
 }
-export {};

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

@@ -1,13 +1,12 @@
 import { LitElement } from "lit";
-declare const Tab_base: typeof LitElement;
 /**
  * The interactive tab button for use within the tab group component.
  *
- * @status draft
+ * @status new
  * @category navigation
  * @slot - The tab button content.
  */
-export default class Tab extends Tab_base {
+export default class Tab extends LitElement {
     static styles: import("lit").CSSResult[];
     private defaultSlot;
     /**
@@ -27,4 +26,3 @@ declare global {
         "nord-tab": Tab;
     }
 }
-export {};

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

@@ -1,15 +1,14 @@
 import { LitElement } from "lit";
-declare const TabGroup_base: typeof LitElement;
 /**
  * Tab Group allows multiple panels to be contained within a single window,
  * using tabs as a navigational element.
  *
- * @status draft
+ * @status new
  * @category navigation
  * @slot - The element which contains the content to be revealed.
  * @slot tab - The element which contains all tabs to reveal tabbed content.
  */
-export default class TabGroup extends TabGroup_base {
+export default class TabGroup extends LitElement {
     static styles: import("lit").CSSResult[];
     private direction;
     private observer?;
@@ -74,4 +73,3 @@ declare global {
         "nord-tab-group": TabGroup;
     }
 }
-export {};

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

@@ -1,14 +1,13 @@
 import { LitElement } from "lit";
-declare const TabPanel_base: typeof LitElement;
 /**
  * The panel which contains content that can be revealed using a tab
  * in the tab group component.
  *
- * @status draft
+ * @status new
  * @category navigation
  * @slot - The tab panel content.
  */
-export default class TabPanel extends TabPanel_base {
+export default class TabPanel extends LitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
@@ -18,4 +17,3 @@ declare global {
         "nord-tab-panel": TabPanel;
     }
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -179,5 +179,5 @@
       }
     ]
   },
-  "gitHead": "9cd10ef72fd07c5093af20c7ea07da9619dec5bf"
+  "gitHead": "0708258eba6bf0f9dbb79d6c20805f102d013940"
 }