@ni/nimble-components 15.5.8 → 16.0.0

package/dist/esm/all-components.d.ts

@@ -3,6 +3,8 @@
  * Production applications are encouraged to import only components
  * that are required instead of leveraging this file.
  */
+import './anchor';
+import './anchor-button';
 import './anchored-region';
 import './breadcrumb';
 import './breadcrumb-item';

package/dist/esm/all-components.js

@@ -3,6 +3,8 @@
  * Production applications are encouraged to import only components
  * that are required instead of leveraging this file.
  */
+import './anchor';
+import './anchor-button';
 import './anchored-region';
 import './breadcrumb';
 import './breadcrumb-item';

package/dist/esm/all-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,QAAQ,CAAC;AAChB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,QAAQ,CAAC;AAChB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC"}
+{"version":3,"file":"all-components.js","sourceRoot":"","sources":["../../src/all-components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,QAAQ,CAAC;AAChB,OAAO,eAAe,CAAC;AACvB,OAAO,aAAa,CAAC;AACrB,OAAO,gBAAgB,CAAC;AACxB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,CAAC;AAClB,OAAO,UAAU,CAAC;AAClB,OAAO,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AACrB,OAAO,SAAS,CAAC;AACjB,OAAO,QAAQ,CAAC;AAChB,OAAO,gBAAgB,CAAC;AACxB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,WAAW,CAAC;AACnB,OAAO,WAAW,CAAC;AACnB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC;AACrB,OAAO,aAAa,CAAC"}

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

@@ -0,0 +1,24 @@
+import { AnchorBase } from '../anchor-base';
+import type { AnchorAppearance } from './types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-anchor': Anchor;
+    }
+}
+/**
+ * A nimble-styled anchor
+ */
+export declare class Anchor extends AnchorBase {
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: underline-hidden
+     */
+    underlineHidden: boolean;
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: AnchorAppearance;
+}

package/dist/esm/anchor/index.js

@@ -0,0 +1,37 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { DesignSystem, Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+import { AnchorBase } from '../anchor-base';
+import { styles } from './styles';
+import { template } from './template';
+/**
+ * A nimble-styled anchor
+ */
+export class Anchor extends AnchorBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * @public
+         * @remarks
+         * HTML Attribute: underline-hidden
+         */
+        this.underlineHidden = false;
+    }
+}
+__decorate([
+    attr({ attribute: 'underline-hidden', mode: 'boolean' })
+], Anchor.prototype, "underlineHidden", void 0);
+__decorate([
+    attr
+], Anchor.prototype, "appearance", void 0);
+const nimbleAnchor = Anchor.compose({
+    baseName: 'anchor',
+    baseClass: FoundationAnchor,
+    template,
+    styles,
+    shadowOptions: {
+        delegatesFocus: true
+    }
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchor());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QACI;;;;WAIG;QAEI,oBAAe,GAAG,KAAK,CAAC;IASnC,CAAC;CAAA;AATG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQ/B;IADC,IAAI;0CAC+B;AAGxC,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"}

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

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

package/dist/esm/anchor/styles.js

@@ -0,0 +1,86 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { focusVisible } from '../utilities/style/focus';
+import { linkActiveDisabledFontColor, linkActiveFontColor, linkActiveProminentFontColor, linkDisabledFontColor, linkFont, linkFontColor, linkProminentDisabledFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline')}
+
+    :host {
+        box-sizing: border-box;
+        font: ${linkFont};
+    }
+
+    [part='start'] {
+        display: none;
+    }
+
+    .control {
+        color: ${linkFontColor};
+        text-decoration: underline;
+    }
+
+    .control${focusVisible} {
+        display: inline;
+        outline: none;
+        box-shadow: inset 0px -1px ${linkFontColor};
+    }
+
+    .control:active {
+        color: ${linkActiveFontColor};
+        text-decoration: underline;
+    }
+
+    .control${focusVisible}:active {
+        box-shadow: inset 0px -1px ${linkActiveFontColor};
+    }
+
+    .control:not(:any-link) {
+        color: ${linkDisabledFontColor};
+        text-decoration: none;
+    }
+
+    .control:not(:any-link):active {
+        color: ${linkActiveDisabledFontColor};
+    }
+
+    :host([underline-hidden]) .control {
+        text-decoration: none;
+    }
+
+    :host([underline-hidden]) .control:hover {
+        text-decoration: underline;
+    }
+
+    :host([underline-hidden]) .control${focusVisible} {
+        text-decoration: underline;
+    }
+
+    :host([underline-hidden]) .control:not(:any-link) {
+        text-decoration: none;
+    }
+
+    :host([appearance='prominent']) .control {
+        color: ${linkProminentFontColor};
+    }
+
+    :host([appearance='prominent']) .control:active {
+        color: ${linkActiveProminentFontColor};
+    }
+
+    :host([appearance='prominent']) .control${focusVisible} {
+        box-shadow: inset 0px -1px ${linkProminentFontColor};
+    }
+
+    :host([appearance='prominent']) .control${focusVisible}:active {
+        box-shadow: inset 0px -1px ${linkActiveProminentFontColor};
+    }
+
+    :host([appearance='prominent']) .control:not(:any-link) {
+        color: ${linkProminentDisabledFontColor};
+    }
+
+    [part='end'] {
+        display: none;
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;gBAIP,QAAQ;;;;;;;;iBAQP,aAAa;;;;cAIhB,YAAY;;;qCAGW,aAAa;;;;iBAIjC,mBAAmB;;;;cAItB,YAAY;qCACW,mBAAmB;;;;iBAIvC,qBAAqB;;;;;iBAKrB,2BAA2B;;;;;;;;;;;wCAWJ,YAAY;;;;;;;;;iBASnC,sBAAsB;;;;iBAItB,4BAA4B;;;8CAGC,YAAY;qCACrB,sBAAsB;;;8CAGb,YAAY;qCACrB,4BAA4B;;;;iBAIhD,8BAA8B;;;;;;CAM9C,CAAC"}

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

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

package/dist/esm/anchor/template.js

@@ -0,0 +1,53 @@
+import { html, ref, slotted } from '@microsoft/fast-element';
+import { startSlotTemplate } from '@microsoft/fast-foundation';
+// prettier-ignore
+export const template = (context, definition) => html `
+    <a
+        class="control"
+        part="control"
+        download="${x => x.download}"
+        href=${x => x.href}
+        hreflang="${x => x.hreflang}"
+        ping="${x => x.ping}"
+        referrerpolicy="${x => x.referrerpolicy}"
+        rel="${x => x.rel}"
+        target="${x => x.target}"
+        type="${x => x.type}"
+        aria-atomic="${x => x.ariaAtomic}"
+        aria-busy="${x => x.ariaBusy}"
+        aria-controls="${x => x.ariaControls}"
+        aria-current="${x => x.ariaCurrent}"
+        aria-describedby="${x => x.ariaDescribedby}"
+        aria-details="${x => x.ariaDetails}"
+        aria-disabled="${x => x.ariaDisabled}"
+        aria-errormessage="${x => x.ariaErrormessage}"
+        aria-expanded="${x => x.ariaExpanded}"
+        aria-flowto="${x => x.ariaFlowto}"
+        aria-haspopup="${x => x.ariaHaspopup}"
+        aria-hidden="${x => x.ariaHidden}"
+        aria-invalid="${x => x.ariaInvalid}"
+        aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
+        aria-label="${x => x.ariaLabel}"
+        aria-labelledby="${x => x.ariaLabelledby}"
+        aria-live="${x => x.ariaLive}"
+        aria-owns="${x => x.ariaOwns}"
+        aria-relevant="${x => x.ariaRelevant}"
+        aria-roledescription="${x => x.ariaRoledescription}"
+        ${ref('control')}
+    >
+        ${startSlotTemplate(context, definition)}
+        ${ /* End slot template inlined to avoid extra whitespace.
+     See https://github.com/microsoft/fast/issues/6557 */''}
+        ${ /* Whitespace intentionally avoided between tags for inline styles */''}
+        <span class="content" part="content"><slot ${slotted('defaultSlottedContent')}></slot></span
+        ><span
+            part="end"
+            ${ref('endContainer')}
+            class=${_x => (definition.end ? 'end' : null)}
+        >
+            <slot name="end" ${ref('end')} @slotchange="${x => x.handleEndContentChange()}">
+                ${definition.end || ''}
+            </slot>
+        </span></a>
+`;
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAGH,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAQ;;;;oBAIrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACJ,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;yBACX,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;UACtC,CAAA;yDACwD,EAAE;UAC1D,CAAA,qEAAsE,EAAE;qDAC7B,OAAO,CAAC,uBAAuB,CAAC;;;cAGvE,GAAG,CAAC,cAAc,CAAC;oBACb,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;+BAE1B,GAAG,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;kBACvE,UAAU,CAAC,GAAG,IAAI,EAAE;;;CAGrC,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Anchor appearance states
+ * @public
+ */
+export declare const AnchorAppearance: {
+    readonly default: undefined;
+    readonly prominent: "prominent";
+};
+export declare type AnchorAppearance = typeof AnchorAppearance[keyof typeof AnchorAppearance];

package/dist/esm/anchor/types.js

@@ -0,0 +1,9 @@
+/**
+ * Anchor appearance states
+ * @public
+ */
+export const AnchorAppearance = {
+    default: undefined,
+    prominent: 'prominent'
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/anchor/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;CAChB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+/**
+ * Exported base class of link-like types
+ */
+export declare class AnchorBase extends FoundationAnchor {
+}

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

@@ -0,0 +1,7 @@
+import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
+/**
+ * Exported base class of link-like types
+ */
+export class AnchorBase extends FoundationAnchor {
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAExE;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,gBAAgB;CAAG"}

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

@@ -0,0 +1,36 @@
+import { AnchorBase } from '../anchor-base';
+import { ButtonAppearance, ButtonAppearanceVariant, ButtonPattern, ButtonAppearanceVariantPattern } from '../patterns/button/types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-anchor-button': AnchorButton;
+    }
+}
+/**
+ * A nimble-styled anchor button
+ */
+export declare class AnchorButton extends AnchorBase implements ButtonPattern, ButtonAppearanceVariantPattern {
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     */
+    appearance: ButtonAppearance;
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: appearance-variant
+     */
+    appearanceVariant: ButtonAppearanceVariant;
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: content-hidden
+     */
+    contentHidden: boolean;
+    /**
+     * @public
+     * @remarks
+     * HTML Attribute: disabled
+     */
+    disabled: boolean;
+}

package/dist/esm/anchor-button/index.js

@@ -0,0 +1,55 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { AnchorBase } from '../anchor-base';
+import { ButtonAppearance } from '../patterns/button/types';
+import { styles } from './styles';
+import { template } from './template';
+/**
+ * A nimble-styled anchor button
+ */
+export class AnchorButton extends AnchorBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * @public
+         * @remarks
+         * HTML Attribute: appearance
+         */
+        this.appearance = ButtonAppearance.outline;
+        /**
+         * @public
+         * @remarks
+         * HTML Attribute: content-hidden
+         */
+        this.contentHidden = false;
+        /**
+         * @public
+         * @remarks
+         * HTML Attribute: disabled
+         */
+        this.disabled = false;
+    }
+}
+__decorate([
+    attr
+], AnchorButton.prototype, "appearance", void 0);
+__decorate([
+    attr({ attribute: 'appearance-variant' })
+], AnchorButton.prototype, "appearanceVariant", void 0);
+__decorate([
+    attr({ attribute: 'content-hidden', mode: 'boolean' })
+], AnchorButton.prototype, "contentHidden", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], AnchorButton.prototype, "disabled", void 0);
+const nimbleAnchorButton = AnchorButton.compose({
+    baseName: 'anchor-button',
+    template,
+    styles,
+    shadowOptions: {
+        delegatesFocus: true
+    }
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorButton());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor-button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAiB,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACH,gBAAgB,EAInB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC;;GAEG;AACH,MAAM,OAAO,YACT,SAAQ,UAAU;IADtB;;QAGI;;;;WAIG;QAEI,eAAU,GAAqB,gBAAgB,CAAC,OAAO,CAAC;QAU/D;;;;WAIG;QAEI,kBAAa,GAAG,KAAK,CAAC;QAE7B;;;;WAIG;QAEI,aAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;CAAA;AAzBG;IADC,IAAI;gDAC0D;AAQ/D;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDACQ;AAQlD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;mDAC1B;AAQ7B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACF;AAG5B,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAgB;IAC3D,QAAQ,EAAE,eAAe;IACzB,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,kBAAkB,EAAE,CAAC,CAAC"}

package/dist/esm/anchor-button/styles.d.ts

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

package/dist/esm/anchor-button/styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
+export const styles = css `
+    ${buttonStyles}
+    ${buttonAppearanceVariantStyles}
+
+    .control {
+        text-decoration: none;
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-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;;;;;CAKlC,CAAC"}

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

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

package/dist/esm/anchor-button/template.js

@@ -0,0 +1,44 @@
+import { html, ref, slotted } from '@microsoft/fast-element';
+import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation';
+export const template = (context, definition) => html `
+    <a
+        class="control"
+        part="control"
+        download="${x => x.download}"
+        href=${x => (x.disabled ? null : x.href)}
+        hreflang="${x => x.hreflang}"
+        ping="${x => x.ping}"
+        referrerpolicy="${x => x.referrerpolicy}"
+        rel="${x => x.rel}"
+        target="${x => x.target}"
+        type="${x => x.type}"
+        aria-atomic="${x => x.ariaAtomic}"
+        aria-busy="${x => x.ariaBusy}"
+        aria-controls="${x => x.ariaControls}"
+        aria-current="${x => x.ariaCurrent}"
+        aria-describedby="${x => x.ariaDescribedby}"
+        aria-details="${x => x.ariaDetails}"
+        aria-disabled="${x => x.ariaDisabled}"
+        aria-errormessage="${x => x.ariaErrormessage}"
+        aria-expanded="${x => x.ariaExpanded}"
+        aria-flowto="${x => x.ariaFlowto}"
+        aria-haspopup="${x => x.ariaHaspopup}"
+        aria-hidden="${x => x.ariaHidden}"
+        aria-invalid="${x => x.ariaInvalid}"
+        aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
+        aria-label="${x => x.ariaLabel}"
+        aria-labelledby="${x => x.ariaLabelledby}"
+        aria-live="${x => x.ariaLive}"
+        aria-owns="${x => x.ariaOwns}"
+        aria-relevant="${x => x.ariaRelevant}"
+        aria-roledescription="${x => x.ariaRoledescription}"
+        ${ref('control')}
+    >
+        ${startSlotTemplate(context, definition)}
+        <span class="content" part="content">
+            <slot ${slotted('defaultSlottedContent')}></slot>
+        </span>
+        ${endSlotTemplate(context, definition)}
+    </a>
+`;
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-button/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAEH,eAAe,EAEf,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAc;;;;oBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACJ,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;yBACX,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"}

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

@@ -0,0 +1,5 @@
+/**
+ * Types of button appearance.
+ * @public
+ */
+export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';

package/dist/esm/anchor-button/types.js

@@ -0,0 +1,6 @@
+/**
+ * Types of button appearance.
+ * @public
+ */
+export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/anchor-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC"}

package/dist/esm/breadcrumb/styles.js

@@ -1,17 +1,19 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { DigitalGreenDark, PowerGreen, White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
-import { bodyEmphasizedFont, bodyFont, bodyFontColor } from '../theme-provider/design-tokens';
-import { Theme } from '../theme-provider/types';
-import { hexToRgbaCssColor } from '../utilities/style/colors';
-import { themeBehavior } from '../utilities/style/theme';
+import { bodyEmphasizedFont, linkActiveFontColor, linkActiveProminentFontColor, linkFont, linkFontColor, linkProminentFontColor } from '../theme-provider/design-tokens';
 export const styles = css `
     ${display('inline-block')}
 
     :host {
         box-sizing: border-box;
-        font: ${bodyFont};
-        --ni-private-breadcrumb-link-font-color: ${bodyFontColor};
+        font: ${linkFont};
+        --ni-private-breadcrumb-link-font-color: ${linkFontColor};
+        --ni-private-breadcrumb-link-active-font-color: ${linkActiveFontColor};
+    }
+
+    :host([appearance='prominent']) {
+        --ni-private-breadcrumb-link-font-color: ${linkProminentFontColor};
+        --ni-private-breadcrumb-link-active-font-color: ${linkActiveProminentFontColor};
     }
 
     .list {
@@ -19,10 +21,6 @@ export const styles = css `
         flex-wrap: wrap;
     }
 
-    :host([appearance='prominent']) {
-        --ni-private-breadcrumb-link-active-font-color: ${bodyFontColor};
-    }
-
     ::slotted(*:first-child) {
         padding-left: 0px;
     }
@@ -30,29 +28,5 @@ export const styles = css `
     ::slotted(*:not([href]):last-child) {
         font: ${bodyEmphasizedFont};
     }
-`.withBehaviors(themeBehavior(Theme.light, css `
-            :host {
-                --ni-private-breadcrumb-link-active-font-color: ${DigitalGreenDark};
-            }
-
-            :host([appearance='prominent']) {
-                --ni-private-breadcrumb-link-font-color: ${DigitalGreenDark};
-            }
-        `), themeBehavior(Theme.dark, css `
-            :host {
-                --ni-private-breadcrumb-link-active-font-color: ${PowerGreen};
-            }
-
-            :host([appearance='prominent']) {
-                --ni-private-breadcrumb-link-font-color: ${PowerGreen};
-            }
-        `), themeBehavior(Theme.color, css `
-            :host {
-                --ni-private-breadcrumb-link-active-font-color: ${hexToRgbaCssColor(White, 0.6)};
-            }
-
-            :host([appearance='prominent']) {
-                --ni-private-breadcrumb-link-font-color: ${PowerGreen};
-            }
-        `));
+`;
 //# sourceMappingURL=styles.js.map

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,gBAAgB,EAChB,UAAU,EACV,KAAK,EACR,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACH,kBAAkB,EAClB,QAAQ,EACR,aAAa,EAChB,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;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;;gBAIb,QAAQ;mDAC2B,aAAa;;;;;;;;;0DASN,aAAa;;;;;;;;gBAQvD,kBAAkB;;CAEjC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;kEAEuD,gBAAgB;;;;2DAIvB,gBAAgB;;SAElE,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;kEAEuD,UAAU;;;;2DAIjB,UAAU;;SAE5D,CACJ,EACD,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;kEAEuD,iBAAiB,CAC/D,KAAK,EACL,GAAG,CACN;;;;2DAI0C,UAAU;;SAE5D,CACJ,CACJ,CAAC"}
+{"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,mBAAmB,EACnB,4BAA4B,EAC5B,QAAQ,EACR,aAAa,EACb,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;;gBAIb,QAAQ;mDAC2B,aAAa;0DACN,mBAAmB;;;;mDAI1B,sBAAsB;0DACf,4BAA4B;;;;;;;;;;;;;gBAatE,kBAAkB;;CAEjC,CAAC"}

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

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { bodyFont, bodyFontColor, borderHoverColor, borderWidth, controlHeight, iconSize, placeholderFontColor } from '../theme-provider/design-tokens';
+import { bodyFontColor, borderHoverColor, borderWidth, controlHeight, iconSize, linkFont, placeholderFontColor } from '../theme-provider/design-tokens';
 import { focusVisible } from '../utilities/style/focus';
 export const styles = css `
     ${display('inline-flex')}
@@ -8,9 +8,13 @@ export const styles = css `
     :host {
         height: ${controlHeight};
         box-sizing: border-box;
-        font: ${bodyFont};
-        color: ${bodyFontColor};
         padding-left: calc(4px - ${borderWidth});
+
+        ${
+/* When href removed the .control element is also removed
+ so this becomes the fallback color for the slot */ ''}
+        color: ${bodyFontColor};
+        font: ${linkFont};
     }
 
     .listitem {
@@ -20,16 +24,11 @@ export const styles = css `
 
     .control {
         color: var(--ni-private-breadcrumb-link-font-color);
-        cursor: default;
         display: flex;
         align-items: center;
         justify-content: center;
         border: ${borderWidth} solid transparent;
         padding-right: calc(4px - ${borderWidth});
-    }
-
-    .control:any-link {
-        cursor: pointer;
         text-decoration: none;
     }
 
@@ -37,17 +36,17 @@ export const styles = css `
         text-decoration: underline;
     }
 
-    .control:active {
-        color: var(--ni-private-breadcrumb-link-active-font-color);
-        text-decoration: underline;
-    }
-
-    .control:any-link${focusVisible} {
+    .control${focusVisible} {
         border: ${borderWidth} solid ${borderHoverColor};
         outline: 2px solid ${borderHoverColor};
         outline-offset: 1px;
     }
 
+    .control:active {
+        color: var(--ni-private-breadcrumb-link-active-font-color);
+        text-decoration: underline;
+    }
+
     .start,
     .end {
         display: flex;

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,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;gBAEf,QAAQ;iBACP,aAAa;mCACK,WAAW;;;;;;;;;;;;;;kBAc5B,WAAW;oCACO,WAAW;;;;;;;;;;;;;;;;;uBAiBxB,YAAY;kBACjB,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;iBAoB5B,QAAQ;kBACP,QAAQ;;;;gBAIV,oBAAoB;;CAEnC,CAAC"}
+{"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,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;mCAEI,WAAW;;UAEpC;AACE;mDACmD,CAAC,EACxD;iBACS,aAAa;gBACd,QAAQ;;;;;;;;;;;;;kBAaN,WAAW;oCACO,WAAW;;;;;;;;cAQjC,YAAY;kBACR,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB5B,QAAQ;kBACP,QAAQ;;;;gBAIV,oBAAoB;;CAEnC,CAAC"}