@nordhealth/components 1.3.0 → 1.5.1

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-bde1e51c.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-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";export{default as Toggle}from"./Toggle.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";
 //# sourceMappingURL=index.js.map

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

@@ -19,7 +19,7 @@ export default class Button extends Button_base {
     /**
      * The style variant of the button.
      */
-    variant: "default" | "primary" | "dashed" | "plain" | "danger";
+    variant: "default" | "primary" | "dashed" | "plain" | "danger" | "switch";
     /**
      * The type of the button.
      */

package/lib/src/index.d.ts

@@ -32,3 +32,4 @@ 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";

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

@@ -6,3 +6,4 @@ import "../dropdown-item/DropdownItem.js";
 import "../dropdown-group/DropdownGroup.js";
 import "../popout/Popout.js";
 import "../avatar/Avatar.js";
+import "../tooltip/Tooltip.js";

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 draft
+ * @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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "1.3.0",
+  "version": "1.5.1",
   "description": "This package includes Nord Design System web components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.5.5",
-    "@nordhealth/css": "^1.1.2",
+    "@nordhealth/css": "^1.2.1",
     "@nordhealth/fonts": "^2.0.14",
     "@nordhealth/themes": "^6.0.0",
     "@nordhealth/tokens": "^5.0.0",
@@ -168,5 +168,5 @@
       }
     ]
   },
-  "gitHead": "add293f7181c94e1e3523e3511cc5669b228d129"
+  "gitHead": "8ed2ab283ef04baf922293d32aaf04aff905328c"
 }