@ni/nimble-components 1.0.0-beta.101 → 1.0.0-beta.102

package/dist/esm/icons/settings.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'settings' icon
- */
-export declare class SettingsIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'settings' icon
+ */
+export declare class SettingsIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/settings.js

@@ -1,12 +1,12 @@
-import { settings16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'settings' icon
- */
-export class SettingsIcon extends Icon {
-    constructor() {
-        super(settings16X16);
-    }
-}
-registerIcon('settings-icon', SettingsIcon);
+import { settings16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'settings' icon
+ */
+export class SettingsIcon extends Icon {
+    constructor() {
+        super(settings16X16);
+    }
+}
+registerIcon('settings-icon', SettingsIcon);
 //# sourceMappingURL=settings.js.map

package/dist/esm/icons/test-insights.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'test-insights' icon
- */
-export declare class TestInsightsIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'test-insights' icon
+ */
+export declare class TestInsightsIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/test-insights.js

@@ -1,12 +1,12 @@
-import { testInsights16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'test-insights' icon
- */
-export class TestInsightsIcon extends Icon {
-    constructor() {
-        super(testInsights16X16);
-    }
-}
-registerIcon('test-insights-icon', TestInsightsIcon);
+import { testInsights16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'test-insights' icon
+ */
+export class TestInsightsIcon extends Icon {
+    constructor() {
+        super(testInsights16X16);
+    }
+}
+registerIcon('test-insights-icon', TestInsightsIcon);
 //# sourceMappingURL=test-insights.js.map

package/dist/esm/icons/utilities.d.ts

@@ -1,7 +1,7 @@
-import { Icon } from '../icon-base';
-/**
- * The icon component for the 'utilities' icon
- */
-export declare class UtilitiesIcon extends Icon {
-    constructor();
-}
+import { Icon } from '../icon-base';
+/**
+ * The icon component for the 'utilities' icon
+ */
+export declare class UtilitiesIcon extends Icon {
+    constructor();
+}

package/dist/esm/icons/utilities.js

@@ -1,12 +1,12 @@
-import { boxUtilities16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'utilities' icon
- */
-export class UtilitiesIcon extends Icon {
-    constructor() {
-        super(boxUtilities16X16);
-    }
-}
-registerIcon('utilities-icon', UtilitiesIcon);
+import { boxUtilities16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
+import { Icon, registerIcon } from '../icon-base';
+/**
+ * The icon component for the 'utilities' icon
+ */
+export class UtilitiesIcon extends Icon {
+    constructor() {
+        super(boxUtilities16X16);
+    }
+}
+registerIcon('utilities-icon', UtilitiesIcon);
 //# sourceMappingURL=utilities.js.map

package/dist/esm/listbox-option/index.d.ts

@@ -1,10 +1,10 @@
-import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
-export type { ListboxOption };
-/**
- * A nimble-styled HTML listbox option
- */
-declare class ListboxOption extends FoundationListboxOption {
-    get value(): string;
-    set value(value: string);
-    connectedCallback(): void;
-}
+import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
+export type { ListboxOption };
+/**
+ * A nimble-styled HTML listbox option
+ */
+declare class ListboxOption extends FoundationListboxOption {
+    get value(): string;
+    set value(value: string);
+    connectedCallback(): void;
+}

package/dist/esm/listbox-option/index.js

@@ -1,29 +1,29 @@
-import { DesignSystem, ListboxOption as FoundationListboxOption, listboxOptionTemplate as template } from '@microsoft/fast-foundation';
-import { styles } from './styles';
-/**
- * A nimble-styled HTML listbox option
- */
-class ListboxOption extends FoundationListboxOption {
-    // Workaround for https://github.com/microsoft/fast/issues/5219
-    get value() {
-        return super.value;
-    }
-    set value(value) {
-        // Coerce value to string
-        super.value = `${value}`;
-        if (this.$fastController.isConnected) {
-            this.setAttribute('value', this.value);
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('value', this.value);
-    }
-}
-const nimbleListboxOption = ListboxOption.compose({
-    baseName: 'listbox-option',
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleListboxOption());
+import { DesignSystem, ListboxOption as FoundationListboxOption, listboxOptionTemplate as template } from '@microsoft/fast-foundation';
+import { styles } from './styles';
+/**
+ * A nimble-styled HTML listbox option
+ */
+class ListboxOption extends FoundationListboxOption {
+    // Workaround for https://github.com/microsoft/fast/issues/5219
+    get value() {
+        return super.value;
+    }
+    set value(value) {
+        // Coerce value to string
+        super.value = `${value}`;
+        if (this.$fastController.isConnected) {
+            this.setAttribute('value', this.value);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('value', this.value);
+    }
+}
+const nimbleListboxOption = ListboxOption.compose({
+    baseName: 'listbox-option',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleListboxOption());
 //# sourceMappingURL=index.js.map

package/dist/esm/listbox-option/styles.d.ts

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

package/dist/esm/listbox-option/styles.js

@@ -1,60 +1,60 @@
-import { css } from '@microsoft/fast-element';
-import { display } from '@microsoft/fast-foundation';
-import { focusVisible } from '../utilities/style/focus';
-import { borderColorHover, contentFontSize, fontFamily, contentFontColorDisabled, fillColorSelected, fillColorSelectedHover, fillColorHover } from '../theme-provider/design-tokens';
-export const styles = css `
-    ${display('flex')}
-
-    :host {
-        font-family: ${fontFamily};
-        font-size: ${contentFontSize};
-        cursor: pointer;
-        justify-content: left;
-    }
-
-    .content {
-        padding: 8px 4px;
-    }
-
-    :host(.selected) {
-        box-shadow: none;
-        outline: none;
-        background-color: ${fillColorSelected};
-    }
-
-    :host(:hover.selected) {
-        background-color: ${fillColorSelectedHover};
-    }
-
-    :host(:hover) {
-        background-color: ${fillColorHover};
-    }
-
-    :host(:hover):host([disabled]) {
-        box-shadow: none;
-        background-color: transparent;
-    }
-
-    :host(:${focusVisible}) {
-        box-shadow: 0px 0px 0px 1px ${borderColorHover} inset;
-        outline: 1px solid ${borderColorHover};
-        outline-offset: -4px;
-    }
-
-    :host(:active) {
-        box-shadow: none;
-        outline: none;
-        background-color: ${fillColorSelected};
-    }
-
-    :host([disabled]) {
-        color: ${contentFontColorDisabled};
-        cursor: default;
-    }
-
-    .content[disabled] {
-        box-shadow: none;
-        outline: none;
-    }
-`;
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { focusVisible } from '../utilities/style/focus';
+import { borderColorHover, contentFontSize, fontFamily, contentFontColorDisabled, fillColorSelected, fillColorSelectedHover, fillColorHover } from '../theme-provider/design-tokens';
+export const styles = css `
+    ${display('flex')}
+
+    :host {
+        font-family: ${fontFamily};
+        font-size: ${contentFontSize};
+        cursor: pointer;
+        justify-content: left;
+    }
+
+    .content {
+        padding: 8px 4px;
+    }
+
+    :host(.selected) {
+        box-shadow: none;
+        outline: none;
+        background-color: ${fillColorSelected};
+    }
+
+    :host(:hover.selected) {
+        background-color: ${fillColorSelectedHover};
+    }
+
+    :host(:hover) {
+        background-color: ${fillColorHover};
+    }
+
+    :host(:hover):host([disabled]) {
+        box-shadow: none;
+        background-color: transparent;
+    }
+
+    :host(:${focusVisible}) {
+        box-shadow: 0px 0px 0px 1px ${borderColorHover} inset;
+        outline: 1px solid ${borderColorHover};
+        outline-offset: -4px;
+    }
+
+    :host(:active) {
+        box-shadow: none;
+        outline: none;
+        background-color: ${fillColorSelected};
+    }
+
+    :host([disabled]) {
+        color: ${contentFontColorDisabled};
+        cursor: default;
+    }
+
+    .content[disabled] {
+        box-shadow: none;
+        outline: none;
+    }
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1,5 +1,5 @@
-import { Menu as FoundationMenu } from '@microsoft/fast-foundation';
-/**
- * A nimble-styled menu
- */
-export { FoundationMenu as Menu };
+import { Menu as FoundationMenu } from '@microsoft/fast-foundation';
+/**
+ * A nimble-styled menu
+ */
+export { FoundationMenu as Menu };

package/dist/esm/menu/index.js

@@ -1,22 +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\>
- *
- */
-const nimbleMenu = FoundationMenu.compose({
-    baseName: 'menu',
-    template,
-    styles
-});
-DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());
+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\>
+ *
+ */
+const nimbleMenu = FoundationMenu.compose({
+    baseName: 'menu',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleMenu());
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/menu/styles.js

@@ -1,40 +1,40 @@
-import { css } from '@microsoft/fast-element';
-import { display } from '@microsoft/fast-foundation';
-import { applicationBackgroundColor, borderWidth, borderColor, groupLabelTextTransform, groupLabelFontColor, groupLabelFontFamily, groupLabelFontSize, groupLabelFontWeight, popupBorderColor, popupBoxShadowColor, labelHeight } 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(*) {
-        padding-left: 8px;
-        padding-right: 8px;
-    }
-    ::slotted(hr) {
-        box-sizing: content-box;
-        height: 2px;
-        margin: 4px;
-        border: none;
-        background: ${borderColor};
-        opacity: 0.1;
-    }
-    ::slotted(header) {
-        display: flex;
-        font-family: ${groupLabelFontFamily};
-        font-size: ${groupLabelFontSize};
-        font-weight: ${groupLabelFontWeight};
-        line-height: ${labelHeight};
-        color: ${groupLabelFontColor};
-        text-transform: ${groupLabelTextTransform};
-        padding-top: 4px;
-        padding-bottom: 4px;
-    }
-`;
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { applicationBackgroundColor, borderWidth, borderColor, groupLabelTextTransform, groupLabelFontColor, groupLabelFontFamily, groupLabelFontSize, groupLabelFontWeight, popupBorderColor, popupBoxShadowColor, labelHeight } 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(*) {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+    ::slotted(hr) {
+        box-sizing: content-box;
+        height: 2px;
+        margin: 4px;
+        border: none;
+        background: ${borderColor};
+        opacity: 0.1;
+    }
+    ::slotted(header) {
+        display: flex;
+        font-family: ${groupLabelFontFamily};
+        font-size: ${groupLabelFontSize};
+        font-weight: ${groupLabelFontWeight};
+        line-height: ${labelHeight};
+        color: ${groupLabelFontColor};
+        text-transform: ${groupLabelTextTransform};
+        padding-top: 4px;
+        padding-bottom: 4px;
+    }
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1,15 +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>>;
+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

@@ -1,22 +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());
+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/styles.d.ts

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