@ni/nimble-components 15.5.8 → 16.0.0

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

@@ -18,12 +18,12 @@ export const styles = css `
         background-color: ${fillSelectedColor};
     }
 
-    .control[aria-pressed='true'][disabled] {
+    :host([disabled]) .control[aria-pressed='true'] {
         background-color: ${fillSelectedColor};
         border-color: ${fillSelectedColor};
     }
 
-    .control[aria-pressed='true'][disabled]:hover {
+    :host([disabled]) .control[aria-pressed='true']:hover {
         background-color: ${fillSelectedColor};
         border-color: ${fillSelectedColor};
     }

package/dist/esm/wafer-map/index.d.ts

@@ -14,12 +14,14 @@ export declare class WaferMap extends FoundationElement {
     maxCharacters: number;
     dieLabelsHidden: boolean;
     dieLabelsSuffix: string;
+    readonly canvas: HTMLCanvasElement;
     colorScaleMode: WaferMapColorScaleMode;
     highlightedValues: string[];
     dies: WaferMapDie[];
     colorScale: WaferMapColorScale;
     private renderQueued;
     private dataManager;
+    connectedCallback(): void;
     /**
      * @internal
      */

package/dist/esm/wafer-map/index.js

@@ -5,6 +5,7 @@ import { template } from './template';
 import { styles } from './styles';
 import { WaferMapColorScaleMode, WaferMapOrientation, WaferMapQuadrant } from './types';
 import { DataManager } from './modules/data-manager';
+import { RenderingModule } from './modules/rendering';
 /**
  * A nimble-styled WaferMap
  */
@@ -25,12 +26,18 @@ export class WaferMap extends FoundationElement {
         };
         this.renderQueued = false;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.queueRender();
+    }
     /**
      * @internal
      */
     render() {
         this.renderQueued = false;
-        this.dataManager = new DataManager(this.dies, this.quadrant, { width: this.offsetWidth, height: this.offsetHeight }, this.colorScale, this.highlightedValues, this.colorScaleMode, this.dieLabelsHidden, this.dieLabelsSuffix, this.maxCharacters);
+        this.dataManager = new DataManager(this.dies, this.quadrant, { width: 500, height: 500 }, this.colorScale, this.highlightedValues, this.colorScaleMode, this.dieLabelsHidden, this.dieLabelsSuffix, this.maxCharacters);
+        const renderer = new RenderingModule(this.dataManager, this.canvas);
+        renderer.drawWafer();
     }
     quadrantChanged() {
         this.queueRender();
@@ -60,6 +67,9 @@ export class WaferMap extends FoundationElement {
         this.queueRender();
     }
     queueRender() {
+        if (!this.$fastController.isConnected) {
+            return;
+        }
         if (!this.renderQueued) {
             this.renderQueued = true;
             DOM.queueUpdate(() => this.render());
@@ -93,6 +103,9 @@ __decorate([
     attr({
         attribute: 'color-scale-mode'
     })
+], WaferMap.prototype, "canvas", void 0);
+__decorate([
+    observable
 ], WaferMap.prototype, "colorScaleMode", void 0);
 __decorate([
     observable

package/dist/esm/wafer-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/wafer-map/modules/rendering.d.ts

@@ -0,0 +1,11 @@
+import type { DataManager } from './data-manager';
+/**
+ * Responsible for drawing the dies inside the wafer map
+ */
+export declare class RenderingModule {
+    private readonly waferData;
+    private readonly context;
+    constructor(waferData: DataManager, canvas: HTMLCanvasElement);
+    drawWafer(): void;
+    clearCanvas(): void;
+}

package/dist/esm/wafer-map/modules/rendering.js

@@ -0,0 +1,26 @@
+/**
+ * Responsible for drawing the dies inside the wafer map
+ */
+export class RenderingModule {
+    constructor(waferData, canvas) {
+        this.waferData = waferData;
+        this.context = canvas.getContext('2d');
+    }
+    drawWafer() {
+        const dies = this.waferData.diesRenderInfo;
+        const dimensions = this.waferData.dieDimensions;
+        for (const die of dies) {
+            this.context.fillStyle = die.fillStyle;
+            this.context?.fillRect(die.x, die.y, dimensions.width, dimensions.height);
+            this.context.font = this.waferData.labelsFontSize.toString();
+            this.context.fillStyle = '#ffffff';
+            this.context.textAlign = 'center';
+            const aproxTextHeight = this.context.measureText('M');
+            this.context.fillText(die.text, die.x + dimensions.width / 2, die.y + dimensions.height / 2 + aproxTextHeight.width / 2);
+        }
+    }
+    clearCanvas() {
+        this.context.clearRect(0, 0, this.waferData.containerDimensions.width, this.waferData.containerDimensions.height);
+    }
+}
+//# sourceMappingURL=rendering.js.map

package/dist/esm/wafer-map/modules/rendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rendering.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/rendering.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,eAAe;IAIxB,YAAmB,SAAsB,EAAE,MAAyB;QAChE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;IAC5C,CAAC;IAEM,SAAS;QACZ,MAAM,IAAI,GAAoB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QAC5D,MAAM,UAAU,GAAe,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;QAE5D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;YACvC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAClB,GAAG,CAAC,CAAC,EACL,GAAG,CAAC,CAAC,EACL,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAC;YAEF,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC7D,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;YAClC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,CAAC,OAAO,CAAC,QAAQ,CACjB,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,EAC5B,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,CAC5D,CAAC;SACL;IACL,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAClB,CAAC,EACD,CAAC,EACD,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EACxC,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,MAAM,CAC5C,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/wafer-map/styles.js

@@ -1,3 +1,57 @@
 import { css } from '@microsoft/fast-element';
-export const styles = css ``;
+import { borderColor, borderWidth } from '../theme-provider/design-tokens';
+export const styles = css `
+    .wafer-map-container {
+        width: 500px;
+        height: 500px;
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .svg-root {
+        width: 100%;
+        height: 100%;
+    }
+
+    .svg-root.top {
+        transform: rotate(-90deg);
+    }
+
+    .svg-root.right {
+        transform: rotate(0deg);
+    }
+
+    .svg-root.left {
+        transform: rotate(180deg);
+    }
+
+    .svg-root.bottom {
+        transform: rotate(90deg);
+    }
+
+    .zoom-container {
+        width: 100%;
+        height: 100%;
+    }
+
+    .circle-base {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        fill: white;
+    }
+
+    .circle-drawing-path {
+        shape-rendering: 'crispEdges';
+        vector-effect: non-scaling-stroke;
+        stroke-width: ${borderWidth};
+        stroke: ${borderColor};
+    }
+
+    .wafer-map-area {
+        position: absolute;
+    }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/esm/wafer-map/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/wafer-map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/wafer-map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA8CD,WAAW;kBACjB,WAAW;;;;;;CAM5B,CAAC"}

package/dist/esm/wafer-map/template.js

@@ -1,13 +1,16 @@
-import { html, repeat } from '@microsoft/fast-element';
-// prettier-ignore
+import { html, ref } from '@microsoft/fast-element';
 export const template = html `
-    <div>
-        <ul>
-            ${repeat(x => x.dies, html ` <li>
-                    ${x => html `dieX: ${x.x}, dieY: ${x.y}, value:
-                        ${x.value}%`}
-                </li>`)}
-        </ul>
+    <div class="wafer-map-container">
+        <svg class="svg-root ${x => x.orientation}">
+            <g class="zoom-container">               
+                <svg class="circle-base" version="1.1" x="0px" y="0px" viewbox="1 .45 20 21">
+                    <path class="circle-drawing-path" d="m 21 12 a 10 10 330 1 1 0 -1.98 a 1 1 0 0 0 0 2"/>
+                </svg>
+            </g>
+        </svg>
+        <div class="wafer-map-area" style="left: 0px; top: 0px">
+            <canvas width=500 height="500" ${ref('canvas')}>
+        </div>
     </div>
 `;
 //# sourceMappingURL=template.js.map

package/dist/esm/wafer-map/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/wafer-map/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAIvD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;;cAGxB,MAAM,CACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACX,IAAI,CAAa;sBACH,CAAC,CAAC,EAAE,CAAC,IAAI,CAAa,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;0BAC5C,CAAC,CAAC,KAAK,GAAG;sBACd,CACjB;;;CAGJ,CAAC"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/wafer-map/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;+BAEP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;6CAQJ,GAAG,CAAC,QAAQ,CAAC;;;CAGzD,CAAC"}

package/dist/tokens-internal.scss

@@ -530,53 +530,197 @@ $ni-nimble-internal-subtitle-font-line-height: --ni-nimble-subtitle-font-line-he
 /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-subtitle-fallback-font-family}: <new value>;`.
 $ni-nimble-internal-subtitle-fallback-font-family: --ni-nimble-subtitle-fallback-font-family;
 
-/// Internal property for $ni-nimble-link-standard-font.
+/// Internal property for $ni-nimble-link-font.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font}: <new value>;`.
-$ni-nimble-internal-link-standard-font: --ni-nimble-link-standard-font;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font}: <new value>;`.
+$ni-nimble-internal-link-font: --ni-nimble-link-font;
 
-/// Internal property for $ni-nimble-link-standard-font-color.
+/// Internal property for $ni-nimble-link-font-color.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-color}: <new value>;`.
-$ni-nimble-internal-link-standard-font-color: --ni-nimble-link-standard-font-color;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-color}: <new value>;`.
+$ni-nimble-internal-link-font-color: --ni-nimble-link-font-color;
 
-/// Internal property for $ni-nimble-link-standard-disabled-font-color.
+/// Internal property for $ni-nimble-link-disabled-font-color.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-disabled-font-color}: <new value>;`.
-$ni-nimble-internal-link-standard-disabled-font-color: --ni-nimble-link-standard-disabled-font-color;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-disabled-font-color}: <new value>;`.
+$ni-nimble-internal-link-disabled-font-color: --ni-nimble-link-disabled-font-color;
 
-/// Internal property for $ni-nimble-link-standard-font-family.
+/// Internal property for $ni-nimble-link-font-family.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-family}: <new value>;`.
-$ni-nimble-internal-link-standard-font-family: --ni-nimble-link-standard-font-family;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-family}: <new value>;`.
+$ni-nimble-internal-link-font-family: --ni-nimble-link-font-family;
 
-/// Internal property for $ni-nimble-link-standard-font-size.
+/// Internal property for $ni-nimble-link-font-size.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-size}: <new value>;`.
-$ni-nimble-internal-link-standard-font-size: --ni-nimble-link-standard-font-size;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-size}: <new value>;`.
+$ni-nimble-internal-link-font-size: --ni-nimble-link-font-size;
 
-/// Internal property for $ni-nimble-link-standard-font-weight.
+/// Internal property for $ni-nimble-link-font-weight.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-weight}: <new value>;`.
-$ni-nimble-internal-link-standard-font-weight: --ni-nimble-link-standard-font-weight;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-weight}: <new value>;`.
+$ni-nimble-internal-link-font-weight: --ni-nimble-link-font-weight;
 
-/// Internal property for $ni-nimble-link-standard-font-line-height.
+/// Internal property for $ni-nimble-link-font-line-height.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-line-height}: <new value>;`.
-$ni-nimble-internal-link-standard-font-line-height: --ni-nimble-link-standard-font-line-height;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-line-height}: <new value>;`.
+$ni-nimble-internal-link-font-line-height: --ni-nimble-link-font-line-height;
 
-/// Internal property for $ni-nimble-link-standard-fallback-font-family.
+/// Internal property for $ni-nimble-link-fallback-font-family.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
-/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-fallback-font-family}: <new value>;`.
-$ni-nimble-internal-link-standard-fallback-font-family: --ni-nimble-link-standard-fallback-font-family;
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-fallback-font-family}: <new value>;`.
+$ni-nimble-internal-link-fallback-font-family: --ni-nimble-link-fallback-font-family;
+
+/// Internal property for $ni-nimble-link-active-font.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font}: <new value>;`.
+$ni-nimble-internal-link-active-font: --ni-nimble-link-active-font;
+
+/// Internal property for $ni-nimble-link-active-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-color}: <new value>;`.
+$ni-nimble-internal-link-active-font-color: --ni-nimble-link-active-font-color;
+
+/// Internal property for $ni-nimble-link-active-disabled-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-disabled-font-color}: <new value>;`.
+$ni-nimble-internal-link-active-disabled-font-color: --ni-nimble-link-active-disabled-font-color;
+
+/// Internal property for $ni-nimble-link-active-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-family}: <new value>;`.
+$ni-nimble-internal-link-active-font-family: --ni-nimble-link-active-font-family;
+
+/// Internal property for $ni-nimble-link-active-font-size.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-size}: <new value>;`.
+$ni-nimble-internal-link-active-font-size: --ni-nimble-link-active-font-size;
+
+/// Internal property for $ni-nimble-link-active-font-weight.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-weight}: <new value>;`.
+$ni-nimble-internal-link-active-font-weight: --ni-nimble-link-active-font-weight;
+
+/// Internal property for $ni-nimble-link-active-font-line-height.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-line-height}: <new value>;`.
+$ni-nimble-internal-link-active-font-line-height: --ni-nimble-link-active-font-line-height;
+
+/// Internal property for $ni-nimble-link-active-fallback-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-fallback-font-family}: <new value>;`.
+$ni-nimble-internal-link-active-fallback-font-family: --ni-nimble-link-active-fallback-font-family;
+
+/// Internal property for $ni-nimble-link-prominent-font.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font}: <new value>;`.
+$ni-nimble-internal-link-prominent-font: --ni-nimble-link-prominent-font;
+
+/// Internal property for $ni-nimble-link-prominent-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-color}: <new value>;`.
+$ni-nimble-internal-link-prominent-font-color: --ni-nimble-link-prominent-font-color;
+
+/// Internal property for $ni-nimble-link-prominent-disabled-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-disabled-font-color}: <new value>;`.
+$ni-nimble-internal-link-prominent-disabled-font-color: --ni-nimble-link-prominent-disabled-font-color;
+
+/// Internal property for $ni-nimble-link-prominent-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-family}: <new value>;`.
+$ni-nimble-internal-link-prominent-font-family: --ni-nimble-link-prominent-font-family;
+
+/// Internal property for $ni-nimble-link-prominent-font-size.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-size}: <new value>;`.
+$ni-nimble-internal-link-prominent-font-size: --ni-nimble-link-prominent-font-size;
+
+/// Internal property for $ni-nimble-link-prominent-font-weight.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-weight}: <new value>;`.
+$ni-nimble-internal-link-prominent-font-weight: --ni-nimble-link-prominent-font-weight;
+
+/// Internal property for $ni-nimble-link-prominent-font-line-height.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-line-height}: <new value>;`.
+$ni-nimble-internal-link-prominent-font-line-height: --ni-nimble-link-prominent-font-line-height;
+
+/// Internal property for $ni-nimble-link-prominent-fallback-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-fallback-font-family}: <new value>;`.
+$ni-nimble-internal-link-prominent-fallback-font-family: --ni-nimble-link-prominent-fallback-font-family;
+
+/// Internal property for $ni-nimble-link-active-prominent-font.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font: --ni-nimble-link-active-prominent-font;
+
+/// Internal property for $ni-nimble-link-active-prominent-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-color}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font-color: --ni-nimble-link-active-prominent-font-color;
+
+/// Internal property for $ni-nimble-link-active-prominent-disabled-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-disabled-font-color}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-disabled-font-color: --ni-nimble-link-active-prominent-disabled-font-color;
+
+/// Internal property for $ni-nimble-link-active-prominent-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-family}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font-family: --ni-nimble-link-active-prominent-font-family;
+
+/// Internal property for $ni-nimble-link-active-prominent-font-size.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-size}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font-size: --ni-nimble-link-active-prominent-font-size;
+
+/// Internal property for $ni-nimble-link-active-prominent-font-weight.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-weight}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font-weight: --ni-nimble-link-active-prominent-font-weight;
+
+/// Internal property for $ni-nimble-link-active-prominent-font-line-height.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-line-height}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-font-line-height: --ni-nimble-link-active-prominent-font-line-height;
+
+/// Internal property for $ni-nimble-link-active-prominent-fallback-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-fallback-font-family}: <new value>;`.
+$ni-nimble-internal-link-active-prominent-fallback-font-family: --ni-nimble-link-active-prominent-fallback-font-family;
 
 /// Internal property for $ni-nimble-placeholder-font.
 /// Not intended for general use. If used, inform Nimble squad of use-case.

package/dist/tokens.scss

@@ -269,29 +269,101 @@ $ni-nimble-subtitle-font-line-height: var($ni-nimble-internal-subtitle-font-line
 /// Fallback font family for the "Subtitle_1" base token
 $ni-nimble-subtitle-fallback-font-family: var($ni-nimble-internal-subtitle-fallback-font-family);
 
-/// Font shorthand for the "Link_standard_1" base token
-$ni-nimble-link-standard-font: var($ni-nimble-internal-link-standard-font);
+/// Font shorthand for links
+$ni-nimble-link-font: var($ni-nimble-internal-link-font);
 
-/// Font color for the "Link_Standard_1" base token
-$ni-nimble-link-standard-font-color: var($ni-nimble-internal-link-standard-font-color);
+/// Font color for links
+$ni-nimble-link-font-color: var($ni-nimble-internal-link-font-color);
 
-/// Disabled font color for the "Link_Standard_1" base token
-$ni-nimble-link-standard-disabled-font-color: var($ni-nimble-internal-link-standard-disabled-font-color);
+/// Disabled font color for links
+$ni-nimble-link-disabled-font-color: var($ni-nimble-internal-link-disabled-font-color);
 
-/// Font family for the "Link_Standard_1" base token
-$ni-nimble-link-standard-font-family: var($ni-nimble-internal-link-standard-font-family);
+/// Font family for links
+$ni-nimble-link-font-family: var($ni-nimble-internal-link-font-family);
 
-/// Font size for the "Link_Standard_1" base token
-$ni-nimble-link-standard-font-size: var($ni-nimble-internal-link-standard-font-size);
+/// Font size for links
+$ni-nimble-link-font-size: var($ni-nimble-internal-link-font-size);
 
-/// Font weight for the "Link_Standard_1" base token
-$ni-nimble-link-standard-font-weight: var($ni-nimble-internal-link-standard-font-weight);
+/// Font weight for links
+$ni-nimble-link-font-weight: var($ni-nimble-internal-link-font-weight);
 
-/// Font line height for the "Link_Standard_1" base token
-$ni-nimble-link-standard-font-line-height: var($ni-nimble-internal-link-standard-font-line-height);
+/// Font line height for links
+$ni-nimble-link-font-line-height: var($ni-nimble-internal-link-font-line-height);
 
-/// Fallback font family for the "Link_Standard_1" base token
-$ni-nimble-link-standard-fallback-font-family: var($ni-nimble-internal-link-standard-fallback-font-family);
+/// Fallback font family for links
+$ni-nimble-link-fallback-font-family: var($ni-nimble-internal-link-fallback-font-family);
+
+/// Font shorthand for active links
+$ni-nimble-link-active-font: var($ni-nimble-internal-link-active-font);
+
+/// Font color for active links
+$ni-nimble-link-active-font-color: var($ni-nimble-internal-link-active-font-color);
+
+/// Disabled font color for active links
+$ni-nimble-link-active-disabled-font-color: var($ni-nimble-internal-link-active-disabled-font-color);
+
+/// Font family for active links
+$ni-nimble-link-active-font-family: var($ni-nimble-internal-link-active-font-family);
+
+/// Font size for active links
+$ni-nimble-link-active-font-size: var($ni-nimble-internal-link-active-font-size);
+
+/// Font weight for active links
+$ni-nimble-link-active-font-weight: var($ni-nimble-internal-link-active-font-weight);
+
+/// Font line height for active links
+$ni-nimble-link-active-font-line-height: var($ni-nimble-internal-link-active-font-line-height);
+
+/// Fallback font family for active links
+$ni-nimble-link-active-fallback-font-family: var($ni-nimble-internal-link-active-fallback-font-family);
+
+/// Font shorthand for prominent links
+$ni-nimble-link-prominent-font: var($ni-nimble-internal-link-prominent-font);
+
+/// Font color for prominent links
+$ni-nimble-link-prominent-font-color: var($ni-nimble-internal-link-prominent-font-color);
+
+/// Disabled font color for prominent links
+$ni-nimble-link-prominent-disabled-font-color: var($ni-nimble-internal-link-prominent-disabled-font-color);
+
+/// Font family for prominent links
+$ni-nimble-link-prominent-font-family: var($ni-nimble-internal-link-prominent-font-family);
+
+/// Font size for prominent links
+$ni-nimble-link-prominent-font-size: var($ni-nimble-internal-link-prominent-font-size);
+
+/// Font weight for prominent links
+$ni-nimble-link-prominent-font-weight: var($ni-nimble-internal-link-prominent-font-weight);
+
+/// Font line height for prominent links
+$ni-nimble-link-prominent-font-line-height: var($ni-nimble-internal-link-prominent-font-line-height);
+
+/// Fallback font family for prominent links
+$ni-nimble-link-prominent-fallback-font-family: var($ni-nimble-internal-link-prominent-fallback-font-family);
+
+/// Font shorthand for active prominent links
+$ni-nimble-link-active-prominent-font: var($ni-nimble-internal-link-active-prominent-font);
+
+/// Font color for active prominent links
+$ni-nimble-link-active-prominent-font-color: var($ni-nimble-internal-link-active-prominent-font-color);
+
+/// Disabled font color for active prominent links
+$ni-nimble-link-active-prominent-disabled-font-color: var($ni-nimble-internal-link-active-prominent-disabled-font-color);
+
+/// Font family for active prominent links
+$ni-nimble-link-active-prominent-font-family: var($ni-nimble-internal-link-active-prominent-font-family);
+
+/// Font size for active prominent links
+$ni-nimble-link-active-prominent-font-size: var($ni-nimble-internal-link-active-prominent-font-size);
+
+/// Font weight for active prominent links
+$ni-nimble-link-active-prominent-font-weight: var($ni-nimble-internal-link-active-prominent-font-weight);
+
+/// Font line height for active prominent links
+$ni-nimble-link-active-prominent-font-line-height: var($ni-nimble-internal-link-active-prominent-font-line-height);
+
+/// Fallback font family for active prominent links
+$ni-nimble-link-active-prominent-fallback-font-family: var($ni-nimble-internal-link-active-prominent-fallback-font-family);
 
 /// Font shorthand for the "Placeholder" base token
 $ni-nimble-placeholder-font: var($ni-nimble-internal-placeholder-font);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "15.5.8",
+  "version": "16.0.0",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",