@ni/nimble-components 1.0.0-beta.124 → 1.0.0-beta.128

package/dist/esm/nimble-components/src/icons/all-icons.d.ts

@@ -3,13 +3,22 @@ export { AdminIcon } from './admin';
 export { AdministrationIcon } from './administration';
 export { CheckIcon } from './check';
 export { CustomApplicationsIcon } from './custom-applications';
+export { CustomStatusIcon } from './custom-status';
 export { DeleteIcon } from './delete';
+export { DoneIcon } from './done';
 export { FailIcon } from './fail';
 export { LoginIcon } from './login';
 export { LogoutIcon } from './logout';
+export { LoopingIcon } from './looping';
 export { ManagedSystemsIcon } from './managed-systems';
 export { MeasurementDataAnalysisIcon } from './measurement-data-analysis';
+export { RunningIcon } from './running';
 export { SettingsIcon } from './settings';
+export { SkippedIcon } from './skipped';
+export { StatusIcon } from './status';
 export { SucceededIcon } from './succeeded';
+export { TerminatedIcon } from './terminated';
 export { TestInsightsIcon } from './test-insights';
+export { TimedOutIcon } from './timed-out';
 export { UtilitiesIcon } from './utilities';
+export { WaitingIcon } from './waiting';

package/dist/esm/nimble-components/src/icons/custom-status.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-custom-status-icon': CustomStatusIcon;
+    }
+}
+/**
+ *  The icon component for the 'custom-status' icon
+ */
+export declare class CustomStatusIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/done.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-done-icon': DoneIcon;
+    }
+}
+/**
+ *  The icon component for the 'done' icon
+ */
+export declare class DoneIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/looping.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-looping-icon': LoopingIcon;
+    }
+}
+/**
+ *  The icon component for the 'looping' icon
+ */
+export declare class LoopingIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/running.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-running-icon': RunningIcon;
+    }
+}
+/**
+ *  The icon component for the 'running' icon
+ */
+export declare class RunningIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/skipped.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-skipped-icon': SkippedIcon;
+    }
+}
+/**
+ *  The icon component for the 'skipped' icon
+ */
+export declare class SkippedIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/status.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-status-icon': StatusIcon;
+    }
+}
+/**
+ *  The icon component for the 'status' icon
+ */
+export declare class StatusIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/terminated.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-terminated-icon': TerminatedIcon;
+    }
+}
+/**
+ *  The icon component for the 'terminated' icon
+ */
+export declare class TerminatedIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/timed-out.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-timed-out-icon': TimedOutIcon;
+    }
+}
+/**
+ *  The icon component for the 'timed-out' icon
+ */
+export declare class TimedOutIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/icons/waiting.d.ts

@@ -0,0 +1,12 @@
+import { Icon } from '../icon-base';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-waiting-icon': WaitingIcon;
+    }
+}
+/**
+ *  The icon component for the 'waiting' icon
+ */
+export declare class WaitingIcon extends Icon {
+    constructor();
+}

package/dist/esm/nimble-components/src/theme-provider/design-token-comments.d.ts

@@ -0,0 +1,6 @@
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const comments: {
+    [key in TokenName]: string;
+};
+export {};

package/dist/esm/nimble-components/src/theme-provider/design-token-names.d.ts

@@ -0,0 +1,11 @@
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const tokenNames: {
+    [key in TokenName]: string;
+};
+export declare const styleNameFromTokenName: (tokenName: string) => string;
+export declare const cssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
+export {};

package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts

@@ -1,21 +1,16 @@
-import { DesignToken } from '@microsoft/fast-foundation';
-import { NimbleTheme } from './types';
-export declare const theme: DesignToken<NimbleTheme>;
-export declare const actionColorRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const actionColorRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const applicationBackgroundColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorSelected: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const fillColorSelectedRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const fillColorSelectedRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorSelectedHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const borderColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const borderColorRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const failColorTheme: (element: HTMLElement) => string;
+export declare const borderColorRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const failColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const warningColorTheme: (element: HTMLElement) => string;
 export declare const warningColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const passColorTheme: (element: HTMLElement) => string;
 export declare const passColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const borderColorHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const iconColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const popupBoxShadowColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const popupBorderColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const controlHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;

package/dist/esm/nimble-components/src/theme-provider/index.d.ts

@@ -1,17 +1,23 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-import type { NimbleTheme } from './types';
+import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
+import { Direction } from '@microsoft/fast-web-utilities';
+import { NimbleTheme } from './types';
 export type { NimbleThemeProvider };
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-theme-provider': NimbleThemeProvider;
     }
 }
+export declare const direction: DesignToken<Direction>;
+export declare const theme: DesignToken<NimbleTheme>;
 /**
  * The NimbleThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
  * the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
  * @internal
  */
 declare class NimbleThemeProvider extends FoundationElement {
+    direction: Direction;
     theme: NimbleTheme;
+    directionChanged(_prev: Direction | undefined, next: Direction | undefined): void;
     themeChanged(_prev: NimbleTheme | undefined, next: NimbleTheme | undefined): void;
+    connectedCallback(): void;
 }

package/dist/esm/nimble-components/src/utilities/style/direction.d.ts

@@ -0,0 +1,34 @@
+import type { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
+/**
+ * Behavior to conditionally apply LTR and RTL stylesheets. To determine which to apply,
+ * the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
+ *
+ * @public
+ * @example
+ * ```ts
+ * import { css } from "@microsoft/fast-element";
+ * import { DirectionalStyleSheetBehavior } from "@microsoft/fast-foundation";
+ *
+ * css`
+ *  // ...
+ * `.withBehaviors(new DirectionalStyleSheetBehavior(
+ *   css`:host { content: "ltr"}`),
+ *   css`:host { content: "rtl"}`),
+ * )
+ * ```
+ */
+export declare class DirectionalStyleSheetBehavior implements Behavior {
+    private ltr;
+    private rtl;
+    private cache;
+    constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
+    /**
+     * @internal
+     */
+    bind(source: FASTElement & HTMLElement): void;
+    /**
+     * @internal
+     */
+    unbind(source: FASTElement & HTMLElement): void;
+    private attach;
+}

package/dist/esm/number-field/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { borderColor, borderColorRgb, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, fillColorSelectedRgb, fontFamily, iconSize, labelFontColor, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay } from '../theme-provider/design-tokens';
+import { borderColor, borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, fillColorSelectedRgbPartial, fontFamily, iconSize, labelFontColor, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay } from '../theme-provider/design-tokens';
 export const styles = css `
     ${display('inline-block')}
 
@@ -25,7 +25,7 @@ export const styles = css `
         flex-direction: row;
         border-radius: 0px;
         font-family: ${fontFamily};
-        border-bottom: ${borderWidth} solid rgba(${borderColorRgb}, 0.3);
+        border-bottom: ${borderWidth} solid rgba(${borderColorRgbPartial}, 0.3);
         padding-bottom: 1px;
         transition: border-bottom ${smallDelay}, padding-bottom ${smallDelay};
     }
@@ -68,7 +68,7 @@ export const styles = css `
 
     .control::selection {
         color: ${labelFontColor};
-        background: rgba(${fillColorSelectedRgb}, 0.3);
+        background: rgba(${fillColorSelectedRgbPartial}, 0.3);
     }
 
     .control::placeholder {

package/dist/esm/number-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/number-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;;uBAUlB,UAAU;yBACR,WAAW,eAAe,cAAc;;oCAE7B,UAAU,oBAAoB,UAAU;;;;;;;;;;mCAUzC,gBAAgB;;;;;;yBAM1B,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;iBAwBrD,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;iBAQd,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;;;;;;kBAoB1B,QAAQ;iBACT,QAAQ;gBACT,WAAW;;CAE1B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/number-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,2BAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;;uBAUlB,UAAU;yBACR,WAAW,eAAe,qBAAqB;;oCAEpC,UAAU,oBAAoB,UAAU;;;;;;;;;;mCAUzC,gBAAgB;;;;;;yBAM1B,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;iBAwBrD,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;;;;;iBAQd,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;;;;;;kBAoB1B,QAAQ;iBACT,QAAQ;gBACT,WAAW;;CAE1B,CAAC"}

package/dist/esm/tabs-toolbar/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { borderColorRgb, borderWidth, contentFontColor, contentFontSize, controlHeight, fontFamily, standardPadding } from '../theme-provider/design-tokens';
+import { borderColorRgbPartial, borderWidth, contentFontColor, contentFontSize, controlHeight, fontFamily, standardPadding } from '../theme-provider/design-tokens';
 export const styles = css `
     ${display('flex')}
 
@@ -16,7 +16,8 @@ export const styles = css `
     .separator {
         display: inline-block;
         height: 24px;
-        border-left: calc(${borderWidth} * 2) solid rgba(${borderColorRgb}, 0.3);
+        border-left: calc(${borderWidth} * 2) solid
+            rgba(${borderColorRgbPartial}, 0.3);
         margin: calc(${standardPadding} / 4) calc(${standardPadding} / 2);
     }
 `;

package/dist/esm/tabs-toolbar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/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,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;kBAIH,aAAa;;uBAER,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;;;4BAML,WAAW,oBAAoB,cAAc;uBAClD,eAAe,cAAc,eAAe;;CAElE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;kBAIH,aAAa;;uBAER,UAAU;qBACZ,eAAe;iBACnB,gBAAgB;;;;;;4BAML,WAAW;mBACpB,qBAAqB;uBACjB,eAAe,cAAc,eAAe;;CAElE,CAAC"}

package/dist/esm/text-field/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { borderColorRgb, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, failColor, fillColorSelectedRgb, fontFamily, iconSize, labelFontColor, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, passwordRevealFilter, smallDelay } from '../theme-provider/design-tokens';
+import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, failColor, fillColorSelectedRgbPartial, fontFamily, iconSize, labelFontColor, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, passwordRevealFilter, smallDelay } from '../theme-provider/design-tokens';
 export const styles = css `
     ${display('inline-block')}
 
@@ -24,7 +24,7 @@ export const styles = css `
         flex-direction: row;
         border-radius: 0px;
         font-family: ${fontFamily};
-        border-bottom: ${borderWidth} solid rgba(${borderColorRgb}, 0.3);
+        border-bottom: ${borderWidth} solid rgba(${borderColorRgbPartial}, 0.3);
         padding-bottom: 1px;
         transition: border-bottom ${smallDelay}, padding-bottom ${smallDelay};
         align-items: flex-end;
@@ -86,7 +86,7 @@ export const styles = css `
 
     .control::selection {
         color: ${labelFontColor};
-        background: rgba(${fillColorSelectedRgb}, 0.3);
+        background: rgba(${fillColorSelectedRgbPartial}, 0.3);
     }
 
     .control::placeholder {

package/dist/esm/text-field/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;uBASlB,UAAU;yBACR,WAAW,eAAe,cAAc;;oCAE7B,UAAU,oBAAoB,UAAU;;;;;;;;;;;mCAWzC,gBAAgB;;;;;yBAK1B,WAAW,UAAU,SAAS;;;;mCAIpB,SAAS;;;;;;yBAMnB,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;kBAsBpD,oBAAoB;;;;;;;;;;;iBAWrB,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;;;;;iBAYd,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;kBAe1B,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,wBAAwB;;CAEvC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-field/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,2BAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;uBASlB,UAAU;yBACR,WAAW,eAAe,qBAAqB;;oCAEpC,UAAU,oBAAoB,UAAU;;;;;;;;;;;mCAWzC,gBAAgB;;;;;yBAK1B,WAAW,UAAU,SAAS;;;;mCAIpB,SAAS;;;;;;yBAMnB,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;kBAsBpD,oBAAoB;;;;;;;;;;;iBAWrB,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;;;;;;;;;iBAYd,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;kBAe1B,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,wBAAwB;;CAEvC,CAAC"}

package/dist/esm/theme-provider/design-token-comments.d.ts

@@ -0,0 +1,6 @@
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const comments: {
+    [key in TokenName]: string;
+};
+export {};

package/dist/esm/theme-provider/design-token-comments.js

@@ -0,0 +1,46 @@
+export const comments = {
+    actionColorRgbPartial: '',
+    applicationBackgroundColor: 'Background color for the application.',
+    fillColorSelected: '',
+    fillColorSelectedRgbPartial: '',
+    fillColorSelectedHover: '',
+    fillColorHover: '',
+    borderColor: '',
+    borderColorRgbPartial: '',
+    failColor: '',
+    warningColor: '',
+    passColor: '',
+    borderColorHover: '',
+    iconColor: '',
+    popupBoxShadowColor: '',
+    popupBorderColor: '',
+    controlHeight: '',
+    standardPadding: '',
+    labelHeight: '',
+    borderWidth: '',
+    iconSize: '',
+    drawerWidth: '',
+    fontFamily: '',
+    labelFontFamily: '',
+    groupLabelFontFamily: '',
+    drawerHeaderFontFamily: '',
+    labelFontSize: '',
+    contentFontSize: '',
+    groupLabelFontSize: '',
+    drawerHeaderFontSize: '',
+    groupLabelFontWeight: '',
+    labelFontWeight: '',
+    labelFontColor: '',
+    groupLabelFontColor: '',
+    contentFontColor: '',
+    buttonContentFontColor: '',
+    labelFontColorDisabled: '',
+    labelTextTransform: '',
+    groupLabelTextTransform: '',
+    contentFontColorDisabled: '',
+    smallDelay: '',
+    mediumDelay: '',
+    drawerAnimationDurationMs: '',
+    passwordRevealFilter: ''
+};
+//# sourceMappingURL=design-token-comments.js.map

package/dist/esm/theme-provider/design-token-comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAmC;IACpD,qBAAqB,EAAE,EAAE;IACzB,0BAA0B,EAAE,uCAAuC;IACnE,iBAAiB,EAAE,EAAE;IACrB,2BAA2B,EAAE,EAAE;IAC/B,sBAAsB,EAAE,EAAE;IAC1B,cAAc,EAAE,EAAE;IAClB,WAAW,EAAE,EAAE;IACf,qBAAqB,EAAE,EAAE;IACzB,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;IACb,gBAAgB,EAAE,EAAE;IACpB,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,EAAE;IACvB,gBAAgB,EAAE,EAAE;IACpB,aAAa,EAAE,EAAE;IACjB,eAAe,EAAE,EAAE;IACnB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,EAAE;IACZ,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,eAAe,EAAE,EAAE;IACnB,oBAAoB,EAAE,EAAE;IACxB,sBAAsB,EAAE,EAAE;IAC1B,aAAa,EAAE,EAAE;IACjB,eAAe,EAAE,EAAE;IACnB,kBAAkB,EAAE,EAAE;IACtB,oBAAoB,EAAE,EAAE;IACxB,oBAAoB,EAAE,EAAE;IACxB,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,EAAE;IAClB,mBAAmB,EAAE,EAAE;IACvB,gBAAgB,EAAE,EAAE;IACpB,sBAAsB,EAAE,EAAE;IAC1B,sBAAsB,EAAE,EAAE;IAC1B,kBAAkB,EAAE,EAAE;IACtB,uBAAuB,EAAE,EAAE;IAC3B,wBAAwB,EAAE,EAAE;IAC5B,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;IACf,yBAAyB,EAAE,EAAE;IAC7B,oBAAoB,EAAE,EAAE;CAC3B,CAAC"}

package/dist/esm/theme-provider/design-token-names.d.ts

@@ -0,0 +1,11 @@
+import type * as TokensNamespace from './design-tokens';
+declare type TokenName = keyof typeof TokensNamespace;
+export declare const tokenNames: {
+    [key in TokenName]: string;
+};
+export declare const styleNameFromTokenName: (tokenName: string) => string;
+export declare const cssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssInternalPropertyFromTokenName: (tokenName: string) => string;
+export declare const scssInternalPropertySetterMarkdown: (tokenName: string, property: string) => string;
+export {};

package/dist/esm/theme-provider/design-token-names.js

@@ -0,0 +1,52 @@
+export const tokenNames = {
+    actionColorRgbPartial: 'action-color-rgb-partial',
+    applicationBackgroundColor: 'application-background-color',
+    fillColorSelected: 'fill-color-selected',
+    fillColorSelectedRgbPartial: 'fill-color-selected-rgb-partial',
+    fillColorSelectedHover: 'fill-color-selected-hover',
+    fillColorHover: 'fill-color-hover',
+    borderColor: 'border-color',
+    borderColorRgbPartial: 'border-color-rgb-partial',
+    failColor: 'fail-color',
+    warningColor: 'warning-color',
+    passColor: 'pass-color',
+    borderColorHover: 'border-color-hover',
+    iconColor: 'icon-color',
+    popupBoxShadowColor: 'popup-box-shadow-color',
+    popupBorderColor: 'popup-border-color',
+    controlHeight: 'control-height',
+    standardPadding: 'standard-padding',
+    labelHeight: 'label-height',
+    borderWidth: 'border-width',
+    iconSize: 'icon-size',
+    drawerWidth: 'drawer-width',
+    fontFamily: 'font-family',
+    labelFontFamily: 'label-font-family',
+    groupLabelFontFamily: 'group-label-font-family',
+    drawerHeaderFontFamily: 'drawer-header-font-family',
+    labelFontSize: 'label-font-size',
+    contentFontSize: 'content-font-size',
+    groupLabelFontSize: 'group-label-font-size',
+    drawerHeaderFontSize: 'drawer-header-font-size',
+    groupLabelFontWeight: 'group-label-font-weight',
+    labelFontWeight: 'label-font-weight',
+    labelFontColor: 'label-font-color',
+    groupLabelFontColor: 'group-label-font-color',
+    contentFontColor: 'content-font-color',
+    buttonContentFontColor: 'button-content-font-color',
+    labelFontColorDisabled: 'label-font-color-disabled',
+    labelTextTransform: 'label-text-transform',
+    groupLabelTextTransform: 'group-label-text-transform',
+    contentFontColorDisabled: 'content-font-color-disabled',
+    smallDelay: 'small-delay',
+    mediumDelay: 'medium-delay',
+    drawerAnimationDurationMs: 'drawer-animation-duration-ms',
+    passwordRevealFilter: 'password-reveal-filter'
+};
+const prefix = 'ni-nimble';
+export const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
+export const cssPropertyFromTokenName = (tokenName) => `--${prefix}-${tokenName}`;
+export const scssPropertyFromTokenName = (tokenName) => `$${prefix}-${tokenName}`;
+export const scssInternalPropertyFromTokenName = (tokenName) => `$${prefix}-internal-${tokenName}`;
+export const scssInternalPropertySetterMarkdown = (tokenName, property) => `\`#{$${prefix}-internal-${tokenName}}: ${property};\``;
+//# sourceMappingURL=design-token-names.js.map

package/dist/esm/theme-provider/design-token-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,UAAU,GAAmC;IACtD,qBAAqB,EAAE,0BAA0B;IACjD,0BAA0B,EAAE,8BAA8B;IAC1D,iBAAiB,EAAE,qBAAqB;IACxC,2BAA2B,EAAE,iCAAiC;IAC9D,sBAAsB,EAAE,2BAA2B;IACnD,cAAc,EAAE,kBAAkB;IAClC,WAAW,EAAE,cAAc;IAC3B,qBAAqB,EAAE,0BAA0B;IACjD,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,YAAY;IACvB,gBAAgB,EAAE,oBAAoB;IACtC,SAAS,EAAE,YAAY;IACvB,mBAAmB,EAAE,wBAAwB;IAC7C,gBAAgB,EAAE,oBAAoB;IACtC,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,2BAA2B;IACnD,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;IACpC,kBAAkB,EAAE,uBAAuB;IAC3C,oBAAoB,EAAE,yBAAyB;IAC/C,oBAAoB,EAAE,yBAAyB;IAC/C,eAAe,EAAE,mBAAmB;IACpC,cAAc,EAAE,kBAAkB;IAClC,mBAAmB,EAAE,wBAAwB;IAC7C,gBAAgB,EAAE,oBAAoB;IACtC,sBAAsB,EAAE,2BAA2B;IACnD,sBAAsB,EAAE,2BAA2B;IACnD,kBAAkB,EAAE,sBAAsB;IAC1C,uBAAuB,EAAE,4BAA4B;IACrD,wBAAwB,EAAE,6BAA6B;IACvD,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,yBAAyB,EAAE,8BAA8B;IACzD,oBAAoB,EAAE,wBAAwB;CACjD,CAAC;AAEF,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;AAC9F,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;AAClG,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,MAAM,aAAa,SAAS,EAAE,CAAC;AACnH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAC9C,SAAiB,EACjB,QAAgB,EACV,EAAE,CAAC,QAAQ,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,CAAC"}

package/dist/esm/theme-provider/design-tokens.d.ts

@@ -1,21 +1,16 @@
-import { DesignToken } from '@microsoft/fast-foundation';
-import { NimbleTheme } from './types';
-export declare const theme: DesignToken<NimbleTheme>;
-export declare const actionColorRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const actionColorRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const applicationBackgroundColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorSelected: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const fillColorSelectedRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const fillColorSelectedRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorSelectedHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const fillColorHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const borderColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const borderColorRgb: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const failColorTheme: (element: HTMLElement) => string;
+export declare const borderColorRgbPartial: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const failColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const warningColorTheme: (element: HTMLElement) => string;
 export declare const warningColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
-export declare const passColorTheme: (element: HTMLElement) => string;
 export declare const passColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const borderColorHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
+export declare const iconColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const popupBoxShadowColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const popupBorderColor: import("@microsoft/fast-foundation").CSSDesignToken<string>;
 export declare const controlHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;