@ni/nimble-components 32.12.1 → 33.0.0

package/dist/esm/combobox/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/combobox/template.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    type ViewTemplate,\n    html,\n    ref,\n    slotted,\n    when\n} from '@microsoft/fast-element';\nimport {\n    type FoundationElementTemplate,\n    type ComboboxOptions,\n    startSlotTemplate,\n    endSlotTemplate,\n    Listbox\n} from '@microsoft/fast-foundation';\nimport type { Combobox } from '.';\nimport { anchoredRegionTag } from '../anchored-region';\nimport { DropdownPosition } from '../patterns/dropdown/types';\nimport { overflow } from '../utilities/directive/overflow';\nimport { filterNoResultsLabel } from '../label-provider/core/label-tokens';\nimport { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';\n\nconst labelTemplate = createRequiredVisibleLabelTemplate(html<Combobox>`\n    <label part=\"label\" class=\"label\">\n        <slot></slot>\n    </label>\n`);\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Combobox>,\nComboboxOptions\n> = (context, definition) => html`\n    <template\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        autocomplete=\"${x => x.autocomplete}\"\n        class=\"${x => (x.open ? 'open' : '')} ${x => (x.disabled ? 'disabled' : '')} ${x => x.position}\"\n        ?open=\"${x => x.open}\"\n        tabindex=\"${x => (!x.disabled ? '0' : null)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        @focusout=\"${(x, c) => x.focusoutHandler(c.event as FocusEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n    >\n        ${labelTemplate}\n        <div class=\"control\" part=\"control\" ${ref('controlWrapper')}>\n            ${startSlotTemplate(context, definition)}\n            <slot name=\"control\">\n                <input\n                    aria-activedescendant=\"${x => (x.open ? x.ariaActiveDescendant : null)}\"\n                    aria-autocomplete=\"${x => x.ariaAutoComplete}\"\n                    aria-controls=\"${x => x.ariaControls}\"\n                    aria-disabled=\"${x => x.ariaDisabled}\"\n                    aria-expanded=\"${x => x.ariaExpanded}\"\n                    aria-required=\"${x => x.requiredVisible}\"\n                    aria-haspopup=\"listbox\"\n                    class=\"selected-value\"\n                    part=\"selected-value\"\n                    placeholder=\"${x => x.placeholder}\"\n                    role=\"combobox\"\n                    type=\"text\"\n                    ?disabled=\"${x => x.disabled}\"\n                    :value=\"${x => x.value}\"\n                    @input=\"${(x, c) => x.inputHandler(c.event as InputEvent)}\"\n                    @keyup=\"${(x, c) => x.keyupHandler(c.event as KeyboardEvent)}\"\n                    ${ref('control')}\n                    ${overflow('hasOverflow')}\n                    title=${x => (x.hasOverflow && x.value ? x.value : null)}\n                />\n                <div class=\"indicator\" part=\"indicator\" aria-hidden=\"true\">\n                    <slot name=\"indicator\">\n                        ${definition.indicator || ''}\n                    </slot>\n                </div>\n            </slot>\n            ${endSlotTemplate(context, definition)}\n        </div>\n        <${anchoredRegionTag}\n            ${ref('region')}\n            class=\"anchored-region\"\n            fixed-placement\n            auto-update-mode=\"auto\"\n            vertical-default-position=\"${x => (x.positionAttribute === DropdownPosition.above ? 'top' : 'bottom')}\"\n            vertical-positioning-mode=\"${x => (!x.positionAttribute ? 'dynamic' : 'locktodefault')}\"\n            horizontal-default-position=\"center\"\n            horizontal-positioning-mode=\"locktodefault\"\n            horizontal-scaling=\"anchor\"\n            ?hidden=\"${x => !x.open}\">\n            <div\n                class=\"\n                    listbox\n                    scrollable-region\n                    ${x => (x.filteredOptions.length === 0 ? 'empty' : '')}\n                \"\n                id=\"${x => x.listboxId}\"\n                part=\"listbox\"\n                role=\"listbox\"\n                ?disabled=\"${x => x.disabled}\"\n                style=\"--ni-private-listbox-available-viewport-height: ${x => x.availableViewportHeight}px;\"\n                ${ref('listbox')}\n            >\n                <slot name=\"option\"\n                    ${slotted({\n                        filter: (n: Node) => n instanceof HTMLElement && Listbox.slottedOptionFilter(n),\n                        flatten: true,\n                        property: 'slottedOptions',\n                    })}\n                ></slot>\n                ${when(x => x.filteredOptions.length === 0, html<Combobox>`\n                    <span class=\"no-results-label\">\n                        ${x => filterNoResultsLabel.getValueFor(x)}\n                    </span>\n                `)}\n            </div>\n        </${anchoredRegionTag}>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/combobox/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ViewTemplate, html, ref, slotted, when } from '@ni/fast-element';\nimport {\n    type FoundationElementTemplate,\n    type ComboboxOptions,\n    startSlotTemplate,\n    endSlotTemplate,\n    Listbox\n} from '@ni/fast-foundation';\nimport type { Combobox } from '.';\nimport { anchoredRegionTag } from '../anchored-region';\nimport { DropdownPosition } from '../patterns/dropdown/types';\nimport { overflow } from '../utilities/directive/overflow';\nimport { filterNoResultsLabel } from '../label-provider/core/label-tokens';\nimport { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';\n\nconst labelTemplate = createRequiredVisibleLabelTemplate(html<Combobox>`\n    <label part=\"label\" class=\"label\">\n        <slot></slot>\n    </label>\n`);\n\n/* eslint-disable @typescript-eslint/indent */\n// prettier-ignore\nexport const template: FoundationElementTemplate<\nViewTemplate<Combobox>,\nComboboxOptions\n> = (context, definition) => html`\n    <template\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        autocomplete=\"${x => x.autocomplete}\"\n        class=\"${x => (x.open ? 'open' : '')} ${x => (x.disabled ? 'disabled' : '')} ${x => x.position}\"\n        ?open=\"${x => x.open}\"\n        tabindex=\"${x => (!x.disabled ? '0' : null)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n        @focusout=\"${(x, c) => x.focusoutHandler(c.event as FocusEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n    >\n        ${labelTemplate}\n        <div class=\"control\" part=\"control\" ${ref('controlWrapper')}>\n            ${startSlotTemplate(context, definition)}\n            <slot name=\"control\">\n                <input\n                    aria-activedescendant=\"${x => (x.open ? x.ariaActiveDescendant : null)}\"\n                    aria-autocomplete=\"${x => x.ariaAutoComplete}\"\n                    aria-controls=\"${x => x.ariaControls}\"\n                    aria-disabled=\"${x => x.ariaDisabled}\"\n                    aria-expanded=\"${x => x.ariaExpanded}\"\n                    aria-required=\"${x => x.requiredVisible}\"\n                    aria-haspopup=\"listbox\"\n                    class=\"selected-value\"\n                    part=\"selected-value\"\n                    placeholder=\"${x => x.placeholder}\"\n                    role=\"combobox\"\n                    type=\"text\"\n                    ?disabled=\"${x => x.disabled}\"\n                    :value=\"${x => x.value}\"\n                    @input=\"${(x, c) => x.inputHandler(c.event as InputEvent)}\"\n                    @keyup=\"${(x, c) => x.keyupHandler(c.event as KeyboardEvent)}\"\n                    ${ref('control')}\n                    ${overflow('hasOverflow')}\n                    title=${x => (x.hasOverflow && x.value ? x.value : null)}\n                />\n                <div class=\"indicator\" part=\"indicator\" aria-hidden=\"true\">\n                    <slot name=\"indicator\">\n                        ${definition.indicator || ''}\n                    </slot>\n                </div>\n            </slot>\n            ${endSlotTemplate(context, definition)}\n        </div>\n        <${anchoredRegionTag}\n            ${ref('region')}\n            class=\"anchored-region\"\n            fixed-placement\n            auto-update-mode=\"auto\"\n            vertical-default-position=\"${x => (x.positionAttribute === DropdownPosition.above ? 'top' : 'bottom')}\"\n            vertical-positioning-mode=\"${x => (!x.positionAttribute ? 'dynamic' : 'locktodefault')}\"\n            horizontal-default-position=\"center\"\n            horizontal-positioning-mode=\"locktodefault\"\n            horizontal-scaling=\"anchor\"\n            ?hidden=\"${x => !x.open}\">\n            <div\n                class=\"\n                    listbox\n                    scrollable-region\n                    ${x => (x.filteredOptions.length === 0 ? 'empty' : '')}\n                \"\n                id=\"${x => x.listboxId}\"\n                part=\"listbox\"\n                role=\"listbox\"\n                ?disabled=\"${x => x.disabled}\"\n                style=\"--ni-private-listbox-available-viewport-height: ${x => x.availableViewportHeight}px;\"\n                ${ref('listbox')}\n            >\n                <slot name=\"option\"\n                    ${slotted({\n                        filter: (n: Node) => n instanceof HTMLElement && Listbox.slottedOptionFilter(n),\n                        flatten: true,\n                        property: 'slottedOptions',\n                    })}\n                ></slot>\n                ${when(x => x.filteredOptions.length === 0, html<Combobox>`\n                    <span class=\"no-results-label\">\n                        ${x => filterNoResultsLabel.getValueFor(x)}\n                    </span>\n                `)}\n            </div>\n        </${anchoredRegionTag}>\n    </template>\n`;\n"]}

package/dist/esm/combobox/testing/combobox.pageobject.js

@@ -1,4 +1,4 @@
-import { keyEnter, keyArrowDown, keyArrowUp } from '@microsoft/fast-web-utilities';
+import { keyEnter, keyArrowDown, keyArrowUp } from '@ni/fast-web-utilities';
 import { listOptionTag } from '../../list-option';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { waitForEvent, waitAnimationFrame } from '../../utilities/testing/component';

package/dist/esm/combobox/testing/combobox.pageobject.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.pageobject.js","sourceRoot":"","sources":["../../../../src/combobox/testing/combobox.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    keyEnter,\n    keyArrowDown,\n    keyArrowUp\n} from '@microsoft/fast-web-utilities';\nimport type { Combobox } from '..';\nimport { listOptionTag } from '../../list-option';\nimport { waitForUpdatesAsync } from '../../testing/async-helpers';\nimport {\n    waitForEvent,\n    waitAnimationFrame\n} from '../../utilities/testing/component';\nimport { slotTextContent } from '../../utilities/models/slot-text-content';\n\n/**\n * Page object for the `nimble-combobox` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class ComboboxPageObject {\n    private readonly regionLoadedListener = waitForEvent(\n        this.comboboxElement,\n        'loaded'\n    );\n\n    public constructor(protected readonly comboboxElement: Combobox) {}\n\n    /**\n     * Gets the selectable options in the drop-down. Does not include options that are disabled or filtered out.\n     */\n    public getFilteredOptions(): string[] {\n        return this.comboboxElement.filteredOptions.map(x => x.text);\n    }\n\n    /**\n     * Sets the input text and commits the value by pressing Enter. Will emit a 'change' event.\n     */\n    public async commitValue(text: string): Promise<void> {\n        await this.waitForAnchoredRegionLoaded();\n        this.setInputText(text);\n        this.pressEnterKey();\n    }\n\n    /**\n     * Gets the label text of the element\n     * @returns The current slotted label text, if any\n     */\n    public getLabelText(): string {\n        const labelSlot = this.comboboxElement.shadowRoot!.querySelector<HTMLSlotElement>(\n            'label > slot'\n        )!;\n        return slotTextContent(labelSlot);\n    }\n\n    /**\n     * @internal\n     *\n     * The Selection API currently isn't supported properly or consistently in shadow DOM,\n     * so unfortunately our delete API has to be passed the post-deletion text.\n     */\n    public setInputText(text: string, asDelete = false): void {\n        this.comboboxElement.control.value = text;\n        const inputEvent = new InputEvent('input', {\n            data: text,\n            inputType: asDelete ? 'deleteContentForward' : 'insertText'\n        });\n        this.comboboxElement.control.dispatchEvent(inputEvent);\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickCombobox(): void {\n        this.comboboxElement.click();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickAndWaitForOpen(): Promise<void> {\n        this.clickCombobox();\n        await this.waitForAnchoredRegionLoaded();\n        await waitForUpdatesAsync();\n        await waitAnimationFrame(); // necessary because scrolling is queued with requestAnimationFrame\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickDropdownButton(): void {\n        this.comboboxElement.dropdownButton!.control.click();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickDropdownButtonAndWaitForOpen(): Promise<void> {\n        this.clickDropdownButton();\n        await this.waitForAnchoredRegionLoaded();\n        await waitAnimationFrame(); // necessary because scrolling is queued with requestAnimationFrame\n    }\n\n    /**\n     * @internal\n     */\n    public isDropdownButtonChecked(): boolean {\n        return this.comboboxElement.dropdownButton!.checked;\n    }\n\n    /**\n     * @internal\n     */\n    public isDropdownButtonDisabled(): boolean {\n        return this.comboboxElement.dropdownButton!.disabled;\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickInput(): void {\n        this.comboboxElement.control.click();\n    }\n\n    /**\n     * @internal\n     */\n    public getInputTitle(): string | null {\n        return this.comboboxElement.control.getAttribute('title');\n    }\n\n    /**\n     * @internal\n     */\n    public getInputAriaLabel(): string | null {\n        return this.comboboxElement.control.getAttribute('aria-label');\n    }\n\n    /**\n     * @internal\n     */\n    public async mouseoverInput(): Promise<void> {\n        this.comboboxElement.control.dispatchEvent(new MouseEvent('mouseover'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async mouseoutInput(): Promise<void> {\n        this.comboboxElement.control.dispatchEvent(new MouseEvent('mouseout'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async prependOption(value: string, label: string): Promise<void> {\n        this.comboboxElement.insertAdjacentHTML(\n            'afterbegin',\n            `<${listOptionTag} value=\"${value}\">${label}</${listOptionTag}>`\n        );\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickAway(): Promise<void> {\n        this.comboboxElement.dispatchEvent(new Event('focusout'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public pressEnterKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEnter })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public pressArrowDownKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowDown })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public pressArrowUpKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowUp })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public hideAllOptions(): void {\n        this.comboboxElement.options.forEach(o => {\n            o.hidden = true;\n        });\n        this.comboboxElement.filterOptions();\n    }\n\n    /**\n     * @internal\n     */\n    public isNoResultsLabelVisible(): boolean {\n        return (\n            this.comboboxElement.shadowRoot?.querySelector(\n                '.no-results-label'\n            ) !== null\n        );\n    }\n\n    private async waitForAnchoredRegionLoaded(): Promise<void> {\n        await this.regionLoadedListener;\n    }\n}\n"]}
+{"version":3,"file":"combobox.pageobject.js","sourceRoot":"","sources":["../../../../src/combobox/testing/combobox.pageobject.ts"],"names":[],"mappings":"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","sourcesContent":["import { keyEnter, keyArrowDown, keyArrowUp } from '@ni/fast-web-utilities';\nimport type { Combobox } from '..';\nimport { listOptionTag } from '../../list-option';\nimport { waitForUpdatesAsync } from '../../testing/async-helpers';\nimport {\n    waitForEvent,\n    waitAnimationFrame\n} from '../../utilities/testing/component';\nimport { slotTextContent } from '../../utilities/models/slot-text-content';\n\n/**\n * Page object for the `nimble-combobox` component to provide consistent ways\n * of querying and interacting with the component during tests.\n */\nexport class ComboboxPageObject {\n    private readonly regionLoadedListener = waitForEvent(\n        this.comboboxElement,\n        'loaded'\n    );\n\n    public constructor(protected readonly comboboxElement: Combobox) {}\n\n    /**\n     * Gets the selectable options in the drop-down. Does not include options that are disabled or filtered out.\n     */\n    public getFilteredOptions(): string[] {\n        return this.comboboxElement.filteredOptions.map(x => x.text);\n    }\n\n    /**\n     * Sets the input text and commits the value by pressing Enter. Will emit a 'change' event.\n     */\n    public async commitValue(text: string): Promise<void> {\n        await this.waitForAnchoredRegionLoaded();\n        this.setInputText(text);\n        this.pressEnterKey();\n    }\n\n    /**\n     * Gets the label text of the element\n     * @returns The current slotted label text, if any\n     */\n    public getLabelText(): string {\n        const labelSlot = this.comboboxElement.shadowRoot!.querySelector<HTMLSlotElement>(\n            'label > slot'\n        )!;\n        return slotTextContent(labelSlot);\n    }\n\n    /**\n     * @internal\n     *\n     * The Selection API currently isn't supported properly or consistently in shadow DOM,\n     * so unfortunately our delete API has to be passed the post-deletion text.\n     */\n    public setInputText(text: string, asDelete = false): void {\n        this.comboboxElement.control.value = text;\n        const inputEvent = new InputEvent('input', {\n            data: text,\n            inputType: asDelete ? 'deleteContentForward' : 'insertText'\n        });\n        this.comboboxElement.control.dispatchEvent(inputEvent);\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickCombobox(): void {\n        this.comboboxElement.click();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickAndWaitForOpen(): Promise<void> {\n        this.clickCombobox();\n        await this.waitForAnchoredRegionLoaded();\n        await waitForUpdatesAsync();\n        await waitAnimationFrame(); // necessary because scrolling is queued with requestAnimationFrame\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickDropdownButton(): void {\n        this.comboboxElement.dropdownButton!.control.click();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickDropdownButtonAndWaitForOpen(): Promise<void> {\n        this.clickDropdownButton();\n        await this.waitForAnchoredRegionLoaded();\n        await waitAnimationFrame(); // necessary because scrolling is queued with requestAnimationFrame\n    }\n\n    /**\n     * @internal\n     */\n    public isDropdownButtonChecked(): boolean {\n        return this.comboboxElement.dropdownButton!.checked;\n    }\n\n    /**\n     * @internal\n     */\n    public isDropdownButtonDisabled(): boolean {\n        return this.comboboxElement.dropdownButton!.disabled;\n    }\n\n    /**\n     * @internal\n     *\n     * Either opens or closes the dropdown depending on its current state\n     */\n    public clickInput(): void {\n        this.comboboxElement.control.click();\n    }\n\n    /**\n     * @internal\n     */\n    public getInputTitle(): string | null {\n        return this.comboboxElement.control.getAttribute('title');\n    }\n\n    /**\n     * @internal\n     */\n    public getInputAriaLabel(): string | null {\n        return this.comboboxElement.control.getAttribute('aria-label');\n    }\n\n    /**\n     * @internal\n     */\n    public async mouseoverInput(): Promise<void> {\n        this.comboboxElement.control.dispatchEvent(new MouseEvent('mouseover'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async mouseoutInput(): Promise<void> {\n        this.comboboxElement.control.dispatchEvent(new MouseEvent('mouseout'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async prependOption(value: string, label: string): Promise<void> {\n        this.comboboxElement.insertAdjacentHTML(\n            'afterbegin',\n            `<${listOptionTag} value=\"${value}\">${label}</${listOptionTag}>`\n        );\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public async clickAway(): Promise<void> {\n        this.comboboxElement.dispatchEvent(new Event('focusout'));\n        await waitForUpdatesAsync();\n    }\n\n    /**\n     * @internal\n     */\n    public pressEnterKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyEnter })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public pressArrowDownKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowDown })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public pressArrowUpKey(): void {\n        this.comboboxElement.dispatchEvent(\n            new KeyboardEvent('keydown', { key: keyArrowUp })\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public hideAllOptions(): void {\n        this.comboboxElement.options.forEach(o => {\n            o.hidden = true;\n        });\n        this.comboboxElement.filterOptions();\n    }\n\n    /**\n     * @internal\n     */\n    public isNoResultsLabelVisible(): boolean {\n        return (\n            this.comboboxElement.shadowRoot?.querySelector(\n                '.no-results-label'\n            ) !== null\n        );\n    }\n\n    private async waitForAnchoredRegionLoaded(): Promise<void> {\n        await this.regionLoadedListener;\n    }\n}\n"]}

package/dist/esm/combobox/types.d.ts

@@ -1,2 +1,2 @@
-import { ComboboxAutocomplete } from '@microsoft/fast-foundation';
+import { ComboboxAutocomplete } from '@ni/fast-foundation';
 export { ComboboxAutocomplete };

package/dist/esm/combobox/types.js

@@ -1,3 +1,3 @@
-import { ComboboxAutocomplete } from '@microsoft/fast-foundation';
+import { ComboboxAutocomplete } from '@ni/fast-foundation';
 export { ComboboxAutocomplete };
 //# sourceMappingURL=types.js.map

package/dist/esm/combobox/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,CAAC","sourcesContent":["import { ComboboxAutocomplete } from '@microsoft/fast-foundation';\n\nexport { ComboboxAutocomplete };\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,CAAC","sourcesContent":["import { ComboboxAutocomplete } from '@ni/fast-foundation';\n\nexport { ComboboxAutocomplete };\n"]}

package/dist/esm/dialog/index.d.ts

@@ -1,4 +1,4 @@
-import { ARIAGlobalStatesAndProperties, FoundationElement } from '@microsoft/fast-foundation';
+import { ARIAGlobalStatesAndProperties, FoundationElement } from '@ni/fast-foundation';
 import { UserDismissed } from '../patterns/dialog/types';
 export { UserDismissed };
 declare global {

package/dist/esm/dialog/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, observable } from '@microsoft/fast-element';
-import { applyMixins, ARIAGlobalStatesAndProperties, DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { attr, observable } from '@ni/fast-element';
+import { applyMixins, ARIAGlobalStatesAndProperties, DesignSystem, FoundationElement } from '@ni/fast-foundation';
 import { UserDismissed } from '../patterns/dialog/types';
 import { styles } from './styles';
 import { template } from './template';

package/dist/esm/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, observable } from '@microsoft/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem,\n    FoundationElement\n} from '@microsoft/fast-foundation';\nimport { UserDismissed } from '../patterns/dialog/types';\nimport { styles } from './styles';\nimport { template } from './template';\n\nexport { UserDismissed };\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-dialog': Dialog;\n    }\n}\n\n/**\n * A nimble-styled dialog.\n */\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\nexport class Dialog<CloseReason = void> extends FoundationElement {\n    // We want the member to match the name of the constant\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static readonly UserDismissed = UserDismissed;\n\n    /**\n     * @public\n     * @description\n     * Prevents dismissing the dialog via the Escape key\n     */\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the header of the dialog.\n     */\n    @attr({ attribute: 'header-hidden', mode: 'boolean' })\n    public headerHidden = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the footer of the dialog.\n     */\n    @attr({ attribute: 'footer-hidden', mode: 'boolean' })\n    public footerHidden = false;\n\n    /**\n     * The ref to the internal dialog element.\n     *\n     * @internal\n     */\n    public readonly dialogElement!: HTMLDialogElement;\n\n    /** @internal */\n    @observable\n    public footerIsEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedFooterElements?: HTMLElement[];\n\n    /**\n     * True if the dialog is open/showing, false otherwise\n     */\n    public get open(): boolean {\n        return this.resolveShow !== undefined;\n    }\n\n    private resolveShow?: (reason: CloseReason | UserDismissed) => void;\n\n    /**\n     * Opens the dialog\n     * @returns Promise that is resolved when the dialog is closed. The value of the resolved Promise is the reason value passed to the close() method, or UserDismissed if the dialog was closed via the ESC key.\n     */\n    public async show(): Promise<CloseReason | UserDismissed> {\n        if (this.open) {\n            throw new Error('Dialog is already open');\n        }\n        this.dialogElement.showModal();\n        return await new Promise((resolve, _reject) => {\n            this.resolveShow = resolve;\n        });\n    }\n\n    /**\n     * Closes the dialog\n     * @param reason An optional value indicating how/why the dialog was closed.\n     */\n    public close(reason: CloseReason): void {\n        if (!this.open) {\n            throw new Error('Dialog is not open');\n        }\n        this.dialogElement.close();\n        this.doResolveShow(reason);\n    }\n\n    public slottedFooterElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.footerIsEmpty = !next?.length;\n    }\n\n    /**\n     * @internal\n     */\n    public cancelHandler(event: Event): boolean {\n        if (this.preventDismiss) {\n            event.preventDefault();\n        } else {\n            this.doResolveShow(UserDismissed);\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public closeHandler(event: Event): void {\n        if (event.target !== this.dialogElement) {\n            return;\n        }\n        if (this.resolveShow) {\n            // If\n            // - the browser implements dialogs with the CloseWatcher API, and\n            // - the user presses ESC without first interacting with the dialog (e.g. clicking, scrolling),\n            // the cancel event is not fired, but the close event still is, and the dialog just closes.\n            this.doResolveShow(UserDismissed);\n        }\n    }\n\n    private doResolveShow(reason: CloseReason | UserDismissed): void {\n        if (!this.resolveShow) {\n            throw new Error(\n                'Do not call doResolveShow unless there is a promise to resolve'\n            );\n        }\n        this.resolveShow(reason);\n        this.resolveShow = undefined;\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Dialog extends ARIAGlobalStatesAndProperties {}\napplyMixins(Dialog, ARIAGlobalStatesAndProperties);\n\nconst nimbleDialog = Dialog.compose({\n    baseName: 'dialog',\n    template,\n    styles,\n    baseClass: Dialog\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDialog());\nexport const dialogTag = 'nimble-dialog';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, observable } from '@ni/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem,\n    FoundationElement\n} from '@ni/fast-foundation';\nimport { UserDismissed } from '../patterns/dialog/types';\nimport { styles } from './styles';\nimport { template } from './template';\n\nexport { UserDismissed };\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-dialog': Dialog;\n    }\n}\n\n/**\n * A nimble-styled dialog.\n */\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\nexport class Dialog<CloseReason = void> extends FoundationElement {\n    // We want the member to match the name of the constant\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static readonly UserDismissed = UserDismissed;\n\n    /**\n     * @public\n     * @description\n     * Prevents dismissing the dialog via the Escape key\n     */\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the header of the dialog.\n     */\n    @attr({ attribute: 'header-hidden', mode: 'boolean' })\n    public headerHidden = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the footer of the dialog.\n     */\n    @attr({ attribute: 'footer-hidden', mode: 'boolean' })\n    public footerHidden = false;\n\n    /**\n     * The ref to the internal dialog element.\n     *\n     * @internal\n     */\n    public readonly dialogElement!: HTMLDialogElement;\n\n    /** @internal */\n    @observable\n    public footerIsEmpty = true;\n\n    /** @internal */\n    @observable\n    public readonly slottedFooterElements?: HTMLElement[];\n\n    /**\n     * True if the dialog is open/showing, false otherwise\n     */\n    public get open(): boolean {\n        return this.resolveShow !== undefined;\n    }\n\n    private resolveShow?: (reason: CloseReason | UserDismissed) => void;\n\n    /**\n     * Opens the dialog\n     * @returns Promise that is resolved when the dialog is closed. The value of the resolved Promise is the reason value passed to the close() method, or UserDismissed if the dialog was closed via the ESC key.\n     */\n    public async show(): Promise<CloseReason | UserDismissed> {\n        if (this.open) {\n            throw new Error('Dialog is already open');\n        }\n        this.dialogElement.showModal();\n        return await new Promise((resolve, _reject) => {\n            this.resolveShow = resolve;\n        });\n    }\n\n    /**\n     * Closes the dialog\n     * @param reason An optional value indicating how/why the dialog was closed.\n     */\n    public close(reason: CloseReason): void {\n        if (!this.open) {\n            throw new Error('Dialog is not open');\n        }\n        this.dialogElement.close();\n        this.doResolveShow(reason);\n    }\n\n    public slottedFooterElementsChanged(\n        _prev: HTMLElement[] | undefined,\n        next: HTMLElement[] | undefined\n    ): void {\n        this.footerIsEmpty = !next?.length;\n    }\n\n    /**\n     * @internal\n     */\n    public cancelHandler(event: Event): boolean {\n        if (this.preventDismiss) {\n            event.preventDefault();\n        } else {\n            this.doResolveShow(UserDismissed);\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public closeHandler(event: Event): void {\n        if (event.target !== this.dialogElement) {\n            return;\n        }\n        if (this.resolveShow) {\n            // If\n            // - the browser implements dialogs with the CloseWatcher API, and\n            // - the user presses ESC without first interacting with the dialog (e.g. clicking, scrolling),\n            // the cancel event is not fired, but the close event still is, and the dialog just closes.\n            this.doResolveShow(UserDismissed);\n        }\n    }\n\n    private doResolveShow(reason: CloseReason | UserDismissed): void {\n        if (!this.resolveShow) {\n            throw new Error(\n                'Do not call doResolveShow unless there is a promise to resolve'\n            );\n        }\n        this.resolveShow(reason);\n        this.resolveShow = undefined;\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Dialog extends ARIAGlobalStatesAndProperties {}\napplyMixins(Dialog, ARIAGlobalStatesAndProperties);\n\nconst nimbleDialog = Dialog.compose({\n    baseName: 'dialog',\n    template,\n    styles,\n    baseClass: Dialog\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDialog());\nexport const dialogTag = 'nimble-dialog';\n"]}

package/dist/esm/dialog/styles.d.ts

@@ -1 +1 @@
-export declare const styles: import("@microsoft/fast-element").ElementStyles;
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/dialog/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { applicationBackgroundColor, standardPadding, actionRgbPartialColor, bodyFont, bodyFontColor, titlePlus1Font, titlePlus1FontColor, smallPadding, subtitleFont, subtitleFontColor, elevation3BoxShadow, dialogSmallWidth, dialogSmallHeight, dialogSmallMaxHeight, borderHoverColor, modalBackdropColor } from '../theme-provider/design-tokens';
 import { accessiblyHidden } from '../utilities/style/accessibly-hidden';

package/dist/esm/dialog/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/dialog/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;4BAIO,0BAA0B;;sBAEhC,mBAAmB;;iBAExB,gBAAgB;kBACf,iBAAiB;sBACb,oBAAoB;;;;;;;YAO9B,YAAY;6BACK,gBAAgB;;;;sBAIvB,kBAAkB;;;;;;;;;eASzB,YAAY;;;;UAIjB,gBAAgB;;;;gBAIV,cAAc;iBACb,mBAAmB;;;;;;;gBAOpB,YAAY;iBACX,iBAAiB;;;;;;gBAMlB,QAAQ;iBACP,aAAa;;;eAGf,eAAe;;UAEpB;AACE;;;;;GAKG;AACH,EACJ;;;;;;qCAM6B,qBAAqB;;;;;eAK3C,eAAe;;;;;;;;;;;;CAY7B,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    standardPadding,\n    actionRgbPartialColor,\n    bodyFont,\n    bodyFontColor,\n    titlePlus1Font,\n    titlePlus1FontColor,\n    smallPadding,\n    subtitleFont,\n    subtitleFontColor,\n    elevation3BoxShadow,\n    dialogSmallWidth,\n    dialogSmallHeight,\n    dialogSmallMaxHeight,\n    borderHoverColor,\n    modalBackdropColor\n} from '../theme-provider/design-tokens';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('grid')}\n\n    dialog {\n        flex-direction: column;\n        background-color: ${applicationBackgroundColor};\n        border: none;\n        box-shadow: ${elevation3BoxShadow};\n        padding: 0px;\n        width: ${dialogSmallWidth};\n        height: ${dialogSmallHeight};\n        max-height: ${dialogSmallMaxHeight};\n    }\n\n    dialog[open] {\n        display: flex;\n    }\n\n    dialog${focusVisible} {\n        outline: 2px solid ${borderHoverColor};\n    }\n\n    dialog::backdrop {\n        background: ${modalBackdropColor};\n    }\n\n    header {\n        min-height: 48px;\n        padding: 24px 24px 0px 24px;\n        flex: none;\n        display: flex;\n        flex-direction: column;\n        gap: ${smallPadding};\n    }\n\n    :host([header-hidden]) header {\n        ${accessiblyHidden}\n    }\n\n    .title {\n        font: ${titlePlus1Font};\n        color: ${titlePlus1FontColor};\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .subtitle {\n        font: ${subtitleFont};\n        color: ${subtitleFontColor};\n    }\n\n    section {\n        flex: auto;\n        overflow-y: auto;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        display: flex;\n        flex-direction: column;\n        gap: ${standardPadding};\n\n        ${\n            /**\n             * Use padding on all sides except the top because the padding is within\n             * the scrollable area. The whole scrollable area, including the top of\n             * the scrollbar, should be 24px away from the header, so use a margin\n             * instead of padding for the top.\n             */\n            ''\n        }\n        padding: 0px 24px 24px 24px;\n        margin-top: 24px;\n    }\n\n    footer {\n        border-top: 2px solid rgba(${actionRgbPartialColor}, 0.1);\n        padding: 24px;\n        flex: none;\n        display: flex;\n        justify-content: flex-end;\n        gap: ${standardPadding};\n    }\n\n    footer.empty {\n        padding: 0px;\n        height: 72px;\n        border-top: none;\n    }\n\n    :host([footer-hidden]) footer {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/dialog/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;4BAIO,0BAA0B;;sBAEhC,mBAAmB;;iBAExB,gBAAgB;kBACf,iBAAiB;sBACb,oBAAoB;;;;;;;YAO9B,YAAY;6BACK,gBAAgB;;;;sBAIvB,kBAAkB;;;;;;;;;eASzB,YAAY;;;;UAIjB,gBAAgB;;;;gBAIV,cAAc;iBACb,mBAAmB;;;;;;;gBAOpB,YAAY;iBACX,iBAAiB;;;;;;gBAMlB,QAAQ;iBACP,aAAa;;;eAGf,eAAe;;UAEpB;AACE;;;;;GAKG;AACH,EACJ;;;;;;qCAM6B,qBAAqB;;;;;eAK3C,eAAe;;;;;;;;;;;;CAY7B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    standardPadding,\n    actionRgbPartialColor,\n    bodyFont,\n    bodyFontColor,\n    titlePlus1Font,\n    titlePlus1FontColor,\n    smallPadding,\n    subtitleFont,\n    subtitleFontColor,\n    elevation3BoxShadow,\n    dialogSmallWidth,\n    dialogSmallHeight,\n    dialogSmallMaxHeight,\n    borderHoverColor,\n    modalBackdropColor\n} from '../theme-provider/design-tokens';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('grid')}\n\n    dialog {\n        flex-direction: column;\n        background-color: ${applicationBackgroundColor};\n        border: none;\n        box-shadow: ${elevation3BoxShadow};\n        padding: 0px;\n        width: ${dialogSmallWidth};\n        height: ${dialogSmallHeight};\n        max-height: ${dialogSmallMaxHeight};\n    }\n\n    dialog[open] {\n        display: flex;\n    }\n\n    dialog${focusVisible} {\n        outline: 2px solid ${borderHoverColor};\n    }\n\n    dialog::backdrop {\n        background: ${modalBackdropColor};\n    }\n\n    header {\n        min-height: 48px;\n        padding: 24px 24px 0px 24px;\n        flex: none;\n        display: flex;\n        flex-direction: column;\n        gap: ${smallPadding};\n    }\n\n    :host([header-hidden]) header {\n        ${accessiblyHidden}\n    }\n\n    .title {\n        font: ${titlePlus1Font};\n        color: ${titlePlus1FontColor};\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .subtitle {\n        font: ${subtitleFont};\n        color: ${subtitleFontColor};\n    }\n\n    section {\n        flex: auto;\n        overflow-y: auto;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        display: flex;\n        flex-direction: column;\n        gap: ${standardPadding};\n\n        ${\n            /**\n             * Use padding on all sides except the top because the padding is within\n             * the scrollable area. The whole scrollable area, including the top of\n             * the scrollbar, should be 24px away from the header, so use a margin\n             * instead of padding for the top.\n             */\n            ''\n        }\n        padding: 0px 24px 24px 24px;\n        margin-top: 24px;\n    }\n\n    footer {\n        border-top: 2px solid rgba(${actionRgbPartialColor}, 0.1);\n        padding: 24px;\n        flex: none;\n        display: flex;\n        justify-content: flex-end;\n        gap: ${standardPadding};\n    }\n\n    footer.empty {\n        padding: 0px;\n        height: 72px;\n        border-top: none;\n    }\n\n    :host([footer-hidden]) footer {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/dialog/template.d.ts

@@ -1,2 +1,2 @@
 import type { Dialog } from '.';
-export declare const template: import("@microsoft/fast-element").ViewTemplate<Dialog<void>, any>;
+export declare const template: import("@ni/fast-element").ViewTemplate<Dialog<void>, any>;

package/dist/esm/dialog/template.js

@@ -1,4 +1,4 @@
-import { html, ref, slotted } from '@microsoft/fast-element';
+import { html, ref, slotted } from '@ni/fast-element';
 export const template = html `
     <template>
         <dialog

package/dist/esm/dialog/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/dialog/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAG7D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;;cAGtB,GAAG,CAAC,eAAe,CAAC;;;uBAGX,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;sBACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;;;;;;;;;6BAc1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;;;sBAG5C,OAAO,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC;;;;;CAKnE,CAAC","sourcesContent":["import { html, ref, slotted } from '@microsoft/fast-element';\nimport type { Dialog } from '.';\n\nexport const template = html<Dialog>`\n    <template>\n        <dialog\n            ${ref('dialogElement')}\n            role=\"dialog\"\n            part=\"control\"\n            @cancel=\"${(x, c) => x.cancelHandler(c.event)}\"\n            @close=\"${(x, c) => x.closeHandler(c.event)}\"\n            aria-labelledby=\"header\"\n        >\n            <header id=\"header\">\n                <div class=\"title\">\n                    <slot name=\"title\"></slot>\n                </div>\n                <div class=\"subtitle\">\n                    <slot name=\"subtitle\"></slot>\n                </div>\n            </header>\n            <section>\n                <slot></slot>\n            </section>\n            <footer class=\"${x => (x.footerIsEmpty ? 'empty' : '')}\">\n                <slot\n                    name=\"footer\"\n                    ${slotted({ property: 'slottedFooterElements' })}\n                ></slot>\n            </footer>\n        </dialog>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/dialog/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;;cAGtB,GAAG,CAAC,eAAe,CAAC;;;uBAGX,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;sBACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;;;;;;;;;6BAc1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;;;sBAG5C,OAAO,CAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC;;;;;CAKnE,CAAC","sourcesContent":["import { html, ref, slotted } from '@ni/fast-element';\nimport type { Dialog } from '.';\n\nexport const template = html<Dialog>`\n    <template>\n        <dialog\n            ${ref('dialogElement')}\n            role=\"dialog\"\n            part=\"control\"\n            @cancel=\"${(x, c) => x.cancelHandler(c.event)}\"\n            @close=\"${(x, c) => x.closeHandler(c.event)}\"\n            aria-labelledby=\"header\"\n        >\n            <header id=\"header\">\n                <div class=\"title\">\n                    <slot name=\"title\"></slot>\n                </div>\n                <div class=\"subtitle\">\n                    <slot name=\"subtitle\"></slot>\n                </div>\n            </header>\n            <section>\n                <slot></slot>\n            </section>\n            <footer class=\"${x => (x.footerIsEmpty ? 'empty' : '')}\">\n                <slot\n                    name=\"footer\"\n                    ${slotted({ property: 'slottedFooterElements' })}\n                ></slot>\n            </footer>\n        </dialog>\n    </template>\n`;\n"]}

package/dist/esm/drawer/index.d.ts

@@ -1,4 +1,4 @@
-import { ARIAGlobalStatesAndProperties, FoundationElement } from '@microsoft/fast-foundation';
+import { ARIAGlobalStatesAndProperties, FoundationElement } from '@ni/fast-foundation';
 import { UserDismissed } from '../patterns/dialog/types';
 import { DrawerLocation } from './types';
 export { UserDismissed };

package/dist/esm/drawer/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { applyMixins, ARIAGlobalStatesAndProperties, DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
-import { eventAnimationEnd } from '@microsoft/fast-web-utilities';
+import { attr } from '@ni/fast-element';
+import { applyMixins, ARIAGlobalStatesAndProperties, DesignSystem, FoundationElement } from '@ni/fast-foundation';
+import { eventAnimationEnd } from '@ni/fast-web-utilities';
 import { UserDismissed } from '../patterns/dialog/types';
 import { styles } from './styles';
 import { template } from './template';

package/dist/esm/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem,\n    FoundationElement\n} from '@microsoft/fast-foundation';\nimport { eventAnimationEnd } from '@microsoft/fast-web-utilities';\nimport { UserDismissed } from '../patterns/dialog/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { DrawerLocation } from './types';\n\nexport { UserDismissed };\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-drawer': Drawer;\n    }\n}\n\n/**\n * Drawer control. Shows content in a panel on the left / right side of the screen,\n * which animates to be visible with a slide-in / slide-out animation.\n */\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\nexport class Drawer<CloseReason = void> extends FoundationElement {\n    // We want the member to match the name of the constant\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static readonly UserDismissed = UserDismissed;\n\n    @attr\n    public location: DrawerLocation = DrawerLocation.right;\n\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    public dialog!: HTMLDialogElement;\n    private closing = false;\n\n    private resolveShow?: (reason: CloseReason | UserDismissed) => void;\n    private closeReason!: CloseReason | UserDismissed;\n\n    /**\n     * True if the drawer is open, opening, or closing. Otherwise, false.\n     */\n    public get open(): boolean {\n        return this.resolveShow !== undefined;\n    }\n\n    /**\n     * Opens the drawer\n     * @returns Promise that is resolved when the drawer finishes closing. The value of the resolved\n     * Promise is the reason value passed to the close() method, or UserDismissed if the drawer was\n     * closed via the ESC key.\n     */\n    public async show(): Promise<CloseReason | UserDismissed> {\n        if (this.open) {\n            throw new Error('Drawer is already open');\n        }\n        this.openDialog();\n        return await new Promise((resolve, _reject) => {\n            this.resolveShow = resolve;\n        });\n    }\n\n    /**\n     * Closes the drawer\n     * @param reason An optional value indicating how/why the drawer was closed.\n     */\n    public close(reason: CloseReason): void {\n        if (!this.open || this.closing) {\n            throw new Error('Drawer is not open or already closing');\n        }\n        this.closeReason = reason;\n        this.closeDialog();\n    }\n\n    /**\n     * @internal\n     */\n    public cancelHandler(event: Event): boolean {\n        // Allowing the dialog to close itself bypasses the drawer's animation logic, so we\n        // should close the drawer ourselves when preventDismiss is false.\n        event.preventDefault();\n\n        if (!this.preventDismiss) {\n            this.closeReason = UserDismissed;\n            this.closeDialog();\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public closeHandler(event: Event): void {\n        if (event.target !== this.dialog) {\n            return;\n        }\n        if (this.resolveShow) {\n            // If\n            // - the browser implements dialogs with the CloseWatcher API, and\n            // - the user presses ESC without first interacting with the drawer (e.g. clicking, scrolling),\n            // the cancel event is not fired, but the close event still is, and the drawer just closes.\n            // The animation is never started, so there is no animation end listener to clean up.\n            this.doResolveShow(UserDismissed);\n        }\n    }\n\n    private doResolveShow(reason: CloseReason | UserDismissed): void {\n        if (!this.resolveShow) {\n            throw new Error(\n                'Do not call doResolveShow unless there is a promise to resolve'\n            );\n        }\n        this.resolveShow(reason);\n        this.resolveShow = undefined;\n    }\n\n    private readonly animationEndHandlerFunction = (): void => this.animationEndHandler();\n\n    private openDialog(): void {\n        this.dialog.showModal();\n        this.triggerAnimation();\n    }\n\n    private closeDialog(): void {\n        this.closing = true;\n        this.triggerAnimation();\n    }\n\n    private triggerAnimation(): void {\n        // Read the offsetHeight of the dialog to trigger a reflow. This guarantees that the browser\n        // has processed the 'animating' class being removed before trying to readd it, even if the previous\n        // animation has just finished. Otherwise, problems can occur. For example, trying to close the\n        // drawer immediately after the opening animation ends does not actually close the drawer.\n        // https://github.com/ni/nimble/issues/1994\n        void this.dialog.offsetHeight;\n\n        this.dialog.classList.add('animating');\n        if (this.closing) {\n            this.dialog.classList.add('closing');\n        }\n\n        this.dialog.addEventListener(\n            eventAnimationEnd,\n            this.animationEndHandlerFunction\n        );\n    }\n\n    private animationEndHandler(): void {\n        this.dialog.removeEventListener(\n            eventAnimationEnd,\n            this.animationEndHandlerFunction\n        );\n        this.dialog.classList.remove('animating');\n        if (this.closing) {\n            this.dialog.classList.remove('closing');\n            this.dialog.close();\n            this.closing = false;\n            this.doResolveShow(this.closeReason);\n        }\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Drawer extends ARIAGlobalStatesAndProperties {}\napplyMixins(Drawer, ARIAGlobalStatesAndProperties);\n\nconst nimbleDrawer = Drawer.compose({\n    baseName: 'drawer',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDrawer());\nexport const drawerTag = 'nimble-drawer';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,WAAW,EACX,6BAA6B,EAC7B,YAAY,EACZ,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,CAAC;AAQzB;;;GAGG;AACH,mEAAmE;AACnE,MAAM,OAAO,MAA2B,SAAQ,iBAAiB;IAAjE;;QAMW,aAAQ,GAAmB,cAAc,CAAC,KAAK,CAAC;QAGhD,mBAAc,GAAG,KAAK,CAAC;QAGtB,YAAO,GAAG,KAAK,CAAC;QAkFP,gCAA2B,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IA4C1F,CAAC;IAzHG;;OAEG;IACH,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC;IAC1C,CAAC;IAED;;;;;OAKG;IACI,KAAK,CAAC,IAAI;QACb,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,OAAO,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;YAC1C,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,MAAmB;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,KAAY;QAC7B,mFAAmF;QACnF,kEAAkE;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;YACjC,IAAI,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,YAAY,CAAC,KAAY;QAC5B,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YAC/B,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,KAAK;YACL,kEAAkE;YAClE,+FAA+F;YAC/F,2FAA2F;YAC3F,qFAAqF;YACrF,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAEO,aAAa,CAAC,MAAmC;QACrD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CACX,gEAAgE,CACnE,CAAC;QACN,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;IACjC,CAAC;IAIO,UAAU;QACd,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5B,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5B,CAAC;IAEO,gBAAgB;QACpB,4FAA4F;QAC5F,oGAAoG;QACpG,+FAA+F;QAC/F,0FAA0F;QAC1F,2CAA2C;QAC3C,KAAK,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAE9B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACvC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,gBAAgB,CACxB,iBAAiB,EACjB,IAAI,CAAC,2BAA2B,CACnC,CAAC;IACN,CAAC;IAEO,mBAAmB;QACvB,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAC3B,iBAAiB,EACjB,IAAI,CAAC,2BAA2B,CACnC,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACxC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;IACL,CAAC;;AAxID,uDAAuD;AACvD,gEAAgE;AACzC,oBAAa,GAAG,aAAa,AAAhB,CAAiB;AAG9C;IADN,IAAI;wCACkD;AAGhD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CAC1B;AAqIlC,WAAW,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;AAEnD,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem,\n    FoundationElement\n} from '@ni/fast-foundation';\nimport { eventAnimationEnd } from '@ni/fast-web-utilities';\nimport { UserDismissed } from '../patterns/dialog/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { DrawerLocation } from './types';\n\nexport { UserDismissed };\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-drawer': Drawer;\n    }\n}\n\n/**\n * Drawer control. Shows content in a panel on the left / right side of the screen,\n * which animates to be visible with a slide-in / slide-out animation.\n */\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\nexport class Drawer<CloseReason = void> extends FoundationElement {\n    // We want the member to match the name of the constant\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    public static readonly UserDismissed = UserDismissed;\n\n    @attr\n    public location: DrawerLocation = DrawerLocation.right;\n\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    public dialog!: HTMLDialogElement;\n    private closing = false;\n\n    private resolveShow?: (reason: CloseReason | UserDismissed) => void;\n    private closeReason!: CloseReason | UserDismissed;\n\n    /**\n     * True if the drawer is open, opening, or closing. Otherwise, false.\n     */\n    public get open(): boolean {\n        return this.resolveShow !== undefined;\n    }\n\n    /**\n     * Opens the drawer\n     * @returns Promise that is resolved when the drawer finishes closing. The value of the resolved\n     * Promise is the reason value passed to the close() method, or UserDismissed if the drawer was\n     * closed via the ESC key.\n     */\n    public async show(): Promise<CloseReason | UserDismissed> {\n        if (this.open) {\n            throw new Error('Drawer is already open');\n        }\n        this.openDialog();\n        return await new Promise((resolve, _reject) => {\n            this.resolveShow = resolve;\n        });\n    }\n\n    /**\n     * Closes the drawer\n     * @param reason An optional value indicating how/why the drawer was closed.\n     */\n    public close(reason: CloseReason): void {\n        if (!this.open || this.closing) {\n            throw new Error('Drawer is not open or already closing');\n        }\n        this.closeReason = reason;\n        this.closeDialog();\n    }\n\n    /**\n     * @internal\n     */\n    public cancelHandler(event: Event): boolean {\n        // Allowing the dialog to close itself bypasses the drawer's animation logic, so we\n        // should close the drawer ourselves when preventDismiss is false.\n        event.preventDefault();\n\n        if (!this.preventDismiss) {\n            this.closeReason = UserDismissed;\n            this.closeDialog();\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public closeHandler(event: Event): void {\n        if (event.target !== this.dialog) {\n            return;\n        }\n        if (this.resolveShow) {\n            // If\n            // - the browser implements dialogs with the CloseWatcher API, and\n            // - the user presses ESC without first interacting with the drawer (e.g. clicking, scrolling),\n            // the cancel event is not fired, but the close event still is, and the drawer just closes.\n            // The animation is never started, so there is no animation end listener to clean up.\n            this.doResolveShow(UserDismissed);\n        }\n    }\n\n    private doResolveShow(reason: CloseReason | UserDismissed): void {\n        if (!this.resolveShow) {\n            throw new Error(\n                'Do not call doResolveShow unless there is a promise to resolve'\n            );\n        }\n        this.resolveShow(reason);\n        this.resolveShow = undefined;\n    }\n\n    private readonly animationEndHandlerFunction = (): void => this.animationEndHandler();\n\n    private openDialog(): void {\n        this.dialog.showModal();\n        this.triggerAnimation();\n    }\n\n    private closeDialog(): void {\n        this.closing = true;\n        this.triggerAnimation();\n    }\n\n    private triggerAnimation(): void {\n        // Read the offsetHeight of the dialog to trigger a reflow. This guarantees that the browser\n        // has processed the 'animating' class being removed before trying to readd it, even if the previous\n        // animation has just finished. Otherwise, problems can occur. For example, trying to close the\n        // drawer immediately after the opening animation ends does not actually close the drawer.\n        // https://github.com/ni/nimble/issues/1994\n        void this.dialog.offsetHeight;\n\n        this.dialog.classList.add('animating');\n        if (this.closing) {\n            this.dialog.classList.add('closing');\n        }\n\n        this.dialog.addEventListener(\n            eventAnimationEnd,\n            this.animationEndHandlerFunction\n        );\n    }\n\n    private animationEndHandler(): void {\n        this.dialog.removeEventListener(\n            eventAnimationEnd,\n            this.animationEndHandlerFunction\n        );\n        this.dialog.classList.remove('animating');\n        if (this.closing) {\n            this.dialog.classList.remove('closing');\n            this.dialog.close();\n            this.closing = false;\n            this.doResolveShow(this.closeReason);\n        }\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Drawer extends ARIAGlobalStatesAndProperties {}\napplyMixins(Drawer, ARIAGlobalStatesAndProperties);\n\nconst nimbleDrawer = Drawer.compose({\n    baseName: 'drawer',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleDrawer());\nexport const drawerTag = 'nimble-drawer';\n"]}

package/dist/esm/drawer/styles.d.ts

@@ -1 +1 @@
-export declare const styles: import("@microsoft/fast-element").ElementStyles;
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/drawer/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { applicationBackgroundColor, bodyFont, bodyFontColor, standardPadding, titlePlus1Font, drawerWidth, largeDelay, actionRgbPartialColor, modalBackdropColor } from '../theme-provider/design-tokens';
 export const styles = css `

package/dist/esm/drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;gBAON,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA8BR,kBAAkB;;;;yDAIiB,UAAU;;;;;;;;;;;iBAWlD,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;;;;+DAiBS,UAAU;;;;;;cAM3D;AACE;;;EAGE,CAAC,EACP;;;;;;;;;;;;;;gEAcoD,UAAU;;;;;;;6DAOb,UAAU;;;;;;;;;;;;MAYjE;AACE;;;EAGE,CAAC,EACP;;;mBAGe,eAAe;;gBAElB,cAAc;;;;mBAIX,eAAe;;;;;;mBAMf,eAAe;;;;qCAIG,qBAAqB;;CAEzD,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    applicationBackgroundColor,\n    bodyFont,\n    bodyFontColor,\n    standardPadding,\n    titlePlus1Font,\n    drawerWidth,\n    largeDelay,\n    actionRgbPartialColor,\n    modalBackdropColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        position: absolute;\n        width: auto;\n        height: 100%;\n        outline: none;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    dialog {\n        color: inherit;\n        font: inherit;\n        background-color: transparent;\n        width: auto;\n        top: 0px;\n        bottom: 0px;\n        border-radius: 0px;\n        border-width: 0px;\n        height: 100%;\n        margin: 0px;\n        padding: 0px;\n        max-width: none;\n        max-height: none;\n        overflow: hidden;\n    }\n\n    @keyframes ni-private-drawer-fade-in-keyframes {\n        0% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n\n    dialog::backdrop {\n        background: ${modalBackdropColor};\n    }\n\n    dialog.animating::backdrop {\n        animation: ni-private-drawer-fade-in-keyframes ${largeDelay} ease-in;\n    }\n\n    dialog.closing::backdrop {\n        animation-direction: reverse;\n    }\n\n    .dialog-contents {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        width: ${drawerWidth};\n        height: 100%;\n        background-color: ${applicationBackgroundColor};\n    }\n\n    @keyframes ni-private-drawer-slide-in-left-keyframes {\n        0% {\n            transform: translate(-100%);\n        }\n        100% {\n            transform: translate(0%);\n        }\n    }\n\n    :host([location='left']) .dialog-contents {\n        box-shadow: 3px 0px 8px #00000033;\n    }\n\n    :host([location='left']) dialog.animating .dialog-contents {\n        animation: ni-private-drawer-slide-in-left-keyframes ${largeDelay}\n            ease-in;\n    }\n\n    @keyframes ni-private-drawer-slide-in-right-keyframes {\n        0% {\n            ${\n                /*\n                    Why 95% instead of 100%? See the following Safari bug:\n                    https://bugs.webkit.org/show_bug.cgi?id=279148\n                */ ''\n            }\n            transform: translate(95%);\n        }\n        100% {\n            transform: translate(0%);\n        }\n    }\n\n    :host([location='right']) .dialog-contents {\n        right: 0px;\n        box-shadow: -3px 0px 8px #00000033;\n    }\n\n    :host([location='right']) dialog.animating .dialog-contents {\n        animation: ni-private-drawer-slide-in-right-keyframes ${largeDelay}\n            ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host([location='left']) dialog.animating .dialog-contents,\n        :host([location='right']) dialog.animating .dialog-contents {\n            animation: ni-private-drawer-fade-in-keyframes ${largeDelay} ease-in;\n        }\n    }\n\n    :host([location='left']) dialog.closing .dialog-contents {\n        animation-direction: reverse;\n    }\n\n    :host([location='right']) dialog.closing .dialog-contents {\n        animation-direction: reverse;\n    }\n\n    ${\n        /*\n            Styling for a 3-panel drawer with header, footer, and a content\n            region filling the remaining space/height\n        */ ''\n    }\n\n    ::slotted(header) {\n        padding: ${standardPadding};\n        flex: none;\n        font: ${titlePlus1Font};\n    }\n\n    ::slotted(section) {\n        padding: ${standardPadding};\n        flex: auto;\n        overflow-y: auto;\n    }\n\n    ::slotted(footer) {\n        padding: ${standardPadding};\n        flex: none;\n        display: flex;\n        justify-content: flex-end;\n        border-top: 2px solid rgba(${actionRgbPartialColor}, 0.1);\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EACrB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;;;;gBAON,QAAQ;iBACP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA8BR,kBAAkB;;;;yDAIiB,UAAU;;;;;;;;;;;iBAWlD,WAAW;;4BAEA,0BAA0B;;;;;;;;;;;;;;;;;+DAiBS,UAAU;;;;;;cAM3D;AACE;;;EAGE,CAAC,EACP;;;;;;;;;;;;;;gEAcoD,UAAU;;;;;;;6DAOb,UAAU;;;;;;;;;;;;MAYjE;AACE;;;EAGE,CAAC,EACP;;;mBAGe,eAAe;;gBAElB,cAAc;;;;mBAIX,eAAe;;;;;;mBAMf,eAAe;;;;qCAIG,qBAAqB;;CAEzD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    applicationBackgroundColor,\n    bodyFont,\n    bodyFontColor,\n    standardPadding,\n    titlePlus1Font,\n    drawerWidth,\n    largeDelay,\n    actionRgbPartialColor,\n    modalBackdropColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        position: absolute;\n        width: auto;\n        height: 100%;\n        outline: none;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    dialog {\n        color: inherit;\n        font: inherit;\n        background-color: transparent;\n        width: auto;\n        top: 0px;\n        bottom: 0px;\n        border-radius: 0px;\n        border-width: 0px;\n        height: 100%;\n        margin: 0px;\n        padding: 0px;\n        max-width: none;\n        max-height: none;\n        overflow: hidden;\n    }\n\n    @keyframes ni-private-drawer-fade-in-keyframes {\n        0% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n\n    dialog::backdrop {\n        background: ${modalBackdropColor};\n    }\n\n    dialog.animating::backdrop {\n        animation: ni-private-drawer-fade-in-keyframes ${largeDelay} ease-in;\n    }\n\n    dialog.closing::backdrop {\n        animation-direction: reverse;\n    }\n\n    .dialog-contents {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        width: ${drawerWidth};\n        height: 100%;\n        background-color: ${applicationBackgroundColor};\n    }\n\n    @keyframes ni-private-drawer-slide-in-left-keyframes {\n        0% {\n            transform: translate(-100%);\n        }\n        100% {\n            transform: translate(0%);\n        }\n    }\n\n    :host([location='left']) .dialog-contents {\n        box-shadow: 3px 0px 8px #00000033;\n    }\n\n    :host([location='left']) dialog.animating .dialog-contents {\n        animation: ni-private-drawer-slide-in-left-keyframes ${largeDelay}\n            ease-in;\n    }\n\n    @keyframes ni-private-drawer-slide-in-right-keyframes {\n        0% {\n            ${\n                /*\n                    Why 95% instead of 100%? See the following Safari bug:\n                    https://bugs.webkit.org/show_bug.cgi?id=279148\n                */ ''\n            }\n            transform: translate(95%);\n        }\n        100% {\n            transform: translate(0%);\n        }\n    }\n\n    :host([location='right']) .dialog-contents {\n        right: 0px;\n        box-shadow: -3px 0px 8px #00000033;\n    }\n\n    :host([location='right']) dialog.animating .dialog-contents {\n        animation: ni-private-drawer-slide-in-right-keyframes ${largeDelay}\n            ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        :host([location='left']) dialog.animating .dialog-contents,\n        :host([location='right']) dialog.animating .dialog-contents {\n            animation: ni-private-drawer-fade-in-keyframes ${largeDelay} ease-in;\n        }\n    }\n\n    :host([location='left']) dialog.closing .dialog-contents {\n        animation-direction: reverse;\n    }\n\n    :host([location='right']) dialog.closing .dialog-contents {\n        animation-direction: reverse;\n    }\n\n    ${\n        /*\n            Styling for a 3-panel drawer with header, footer, and a content\n            region filling the remaining space/height\n        */ ''\n    }\n\n    ::slotted(header) {\n        padding: ${standardPadding};\n        flex: none;\n        font: ${titlePlus1Font};\n    }\n\n    ::slotted(section) {\n        padding: ${standardPadding};\n        flex: auto;\n        overflow-y: auto;\n    }\n\n    ::slotted(footer) {\n        padding: ${standardPadding};\n        flex: none;\n        display: flex;\n        justify-content: flex-end;\n        border-top: 2px solid rgba(${actionRgbPartialColor}, 0.1);\n    }\n`;\n"]}

package/dist/esm/drawer/template.d.ts

@@ -1,2 +1,2 @@
 import type { Drawer } from '.';
-export declare const template: import("@microsoft/fast-element").ViewTemplate<Drawer<void>, any>;
+export declare const template: import("@ni/fast-element").ViewTemplate<Drawer<void>, any>;

package/dist/esm/drawer/template.js

@@ -1,4 +1,4 @@
-import { html, ref } from '@microsoft/fast-element';
+import { html, ref } from '@ni/fast-element';
 export const template = html `
     <dialog
         ${ref('dialog')}

package/dist/esm/drawer/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/drawer/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;UAE1B,GAAG,CAAC,QAAQ,CAAC;sBACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;mBACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;kBACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;CAMlD,CAAC","sourcesContent":["import { html, ref } from '@microsoft/fast-element';\nimport type { Drawer } from '.';\n\nexport const template = html<Drawer>`\n    <dialog\n        ${ref('dialog')}\n        aria-label=\"${x => x.ariaLabel}\"\n        @cancel=\"${(x, c) => x.cancelHandler(c.event)}\"\n        @close=\"${(x, c) => x.closeHandler(c.event)}\"\n    >\n        <div class=\"dialog-contents\">\n            <slot></slot>\n        </div>\n    </dialog>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/drawer/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAG7C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAQ;;UAE1B,GAAG,CAAC,QAAQ,CAAC;sBACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;mBACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;kBACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;CAMlD,CAAC","sourcesContent":["import { html, ref } from '@ni/fast-element';\nimport type { Drawer } from '.';\n\nexport const template = html<Drawer>`\n    <dialog\n        ${ref('dialog')}\n        aria-label=\"${x => x.ariaLabel}\"\n        @cancel=\"${(x, c) => x.cancelHandler(c.event)}\"\n        @close=\"${(x, c) => x.closeHandler(c.event)}\"\n    >\n        <div class=\"dialog-contents\">\n            <slot></slot>\n        </div>\n    </dialog>\n`;\n"]}

package/dist/esm/icon-base/index.d.ts

@@ -1,4 +1,4 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { FoundationElement } from '@ni/fast-foundation';
 import type { NimbleIcon } from '@ni/nimble-tokens/dist/icons/js';
 import type { IconSeverity } from './types';
 /**

package/dist/esm/icon-base/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
 import { template } from './template';
 import { styles } from './styles';
 /**

package/dist/esm/icon-base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,iBAAiB;IASvC,YAAmB,gBAAgB,CAAiB,IAAgB;QAChE,KAAK,EAAE,CAAC;QADwC,SAAI,GAAJ,IAAI,CAAY;IAEpE,CAAC;CACJ;AALU;IADN,IAAI;sCACyB;AASlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAoB,EAAQ,EAAE;IACzE,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,QAAQ;QACR,QAAQ;QACR,MAAM;KACT,CAAC,CAAC;IAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport type { NimbleIcon } from '@ni/nimble-tokens/dist/icons/js';\nimport { template } from './template';\nimport { styles } from './styles';\nimport type { IconSeverity } from './types';\n\n/**\n * The base class for icon components\n */\nexport class Icon extends FoundationElement {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: severity\n     */\n    @attr\n    public severity: IconSeverity;\n\n    public constructor(/** @internal */ public readonly icon: NimbleIcon) {\n        super();\n    }\n}\n\ntype IconClass = typeof Icon;\n\nexport const registerIcon = (baseName: string, iconClass: IconClass): void => {\n    const composedIcon = iconClass.compose({\n        baseName,\n        template,\n        styles\n    });\n\n    DesignSystem.getOrCreate().withPrefix('nimble').register(composedIcon());\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon-base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,iBAAiB;IASvC,YAAmB,gBAAgB,CAAiB,IAAgB;QAChE,KAAK,EAAE,CAAC;QADwC,SAAI,GAAJ,IAAI,CAAY;IAEpE,CAAC;CACJ;AALU;IADN,IAAI;sCACyB;AASlC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,SAAoB,EAAQ,EAAE;IACzE,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,QAAQ;QACR,QAAQ;QACR,MAAM;KACT,CAAC,CAAC;IAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport type { NimbleIcon } from '@ni/nimble-tokens/dist/icons/js';\nimport { template } from './template';\nimport { styles } from './styles';\nimport type { IconSeverity } from './types';\n\n/**\n * The base class for icon components\n */\nexport class Icon extends FoundationElement {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: severity\n     */\n    @attr\n    public severity: IconSeverity;\n\n    public constructor(/** @internal */ public readonly icon: NimbleIcon) {\n        super();\n    }\n}\n\ntype IconClass = typeof Icon;\n\nexport const registerIcon = (baseName: string, iconClass: IconClass): void => {\n    const composedIcon = iconClass.compose({\n        baseName,\n        template,\n        styles\n    });\n\n    DesignSystem.getOrCreate().withPrefix('nimble').register(composedIcon());\n};\n"]}

package/dist/esm/icon-base/styles.d.ts

@@ -1 +1 @@
-export declare const styles: import("@microsoft/fast-element").ElementStyles;
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/icon-base/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../utilities/style/display';
 import { iconSize, warningColor, failColor, passColor, iconColor, informationColor } from '../theme-provider/design-tokens';
 import { userSelectNone } from '../utilities/style/user-select';

package/dist/esm/icon-base/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;UAIlB,cAAc;iBACP,QAAQ;kBACP,QAAQ;;;;;;;;UAQhB,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,YAAY;;;;UAI5C,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,gBAAgB;;;;;gBAK1C,SAAS;;;;CAIxB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    iconSize,\n    warningColor,\n    failColor,\n    passColor,\n    iconColor,\n    informationColor\n} from '../theme-provider/design-tokens';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        align-items: center;\n        ${userSelectNone}\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .icon {\n        display: contents;\n    }\n\n    :host([severity='error']) {\n        ${iconColor.cssCustomProperty}: ${failColor};\n    }\n\n    :host([severity='warning']) {\n        ${iconColor.cssCustomProperty}: ${warningColor};\n    }\n\n    :host([severity='success']) {\n        ${iconColor.cssCustomProperty}: ${passColor};\n    }\n\n    :host([severity='information']) {\n        ${iconColor.cssCustomProperty}: ${informationColor};\n    }\n\n    .icon svg {\n        display: inline-flex;\n        fill: ${iconColor};\n        width: 100%;\n        height: 100%;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/icon-base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,gBAAgB,EACnB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;UAIlB,cAAc;iBACP,QAAQ;kBACP,QAAQ;;;;;;;;UAQhB,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,YAAY;;;;UAI5C,SAAS,CAAC,iBAAiB,KAAK,SAAS;;;;UAIzC,SAAS,CAAC,iBAAiB,KAAK,gBAAgB;;;;;gBAK1C,SAAS;;;;CAIxB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    iconSize,\n    warningColor,\n    failColor,\n    passColor,\n    iconColor,\n    informationColor\n} from '../theme-provider/design-tokens';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        align-items: center;\n        ${userSelectNone}\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .icon {\n        display: contents;\n    }\n\n    :host([severity='error']) {\n        ${iconColor.cssCustomProperty}: ${failColor};\n    }\n\n    :host([severity='warning']) {\n        ${iconColor.cssCustomProperty}: ${warningColor};\n    }\n\n    :host([severity='success']) {\n        ${iconColor.cssCustomProperty}: ${passColor};\n    }\n\n    :host([severity='information']) {\n        ${iconColor.cssCustomProperty}: ${informationColor};\n    }\n\n    .icon svg {\n        display: inline-flex;\n        fill: ${iconColor};\n        width: 100%;\n        height: 100%;\n    }\n`;\n"]}

package/dist/esm/icon-base/template.d.ts

@@ -1,2 +1,2 @@
 import type { Icon } from '.';
-export declare const template: import("@microsoft/fast-element").ViewTemplate<Icon, any>;
+export declare const template: import("@ni/fast-element").ViewTemplate<Icon, any>;

package/dist/esm/icon-base/template.js

@@ -1,4 +1,4 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@ni/fast-element';
 // Avoiding any whitespace in the template because this is an inline element
 export const template = html `<div
     class="icon"

package/dist/esm/icon-base/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/icon-base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,4EAA4E;AAC5E,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;iBAGjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;QACzB,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\nimport type { Icon } from '.';\n\n// Avoiding any whitespace in the template because this is an inline element\nexport const template = html<Icon>`<div\n    class=\"icon\"\n    aria-hidden=\"true\"\n    :innerHTML=${x => x.icon.data}\n></div>`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/icon-base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,4EAA4E;AAC5E,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAM;;;iBAGjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;QACzB,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { Icon } from '.';\n\n// Avoiding any whitespace in the template because this is an inline element\nexport const template = html<Icon>`<div\n    class=\"icon\"\n    aria-hidden=\"true\"\n    :innerHTML=${x => x.icon.data}\n></div>`;\n"]}

package/dist/esm/label-provider/base/index.d.ts

@@ -1,5 +1,5 @@
-import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
-import { type Subscriber } from '@microsoft/fast-element';
+import { DesignToken, FoundationElement } from '@ni/fast-foundation';
+import { type Subscriber } from '@ni/fast-element';
 export type DesignTokensFor<ObjectT> = {
     [key in keyof ObjectT]: string | undefined;
 };

package/dist/esm/label-provider/base/index.js

@@ -1,5 +1,5 @@
-import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
-import { Observable } from '@microsoft/fast-element';
+import { DesignToken, FoundationElement } from '@ni/fast-foundation';
+import { Observable } from '@ni/fast-element';
 import { themeProviderTag } from '../../theme-provider';
 /**
  * Base class for label providers

package/dist/esm/label-provider/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAEH,UAAU,EAEb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;GAEG;AACH,MAAM,OAAgB,iBAGlB,SAAQ,iBAAiB;IAH7B;;QAOqB,qBAAgB,GAAa,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAoD/E,CAAC;IAjDmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;gBACtD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7C,CAAC;YACD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QACnC,CAAC;IACL,CAAC;IAEM,YAAY,CACf,QAA4C,EAC5C,QAAkD;QAElD,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,KAAe,CAAC,CAAC;gBAC3D,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,SAAS,CAAC;QACjE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAC1C,IAAI,CAAC,eAAe,CACvB,EAAE,CAAC;gBACA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAoD,CAAC,CAAC;gBACzE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,KAAe,CAAC,CAAC;gBAC3D,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;CACJ","sourcesContent":["import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';\nimport {\n    type Notifier,\n    Observable,\n    type Subscriber\n} from '@microsoft/fast-element';\nimport { themeProviderTag } from '../../theme-provider';\n\nexport type DesignTokensFor<ObjectT> = {\n    [key in keyof ObjectT]: string | undefined;\n};\n\n/**\n * Base class for label providers\n */\nexport abstract class LabelProviderBase<\n    SupportedLabels extends { [key: string]: DesignToken<string> }\n>\n    extends FoundationElement\n    implements Subscriber {\n    protected abstract supportedLabels: SupportedLabels;\n\n    private readonly propertyNotifier: Notifier = Observable.getNotifier(this);\n    private themeProvider?: HTMLElement;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.initializeThemeProvider();\n        this.propertyNotifier.subscribe(this);\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.propertyNotifier.unsubscribe(this);\n        if (this.themeProvider) {\n            for (const token of Object.values(this.supportedLabels)) {\n                token.deleteValueFor(this.themeProvider);\n            }\n            this.themeProvider = undefined;\n        }\n    }\n\n    public handleChange(\n        _element: LabelProviderBase<SupportedLabels>,\n        property: keyof LabelProviderBase<SupportedLabels>\n    ): void {\n        if (this.supportedLabels[property]) {\n            const token = this.supportedLabels[property]!;\n            const value = this[property];\n            if (this.themeProvider) {\n                if (value === null || value === undefined) {\n                    token.deleteValueFor(this.themeProvider);\n                } else {\n                    token.setValueFor(this.themeProvider, value as string);\n                }\n            }\n        }\n    }\n\n    private initializeThemeProvider(): void {\n        this.themeProvider = this.closest(themeProviderTag) ?? undefined;\n        if (this.themeProvider) {\n            for (const [property, token] of Object.entries(\n                this.supportedLabels\n            )) {\n                const value = this[property as keyof LabelProviderBase<SupportedLabels>];\n                if (value === null || value === undefined) {\n                    token.deleteValueFor(this.themeProvider);\n                } else {\n                    token.setValueFor(this.themeProvider, value as string);\n                }\n            }\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAiB,UAAU,EAAmB,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;GAEG;AACH,MAAM,OAAgB,iBAGlB,SAAQ,iBAAiB;IAH7B;;QAOqB,qBAAgB,GAAa,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAoD/E,CAAC;IAjDmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;gBACtD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7C,CAAC;YACD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QACnC,CAAC;IACL,CAAC;IAEM,YAAY,CACf,QAA4C,EAC5C,QAAkD;QAElD,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,KAAe,CAAC,CAAC;gBAC3D,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,SAAS,CAAC;QACjE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAC1C,IAAI,CAAC,eAAe,CACvB,EAAE,CAAC;gBACA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAoD,CAAC,CAAC;gBACzE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC7C,CAAC;qBAAM,CAAC;oBACJ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,KAAe,CAAC,CAAC;gBAC3D,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;CACJ","sourcesContent":["import { DesignToken, FoundationElement } from '@ni/fast-foundation';\nimport { type Notifier, Observable, type Subscriber } from '@ni/fast-element';\nimport { themeProviderTag } from '../../theme-provider';\n\nexport type DesignTokensFor<ObjectT> = {\n    [key in keyof ObjectT]: string | undefined;\n};\n\n/**\n * Base class for label providers\n */\nexport abstract class LabelProviderBase<\n    SupportedLabels extends { [key: string]: DesignToken<string> }\n>\n    extends FoundationElement\n    implements Subscriber {\n    protected abstract supportedLabels: SupportedLabels;\n\n    private readonly propertyNotifier: Notifier = Observable.getNotifier(this);\n    private themeProvider?: HTMLElement;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.initializeThemeProvider();\n        this.propertyNotifier.subscribe(this);\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.propertyNotifier.unsubscribe(this);\n        if (this.themeProvider) {\n            for (const token of Object.values(this.supportedLabels)) {\n                token.deleteValueFor(this.themeProvider);\n            }\n            this.themeProvider = undefined;\n        }\n    }\n\n    public handleChange(\n        _element: LabelProviderBase<SupportedLabels>,\n        property: keyof LabelProviderBase<SupportedLabels>\n    ): void {\n        if (this.supportedLabels[property]) {\n            const token = this.supportedLabels[property]!;\n            const value = this[property];\n            if (this.themeProvider) {\n                if (value === null || value === undefined) {\n                    token.deleteValueFor(this.themeProvider);\n                } else {\n                    token.setValueFor(this.themeProvider, value as string);\n                }\n            }\n        }\n    }\n\n    private initializeThemeProvider(): void {\n        this.themeProvider = this.closest(themeProviderTag) ?? undefined;\n        if (this.themeProvider) {\n            for (const [property, token] of Object.entries(\n                this.supportedLabels\n            )) {\n                const value = this[property as keyof LabelProviderBase<SupportedLabels>];\n                if (value === null || value === undefined) {\n                    token.deleteValueFor(this.themeProvider);\n                } else {\n                    token.setValueFor(this.themeProvider, value as string);\n                }\n            }\n        }\n    }\n}\n"]}

package/dist/esm/label-provider/base/styles.d.ts

@@ -1 +1 @@
-export declare const styles: import("@microsoft/fast-element").ElementStyles;
+export declare const styles: import("@ni/fast-element").ElementStyles;

package/dist/esm/label-provider/base/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { display } from '../../utilities/style/display';
 export const styles = css `
     ${display('none')}

package/dist/esm/label-provider/base/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/label-provider/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;CACpB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('none')}\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/label-provider/base/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;CACpB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../../utilities/style/display';\n\nexport const styles = css`\n    ${display('none')}\n`;\n"]}

package/dist/esm/label-provider/core/index.d.ts

@@ -5,17 +5,17 @@ declare global {
     }
 }
 declare const supportedLabels: {
-    readonly popupDismiss: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly numericDecrement: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly numericIncrement: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly popupIconError: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly popupIconWarning: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly popupIconInformation: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly filterSearch: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly filterNoResults: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly loading: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly scrollBackward: import("@microsoft/fast-foundation").DesignToken<string>;
-    readonly scrollForward: import("@microsoft/fast-foundation").DesignToken<string>;
+    readonly popupDismiss: import("@ni/fast-foundation").DesignToken<string>;
+    readonly numericDecrement: import("@ni/fast-foundation").DesignToken<string>;
+    readonly numericIncrement: import("@ni/fast-foundation").DesignToken<string>;
+    readonly popupIconError: import("@ni/fast-foundation").DesignToken<string>;
+    readonly popupIconWarning: import("@ni/fast-foundation").DesignToken<string>;
+    readonly popupIconInformation: import("@ni/fast-foundation").DesignToken<string>;
+    readonly filterSearch: import("@ni/fast-foundation").DesignToken<string>;
+    readonly filterNoResults: import("@ni/fast-foundation").DesignToken<string>;
+    readonly loading: import("@ni/fast-foundation").DesignToken<string>;
+    readonly scrollBackward: import("@ni/fast-foundation").DesignToken<string>;
+    readonly scrollForward: import("@ni/fast-foundation").DesignToken<string>;
 };
 /**
  * Core label provider for Nimble
@@ -33,17 +33,17 @@ export declare class LabelProviderCore extends LabelProviderBase<typeof supporte
     scrollBackward: string | undefined;
     scrollForward: string | undefined;
     protected readonly supportedLabels: {
-        readonly popupDismiss: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly numericDecrement: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly numericIncrement: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly popupIconError: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly popupIconWarning: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly popupIconInformation: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly filterSearch: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly filterNoResults: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly loading: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly scrollBackward: import("@microsoft/fast-foundation").DesignToken<string>;
-        readonly scrollForward: import("@microsoft/fast-foundation").DesignToken<string>;
+        readonly popupDismiss: import("@ni/fast-foundation").DesignToken<string>;
+        readonly numericDecrement: import("@ni/fast-foundation").DesignToken<string>;
+        readonly numericIncrement: import("@ni/fast-foundation").DesignToken<string>;
+        readonly popupIconError: import("@ni/fast-foundation").DesignToken<string>;
+        readonly popupIconWarning: import("@ni/fast-foundation").DesignToken<string>;
+        readonly popupIconInformation: import("@ni/fast-foundation").DesignToken<string>;
+        readonly filterSearch: import("@ni/fast-foundation").DesignToken<string>;
+        readonly filterNoResults: import("@ni/fast-foundation").DesignToken<string>;
+        readonly loading: import("@ni/fast-foundation").DesignToken<string>;
+        readonly scrollBackward: import("@ni/fast-foundation").DesignToken<string>;
+        readonly scrollForward: import("@ni/fast-foundation").DesignToken<string>;
     };
 }
 export declare const labelProviderCoreTag = "nimble-label-provider-core";

package/dist/esm/label-provider/core/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem } from '@ni/fast-foundation';
 import { LabelProviderBase } from '../base';
 import { popupDismissLabel, numericDecrementLabel, numericIncrementLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconInformationLabel, filterSearchLabel, filterNoResultsLabel, loadingLabel, scrollBackwardLabel, scrollForwardLabel } from './label-tokens';
 import { styles } from '../base/styles';