@ni/nimble-components 1.0.0-beta.68 → 1.0.0-beta.71

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

@@ -1,6 +1,9 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import { ButtonAppearance } from './types';
 export type { Button };
+/**
+ * A nimble-styled HTML button
+ */
 declare class Button extends FoundationButton {
     /**
      * The appearance the button should have.

package/dist/esm/button/index.js

@@ -3,6 +3,9 @@ import { attr, html } from '@microsoft/fast-element';
 import { Button as FoundationButton, buttonTemplate as template, DesignSystem } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { ButtonAppearance } from './types';
+/**
+ * A nimble-styled HTML button
+ */
 class Button extends FoundationButton {
     connectedCallback() {
         super.connectedCallback();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C,MAAM,MAAO,SAAQ,gBAAgB;IAW1B,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAC9C;IACL,CAAC;CACJ;AARG;IADC,IAAI;0CAC+B;AAUxC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,KAAK,EAAE,IAAI,CAAQ,oDAAoD;IACvE,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACH,MAAM,IAAI,gBAAgB,EAE1B,cAAc,IAAI,QAAQ,EAC1B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C;;GAEG;AACH,MAAM,MAAO,SAAQ,gBAAgB;IAW1B,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAC9C;IACL,CAAC;CACJ;AARG;IADC,IAAI;0CAC+B;AAUxC;;;;;;;;GAQG;AACH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,QAAQ;IACR,KAAK,EAAE,IAAI,CAAQ,oDAAoD;IACvE,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/menu/index.d.ts

@@ -0,0 +1,15 @@
+import { Menu as FoundationMenu } from '@microsoft/fast-foundation';
+/**
+ * A nimble-styled menu
+ */
+export { FoundationMenu as Menu };
+/**
+ * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#menuTemplate}
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-menu\>
+ *
+ */
+export declare const nimbleMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof FoundationMenu>;

package/dist/esm/menu/index.js

@@ -0,0 +1,22 @@
+import { DesignSystem, Menu as FoundationMenu, menuTemplate as template } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+/**
+ * A nimble-styled menu
+ */
+export { FoundationMenu as Menu };
+/**
+ * A function that returns a nimble-menu registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#menuTemplate}
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-menu\>
+ *
+ */
+export const nimbleMenu = FoundationMenu.compose({
+    baseName: 'menu',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,IAAI,IAAI,cAAc,EACtB,YAAY,IAAI,QAAQ,EAC3B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,OAAO,EAAE,cAAc,IAAI,IAAI,EAAE,CAAC;AAElC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC7C,QAAQ,EAAE,MAAM;IAChB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC"}

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

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

package/dist/esm/menu/styles.js

@@ -0,0 +1,24 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { applicationBackgroundColor, borderWidth, borderColor, popupBorderColor, popupBoxShadowColor } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('grid')}
+    :host {
+        background: ${applicationBackgroundColor};
+        border: ${borderWidth} solid ${popupBorderColor};
+        margin: 0;
+        padding: 4px;
+        min-width: 168px;
+        width: max-content;
+        box-shadow: 0px 2px 3px ${popupBoxShadowColor};
+    }
+    ::slotted(hr) {
+        box-sizing: content-box;
+        height: 2px;
+        margin: 4px;
+        border: none;
+        background: ${borderColor};
+        opacity: 0.1;
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACtB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;sBAEC,0BAA0B;kBAC9B,WAAW,UAAU,gBAAgB;;;;;kCAKrB,mBAAmB;;;;;;;sBAO/B,WAAW;;;CAGhC,CAAC"}

package/dist/esm/menu/tests/menu-matrix.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Story, Meta } from '@storybook/html';
+import '../index';
+declare const metadata: Meta;
+export default metadata;
+export declare const menuThemeMatrix: Story;

package/dist/esm/menu/tests/menu-matrix.stories.js

@@ -0,0 +1,26 @@
+import { html } from '@microsoft/fast-element';
+import { withXD } from 'storybook-addon-xd-designs';
+import { createRenderer } from '../../tests/utilities/storybook-test-helpers';
+import { createMatrix, themeWrapper } from '../../tests/utilities/theme-test-helpers';
+import '../index';
+const metadata = {
+    title: 'Tests/Menu',
+    decorators: [withXD],
+    parameters: {
+        design: {
+            artboardUrl: 'https://xd.adobe.com/view/8ce280ab-1559-4961-945c-182955c7780b-d9b1/screen/c098395e-30f8-4bd4-b8c5-394326b59919/specs'
+        }
+    }
+};
+export default metadata;
+// prettier-ignore
+const component = () => html `
+    <nimble-menu>
+        <nimble-menu-item>Item 1</nimble-menu-item>
+        <hr>
+        <nimble-menu-item disabled>Item 2</nimble-menu-item>
+        <nimble-menu-item>Item 3</nimble-menu-item>
+    </nimble-menu>
+`;
+export const menuThemeMatrix = createRenderer(themeWrapper(createMatrix(component)));
+//# sourceMappingURL=menu-matrix.stories.js.map

package/dist/esm/menu/tests/menu-matrix.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-matrix.stories.js","sourceRoot":"","sources":["../../../../src/menu/tests/menu-matrix.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EACH,YAAY,EACZ,YAAY,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,CAAC;AAElB,MAAM,QAAQ,GAAS;IACnB,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,kBAAkB;AAClB,MAAM,SAAS,GAAG,GAAiB,EAAE,CAAC,IAAI,CAAA;;;;;;;CAOzC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU,cAAc,CAChD,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CACxC,CAAC"}

package/dist/esm/menu/tests/menu.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Story, Meta } from '@storybook/html';
+import '../index';
+import '../../menu-item/index';
+interface MenuArgs {
+    options: ItemArgs[];
+}
+interface ItemArgs {
+    text: string;
+    disabled: boolean;
+}
+declare const metadata: Meta<MenuArgs>;
+export default metadata;
+export declare const menu: Story<MenuArgs>;

package/dist/esm/menu/tests/menu.stories.js

@@ -0,0 +1,43 @@
+import { withXD } from 'storybook-addon-xd-designs';
+import '../index';
+import '../../menu-item/index';
+import { html, repeat } from '@microsoft/fast-element';
+import { createRenderer } from '../../tests/utilities/storybook-test-helpers';
+const metadata = {
+    title: 'Menu',
+    decorators: [withXD],
+    parameters: {
+        design: {
+            artboardUrl: 'https://xd.adobe.com/view/8ce280ab-1559-4961-945c-182955c7780b-d9b1/screen/c098395e-30f8-4bd4-b8c5-394326b59919/specs'
+        },
+        actions: {
+            handles: ['change']
+        }
+    },
+    // prettier-ignore
+    render: createRenderer(html `
+        <nimble-menu>
+        ${repeat(x => x.options, html `
+            <nimble-menu-item ?disabled="${x => x.disabled}">${x => x.text}</nimble-menu-item>`)}
+        </nimble-menu>
+`),
+    args: {
+        options: [
+            {
+                text: 'Item 1',
+                disabled: false
+            },
+            {
+                text: 'Item 2',
+                disabled: false
+            },
+            {
+                text: 'Item 3',
+                disabled: false
+            }
+        ]
+    }
+};
+export default metadata;
+export const menu = {};
+//# sourceMappingURL=menu.stories.js.map

package/dist/esm/menu/tests/menu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.stories.js","sourceRoot":"","sources":["../../../../src/menu/tests/menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,UAAU,CAAC;AAClB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAW9E,MAAM,QAAQ,GAAmB;IAC7B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,QAAQ,CAAC;SACtB;KACJ;IACD,kBAAkB;IAClB,MAAM,EAAE,cAAc,CAAC,IAAI,CAAA;;UAErB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAU;2CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,qBAAqB,CAAC;;CAE/F,CAAC;IACE,IAAI,EAAE;QACF,OAAO,EAAE;YACL;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aAClB;YACD;gBACI,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aAClB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,CAAC,MAAM,IAAI,GAAoB,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { MenuItem as FoundationMenuItem, MenuItemOptions } from '@microsoft/fast-foundation';
+/**
+ * A nimble-styled menu-item
+ */
+export { FoundationMenuItem as MenuItem };
+/**
+ * A function that returns a nimble-menu-item registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#menuItemTemplate}
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-menu-item\>
+ *
+ */
+export declare const nimbleMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

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

@@ -0,0 +1,22 @@
+import { DesignSystem, MenuItem as FoundationMenuItem, menuItemTemplate as template } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+/**
+ * A nimble-styled menu-item
+ */
+export { FoundationMenuItem as MenuItem };
+/**
+ * A function that returns a nimble-menu-item registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#menuItemTemplate}
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: \<nimble-menu-item\>
+ *
+ */
+export const nimbleMenuItem = FoundationMenuItem.compose({
+    baseName: 'menu-item',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenuItem());
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,QAAQ,IAAI,kBAAkB,EAC9B,gBAAgB,IAAI,QAAQ,EAE/B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;GAEG;AACH,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,CAAkB;IACtE,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC"}

package/dist/esm/menu-item/styles.d.ts

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

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

@@ -0,0 +1,44 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { focusVisible } from '../utilities/style/focus';
+import { controlHeight, fontFamily, contentFontSize, fillColorSelected, fillColorHover, contentFontColor, borderColorHover, borderWidth, contentFontColorDisabled } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('flex')}
+    :host {
+        contain: layout;
+        overflow: visible;
+        box-sizing: border-box;
+        height: ${controlHeight};
+        justify-items: start;
+        align-items: center;
+        padding-left: 8px;
+        padding-right: 8px;
+        margin: 0 0;
+        white-space: nowrap;
+        color: ${contentFontColor};
+        fill: currentcolor;
+        cursor: pointer;
+        font-family: ${fontFamily};
+        font-size: ${contentFontSize};
+    }
+    :host(${focusVisible}) {
+        box-shadow: 0px 0px 0px ${borderWidth} ${borderColorHover} inset;
+        outline: ${borderWidth} solid ${borderColorHover};
+        outline-offset: -2px;
+    }
+    :host(:hover) {
+        background: ${fillColorHover};
+    }
+    :host(:active) {
+        background: ${fillColorSelected};
+    }
+    :host([disabled]) {
+        color: ${contentFontColorDisabled};
+        fill: currentcolor;
+        cursor: default;
+    }
+    :host([disabled]:hover) {
+        background: transparent;
+    }
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/menu-item/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;AAExD,OAAO,EACH,aAAa,EACb,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,wBAAwB,EAC3B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;;kBAKH,aAAa;;;;;;;iBAOd,gBAAgB;;;uBAGV,UAAU;qBACZ,eAAe;;YAExB,YAAY;kCACU,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;sBAIlC,cAAc;;;sBAGd,iBAAiB;;;iBAGtB,wBAAwB;;;;;;;CAOxC,CAAC"}

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

@@ -42,6 +42,7 @@ export const styles = css `
     :host([disabled]) .root,
     :host([disabled]) .root:hover {
         border-bottom: ${borderWidth} solid ${contentFontColorDisabled};
+        padding-bottom: 1px;
     }
 
     .control {

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,EACH,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;uBAGF,UAAU;qBACZ,eAAe;;;iBAGnB,cAAc;uBACR,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;;uBAUlB,UAAU;yBACR,WAAW,UAAU,WAAW;;oCAErB,UAAU,oBAAoB,UAAU;;;;;;;;;;mCAUzC,gBAAgB;;;;;;yBAM1B,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;iBAuBrD,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;;iBASd,wBAAwB;;;;;uBAKlB,eAAe;qBACjB,aAAa;uBACX,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,EACH,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;uBAGF,UAAU;qBACZ,eAAe;;;iBAGnB,cAAc;uBACR,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;;uBAUlB,UAAU;yBACR,WAAW,UAAU,WAAW;;oCAErB,UAAU,oBAAoB,UAAU;;;;;;;;;;mCAUzC,gBAAgB;;;;;;yBAM1B,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;iBAwBrD,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;;iBASd,wBAAwB;;;;;uBAKlB,eAAe;qBACjB,aAAa;uBACX,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;;;;;;kBAoB1B,QAAQ;iBACT,QAAQ;gBACT,WAAW;;CAE1B,CAAC"}

package/dist/esm/select/styles.js

@@ -67,6 +67,7 @@ export const styles = css `
     :host([disabled]) .control,
     :host([disabled]) .control:hover {
         border-bottom: ${borderWidth} solid ${contentFontColorDisabled};
+        padding-bottom: 1px;
         color: ${contentFontColorDisabled};
     }
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;iBAEX,gBAAgB;uBACV,UAAU;kBACf,aAAa;;;;;;;;;;;;;;;;;;kCAkBG,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;qBAajC,eAAe;;;;yBAIX,WAAW,UAAU,wBAAwB;;;;;;;;;;;yBAW7C,WAAW,UAAU,gBAAgB;oCAC1B,UAAU,oBAAoB,UAAU;;;;mCAIzC,gBAAgB;;oCAEf,UAAU,oBAAoB,UAAU;;;;;yBAKnD,WAAW,UAAU,wBAAwB;iBACrD,wBAAwB;;;;;;;;;;;;;;kBAcvB,aAAa;;;;oBAIX,aAAa;;;;;;;;;;;;;;;;;;;;;;iBAsBhB,QAAQ;kBACP,QAAQ;gBACV,gBAAgB;;;;gBAIhB,wBAAwB;;;;;;;;;;;;;;;;;;;;;CAqBvC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,0BAA0B,EAC1B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;iBAEX,gBAAgB;uBACV,UAAU;kBACf,aAAa;;;;;;;;;;;;;;;;;;kCAkBG,mBAAmB;4BACzB,gBAAgB;4BAChB,0BAA0B;;;;;;;;;;;;;qBAajC,eAAe;;;;yBAIX,WAAW,UAAU,wBAAwB;;;;;;;;;;;yBAW7C,WAAW,UAAU,gBAAgB;oCAC1B,UAAU,oBAAoB,UAAU;;;;mCAIzC,gBAAgB;;oCAEf,UAAU,oBAAoB,UAAU;;;;;yBAKnD,WAAW,UAAU,wBAAwB;;iBAErD,wBAAwB;;;;;;;;;;;;;;kBAcvB,aAAa;;;;oBAIX,aAAa;;;;;;;;;;;;;;;;;;;;;;iBAsBhB,QAAQ;kBACP,QAAQ;gBACV,gBAAgB;;;;gBAIhB,wBAAwB;;;;;;;;;;;;;;;;;;;;;CAqBvC,CAAC"}

package/dist/esm/tabs/tests/tabs-matrix.stories.d.ts

@@ -2,4 +2,4 @@ import type { Meta, Story } from '@storybook/html';
 import '../index';
 declare const metadata: Meta;
 export default metadata;
-export declare const selectThemeMatrix: Story;
+export declare const tabsThemeMatrix: Story;

package/dist/esm/tabs/tests/tabs-matrix.stories.js

@@ -23,5 +23,5 @@ const component = ([disabledName, disabled]) => html `
         <nimble-tab-panel>Tab content two</nimble-tab-panel>
     </nimble-tabs>
 `;
-export const selectThemeMatrix = createRenderer(themeWrapper(createMatrix(component, [disabledStates])));
+export const tabsThemeMatrix = createRenderer(themeWrapper(createMatrix(component, [disabledStates])));
 //# sourceMappingURL=tabs-matrix.stories.js.map

package/dist/esm/tabs/tests/tabs-matrix.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-matrix.stories.js","sourceRoot":"","sources":["../../../../src/tabs/tests/tabs-matrix.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAEH,cAAc,EACd,YAAY,EACZ,YAAY,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,CAAC;AAElB,MAAM,QAAQ,GAAS;IACnB,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,CACf,YAAY,EACZ,QAAQ,CACI,EAAgB,EAAE,CAAC,IAAI,CAAA;;;iCAGN,GAAG,EAAE,CAAC,QAAQ;sBACzB,GAAG,EAAE,CAAC,YAAY;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU,cAAc,CAClD,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1D,CAAC"}
+{"version":3,"file":"tabs-matrix.stories.js","sourceRoot":"","sources":["../../../../src/tabs/tests/tabs-matrix.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAgB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAEH,cAAc,EACd,YAAY,EACZ,YAAY,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,UAAU,CAAC;AAElB,MAAM,QAAQ,GAAS;IACnB,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACP,uHAAuH;SAC9H;KACJ;CACJ,CAAC;AAEF,eAAe,QAAQ,CAAC;AAExB,MAAM,SAAS,GAAG,CAAC,CACf,YAAY,EACZ,QAAQ,CACI,EAAgB,EAAE,CAAC,IAAI,CAAA;;;iCAGN,GAAG,EAAE,CAAC,QAAQ;sBACzB,GAAG,EAAE,CAAC,YAAY;;;;;CAKvC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU,cAAc,CAChD,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1D,CAAC"}

package/dist/esm/tabs-toolbar/index.d.ts

@@ -1,3 +1,6 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * A nimble-styled container for toolbar content next to tabs.
+ */
 export declare class TabsToolbar extends FoundationElement {
 }

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

@@ -1,6 +1,9 @@
 import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
+/**
+ * A nimble-styled container for toolbar content next to tabs.
+ */
 export class TabsToolbar extends FoundationElement {
 }
 const nimbleTabsToolbar = TabsToolbar.compose({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,OAAO,WAAY,SAAQ,iBAAiB;CAAG;AAErD,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs-toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB;CAAG;AAErD,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC"}

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

@@ -51,6 +51,7 @@ export const styles = css `
     :host([disabled]) .root,
     :host([disabled]) .root:hover {
         border-bottom: ${borderWidth} solid ${contentFontColorDisabled};
+        padding-bottom: 1px;
     }
 
     :host([readonly]) .root,

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;AAE9C,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;uBAGF,UAAU;qBACZ,eAAe;;;iBAGnB,cAAc;uBACR,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;uBASlB,UAAU;yBACR,WAAW,UAAU,WAAW;;oCAErB,UAAU,oBAAoB,UAAU;;;;;;;;;;;mCAWzC,gBAAgB;;;;;yBAK1B,WAAW,UAAU,SAAS;;;;mCAIpB,SAAS;;;;;;yBAMnB,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;kBAqBpD,oBAAoB;;;;;;;;;;;iBAWrB,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;;;;;;iBAad,wBAAwB;;;;;uBAKlB,eAAe;qBACjB,aAAa;uBACX,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;AAE9C,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,UAAU,EACV,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,EACb,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;uBAGF,UAAU;qBACZ,eAAe;;;iBAGnB,cAAc;uBACR,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;;;;;uBASlB,UAAU;yBACR,WAAW,UAAU,WAAW;;oCAErB,UAAU,oBAAoB,UAAU;;;;;;;;;;;mCAWzC,gBAAgB;;;;;yBAK1B,WAAW,UAAU,SAAS;;;;mCAIpB,SAAS;;;;;;yBAMnB,WAAW,UAAU,wBAAwB;;;;;;;;;;;;;;;;;;;;;;kBAsBpD,oBAAoB;;;;;;;;;;;iBAWrB,cAAc;2BACJ,oBAAoB;;;;iBAI9B,cAAc;;;;;;;;;;;;;iBAad,wBAAwB;;;;;uBAKlB,eAAe;qBACjB,aAAa;uBACX,WAAW;0BACR,kBAAkB;;;;;;;;;;;;;;;kBAe1B,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,wBAAwB;;CAEvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "1.0.0-beta.68",
+  "version": "1.0.0-beta.71",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run build-components && npm run build-storybook",
@@ -70,6 +70,7 @@
     "circular-dependency-plugin": "^5.2.0",
     "css-loader": "^6.2.0",
     "dotenv-webpack": "^7.0.2",
+    "eslint-plugin-jsdoc": "^36.1.0",
     "html-webpack-plugin": "^5.3.1",
     "jasmine-core": "^3.7.0",
     "karma": "^6.3.0",