@nordhealth/components 3.16.0 → 3.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +3893 -3918
- package/lib/ButtonGroup.js.map +1 -1
- package/lib/Checkbox.js +1 -1
- package/lib/Checkbox.js.map +1 -1
- package/lib/DatePicker.js +1 -1
- package/lib/DatePicker.js.map +1 -1
- package/lib/Divider.js.map +1 -1
- package/lib/Fieldset.js +1 -1
- package/lib/Fieldset.js.map +1 -1
- package/lib/Footer.js.map +1 -1
- package/lib/FormField-bf5eb166.js +2 -0
- package/lib/FormField-bf5eb166.js.map +1 -0
- package/lib/Input.js +1 -1
- package/lib/Input.js.map +1 -1
- package/lib/Layout.js +1 -1
- package/lib/Message.js.map +1 -1
- package/lib/{NavToggle-6b13700e.js → NavToggle-735b5262.js} +1 -1
- package/lib/{NavToggle-6b13700e.js.map → NavToggle-735b5262.js.map} +1 -1
- package/lib/NavToggle.js +1 -1
- package/lib/Notification.js.map +1 -1
- package/lib/NotificationGroup.js.map +1 -1
- package/lib/Radio.js +1 -1
- package/lib/Radio.js.map +1 -1
- package/lib/Range.js +1 -1
- package/lib/Range.js.map +1 -1
- package/lib/SegmentedControl.js +1 -1
- package/lib/SegmentedControl.js.map +1 -1
- package/lib/SegmentedControlItem.js +1 -1
- package/lib/SegmentedControlItem.js.map +1 -1
- package/lib/Select.js +1 -1
- package/lib/Select.js.map +1 -1
- package/lib/Skeleton.js.map +1 -1
- package/lib/Tag.js +1 -1
- package/lib/Tag.js.map +1 -1
- package/lib/TagGroup.js +1 -1
- package/lib/TagGroup.js.map +1 -1
- package/lib/Textarea.js +1 -1
- package/lib/Textarea.js.map +1 -1
- package/lib/Toggle.js +1 -1
- package/lib/Toggle.js.map +1 -1
- package/lib/TopBar.js.map +1 -1
- package/lib/bundle.js +10 -10
- package/lib/bundle.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/src/button-group/ButtonGroup.d.ts +1 -1
- package/lib/src/checkbox/Checkbox.d.ts +2 -0
- package/lib/src/date-picker/DatePicker.d.ts +2 -0
- package/lib/src/divider/Divider.d.ts +1 -1
- package/lib/src/fieldset/Fieldset.d.ts +2 -0
- package/lib/src/footer/Footer.d.ts +1 -1
- package/lib/src/input/Input.d.ts +1 -0
- package/lib/src/message/Message.d.ts +1 -1
- package/lib/src/nav-toggle/NavToggle.d.ts +1 -1
- package/lib/src/notification/Notification.d.ts +1 -1
- package/lib/src/notification-group/NotificationGroup.d.ts +1 -1
- package/lib/src/radio/Radio.d.ts +2 -0
- package/lib/src/range/Range.d.ts +1 -1
- package/lib/src/segmented-control/SegmentedControl.d.ts +2 -4
- package/lib/src/segmented-control-item/SegmentedControlItem.d.ts +1 -1
- package/lib/src/select/Select.d.ts +1 -0
- package/lib/src/skeleton/Skeleton.d.ts +1 -1
- package/lib/src/tag/Tag.d.ts +1 -1
- package/lib/src/tag-group/TagGroup.d.ts +2 -4
- package/lib/src/textarea/Textarea.d.ts +1 -0
- package/lib/src/toggle/Toggle.d.ts +2 -0
- package/lib/src/top-bar/TopBar.d.ts +1 -0
- package/package.json +2 -2
- package/lib/DraftComponentMixin-9e4b7b34.js +0 -2
- package/lib/DraftComponentMixin-9e4b7b34.js.map +0 -1
- package/lib/FormField-b0da767b.js +0 -2
- package/lib/FormField-b0da767b.js.map +0 -1
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{isTranslationRegistered,registerTranslation}from"./translation.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-5fbf9d8d.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 Message}from"./Message.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{P as Popout}from"./Popout-9ea00c67.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.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";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-
|
|
1
|
+
export{isTranslationRegistered,registerTranslation}from"./translation.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-5fbf9d8d.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 Message}from"./Message.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{P as Popout}from"./Popout-9ea00c67.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.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";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-735b5262.js";export{default as Range}from"./Range.js";export{default as ButtonGroup}from"./ButtonGroup.js";export{default as Notification}from"./Notification.js";export{default as NotificationGroup}from"./NotificationGroup.js";export{default as TopBar}from"./TopBar.js";export{default as Footer}from"./Footer.js";export{default as Tag}from"./Tag.js";export{default as TagGroup}from"./TagGroup.js";export{default as SegmentedControl}from"./SegmentedControl.js";export{default as SegmentedControlItem}from"./SegmentedControlItem.js";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./localization9.js";import"./query-assigned-elements-92ce7494.js";import"./property-c78323b1.js";import"./Component-2253424f.js";import"./ref-99418ab4.js";import"./directive-e9ce14b4.js";import"./EventController-d99ebeef.js";import"./LightDomController-5388d84c.js";import"./cond-bb9ee891.js";import"./FocusableMixin-d30213b4.js";import"./InputMixin-83b5bd46.js";import"./SlotController-d733c575.js";import"./query-36bfe0e4.js";import"./if-defined-cccde88f.js";import"./class-map-512f0bc1.js";import"./style-map-f8a1c8d5.js";import"./FormAssociatedMixin-3fa55d53.js";import"./FormDataController-592ff3dd.js";import"./events-d9666e88.js";import"./TextField-2d778949.js";import"./AutocompleteMixin-5a7e10b2.js";import"./TextSelectableMixin-aac97d82.js";import"./SizeMixin-ab074eff.js";import"./FormField-bf5eb166.js";import"./DirectionController-f35f5476.js";import"./state-d31c6912.js";import"./IconManager.js";import"./observe-a9c6dfb6.js";import"./collection-511dcfac.js";import"./number-c3ab3e95.js";import"./LightDismissController-0a66b0a0.js";import"./ShortcutController-87615e31.js";import"./tinykeys.module-84e6cc41.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./dates-5b651fbe.js";import"./DateSelectEvent.js";import"./interface-close-small-f26b0299.js";import"./date-adapter.js";import"./interface-checked-small-07292940.js";import"./positioning-35c8d434.js";import"./fsm-50373df9.js";import"./LightSlotController-c51e9cf5.js";import"./DropdownItem-32052903.js";import"./Sticky-c34c9b12.js";import"./ScrollbarController-773c79f4.js";import"./ModalController.js";import"./NotificationMixin-207f1f56.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,7 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
/**
|
|
3
3
|
* Button groups are designed to bring together button controls that are of a similar nature. For example text formatting controls.
|
|
4
4
|
*
|
|
5
|
-
* @status
|
|
5
|
+
* @status ready
|
|
6
6
|
* @category structure
|
|
7
7
|
* @slot - The button group content
|
|
8
8
|
*
|
|
@@ -9,6 +9,8 @@ declare const Checkbox_base: (new (...args: any[]) => import("../common/mixins/S
|
|
|
9
9
|
* @slot label - Use when a label requires more than plain text.
|
|
10
10
|
* @slot hint - Optional slot that holds hint text for the input.
|
|
11
11
|
* @slot error - Optional slot that holds error text for the input.
|
|
12
|
+
*
|
|
13
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
12
14
|
*/
|
|
13
15
|
export default class Checkbox extends Checkbox_base {
|
|
14
16
|
static styles: import("lit").CSSResult[];
|
|
@@ -26,6 +26,8 @@ declare const DatePicker_base: (new (...args: any[]) => import("../common/mixins
|
|
|
26
26
|
* @localization closeLabel - Accessible label for the close button.
|
|
27
27
|
* @localization buttonLabel - Accessible label for the toggle button that opens the date picker modal.
|
|
28
28
|
* @localization selectedDateMessage - Describes the selected date. This message is appended to the toggle button label when a date is selected.
|
|
29
|
+
*
|
|
30
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
29
31
|
*/
|
|
30
32
|
export default class DatePicker extends DatePicker_base {
|
|
31
33
|
static styles: import("lit").CSSResult[];
|
|
@@ -4,7 +4,7 @@ import { LitElement } from "lit";
|
|
|
4
4
|
* content or groups of menu items. Visually, they look like
|
|
5
5
|
* horizontal or vertical lines.
|
|
6
6
|
*
|
|
7
|
-
* @status
|
|
7
|
+
* @status ready
|
|
8
8
|
* @category structure
|
|
9
9
|
*
|
|
10
10
|
* @cssprop [--n-divider-color=var(--n-color-border)] - Controls the color of the divider, using our [color tokens](/tokens/#color).
|
|
@@ -9,6 +9,8 @@ import { LitElement } from "lit";
|
|
|
9
9
|
* @slot label - Use when a label requires more than plain text.
|
|
10
10
|
* @slot hint - Optional slot that holds hint text for the fieldset.
|
|
11
11
|
* @slot error - Optional slot that holds error text for the fieldset.
|
|
12
|
+
*
|
|
13
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
12
14
|
*/
|
|
13
15
|
export default class Fieldset extends LitElement {
|
|
14
16
|
static styles: import("lit").CSSResult[];
|
|
@@ -2,7 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
/**
|
|
3
3
|
* The footer is a block of designated space for providing additional information or actions that are positioned below the main content.
|
|
4
4
|
*
|
|
5
|
-
* @status
|
|
5
|
+
* @status new
|
|
6
6
|
* @category structure
|
|
7
7
|
* @slot - The footer content.
|
|
8
8
|
*
|
package/lib/src/input/Input.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ declare const Input_base: (new (...args: any[]) => import("../common/mixins/Size
|
|
|
18
18
|
* @cssprop [--n-input-border-color=var(--n-color-border-strong)] - Controls the border color of the input, using our [color tokens](/tokens/#color).
|
|
19
19
|
* @cssprop [--n-input-border-radius=var(--n-border-radius-s)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).
|
|
20
20
|
* @cssprop [--n-input-text-align=start] - Controls the alignment of text within the input itself.
|
|
21
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
21
22
|
*/
|
|
22
23
|
export default class Input extends Input_base {
|
|
23
24
|
static styles: import("lit").CSSResult[];
|
|
@@ -5,7 +5,7 @@ declare const Message_base: (new (...args: any[]) => import("../common/mixins/Fo
|
|
|
5
5
|
* such as notifications, tasks or conversations. Message
|
|
6
6
|
* can be placed directly inside a dropdown component.
|
|
7
7
|
*
|
|
8
|
-
* @status
|
|
8
|
+
* @status ready
|
|
9
9
|
* @category action
|
|
10
10
|
* @slot - The message content.
|
|
11
11
|
* @slot footer - Used to place content after the message. Typically used for a timestamp.
|
|
@@ -7,7 +7,7 @@ declare const NavToggle_base: (new (...args: any[]) => import("../common/mixins/
|
|
|
7
7
|
* This component is used internally in the Layout component, but can also be
|
|
8
8
|
* used separate to further customize the behavior.
|
|
9
9
|
*
|
|
10
|
-
* @status
|
|
10
|
+
* @status ready
|
|
11
11
|
* @category action
|
|
12
12
|
*
|
|
13
13
|
* @localization label - Accessible label for the nav toggle button.
|
|
@@ -6,7 +6,7 @@ declare const Notification_base: (new (...args: any[]) => import("../common/mixi
|
|
|
6
6
|
* Notifications provide important information that requires action or acknowledgement.
|
|
7
7
|
* A notification is displayed until the user dismisses it.
|
|
8
8
|
*
|
|
9
|
-
* @status
|
|
9
|
+
* @status ready
|
|
10
10
|
* @category feedback
|
|
11
11
|
* @slot - Default slot used for the notification text/message.
|
|
12
12
|
* @slot icon - Slot used for the notification icon.
|
package/lib/src/radio/Radio.d.ts
CHANGED
|
@@ -11,6 +11,8 @@ declare const Radio_base: (new (...args: any[]) => import("../common/mixins/Size
|
|
|
11
11
|
* @slot label - Use when a label requires more than plain text.
|
|
12
12
|
* @slot hint - Optional slot that holds hint text for the input.
|
|
13
13
|
* @slot error - Optional slot that holds error text for the input.
|
|
14
|
+
*
|
|
15
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
14
16
|
*/
|
|
15
17
|
export default class Radio extends Radio_base {
|
|
16
18
|
static styles: import("lit").CSSResult[];
|
package/lib/src/range/Range.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ declare const Range_base: (new (...args: any[]) => import("../common/mixins/Form
|
|
|
4
4
|
* Range input lets user specify a numeric value using a slider which
|
|
5
5
|
* must be no less than a given value, and no more than another given value.
|
|
6
6
|
*
|
|
7
|
-
* @status
|
|
7
|
+
* @status ready
|
|
8
8
|
* @category form
|
|
9
9
|
* @slot label - Use when a label requires more than plain text.
|
|
10
10
|
* @slot hint - Optional slot that holds hint text for the input.
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
|
-
declare const SegmentedControl_base: typeof LitElement;
|
|
3
2
|
/**
|
|
4
3
|
* Segmented control is used to pick one choice from a set of
|
|
5
4
|
* closely related choices, and immediately apply that selection.
|
|
6
5
|
*
|
|
7
|
-
* @status
|
|
6
|
+
* @status new
|
|
8
7
|
* @category action
|
|
9
8
|
* @slot - Default slot.
|
|
10
9
|
*
|
|
11
10
|
* @fires {NordEvent} change - Fired whenever a segmented control item has been checked.
|
|
12
11
|
*/
|
|
13
|
-
export default class SegmentedControl extends
|
|
12
|
+
export default class SegmentedControl extends LitElement {
|
|
14
13
|
static styles: import("lit").CSSResult[];
|
|
15
14
|
private defaultSlot;
|
|
16
15
|
/**
|
|
@@ -24,4 +23,3 @@ declare global {
|
|
|
24
23
|
"nord-segmented-control": SegmentedControl;
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
|
-
export {};
|
|
@@ -6,7 +6,7 @@ declare const SegmentedControlItem_base: (new (...args: any[]) => import("../com
|
|
|
6
6
|
* Segmented control items populate a segmented control with options.
|
|
7
7
|
* Every item should be placed inside a segmented control.
|
|
8
8
|
*
|
|
9
|
-
* @status
|
|
9
|
+
* @status new
|
|
10
10
|
* @category action
|
|
11
11
|
* @slot label - Use when a label requires more than plain text.
|
|
12
12
|
*
|
|
@@ -14,6 +14,7 @@ declare const Select_base: (new (...args: any[]) => import("../common/mixins/Siz
|
|
|
14
14
|
* @slot icon - Used to place an icon at the start of select.
|
|
15
15
|
*
|
|
16
16
|
* @cssprop [--n-select-block-size=var(--n-space-xl)] - Controls the block size, or height, of the select using our [spacing tokens](/tokens/#space).
|
|
17
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
17
18
|
*/
|
|
18
19
|
export default class Select extends Select_base {
|
|
19
20
|
static styles: import("lit").CSSResult[];
|
|
@@ -4,7 +4,7 @@ import { LitElement } from "lit";
|
|
|
4
4
|
* before it appears in a view. This improves the perceived loading time
|
|
5
5
|
* for our users.
|
|
6
6
|
*
|
|
7
|
-
* @status
|
|
7
|
+
* @status ready
|
|
8
8
|
* @category feedback
|
|
9
9
|
*
|
|
10
10
|
* @cssprop [--n-skeleton-border-radius=var(--n-border-radius)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).
|
package/lib/src/tag/Tag.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ declare const Tag_base: (new (...args: any[]) => import("../common/mixins/InputM
|
|
|
5
5
|
* Tags represent a set of keywords that help label, categorize,
|
|
6
6
|
* and organize objects. Commonly used to signify the attributes of an object.
|
|
7
7
|
*
|
|
8
|
-
* @status
|
|
8
|
+
* @status new
|
|
9
9
|
* @category text
|
|
10
10
|
* @slot - The tag content.
|
|
11
11
|
*
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
|
-
declare const TagGroup_base: typeof LitElement;
|
|
3
2
|
/**
|
|
4
3
|
* Tag groups are designed to bring together selectable tags that are of a similar nature. For example categories you can filter by.
|
|
5
4
|
*
|
|
6
|
-
* @status
|
|
5
|
+
* @status new
|
|
7
6
|
* @category structure
|
|
8
7
|
* @slot - The tag group content
|
|
9
8
|
*
|
|
@@ -13,7 +12,7 @@ declare const TagGroup_base: typeof LitElement;
|
|
|
13
12
|
* @cssprop [--n-tag-group-border-radius=var(--n-border-radius-s)] - Controls the rounded corners of the tag group, using [border radius tokens](/tokens/#border-radius). Only relevant for the default variant.
|
|
14
13
|
* @cssprop [--n-tag-group-box-shadow=var(--n-box-shadow)] - Controls the surrounding shadow, using [box shadow tokens](/tokens/#box-shadow). Only relevant for the default variant.
|
|
15
14
|
*/
|
|
16
|
-
export default class TagGroup extends
|
|
15
|
+
export default class TagGroup extends LitElement {
|
|
17
16
|
static styles: import("lit").CSSResult[];
|
|
18
17
|
private defaultSlot;
|
|
19
18
|
private dirController;
|
|
@@ -41,4 +40,3 @@ declare global {
|
|
|
41
40
|
"nord-tag-group": TagGroup;
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
|
-
export {};
|
|
@@ -17,6 +17,7 @@ declare const Textarea_base: (new (...args: any[]) => import("../common/mixins/S
|
|
|
17
17
|
* @cssprop [--n-textarea-color=var(--n-color-text)] - Controls the text color of the textarea, using our [color tokens](/tokens/#color).
|
|
18
18
|
* @cssprop [--n-textarea-border-color=var(--n-color-border-strong)] - Controls the border color of the textarea, using our [color tokens](/tokens/#color).
|
|
19
19
|
* @cssprop [--n-textarea-border-radius=var(--n-border-radius-s)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).
|
|
20
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
20
21
|
*
|
|
21
22
|
* @localization remainingCharacters - A function which receives the number of remaining characters and returns a string to be used as the aria-live message.
|
|
22
23
|
*/
|
|
@@ -10,6 +10,8 @@ declare const Toggle_base: (new (...args: any[]) => import("../common/mixins/For
|
|
|
10
10
|
* @slot label - Use when a label requires more than plain text.
|
|
11
11
|
* @slot hint - Optional slot that holds hint text for the input.
|
|
12
12
|
* @slot error - Optional slot that holds error text for the input.
|
|
13
|
+
*
|
|
14
|
+
* @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color).
|
|
13
15
|
*/
|
|
14
16
|
export default class Toggle extends Toggle_base {
|
|
15
17
|
static styles: import("lit").CSSResult[];
|
|
@@ -2,6 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
/**
|
|
3
3
|
* Top bar is a header component that is always visible at the top of the interface. Top bar allows functionality such as search and contextual menus to be placed at the top of the interface.
|
|
4
4
|
*
|
|
5
|
+
* @status ready
|
|
5
6
|
* @category structure
|
|
6
7
|
* @slot - Used for the main content of the top bar. We recommend placing your application’s global search functionality into this slot.
|
|
7
8
|
* @slot end - Optional slot for menus, buttons, toggles, etc.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nordhealth/components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.17.0",
|
|
4
4
|
"description": "This package includes Nord Design System Web Components",
|
|
5
5
|
"author": "Nordhealth <support@nordhealth.design>",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -187,5 +187,5 @@
|
|
|
187
187
|
}
|
|
188
188
|
]
|
|
189
189
|
},
|
|
190
|
-
"gitHead": "
|
|
190
|
+
"gitHead": "5b41507c9c21422fec87f52e82ed9230685b010b"
|
|
191
191
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
function n(n){class e extends n{connectedCallback(){super.connectedCallback(),e._warningLogged||(console.warn(`NORD: %c${this.localName}%c should not be used in production, as it is in draft status.`,"font-weight:bold","font-weight:normal"),e._warningLogged=!0)}}return e._warningLogged=!1,e}export{n as D};
|
|
2
|
-
//# sourceMappingURL=DraftComponentMixin-9e4b7b34.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DraftComponentMixin-9e4b7b34.js","sources":["../src/common/mixins/DraftComponentMixin.ts"],"sourcesContent":["import { LitElement } from \"lit\"\n\ntype Constructable<T = Record<string, unknown>> = new (...args: any[]) => T\n\nexport function DraftComponentMixin<T extends Constructable<LitElement>>(superClass: T): T {\n class DraftComponent extends superClass {\n private static _warningLogged = false\n\n connectedCallback() {\n super.connectedCallback()\n\n if (process.env.NODE_ENV !== \"development\" && !DraftComponent._warningLogged) {\n // eslint-disable-next-line no-console\n console.warn(\n `NORD: %c${this.localName}%c should not be used in production, as it is in draft status.`,\n \"font-weight:bold\",\n \"font-weight:normal\"\n )\n DraftComponent._warningLogged = true\n }\n }\n }\n\n return DraftComponent\n}\n"],"names":["DraftComponentMixin","superClass","DraftComponent","connectedCallback","super","_warningLogged","console","warn","this","localName"],"mappings":"AAIM,SAAUA,EAAyDC,GACvE,MAAMC,UAAuBD,EAG3B,iBAAAE,GACEC,MAAMD,oBAEyCD,EAAeG,iBAE5DC,QAAQC,KACN,WAAWC,KAAKC,0EAChB,mBACA,sBAEFP,EAAeG,gBAAiB,EAEnC,EAGH,OAjBiBH,EAAcG,gBAAG,EAiB3BH,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{i as n}from"./query-assigned-elements-92ce7494.js";const e=n`.n-caption,::slotted(.n-caption){font-size:var(--n-font-size-s);line-height:var(--n-line-height-caption)}.n-label-container{margin-block-end:var(--n-space-s);display:inline-block}.n-label,::slotted(label),label{display:block!important;color:var(--n-color-text);font-family:var(--n-font-family);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading)!important;line-height:var(--n-line-height-heading);margin:0!important}.n-hint{padding-block-start:var(--n-space-xs);color:var(--n-color-text-weaker)}:host([size="s"]) ::slotted(label),:host([size="s"]) :is(label,.n-label){font-size:var(--n-font-size-s)}.n-error{margin-block-start:var(--n-space-s);color:var(--n-color-text-error)}.n-required{color:var(--n-color-status-danger);margin-inline-start:var(--n-space-xs)}`;export{e as s};
|
|
2
|
-
//# sourceMappingURL=FormField-b0da767b.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormField-b0da767b.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|