@ni/nimble-components 32.13.0 → 33.0.1

package/dist/esm/anchor-tree-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EAEZ,iBAAiB,EACjB,QAAQ,IAAI,kBAAkB,EACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACI;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;IA8E5B,CAAC;IA5EG;;;;OAIG;IACI,YAAY;QACf,OAAO,iBAAiB,CAAC,IAAI,CAAC,aAAwB,CAAC,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACI,WAAW,CAAC,EAAc;QAC7B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACI,UAAU,CAAC,EAAc;QAC5B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,QAAQ;gBACT,8DAA8D;gBAC9D,8BAA8B;gBAC9B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAM;YACV,KAAK,YAAY;gBACb,mEAAmE;gBACnE,mEAAmE;gBACnE,+DAA+D;gBAC/D,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;oBAC5C,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACrD,CAAC;gBACD,MAAM;YACV,QAAQ;QACZ,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;;;OAMG;IACI,YAAY,CAAC,CAAa;QAC7B,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAES,eAAe,CACrB,KAA0B,EAC1B,KAAc;QAEd,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;CACJ;AAvFU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AASjB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AAgF5B,uFAAuF;AAEvF,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAgB;IAC/D,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    type AnchorOptions,\n    isTreeItemElement,\n    TreeItem as FoundationTreeItem\n} from '@microsoft/fast-foundation';\nimport { keyArrowLeft, keyEnter } from '@microsoft/fast-web-utilities';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tree-item': AnchorTreeItem;\n    }\n}\n\n/**\n * A nimble-styled anchor tree item\n */\nexport class AnchorTreeItem extends AnchorBase {\n    /**\n     * When true, the control will appear selected by user interaction.\n     * @public\n     * @remarks\n     * HTML Attribute: selected\n     */\n    @attr({ mode: 'boolean' })\n    public selected = false;\n\n    /**\n     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Whether the tree is nested\n     *\n     * @public\n     */\n    public isNestedItem(): boolean {\n        return isTreeItemElement(this.parentElement as Element);\n    }\n\n    /**\n     * Handle focus events\n     *\n     * @internal\n     */\n    public handleFocus(_e: FocusEvent): void {\n        this.setAttribute('tabindex', '0');\n    }\n\n    /**\n     * Handle blur events\n     *\n     * @internal\n     */\n    public handleBlur(_e: FocusEvent): void {\n        this.setAttribute('tabindex', '-1');\n    }\n\n    /**\n     * @internal\n     */\n    public keydownHandler(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        switch (e.key) {\n            case keyEnter:\n                // Do not let the event bubble up to the FAST tree, or it will\n                // prevent the default action.\n                e.stopPropagation();\n                break;\n            case keyArrowLeft:\n                // For FAST tree items, the FAST tree view handles this navigation,\n                // but since our anchor tree item is not \"instanceof FASTTreeItem\",\n                // the FAST tree view won't do this for us. We do it ourselves.\n                if (this.parentElement && this.isNestedItem()) {\n                    FoundationTreeItem.focusItem(this.parentElement);\n                }\n                break;\n            default:\n        }\n        return true;\n    }\n\n    /**\n     * Activating the anchor by pressing the Enter key results in a click event.\n     * This bubbles up to the Nimble tree-view's click handler, causing the tree item\n     * to be selected. We don't want that for anchor tree items. We'll stop propagation\n     * of the event to prevent that.\n     * @internal\n     */\n    public clickHandler(e: MouseEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        e.stopPropagation();\n        return true;\n    }\n\n    protected selectedChanged(\n        _prev: boolean | undefined,\n        _next: boolean\n    ): void {\n        if (this.$fastController.isConnected) {\n            this.$emit('selected-change', this);\n        }\n    }\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorTreeItem = AnchorTreeItem.compose<AnchorOptions>({\n    baseName: 'anchor-tree-item',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchorTreeItem());\nexport const anchorTreeItemTag = 'nimble-anchor-tree-item';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,YAAY,EAEZ,iBAAiB,EACjB,QAAQ,IAAI,kBAAkB,EACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACI;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;;;;WAKG;QAEI,aAAQ,GAAG,KAAK,CAAC;IA8E5B,CAAC;IA5EG;;;;OAIG;IACI,YAAY;QACf,OAAO,iBAAiB,CAAC,IAAI,CAAC,aAAwB,CAAC,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACI,WAAW,CAAC,EAAc;QAC7B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACI,UAAU,CAAC,EAAc;QAC5B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,QAAQ;gBACT,8DAA8D;gBAC9D,8BAA8B;gBAC9B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,MAAM;YACV,KAAK,YAAY;gBACb,mEAAmE;gBACnE,mEAAmE;gBACnE,+DAA+D;gBAC/D,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;oBAC5C,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACrD,CAAC;gBACD,MAAM;YACV,QAAQ;QACZ,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;;;OAMG;IACI,YAAY,CAAC,CAAa;QAC7B,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAES,eAAe,CACrB,KAA0B,EAC1B,KAAc;QAEd,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;CACJ;AAvFU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AASjB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;gDACF;AAgF5B,uFAAuF;AAEvF,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAgB;IAC/D,QAAQ,EAAE,kBAAkB;IAC5B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    type AnchorOptions,\n    isTreeItemElement,\n    TreeItem as FoundationTreeItem\n} from '@ni/fast-foundation';\nimport { keyArrowLeft, keyEnter } from '@ni/fast-web-utilities';\nimport { AnchorBase } from '../anchor-base';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchor-tree-item': AnchorTreeItem;\n    }\n}\n\n/**\n * A nimble-styled anchor tree item\n */\nexport class AnchorTreeItem extends AnchorBase {\n    /**\n     * When true, the control will appear selected by user interaction.\n     * @public\n     * @remarks\n     * HTML Attribute: selected\n     */\n    @attr({ mode: 'boolean' })\n    public selected = false;\n\n    /**\n     * When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.\n     * @public\n     * @remarks\n     * HTML Attribute: disabled\n     */\n    @attr({ mode: 'boolean' })\n    public disabled = false;\n\n    /**\n     * Whether the tree is nested\n     *\n     * @public\n     */\n    public isNestedItem(): boolean {\n        return isTreeItemElement(this.parentElement as Element);\n    }\n\n    /**\n     * Handle focus events\n     *\n     * @internal\n     */\n    public handleFocus(_e: FocusEvent): void {\n        this.setAttribute('tabindex', '0');\n    }\n\n    /**\n     * Handle blur events\n     *\n     * @internal\n     */\n    public handleBlur(_e: FocusEvent): void {\n        this.setAttribute('tabindex', '-1');\n    }\n\n    /**\n     * @internal\n     */\n    public keydownHandler(e: KeyboardEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        switch (e.key) {\n            case keyEnter:\n                // Do not let the event bubble up to the FAST tree, or it will\n                // prevent the default action.\n                e.stopPropagation();\n                break;\n            case keyArrowLeft:\n                // For FAST tree items, the FAST tree view handles this navigation,\n                // but since our anchor tree item is not \"instanceof FASTTreeItem\",\n                // the FAST tree view won't do this for us. We do it ourselves.\n                if (this.parentElement && this.isNestedItem()) {\n                    FoundationTreeItem.focusItem(this.parentElement);\n                }\n                break;\n            default:\n        }\n        return true;\n    }\n\n    /**\n     * Activating the anchor by pressing the Enter key results in a click event.\n     * This bubbles up to the Nimble tree-view's click handler, causing the tree item\n     * to be selected. We don't want that for anchor tree items. We'll stop propagation\n     * of the event to prevent that.\n     * @internal\n     */\n    public clickHandler(e: MouseEvent): boolean {\n        if (e.defaultPrevented) {\n            return false;\n        }\n        e.stopPropagation();\n        return true;\n    }\n\n    protected selectedChanged(\n        _prev: boolean | undefined,\n        _next: boolean\n    ): void {\n        if (this.$fastController.isConnected) {\n            this.$emit('selected-change', this);\n        }\n    }\n}\n\n// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.\n\nconst nimbleAnchorTreeItem = AnchorTreeItem.compose<AnchorOptions>({\n    baseName: 'anchor-tree-item',\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchorTreeItem());\nexport const anchorTreeItemTag = 'nimble-anchor-tree-item';\n"]}

package/dist/esm/anchor-tree-item/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/anchor-tree-item/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 { bodyFontFamily, bodyFontWeight, bodyFontColor, borderHoverColor, borderWidth, iconSize, fillHoverColor, fillHoverSelectedColor, fillSelectedColor, bodyFontSize, bodyDisabledFontColor, iconColor } from '../theme-provider/design-tokens';
 import { focusVisible } from '../utilities/style/focus';

package/dist/esm/anchor-tree-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;;;;;;;cAUxB,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;uBAOjC,QAAQ;;;;;sBAKT,cAAc;;;;;;;;sBAQd,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;MAGjC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;;MAInB,CAAA,sEAAuE,EAAE;;;+BAGhD,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFontFamily,\n    bodyFontWeight,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    iconSize,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    fillSelectedColor,\n    bodyFontSize,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    .control {\n        display: flex;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        height: calc(${iconSize} * 2);\n        width: 100%;\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background: transparent;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n        pointer-events: none;\n    }\n\n    ${/* the start class is applied when the corresponding slot is filled */ ''}\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;;;;;;;cAUxB,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;uBAOjC,QAAQ;;;;;sBAKT,cAAc;;;;;;;;sBAQd,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;MAGjC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;;MAInB,CAAA,sEAAuE,EAAE;;;+BAGhD,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyFontFamily,\n    bodyFontWeight,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    iconSize,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    fillSelectedColor,\n    bodyFontSize,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    .control {\n        display: flex;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        height: calc(${iconSize} * 2);\n        width: 100%;\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background: transparent;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n        pointer-events: none;\n    }\n\n    ${/* the start class is applied when the corresponding slot is filled */ ''}\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/anchor-tree-item/template.d.ts

@@ -1,4 +1,4 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-import { type AnchorOptions, type FoundationElementTemplate } from '@microsoft/fast-foundation';
+import { ViewTemplate } from '@ni/fast-element';
+import { type AnchorOptions, type FoundationElementTemplate } from '@ni/fast-foundation';
 import type { AnchorTreeItem } from '.';
 export declare const template: FoundationElementTemplate<ViewTemplate<AnchorTreeItem>, AnchorOptions>;

package/dist/esm/anchor-tree-item/template.js

@@ -1,5 +1,5 @@
-import { html, ref, ViewTemplate } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ref, ViewTemplate } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 export const template = (context, definition) => html `
     <template
         role="treeitem"

package/dist/esm/anchor-tree-item/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAgB;;;gBAGjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;yBAE9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;qBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;;;;;;wBAMzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;cACjB,GAAG,CAAC,SAAS,CAAC;;;;sBAIN,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;sBAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;CAKzD,CAAC","sourcesContent":["import { html, ref, ViewTemplate } from '@microsoft/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@microsoft/fast-foundation';\nimport type { AnchorTreeItem } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorTreeItem>,\nAnchorOptions\n> = (context, definition) => html<AnchorTreeItem>`\n    <template\n        role=\"treeitem\"\n        slot=\"${x => (x.isNestedItem() ? 'item' : null)}\"\n        tabindex=\"-1\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-selected=\"${x => x.selected}\"\n        @focusin=\"${(x, c) => x.handleFocus(c.event as FocusEvent)}\"\n        @focusout=\"${(x, c) => x.handleBlur(c.event as FocusEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n    >\n        <a\n            class=\"control\"\n            part=\"control\"\n            tabindex=\"0\"\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n            ${ref('control')}\n        >\n            <div class=\"positioning-region\" part=\"positioning-region\">\n                <div class=\"content-region\" part=\"content-region\">\n                    ${startSlotTemplate(context, definition)}\n                    <span class=\"content\" part=\"content\">\n                        <slot></slot>\n                    </span>\n                    ${endSlotTemplate(context, definition)}\n                </div>\n            </div>\n        </a>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAgB;;;gBAGjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;yBAE9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAmB,CAAC;qBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAmB,CAAC;oBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;kBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;;;;;;wBAMzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;mBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;wBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;oBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;8BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;mBAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;cACjB,GAAG,CAAC,SAAS,CAAC;;;;sBAIN,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;sBAItC,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;CAKzD,CAAC","sourcesContent":["import { html, ref, ViewTemplate } from '@ni/fast-element';\nimport {\n    type AnchorOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@ni/fast-foundation';\nimport type { AnchorTreeItem } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorTreeItem>,\nAnchorOptions\n> = (context, definition) => html<AnchorTreeItem>`\n    <template\n        role=\"treeitem\"\n        slot=\"${x => (x.isNestedItem() ? 'item' : null)}\"\n        tabindex=\"-1\"\n        aria-disabled=\"${x => x.disabled}\"\n        aria-selected=\"${x => x.selected}\"\n        @focusin=\"${(x, c) => x.handleFocus(c.event as FocusEvent)}\"\n        @focusout=\"${(x, c) => x.handleBlur(c.event as FocusEvent)}\"\n        @keydown=\"${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}\"\n        @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n    >\n        <a\n            class=\"control\"\n            part=\"control\"\n            tabindex=\"0\"\n            download=\"${x => x.download}\"\n            href=${x => (x.disabled ? null : x.href)}\n            hreflang=\"${x => x.hreflang}\"\n            ping=\"${x => x.ping}\"\n            referrerpolicy=\"${x => x.referrerpolicy}\"\n            rel=\"${x => x.rel}\"\n            target=\"${x => x.target}\"\n            type=\"${x => x.type}\"\n            ${ref('control')}\n        >\n            <div class=\"positioning-region\" part=\"positioning-region\">\n                <div class=\"content-region\" part=\"content-region\">\n                    ${startSlotTemplate(context, definition)}\n                    <span class=\"content\" part=\"content\">\n                        <slot></slot>\n                    </span>\n                    ${endSlotTemplate(context, definition)}\n                </div>\n            </div>\n        </a>\n    </template>\n`;\n"]}

package/dist/esm/anchored-region/index.d.ts

@@ -1,4 +1,4 @@
-import { AnchoredRegion as FoundationAnchoredRegion } from '@microsoft/fast-foundation';
+import { AnchoredRegion as FoundationAnchoredRegion } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-anchored-region': AnchoredRegion;

package/dist/esm/anchored-region/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, AnchoredRegion as FoundationAnchoredRegion, anchoredRegionTemplate as template } from '@microsoft/fast-foundation';
+import { DesignSystem, AnchoredRegion as FoundationAnchoredRegion, anchoredRegionTemplate as template } from '@ni/fast-foundation';
 import { styles } from './styles';
 // When the anchor element changes position on the page, it is the client's responsibility to update the position
 // of the anchored region by calling update() on the anchored region.

package/dist/esm/anchored-region/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchored-region/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,cAAc,IAAI,wBAAwB,EAC1C,sBAAsB,IAAI,QAAQ,EACrC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC,iHAAiH;AACjH,qEAAqE;AACrE,EAAE;AACF,iHAAiH;AACjH,iHAAiH;AACjH,+GAA+G;AAC/G,kEAAkE;AAElE;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;IAChD,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,wBAAwB;IACnC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    AnchoredRegion as FoundationAnchoredRegion,\n    anchoredRegionTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchored-region': AnchoredRegion;\n    }\n}\n\n// When the anchor element changes position on the page, it is the client's responsibility to update the position\n// of the anchored region by calling update() on the anchored region.\n//\n// When the anchor element is recreated on the page, it is the client's responsibility to reset the reference the\n// anchored region has to the anchor element. This can be done by either recreating the anchor element with a new\n// ID that is also set as the \\`anchor\\` attribute on the anchored region or by explicitly setting the value of\n// anchorElement on the anchored region to the new anchor element.\n\n/**\n * A nimble-styled anchored region control.\n */\nexport class AnchoredRegion extends FoundationAnchoredRegion {}\n\nconst nimbleAnchoredRegion = AnchoredRegion.compose({\n    baseName: 'anchored-region',\n    baseClass: FoundationAnchoredRegion,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchoredRegion());\nexport const anchoredRegionTag = 'nimble-anchored-region';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchored-region/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,cAAc,IAAI,wBAAwB,EAC1C,sBAAsB,IAAI,QAAQ,EACrC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC,iHAAiH;AACjH,qEAAqE;AACrE,EAAE;AACF,iHAAiH;AACjH,iHAAiH;AACjH,+GAA+G;AAC/G,kEAAkE;AAElE;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;IAChD,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,wBAAwB;IACnC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    AnchoredRegion as FoundationAnchoredRegion,\n    anchoredRegionTemplate as template\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-anchored-region': AnchoredRegion;\n    }\n}\n\n// When the anchor element changes position on the page, it is the client's responsibility to update the position\n// of the anchored region by calling update() on the anchored region.\n//\n// When the anchor element is recreated on the page, it is the client's responsibility to reset the reference the\n// anchored region has to the anchor element. This can be done by either recreating the anchor element with a new\n// ID that is also set as the \\`anchor\\` attribute on the anchored region or by explicitly setting the value of\n// anchorElement on the anchored region to the new anchor element.\n\n/**\n * A nimble-styled anchored region control.\n */\nexport class AnchoredRegion extends FoundationAnchoredRegion {}\n\nconst nimbleAnchoredRegion = AnchoredRegion.compose({\n    baseName: 'anchored-region',\n    baseClass: FoundationAnchoredRegion,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleAnchoredRegion());\nexport const anchoredRegionTag = 'nimble-anchored-region';\n"]}

package/dist/esm/anchored-region/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/anchored-region/styles.js

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

package/dist/esm/anchored-region/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchored-region/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;mBAIH,YAAY,CAAC,UAAU;;;MAGpC,EAAE,CAAC,+CAA+C;;;;;CAKvD,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { ZIndexLevels } from '../utilities/style/types';\nimport { display } from '../utilities/style/display';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        contain: layout;\n        z-index: ${ZIndexLevels.zIndex1000};\n    }\n\n    ${'' /* Override 'display' helper hidden behavior */}\n    :host([hidden]) {\n        display: block;\n        visibility: hidden;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchored-region/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;;mBAIH,YAAY,CAAC,UAAU;;;MAGpC,EAAE,CAAC,+CAA+C;;;;;CAKvD,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { ZIndexLevels } from '../utilities/style/types';\nimport { display } from '../utilities/style/display';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        contain: layout;\n        z-index: ${ZIndexLevels.zIndex1000};\n    }\n\n    ${'' /* Override 'display' helper hidden behavior */}\n    :host([hidden]) {\n        display: block;\n        visibility: hidden;\n    }\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { ARIAGlobalStatesAndProperties, FoundationElement } from '@microsoft/fast-foundation';
+import { ARIAGlobalStatesAndProperties, FoundationElement } from '@ni/fast-foundation';
 import { BannerSeverity } from './types';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/banner/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/banner/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,WAAW,EACX,6BAA6B,EAC7B,YAAY,EACZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAgC,MAAM,SAAS,CAAC;AAQvE;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,iBAAiB;IAA7C;;QACI;;;;WAIG;QAEI,SAAI,GAAG,KAAK,CAAC;QAEpB;;;;WAIG;QAEI,aAAQ,GAAmB,cAAc,CAAC,OAAO,CAAC;QAEzD;;;;WAIG;QAEI,gBAAW,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QAEI,mBAAc,GAAG,KAAK,CAAC;IAmBlC,CAAC;IAjBG;;OAEG;IACI,WAAW;QACd,MAAM,WAAW,GAA4B;YACzC,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI;SACvB,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACtB,CAAC;CACJ;AA3CU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;oCACN;AAQb;IADN,IAAI,EAAE;wCACkD;AAQlD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CAC1B;AAQpB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CAC1B;AAuBlC,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;AAEH,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 '@microsoft/fast-element';\nimport {\n    applyMixins,\n    ARIAGlobalStatesAndProperties,\n    DesignSystem,\n    FoundationElement\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { BannerSeverity, type BannerToggleEventDetail } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-banner': Banner;\n    }\n}\n\n/**\n * A nimble-styled notification banner for persistent messages.\n */\nexport class Banner extends FoundationElement {\n    /**\n     * @public\n     * @description\n     * Whether the banner is visible or not\n     */\n    @attr({ mode: 'boolean' })\n    public open = false;\n\n    /**\n     * @public\n     * @description\n     * Severity of the banner's message\n     */\n    @attr()\n    public severity: BannerSeverity = BannerSeverity.default;\n\n    /**\n     * @public\n     * @description\n     * Whether the banner title is hidden\n     */\n    @attr({ attribute: 'title-hidden', mode: 'boolean' })\n    public titleHidden = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the dismiss button\n     */\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    /**\n     * @internal\n     */\n    public openChanged(): void {\n        const eventDetail: BannerToggleEventDetail = {\n            newState: this.open,\n            oldState: !this.open\n        };\n        this.$emit('toggle', eventDetail);\n    }\n\n    /**\n     * @internal\n     */\n    public dismissBanner(): void {\n        this.open = false;\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Banner extends ARIAGlobalStatesAndProperties {}\napplyMixins(Banner, ARIAGlobalStatesAndProperties);\n\nconst nimbleBanner = Banner.compose({\n    baseName: 'banner',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBanner());\nexport const bannerTag = 'nimble-banner';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/banner/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,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAgC,MAAM,SAAS,CAAC;AAQvE;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,iBAAiB;IAA7C;;QACI;;;;WAIG;QAEI,SAAI,GAAG,KAAK,CAAC;QAEpB;;;;WAIG;QAEI,aAAQ,GAAmB,cAAc,CAAC,OAAO,CAAC;QAEzD;;;;WAIG;QAEI,gBAAW,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QAEI,mBAAc,GAAG,KAAK,CAAC;IAmBlC,CAAC;IAjBG;;OAEG;IACI,WAAW;QACd,MAAM,WAAW,GAA4B;YACzC,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI;SACvB,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACtB,CAAC;CACJ;AA3CU;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;oCACN;AAQb;IADN,IAAI,EAAE;wCACkD;AAQlD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;2CAC1B;AAQpB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CAC1B;AAuBlC,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;AAEH,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 { styles } from './styles';\nimport { template } from './template';\nimport { BannerSeverity, type BannerToggleEventDetail } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-banner': Banner;\n    }\n}\n\n/**\n * A nimble-styled notification banner for persistent messages.\n */\nexport class Banner extends FoundationElement {\n    /**\n     * @public\n     * @description\n     * Whether the banner is visible or not\n     */\n    @attr({ mode: 'boolean' })\n    public open = false;\n\n    /**\n     * @public\n     * @description\n     * Severity of the banner's message\n     */\n    @attr()\n    public severity: BannerSeverity = BannerSeverity.default;\n\n    /**\n     * @public\n     * @description\n     * Whether the banner title is hidden\n     */\n    @attr({ attribute: 'title-hidden', mode: 'boolean' })\n    public titleHidden = false;\n\n    /**\n     * @public\n     * @description\n     * Hides the dismiss button\n     */\n    @attr({ attribute: 'prevent-dismiss', mode: 'boolean' })\n    public preventDismiss = false;\n\n    /**\n     * @internal\n     */\n    public openChanged(): void {\n        const eventDetail: BannerToggleEventDetail = {\n            newState: this.open,\n            oldState: !this.open\n        };\n        this.$emit('toggle', eventDetail);\n    }\n\n    /**\n     * @internal\n     */\n    public dismissBanner(): void {\n        this.open = false;\n    }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface Banner extends ARIAGlobalStatesAndProperties {}\napplyMixins(Banner, ARIAGlobalStatesAndProperties);\n\nconst nimbleBanner = Banner.compose({\n    baseName: 'banner',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBanner());\nexport const bannerTag = 'nimble-banner';\n"]}

package/dist/esm/banner/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/banner/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { BannerFail100DarkUi, Black75, Fail100LightUi, Information100DarkUi, Information100LightUi, Warning100DarkUi, Warning100LightUi, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { display } from '../utilities/style/display';
 import { applicationBackgroundColor, bodyFont, bodyFontColor, controlHeight, controlSlimHeight, smallPadding, standardPadding } from '../theme-provider/design-tokens';

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/banner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;;;;;;;;;iBAYP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;UA2BpB,gBAAgB;;;;kBAIR,aAAa;;;;;;sBAMT,YAAY;UACxB,aAAa,CAAC,iBAAiB,KAAK,iBAAiB;;;;;;uBAMxC,eAAe;;;;;;;;;;;;;CAarC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,cAAc;;;;8BAId,iBAAiB;;;;8BAIjB,qBAAqB;;SAE1C,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,mBAAmB;;;;8BAInB,gBAAgB;;;;8BAIhB,oBAAoB;;SAEzC,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,0BAA0B;;;;8BAI1B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAElD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    BannerFail100DarkUi,\n    Black75,\n    Fail100LightUi,\n    Information100DarkUi,\n    Information100LightUi,\n    Warning100DarkUi,\n    Warning100LightUi,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    bodyFont,\n    bodyFontColor,\n    controlHeight,\n    controlSlimHeight,\n    smallPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        font: ${bodyFont};\n        font-size: 12.8px;\n        align-items: top;\n        overflow: hidden;\n        overflow-wrap: anywhere;\n    }\n\n    :host(:not([open])) {\n        display: none;\n    }\n\n    .container {\n        color: ${bodyFontColor};\n        display: flex;\n        width: 100%;\n    }\n\n    .icon {\n        width: 48px;\n        display: flex;\n        justify-content: center;\n        margin-top: 8px;\n        flex: 0 0 auto;\n        opacity: 0.6;\n    }\n\n    .text {\n        display: inline;\n        margin-top: 7px;\n        margin-bottom: 7px;\n    }\n\n    slot[name='title'] {\n        display: inline;\n        font-weight: bold;\n        padding-right: 8px;\n    }\n\n    :host([title-hidden]) slot[name='title'] {\n        ${accessiblyHidden}\n    }\n\n    .controls {\n        height: ${controlHeight};\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        align-self: flex-start;\n        margin-top: ${smallPadding};\n        ${controlHeight.cssCustomProperty}: ${controlSlimHeight};\n    }\n\n    slot[name='action'] {\n        display: flex;\n        align-content: center;\n        margin-left: ${standardPadding};\n        white-space: nowrap;\n    }\n\n    slot[name='action']::slotted(nimble-anchor) {\n        font-size: 12.8px;\n    }\n\n    .dismiss {\n        width: 48px;\n        display: flex;\n        justify-content: center;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                background: ${Black75};\n            }\n\n            :host([severity='error']) {\n                background: ${Fail100LightUi};\n            }\n\n            :host([severity='warning']) {\n                background: ${Warning100LightUi};\n            }\n\n            :host([severity='information']) {\n                background: ${Information100LightUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                background: ${Black75};\n            }\n\n            :host([severity='error']) {\n                background: ${BannerFail100DarkUi};\n            }\n\n            :host([severity='warning']) {\n                background: ${Warning100DarkUi};\n            }\n\n            :host([severity='information']) {\n                background: ${Information100DarkUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                background: ${applicationBackgroundColor};\n            }\n\n            .container {\n                background: ${hexToRgbaCssColor(White, 0.3)};\n            }\n        `\n    )\n);\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/banner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,QAAQ,EACR,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;;;;;;;;;iBAYP,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;UA2BpB,gBAAgB;;;;kBAIR,aAAa;;;;;;sBAMT,YAAY;UACxB,aAAa,CAAC,iBAAiB,KAAK,iBAAiB;;;;;;uBAMxC,eAAe;;;;;;;;;;;;;CAarC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,cAAc;;;;8BAId,iBAAiB;;;;8BAIjB,qBAAqB;;SAE1C,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;8BAEmB,OAAO;;;;8BAIP,mBAAmB;;;;8BAInB,gBAAgB;;;;8BAIhB,oBAAoB;;SAEzC,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;8BAEmB,0BAA0B;;;;8BAI1B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAElD,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    BannerFail100DarkUi,\n    Black75,\n    Fail100LightUi,\n    Information100DarkUi,\n    Information100LightUi,\n    Warning100DarkUi,\n    Warning100LightUi,\n    White\n} from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { display } from '../utilities/style/display';\n\nimport {\n    applicationBackgroundColor,\n    bodyFont,\n    bodyFontColor,\n    controlHeight,\n    controlSlimHeight,\n    smallPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\nimport { Theme } from '../theme-provider/types';\nimport { hexToRgbaCssColor } from '../utilities/style/colors';\nimport { themeBehavior } from '../utilities/style/theme';\nimport { accessiblyHidden } from '../utilities/style/accessibly-hidden';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        font: ${bodyFont};\n        font-size: 12.8px;\n        align-items: top;\n        overflow: hidden;\n        overflow-wrap: anywhere;\n    }\n\n    :host(:not([open])) {\n        display: none;\n    }\n\n    .container {\n        color: ${bodyFontColor};\n        display: flex;\n        width: 100%;\n    }\n\n    .icon {\n        width: 48px;\n        display: flex;\n        justify-content: center;\n        margin-top: 8px;\n        flex: 0 0 auto;\n        opacity: 0.6;\n    }\n\n    .text {\n        display: inline;\n        margin-top: 7px;\n        margin-bottom: 7px;\n    }\n\n    slot[name='title'] {\n        display: inline;\n        font-weight: bold;\n        padding-right: 8px;\n    }\n\n    :host([title-hidden]) slot[name='title'] {\n        ${accessiblyHidden}\n    }\n\n    .controls {\n        height: ${controlHeight};\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        align-self: flex-start;\n        margin-top: ${smallPadding};\n        ${controlHeight.cssCustomProperty}: ${controlSlimHeight};\n    }\n\n    slot[name='action'] {\n        display: flex;\n        align-content: center;\n        margin-left: ${standardPadding};\n        white-space: nowrap;\n    }\n\n    slot[name='action']::slotted(nimble-anchor) {\n        font-size: 12.8px;\n    }\n\n    .dismiss {\n        width: 48px;\n        display: flex;\n        justify-content: center;\n    }\n`.withBehaviors(\n    themeBehavior(\n        Theme.light,\n        css`\n            :host {\n                background: ${Black75};\n            }\n\n            :host([severity='error']) {\n                background: ${Fail100LightUi};\n            }\n\n            :host([severity='warning']) {\n                background: ${Warning100LightUi};\n            }\n\n            :host([severity='information']) {\n                background: ${Information100LightUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.dark,\n        css`\n            :host {\n                background: ${Black75};\n            }\n\n            :host([severity='error']) {\n                background: ${BannerFail100DarkUi};\n            }\n\n            :host([severity='warning']) {\n                background: ${Warning100DarkUi};\n            }\n\n            :host([severity='information']) {\n                background: ${Information100DarkUi};\n            }\n        `\n    ),\n    themeBehavior(\n        Theme.color,\n        css`\n            :host {\n                background: ${applicationBackgroundColor};\n            }\n\n            .container {\n                background: ${hexToRgbaCssColor(White, 0.3)};\n            }\n        `\n    )\n);\n"]}

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

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

package/dist/esm/banner/template.js

@@ -1,4 +1,4 @@
-import { html, when } from '@microsoft/fast-element';
+import { html, when } from '@ni/fast-element';
 import { buttonTag } from '../button';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { iconInfoTag } from '../icons/info';

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/banner/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, when } from '@microsoft/fast-element';\nimport type { Banner } from '.';\nimport { buttonTag } from '../button';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { iconTimesTag } from '../icons/times';\nimport { BannerSeverity } from './types';\nimport {\n    popupIconErrorLabel,\n    popupIconInformationLabel,\n    popupDismissLabel,\n    popupIconWarningLabel\n} from '../label-provider/core/label-tokens';\nimport { themeProviderTag } from '../theme-provider';\nimport { Theme } from '../theme-provider/types';\nimport { ButtonAppearance, ButtonAppearanceVariant } from '../button/types';\n\n// prettier-ignore\nexport const template = html<Banner>`\n    <${themeProviderTag} theme=\"${Theme.color}\">\n        <div class=\"container\"\n            role=\"status\"\n            aria-atomic=\"${x => x.ariaAtomic}\"\n            aria-busy=\"${x => x.ariaBusy}\"\n            aria-controls=\"${x => x.ariaControls}\"\n            aria-current=\"${x => x.ariaCurrent}\"\n            aria-describedby=\"${x => x.ariaDescribedby}\"\n            aria-details=\"${x => x.ariaDetails}\"\n            aria-disabled=\"${x => x.ariaDisabled}\"\n            aria-errormessage=\"${x => x.ariaErrormessage}\"\n            aria-expanded=\"${x => x.ariaExpanded}\"\n            aria-flowto=\"${x => x.ariaFlowto}\"\n            aria-haspopup=\"${x => x.ariaHaspopup}\"\n            aria-hidden=\"${x => x.ariaHidden}\"\n            aria-invalid=\"${x => x.ariaInvalid}\"\n            aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n            aria-label=\"${x => x.ariaLabel}\"\n            aria-labelledby=\"titleSlot\"\n            aria-live=\"${x => x.ariaLive}\"\n            aria-owns=\"${x => x.ariaOwns}\"\n            aria-relevant=\"${x => x.ariaRelevant}\"\n            aria-roledescription=\"${x => x.ariaRoledescription}\"\n        >\n            <div class=\"icon\">\n                ${when(x => x.severity === BannerSeverity.error, html<Banner>`\n                    <${iconExclamationMarkTag} role=\"img\" aria-label=\"${x => popupIconErrorLabel.getValueFor(x)}\"></${iconExclamationMarkTag}>\n                `)}\n                ${when(x => x.severity === BannerSeverity.warning, html<Banner>`\n                    <${iconTriangleFilledTag} role=\"img\" aria-label=\"${x => popupIconWarningLabel.getValueFor(x)}\"></${iconTriangleFilledTag}>\n                `)}\n                ${when(x => x.severity === BannerSeverity.information, html<Banner>`\n                    <${iconInfoTag} role=\"img\" aria-label=\"${x => popupIconInformationLabel.getValueFor(x)}\"></${iconInfoTag}>\n                `)}\n            </div>\n            <div class=\"text\">\n                <slot name=\"title\" id=\"titleSlot\"></slot>\n                <slot></slot>\n            </div>\n            <div class=\"controls\">\n                <slot name=\"action\"></slot>\n                <div class=\"dismiss\">\n                    ${when(x => !x.preventDismiss, html<Banner>`\n                        <${buttonTag} appearance=\"${ButtonAppearance.ghost}\" appearance-variant=\"${ButtonAppearanceVariant.primary}\" content-hidden @click=\"${x => x.dismissBanner()}\">\n                            <${iconTimesTag} slot=\"start\"></${iconTimesTag}>\n                            ${x => popupDismissLabel.getValueFor(x)}\n                        </${buttonTag}>\n                    `)}\n                </div>\n            </div>\n        </div>\n    </${themeProviderTag}>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/banner/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, when } from '@ni/fast-element';\nimport type { Banner } from '.';\nimport { buttonTag } from '../button';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconInfoTag } from '../icons/info';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { iconTimesTag } from '../icons/times';\nimport { BannerSeverity } from './types';\nimport {\n    popupIconErrorLabel,\n    popupIconInformationLabel,\n    popupDismissLabel,\n    popupIconWarningLabel\n} from '../label-provider/core/label-tokens';\nimport { themeProviderTag } from '../theme-provider';\nimport { Theme } from '../theme-provider/types';\nimport { ButtonAppearance, ButtonAppearanceVariant } from '../button/types';\n\n// prettier-ignore\nexport const template = html<Banner>`\n    <${themeProviderTag} theme=\"${Theme.color}\">\n        <div class=\"container\"\n            role=\"status\"\n            aria-atomic=\"${x => x.ariaAtomic}\"\n            aria-busy=\"${x => x.ariaBusy}\"\n            aria-controls=\"${x => x.ariaControls}\"\n            aria-current=\"${x => x.ariaCurrent}\"\n            aria-describedby=\"${x => x.ariaDescribedby}\"\n            aria-details=\"${x => x.ariaDetails}\"\n            aria-disabled=\"${x => x.ariaDisabled}\"\n            aria-errormessage=\"${x => x.ariaErrormessage}\"\n            aria-expanded=\"${x => x.ariaExpanded}\"\n            aria-flowto=\"${x => x.ariaFlowto}\"\n            aria-haspopup=\"${x => x.ariaHaspopup}\"\n            aria-hidden=\"${x => x.ariaHidden}\"\n            aria-invalid=\"${x => x.ariaInvalid}\"\n            aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n            aria-label=\"${x => x.ariaLabel}\"\n            aria-labelledby=\"titleSlot\"\n            aria-live=\"${x => x.ariaLive}\"\n            aria-owns=\"${x => x.ariaOwns}\"\n            aria-relevant=\"${x => x.ariaRelevant}\"\n            aria-roledescription=\"${x => x.ariaRoledescription}\"\n        >\n            <div class=\"icon\">\n                ${when(x => x.severity === BannerSeverity.error, html<Banner>`\n                    <${iconExclamationMarkTag} role=\"img\" aria-label=\"${x => popupIconErrorLabel.getValueFor(x)}\"></${iconExclamationMarkTag}>\n                `)}\n                ${when(x => x.severity === BannerSeverity.warning, html<Banner>`\n                    <${iconTriangleFilledTag} role=\"img\" aria-label=\"${x => popupIconWarningLabel.getValueFor(x)}\"></${iconTriangleFilledTag}>\n                `)}\n                ${when(x => x.severity === BannerSeverity.information, html<Banner>`\n                    <${iconInfoTag} role=\"img\" aria-label=\"${x => popupIconInformationLabel.getValueFor(x)}\"></${iconInfoTag}>\n                `)}\n            </div>\n            <div class=\"text\">\n                <slot name=\"title\" id=\"titleSlot\"></slot>\n                <slot></slot>\n            </div>\n            <div class=\"controls\">\n                <slot name=\"action\"></slot>\n                <div class=\"dismiss\">\n                    ${when(x => !x.preventDismiss, html<Banner>`\n                        <${buttonTag} appearance=\"${ButtonAppearance.ghost}\" appearance-variant=\"${ButtonAppearanceVariant.primary}\" content-hidden @click=\"${x => x.dismissBanner()}\">\n                            <${iconTimesTag} slot=\"start\"></${iconTimesTag}>\n                            ${x => popupDismissLabel.getValueFor(x)}\n                        </${buttonTag}>\n                    `)}\n                </div>\n            </div>\n        </div>\n    </${themeProviderTag}>\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { Breadcrumb as FoundationBreadcrumb } from '@microsoft/fast-foundation';
+import { Breadcrumb as FoundationBreadcrumb } from '@ni/fast-foundation';
 import type { BreadcrumbAppearance } from './types';
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/breadcrumb/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
-import { DesignSystem, Breadcrumb as FoundationBreadcrumb, breadcrumbTemplate as template } from '@microsoft/fast-foundation';
+import { attr } from '@ni/fast-element';
+import { DesignSystem, Breadcrumb as FoundationBreadcrumb, breadcrumbTemplate as template } from '@ni/fast-foundation';
 import { styles } from './styles';
 /**
  * A nimble-styled breadcrumb

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,UAAU,IAAI,oBAAoB,EAClC,kBAAkB,IAAI,QAAQ,EACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,oBAAoB;CAGnD;AADU;IADN,IAAI;8CACmC;AAG5C,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,oBAAoB;IAC/B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Breadcrumb as FoundationBreadcrumb,\n    breadcrumbTemplate as template\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport type { BreadcrumbAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-breadcrumb': Breadcrumb;\n    }\n}\n\n/**\n * A nimble-styled breadcrumb\n */\nexport class Breadcrumb extends FoundationBreadcrumb {\n    @attr\n    public appearance: BreadcrumbAppearance;\n}\n\nconst nimbleBreadcrumb = Breadcrumb.compose({\n    baseName: 'breadcrumb',\n    baseClass: FoundationBreadcrumb,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBreadcrumb());\nexport const breadcrumbTag = 'nimble-breadcrumb';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACH,YAAY,EACZ,UAAU,IAAI,oBAAoB,EAClC,kBAAkB,IAAI,QAAQ,EACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,oBAAoB;CAGnD;AADU;IADN,IAAI;8CACmC;AAG5C,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,oBAAoB;IAC/B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport {\n    DesignSystem,\n    Breadcrumb as FoundationBreadcrumb,\n    breadcrumbTemplate as template\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport type { BreadcrumbAppearance } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-breadcrumb': Breadcrumb;\n    }\n}\n\n/**\n * A nimble-styled breadcrumb\n */\nexport class Breadcrumb extends FoundationBreadcrumb {\n    @attr\n    public appearance: BreadcrumbAppearance;\n}\n\nconst nimbleBreadcrumb = Breadcrumb.compose({\n    baseName: 'breadcrumb',\n    baseClass: FoundationBreadcrumb,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleBreadcrumb());\nexport const breadcrumbTag = 'nimble-breadcrumb';\n"]}

package/dist/esm/breadcrumb/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/breadcrumb/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 { bodyEmphasizedFont, linkFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';
 export const styles = css `

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;;;;;;gBAQb,kBAAkB;iBACjB,aAAa;;;;iBAIb,sBAAsB;;CAEtC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyEmphasizedFont,\n    linkFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    .list {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    ::slotted(:last-child) {\n        font: ${bodyEmphasizedFont};\n        color: ${linkFontColor};\n    }\n\n    :host([appearance='prominent']) ::slotted(:last-child) {\n        color: ${linkProminentFontColor};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;;;;;;gBAQb,kBAAkB;iBACjB,aAAa;;;;iBAIb,sBAAsB;;CAEtC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyEmphasizedFont,\n    linkFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-block')}\n\n    .list {\n        display: flex;\n        flex-wrap: wrap;\n    }\n\n    ::slotted(:last-child) {\n        font: ${bodyEmphasizedFont};\n        color: ${linkFontColor};\n    }\n\n    :host([appearance='prominent']) ::slotted(:last-child) {\n        color: ${linkProminentFontColor};\n    }\n`;\n"]}

package/dist/esm/breadcrumb-item/index.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbItem as FoundationBreadcrumbItem } from '@microsoft/fast-foundation';
+import { BreadcrumbItem as FoundationBreadcrumbItem } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-breadcrumb-item': BreadcrumbItem;

package/dist/esm/breadcrumb-item/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, BreadcrumbItem as FoundationBreadcrumbItem, breadcrumbItemTemplate as template } from '@microsoft/fast-foundation';
+import { DesignSystem, BreadcrumbItem as FoundationBreadcrumbItem, breadcrumbItemTemplate as template } from '@ni/fast-foundation';
 import { forwardSlash16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
 /**

package/dist/esm/breadcrumb-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,cAAc,IAAI,wBAAwB,EAC1C,sBAAsB,IAAI,QAAQ,EAErC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAwB;IACvE,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,wBAAwB;IACnC,QAAQ;IACR,MAAM;IACN,SAAS,EAAE,iBAAiB,CAAC,IAAI;CACpC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    BreadcrumbItem as FoundationBreadcrumbItem,\n    breadcrumbItemTemplate as template,\n    type BreadcrumbItemOptions\n} from '@microsoft/fast-foundation';\nimport { forwardSlash16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-breadcrumb-item': BreadcrumbItem;\n    }\n}\n\n/**\n * A nimble-styled breadcrumb item\n */\nexport class BreadcrumbItem extends FoundationBreadcrumbItem {}\n\nconst nimbleBreadcrumbItem = BreadcrumbItem.compose<BreadcrumbItemOptions>({\n    baseName: 'breadcrumb-item',\n    baseClass: FoundationBreadcrumbItem,\n    template,\n    styles,\n    separator: forwardSlash16X16.data\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleBreadcrumbItem());\nexport const breadcrumbItemTag = 'nimble-breadcrumb-item';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,cAAc,IAAI,wBAAwB,EAC1C,sBAAsB,IAAI,QAAQ,EAErC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAwB;IACvE,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,wBAAwB;IACnC,QAAQ;IACR,MAAM;IACN,SAAS,EAAE,iBAAiB,CAAC,IAAI;CACpC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import {\n    DesignSystem,\n    BreadcrumbItem as FoundationBreadcrumbItem,\n    breadcrumbItemTemplate as template,\n    type BreadcrumbItemOptions\n} from '@ni/fast-foundation';\nimport { forwardSlash16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-breadcrumb-item': BreadcrumbItem;\n    }\n}\n\n/**\n * A nimble-styled breadcrumb item\n */\nexport class BreadcrumbItem extends FoundationBreadcrumbItem {}\n\nconst nimbleBreadcrumbItem = BreadcrumbItem.compose<BreadcrumbItemOptions>({\n    baseName: 'breadcrumb-item',\n    baseClass: FoundationBreadcrumbItem,\n    template,\n    styles,\n    separator: forwardSlash16X16.data\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleBreadcrumbItem());\nexport const breadcrumbItemTag = 'nimble-breadcrumb-item';\n"]}

package/dist/esm/breadcrumb-item/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/breadcrumb-item/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 { borderHoverColor, controlHeight, iconSize, linkActiveFontColor, linkDisabledFontColor, linkFont, linkFontColor, mediumPadding, placeholderFontColor } from '../theme-provider/design-tokens';
 import { focusVisible } from '../utilities/style/focus';

package/dist/esm/breadcrumb-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,aAAa,CAAC;;;sBAGV,aAAa;;cAErB;AACE;kDACkD,CAAC,EACvD;qBACS,qBAAqB;oBACtB,QAAQ;;;;;;;;;qBASP,aAAa;;;;;;;;;;;;;;;;;;;;4BAoBN,aAAa;6BACZ,aAAa;;;;;;;;;qBASrB,QAAQ;sBACP,QAAQ;oBACV,oBAAoB;;;;;;;;;;;kBAWtB,YAAY;;;;qBAIT,gBAAgB;;;;;;qBAMhB,mBAAmB;;;;;;;;qBAQnB,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    borderHoverColor,\n    controlHeight,\n    iconSize,\n    linkActiveFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    mediumPadding,\n    placeholderFontColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    @layer base, hover, focusVisible, active, disabled;\n\n    @layer base {\n        ${display('inline-flex')}\n\n        :host {\n            height: ${controlHeight};\n\n            ${\n                /* When href removed the .control element is also removed\n                so this becomes the fallback color for the slot */ ''\n            }\n            color: ${linkDisabledFontColor};\n            font: ${linkFont};\n        }\n\n        .listitem {\n            display: flex;\n            align-items: center;\n        }\n\n        .control {\n            color: ${linkFontColor};\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n        }\n\n        [part='start'] {\n            display: none;\n        }\n\n        .content {\n            pointer-events: none;\n        }\n\n        [part='end'] {\n            display: none;\n        }\n\n        .separator {\n            padding-left: ${mediumPadding};\n            padding-right: ${mediumPadding};\n        }\n\n        slot[name='separator'] {\n            display: flex;\n            align-items: center;\n        }\n\n        slot[name='separator'] svg {\n            width: ${iconSize};\n            height: ${iconSize};\n            fill: ${placeholderFontColor};\n        }\n    }\n\n    @layer hover {\n        .control:any-link:hover {\n            text-decoration: underline;\n        }\n    }\n\n    @layer focusVisible {\n        .control${focusVisible} {\n            outline: none;\n            box-shadow: inset 0px -1px;\n            text-decoration: underline;\n            color: ${borderHoverColor};\n        }\n    }\n\n    @layer active {\n        .control:active {\n            color: ${linkActiveFontColor};\n            text-decoration: underline;\n            box-shadow: none;\n        }\n    }\n\n    @layer disabled {\n        .control:not(:any-link) {\n            color: ${linkDisabledFontColor};\n        }\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;UAIf,OAAO,CAAC,aAAa,CAAC;;;sBAGV,aAAa;;cAErB;AACE;kDACkD,CAAC,EACvD;qBACS,qBAAqB;oBACtB,QAAQ;;;;;;;;;qBASP,aAAa;;;;;;;;;;;;;;;;;;;;4BAoBN,aAAa;6BACZ,aAAa;;;;;;;;;qBASrB,QAAQ;sBACP,QAAQ;oBACV,oBAAoB;;;;;;;;;;;kBAWtB,YAAY;;;;qBAIT,gBAAgB;;;;;;qBAMhB,mBAAmB;;;;;;;;qBAQnB,qBAAqB;;;CAGzC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    borderHoverColor,\n    controlHeight,\n    iconSize,\n    linkActiveFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    mediumPadding,\n    placeholderFontColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    @layer base, hover, focusVisible, active, disabled;\n\n    @layer base {\n        ${display('inline-flex')}\n\n        :host {\n            height: ${controlHeight};\n\n            ${\n                /* When href removed the .control element is also removed\n                so this becomes the fallback color for the slot */ ''\n            }\n            color: ${linkDisabledFontColor};\n            font: ${linkFont};\n        }\n\n        .listitem {\n            display: flex;\n            align-items: center;\n        }\n\n        .control {\n            color: ${linkFontColor};\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n        }\n\n        [part='start'] {\n            display: none;\n        }\n\n        .content {\n            pointer-events: none;\n        }\n\n        [part='end'] {\n            display: none;\n        }\n\n        .separator {\n            padding-left: ${mediumPadding};\n            padding-right: ${mediumPadding};\n        }\n\n        slot[name='separator'] {\n            display: flex;\n            align-items: center;\n        }\n\n        slot[name='separator'] svg {\n            width: ${iconSize};\n            height: ${iconSize};\n            fill: ${placeholderFontColor};\n        }\n    }\n\n    @layer hover {\n        .control:any-link:hover {\n            text-decoration: underline;\n        }\n    }\n\n    @layer focusVisible {\n        .control${focusVisible} {\n            outline: none;\n            box-shadow: inset 0px -1px;\n            text-decoration: underline;\n            color: ${borderHoverColor};\n        }\n    }\n\n    @layer active {\n        .control:active {\n            color: ${linkActiveFontColor};\n            text-decoration: underline;\n            box-shadow: none;\n        }\n    }\n\n    @layer disabled {\n        .control:not(:any-link) {\n            color: ${linkDisabledFontColor};\n        }\n    }\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import { Button as FoundationButton } from '@ni/fast-foundation';
 import type { ButtonPattern, ButtonAppearanceVariantPattern } from '../patterns/button/types';
 import { ButtonAppearance, ButtonAppearanceVariant } from './types';
 declare global {

package/dist/esm/button/index.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter } from '@microsoft/fast-element';
-import { Button as FoundationButton, DesignSystem } from '@microsoft/fast-foundation';
+import { attr, nullableNumberConverter } from '@ni/fast-element';
+import { Button as FoundationButton, DesignSystem } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 import { ButtonAppearance, ButtonAppearanceVariant } from './types';
@@ -38,7 +38,7 @@ __decorate([
 ], Button.prototype, "tabIndex", void 0);
 /**
  * A function that returns a nimble-button registration for configuring the component with a DesignSystem.
- * Implements {@link @microsoft/fast-foundation#buttonTemplate}
+ * Implements {@link @ni/fast-foundation#buttonTemplate}
  *
  * @public
  * @remarks

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,MACT,SAAQ,gBAAgB;IAD5B;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IASjC,CAAC;CAAA;AAzBU;IADN,IAAI;0CAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;iDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;6CAC1B;AAQb;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;wCAClC;AAGtC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,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, nullableNumberConverter } from '@microsoft/fast-element';\nimport {\n    Button as FoundationButton,\n    type ButtonOptions,\n    DesignSystem\n} from '@microsoft/fast-foundation';\nimport type {\n    ButtonPattern,\n    ButtonAppearanceVariantPattern\n} from '../patterns/button/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { ButtonAppearance, ButtonAppearanceVariant } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-button': Button;\n    }\n}\n\n/**\n * A nimble-styled HTML button\n */\nexport class Button\n    extends FoundationButton\n    implements ButtonPattern, ButtonAppearanceVariantPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n}\n\n/**\n * A function that returns a nimble-button registration for configuring the component with a DesignSystem.\n * Implements {@link @microsoft/fast-foundation#buttonTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-button\\>\n *\n */\nconst nimbleButton = Button.compose<ButtonOptions>({\n    baseName: 'button',\n    baseClass: FoundationButton,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleButton());\nexport const buttonTag = 'nimble-button';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,YAAY,EACf,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,MACT,SAAQ,gBAAgB;IAD5B;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;IASjC,CAAC;CAAA;AAzBU;IADN,IAAI;0CAC0D;AAQxD;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;iDACQ;AAQ3C;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;6CAC1B;AAQb;IADf,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;wCAClC;AAGtC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,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, nullableNumberConverter } from '@ni/fast-element';\nimport {\n    Button as FoundationButton,\n    type ButtonOptions,\n    DesignSystem\n} from '@ni/fast-foundation';\nimport type {\n    ButtonPattern,\n    ButtonAppearanceVariantPattern\n} from '../patterns/button/types';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { ButtonAppearance, ButtonAppearanceVariant } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-button': Button;\n    }\n}\n\n/**\n * A nimble-styled HTML button\n */\nexport class Button\n    extends FoundationButton\n    implements ButtonPattern, ButtonAppearanceVariantPattern {\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance\n     */\n    @attr\n    public appearance: ButtonAppearance = ButtonAppearance.outline;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: appearance-variant\n     */\n    @attr({ attribute: 'appearance-variant' })\n    public appearanceVariant: ButtonAppearanceVariant;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: content-hidden\n     */\n    @attr({ attribute: 'content-hidden', mode: 'boolean' })\n    public contentHidden = false;\n\n    /**\n     * @public\n     * @remarks\n     * HTML Attribute: tabindex\n     */\n    @attr({ attribute: 'tabindex', converter: nullableNumberConverter })\n    public override tabIndex!: number;\n}\n\n/**\n * A function that returns a nimble-button registration for configuring the component with a DesignSystem.\n * Implements {@link @ni/fast-foundation#buttonTemplate}\n *\n * @public\n * @remarks\n * Generates HTML Element: \\<nimble-button\\>\n *\n */\nconst nimbleButton = Button.compose<ButtonOptions>({\n    baseName: 'button',\n    baseClass: FoundationButton,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    }\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleButton());\nexport const buttonTag = 'nimble-button';\n"]}

package/dist/esm/button/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/button/styles.js

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@ni/fast-element';
 import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
 export const styles = css `
     ${buttonStyles}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;CAClC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;CAClC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n`;\n"]}

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

@@ -1,4 +1,4 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import { type ButtonOptions, type FoundationElementTemplate } from '@microsoft/fast-foundation';
+import type { ViewTemplate } from '@ni/fast-element';
+import { type ButtonOptions, type FoundationElementTemplate } from '@ni/fast-foundation';
 import type { Button } from '.';
 export declare const template: FoundationElementTemplate<ViewTemplate<Button>, ButtonOptions>;

package/dist/esm/button/template.js

@@ -1,5 +1,5 @@
-import { html, ref, slotted } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+import { html, ref, slotted } from '@ni/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@ni/fast-foundation';
 export const template = (context, definition) => html `
     <button
         class="control"

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;;sBAIX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;uBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;sBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;sBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;gBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;gBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;iBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;oBACT,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;oBAE5B,OAAO,CAAC,uBAAuB,CAAC;;UAE1C,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC","sourcesContent":["import { html, ref, slotted } from '@microsoft/fast-element';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport {\n    type ButtonOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@microsoft/fast-foundation';\nimport type { Button } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<Button>,\nButtonOptions\n> = (context, definition) => html`\n    <button\n        class=\"control\"\n        part=\"control\"\n        ?autofocus=\"${x => x.autofocus}\"\n        ?disabled=\"${x => x.disabled}\"\n        form=\"${x => x.formId}\"\n        formaction=\"${x => x.formaction}\"\n        formenctype=\"${x => x.formenctype}\"\n        formmethod=\"${x => x.formmethod}\"\n        formnovalidate=\"${x => x.formnovalidate}\"\n        formtarget=\"${x => x.formtarget}\"\n        name=\"${x => x.name}\"\n        type=\"${x => x.type}\"\n        value=\"${x => x.value}\"\n        tabindex=\"${x => x.tabIndex}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-pressed=\"${x => x.ariaPressed}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot ${slotted('defaultSlottedContent')}></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </button>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;;sBAIX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;sBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;uBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;sBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;sBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;gBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;gBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;iBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;oBACT,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;uBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;;UAEd,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;oBAE5B,OAAO,CAAC,uBAAuB,CAAC;;UAE1C,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;;CAE7C,CAAC","sourcesContent":["import { html, ref, slotted } from '@ni/fast-element';\nimport type { ViewTemplate } from '@ni/fast-element';\nimport {\n    type ButtonOptions,\n    endSlotTemplate,\n    type FoundationElementTemplate,\n    startSlotTemplate\n} from '@ni/fast-foundation';\nimport type { Button } from '.';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<Button>,\nButtonOptions\n> = (context, definition) => html`\n    <button\n        class=\"control\"\n        part=\"control\"\n        ?autofocus=\"${x => x.autofocus}\"\n        ?disabled=\"${x => x.disabled}\"\n        form=\"${x => x.formId}\"\n        formaction=\"${x => x.formaction}\"\n        formenctype=\"${x => x.formenctype}\"\n        formmethod=\"${x => x.formmethod}\"\n        formnovalidate=\"${x => x.formnovalidate}\"\n        formtarget=\"${x => x.formtarget}\"\n        name=\"${x => x.name}\"\n        type=\"${x => x.type}\"\n        value=\"${x => x.value}\"\n        tabindex=\"${x => x.tabIndex}\"\n        aria-atomic=\"${x => x.ariaAtomic}\"\n        aria-busy=\"${x => x.ariaBusy}\"\n        aria-controls=\"${x => x.ariaControls}\"\n        aria-current=\"${x => x.ariaCurrent}\"\n        aria-describedby=\"${x => x.ariaDescribedby}\"\n        aria-details=\"${x => x.ariaDetails}\"\n        aria-disabled=\"${x => x.ariaDisabled}\"\n        aria-errormessage=\"${x => x.ariaErrormessage}\"\n        aria-expanded=\"${x => x.ariaExpanded}\"\n        aria-flowto=\"${x => x.ariaFlowto}\"\n        aria-haspopup=\"${x => x.ariaHaspopup}\"\n        aria-hidden=\"${x => x.ariaHidden}\"\n        aria-invalid=\"${x => x.ariaInvalid}\"\n        aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n        aria-label=\"${x => x.ariaLabel}\"\n        aria-labelledby=\"${x => x.ariaLabelledby}\"\n        aria-live=\"${x => x.ariaLive}\"\n        aria-owns=\"${x => x.ariaOwns}\"\n        aria-pressed=\"${x => x.ariaPressed}\"\n        aria-relevant=\"${x => x.ariaRelevant}\"\n        aria-roledescription=\"${x => x.ariaRoledescription}\"\n        ${ref('control')}\n    >\n        ${startSlotTemplate(context, definition)}\n        <span class=\"content\" part=\"content\">\n            <slot ${slotted('defaultSlottedContent')}></slot>\n        </span>\n        ${endSlotTemplate(context, definition)}\n    </button>\n`;\n"]}

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

@@ -2,6 +2,6 @@
  * Types of button appearance.
  * @public
  */
-import type { Button } from '@microsoft/fast-foundation';
+import type { Button } from '@ni/fast-foundation';
 export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
 export type ButtonType = Button['type'];

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/button/types.ts"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * Types of button appearance.\n * @public\n */\nimport type { Button } from '@microsoft/fast-foundation';\n\nexport {\n    ButtonAppearance,\n    ButtonAppearanceVariant\n} from '../patterns/button/types';\nexport type ButtonType = Button['type'];\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/button/types.ts"],"names":[],"mappings":"AAMA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * Types of button appearance.\n * @public\n */\nimport type { Button } from '@ni/fast-foundation';\n\nexport {\n    ButtonAppearance,\n    ButtonAppearanceVariant\n} from '../patterns/button/types';\nexport type ButtonType = Button['type'];\n"]}

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

@@ -1,4 +1,4 @@
-import { Card as FoundationCard } from '@microsoft/fast-foundation';
+import { Card as FoundationCard } from '@ni/fast-foundation';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-card': Card;

package/dist/esm/card/index.js

@@ -1,4 +1,4 @@
-import { DesignSystem, Card as FoundationCard } from '@microsoft/fast-foundation';
+import { DesignSystem, Card as FoundationCard } from '@ni/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import {\n    DesignSystem,\n    Card as FoundationCard\n} from '@microsoft/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-card': Card;\n    }\n}\n\n/**\n * A nimble-styled card\n */\nexport class Card extends FoundationCard {}\n\nconst nimbleCard = Card.compose({\n    baseName: 'card',\n    baseClass: FoundationCard,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCard());\nexport const cardTag = 'nimble-card';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,cAAc;IACzB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import { DesignSystem, Card as FoundationCard } from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-card': Card;\n    }\n}\n\n/**\n * A nimble-styled card\n */\nexport class Card extends FoundationCard {}\n\nconst nimbleCard = Card.compose({\n    baseName: 'card',\n    baseClass: FoundationCard,\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCard());\nexport const cardTag = 'nimble-card';\n"]}

package/dist/esm/card/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/card/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 { bodyEmphasizedFontWeight, bodyFont, bodyFontColor, cardBorderColor, largePadding, subtitleFontColor, subtitlePlus1Font } from '../theme-provider/design-tokens';
 export const styles = css `

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,wBAAwB,EACxB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACpB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;eAIN,YAAY;mBACR,YAAY;4BACH,eAAe;;gBAE3B,QAAQ;iBACP,aAAa;;;;;;;;gBAQd,iBAAiB;uBACV,wBAAwB;iBAC9B,iBAAiB;;CAEjC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyEmphasizedFontWeight,\n    bodyFont,\n    bodyFontColor,\n    cardBorderColor,\n    largePadding,\n    subtitleFontColor,\n    subtitlePlus1Font\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        gap: ${largePadding};\n        padding: ${largePadding};\n        border: 2px solid ${cardBorderColor};\n        border-radius: 8px;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    section {\n        display: contents;\n    }\n\n    slot[name='title'] {\n        font: ${subtitlePlus1Font};\n        font-weight: ${bodyEmphasizedFontWeight};\n        color: ${subtitleFontColor};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,wBAAwB,EACxB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACpB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;eAIN,YAAY;mBACR,YAAY;4BACH,eAAe;;gBAE3B,QAAQ;iBACP,aAAa;;;;;;;;gBAQd,iBAAiB;uBACV,wBAAwB;iBAC9B,iBAAiB;;CAEjC,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport {\n    bodyEmphasizedFontWeight,\n    bodyFont,\n    bodyFontColor,\n    cardBorderColor,\n    largePadding,\n    subtitleFontColor,\n    subtitlePlus1Font\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('flex')}\n\n    :host {\n        flex-direction: column;\n        gap: ${largePadding};\n        padding: ${largePadding};\n        border: 2px solid ${cardBorderColor};\n        border-radius: 8px;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n    }\n\n    section {\n        display: contents;\n    }\n\n    slot[name='title'] {\n        font: ${subtitlePlus1Font};\n        font-weight: ${bodyEmphasizedFontWeight};\n        color: ${subtitleFontColor};\n    }\n`;\n"]}

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

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

package/dist/esm/card/template.js

@@ -1,4 +1,4 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@ni/fast-element';
 export const template = html `
     <section aria-labelledby="title-slot">
         <span id="title-slot"><slot name="title"></slot></span>