@ni/nimble-components 9.0.4 → 10.0.0

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

@@ -230,7 +230,7 @@ export const styles = css `
     slot[name='actions']::slotted(*) {
         ${controlHeight.cssCustomProperty}: 24px;
     }
-`.withBehaviors(appearanceBehavior(TextFieldAppearance.Underline, css `
+`.withBehaviors(appearanceBehavior(TextFieldAppearance.underline, css `
             .root {
                 --ni-private-bottom-border-width: 1px;
                 padding-top: ${borderWidth};
@@ -245,7 +245,7 @@ export const styles = css `
             :host([disabled]) .root:hover {
                 --ni-private-bottom-border-width: 1px;
             }
-        `), appearanceBehavior(TextFieldAppearance.Block, css `
+        `), appearanceBehavior(TextFieldAppearance.block, css `
             .root {
                 background-color: rgba(${borderRgbPartialColor}, 0.1);
                 --ni-private-bottom-border-width: 0px;
@@ -290,7 +290,7 @@ export const styles = css `
             :host(.invalid[disabled]) .root {
                 --ni-private-bottom-border-width: 1px;
             }
-        `), appearanceBehavior(TextFieldAppearance.Outline, css `
+        `), appearanceBehavior(TextFieldAppearance.outline, css `
             .root {
                 --ni-private-bottom-border-width: 1px;
                 border-width: ${borderWidth};
@@ -300,7 +300,7 @@ export const styles = css `
             :host(.invalid) .errortext {
                 top: calc(${controlHeight} - ${borderWidth});
             }
-        `), appearanceBehavior(TextFieldAppearance.Frameless, css `
+        `), appearanceBehavior(TextFieldAppearance.frameless, css `
             .root {
                 --ni-private-bottom-border-width: 0px;
                 padding-top: ${borderWidth};
@@ -327,5 +327,5 @@ export const styles = css `
             }
         `, 
 // Color theme
-Theme.Dark));
+Theme.dark));
 //# sourceMappingURL=styles.js.map

package/dist/esm/text-field/types.d.ts

@@ -1,22 +1,15 @@
 import { TextFieldType } from '@microsoft/fast-foundation';
-/**
- * Values for the 'type' attribute of the text field.
- */
-export declare type TextFieldTypeAttribute = `${TextFieldType}`;
 /**
  * Values for the 'type' property of the text field.
  */
 export { TextFieldType };
-/**
- * Values for the 'appearance' attribute of the text field.
- */
-export declare type TextFieldAppearanceAttribute = `${TextFieldAppearance}`;
 /**
  * Values for the 'appearance' property of the text field
  */
-export declare enum TextFieldAppearance {
-    Underline = "underline",
-    Outline = "outline",
-    Block = "block",
-    Frameless = "frameless"
-}
+export declare const TextFieldAppearance: {
+    readonly underline: "underline";
+    readonly outline: "outline";
+    readonly block: "block";
+    readonly frameless: "frameless";
+};
+export declare type TextFieldAppearance = typeof TextFieldAppearance[keyof typeof TextFieldAppearance];

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

@@ -6,11 +6,10 @@ export { TextFieldType };
 /**
  * Values for the 'appearance' property of the text field
  */
-export var TextFieldAppearance;
-(function (TextFieldAppearance) {
-    TextFieldAppearance["Underline"] = "underline";
-    TextFieldAppearance["Outline"] = "outline";
-    TextFieldAppearance["Block"] = "block";
-    TextFieldAppearance["Frameless"] = "frameless";
-})(TextFieldAppearance || (TextFieldAppearance = {}));
+export const TextFieldAppearance = {
+    underline: 'underline',
+    outline: 'outline',
+    block: 'block',
+    frameless: 'frameless'
+};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAO3D;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,CAAC;AAOzB;;GAEG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC3B,8CAAuB,CAAA;IACvB,0CAAmB,CAAA;IACnB,sCAAe,CAAA;IACf,8CAAuB,CAAA;AAC3B,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/text-field/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,WAAW;CAChB,CAAC"}

package/dist/esm/theme-provider/design-tokens.js

@@ -96,11 +96,11 @@ function createFontTokens(fontTokenName, colorFunction, disabledColorFunction, f
 }
 function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor) {
     switch (theme.getValueFor(element)) {
-        case Theme.Light:
+        case Theme.light:
             return lightThemeColor;
-        case Theme.Dark:
+        case Theme.dark:
             return darkThemeColor;
-        case Theme.Color:
+        case Theme.color:
             return colorThemeColor;
         default:
             return lightThemeColor;

package/dist/esm/theme-provider/index.js

@@ -14,7 +14,7 @@ export const direction = DesignToken.create({
 export const theme = DesignToken.create({
     name: 'theme',
     cssCustomPropertyName: null
-}).withDefault(Theme.Light);
+}).withDefault(Theme.light);
 /**
  * The ThemeProvider 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.
@@ -24,7 +24,7 @@ export class ThemeProvider extends FoundationElement {
     constructor() {
         super(...arguments);
         this.direction = Direction.ltr;
-        this.theme = Theme.Light;
+        this.theme = Theme.light;
     }
     directionChanged(_prev, next) {
         if (next !== undefined && next !== null) {

package/dist/esm/theme-provider/types.d.ts

@@ -1,6 +1,6 @@
-export declare enum Theme {
-    Light = "light",
-    Dark = "dark",
-    Color = "color"
-}
-export declare type ThemeAttribute = `${Theme}`;
+export declare const Theme: {
+    readonly light: "light";
+    readonly dark: "dark";
+    readonly color: "color";
+};
+export declare type Theme = typeof Theme[keyof typeof Theme];

package/dist/esm/theme-provider/types.js

@@ -1,7 +1,6 @@
-export var Theme;
-(function (Theme) {
-    Theme["Light"] = "light";
-    Theme["Dark"] = "dark";
-    Theme["Color"] = "color";
-})(Theme || (Theme = {}));
+export const Theme = {
+    light: 'light',
+    dark: 'dark',
+    color: 'color'
+};
 //# sourceMappingURL=types.js.map

package/dist/esm/theme-provider/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,wBAAe,CAAA;AACnB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC"}

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

@@ -15,7 +15,7 @@ export class ToggleButton extends FoundationSwitch {
          * @remarks
          * HTML Attribute: appearance
          */
-        this.appearance = ButtonAppearance.Outline;
+        this.appearance = ButtonAppearance.outline;
         /**
          * @public
          * @remarks

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

@@ -2,5 +2,4 @@
  * Types of toggle button appearance.
  * @public
  */
-export type { ButtonAppearanceAttribute } from '../patterns/button/types';
 export { ButtonAppearance } from '../patterns/button/types';

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

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

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

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

package/dist/esm/tree-view/index.js

@@ -16,7 +16,7 @@ import { TreeViewSelectionMode } from './types';
 export class TreeView extends FoundationTreeView {
     constructor() {
         super(...arguments);
-        this.selectionMode = TreeViewSelectionMode.All;
+        this.selectionMode = TreeViewSelectionMode.all;
     }
     handleClick(e) {
         if (e.defaultPrevented) {
@@ -41,11 +41,11 @@ export class TreeView extends FoundationTreeView {
     }
     canSelect(item) {
         switch (this.selectionMode) {
-            case TreeViewSelectionMode.All:
+            case TreeViewSelectionMode.all:
                 return true;
-            case TreeViewSelectionMode.None:
+            case TreeViewSelectionMode.none:
                 return false;
-            case TreeViewSelectionMode.LeavesOnly:
+            case TreeViewSelectionMode.leavesOnly:
                 return !this.itemHasChildren(item);
             default:
                 return true;

package/dist/esm/tree-view/types.d.ts

@@ -1,8 +1,8 @@
 export declare const pinnedSelectedAttribute = "pinned-selected";
 export declare const groupSelectedAttribute = "group-selected";
-export declare enum TreeViewSelectionMode {
-    All = "all",
-    LeavesOnly = "leaves-only",
-    None = "none"
-}
-export declare type TreeViewSelectionModeAttribute = `${TreeViewSelectionMode}`;
+export declare const TreeViewSelectionMode: {
+    readonly all: "all";
+    readonly leavesOnly: "leaves-only";
+    readonly none: "none";
+};
+export declare type TreeViewSelectionMode = typeof TreeViewSelectionMode[keyof typeof TreeViewSelectionMode];

package/dist/esm/tree-view/types.js

@@ -1,9 +1,8 @@
 export const pinnedSelectedAttribute = 'pinned-selected';
 export const groupSelectedAttribute = 'group-selected';
-export var TreeViewSelectionMode;
-(function (TreeViewSelectionMode) {
-    TreeViewSelectionMode["All"] = "all";
-    TreeViewSelectionMode["LeavesOnly"] = "leaves-only";
-    TreeViewSelectionMode["None"] = "none";
-})(TreeViewSelectionMode || (TreeViewSelectionMode = {}));
+export const TreeViewSelectionMode = {
+    all: 'all',
+    leavesOnly: 'leaves-only',
+    none: 'none'
+};
 //# sourceMappingURL=types.js.map

package/dist/esm/tree-view/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/tree-view/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,mDAA0B,CAAA;IAC1B,sCAAa,CAAA;AACjB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/tree-view/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,GAAG,EAAE,KAAK;IACV,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,MAAM;CACN,CAAC"}

package/dist/esm/utilities/style/theme.d.ts

@@ -1,8 +1,8 @@
 import { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
 import type { Theme } from '../../theme-provider/types';
 export declare type LightStyle = ElementStyles | null;
-export declare type DarkStyleOrAlias = ElementStyles | null | Theme.Light;
-export declare type ColorStyleOrAlias = ElementStyles | null | Theme.Light | Theme.Dark;
+export declare type DarkStyleOrAlias = ElementStyles | null | Extract<Theme, 'light'>;
+export declare type ColorStyleOrAlias = ElementStyles | null | Extract<Theme, 'light' | 'dark'>;
 /**
  * Behavior to conditionally apply theme-based stylesheets.
  */
@@ -32,9 +32,9 @@ declare class ThemeStyleSheetBehavior implements Behavior {
  * css`
  *  // ...
  * `.withBehaviors(new ThemeStyleSheetBehavior(
- *   css`:host { ... Theme.Light style... }`),
- *   null, // No style needed for Theme.Dark style
- *   Theme.Light // For the Theme.Color style, re-use the previously set Theme.Light style
+ *   css`:host { ... Theme.light style... }`),
+ *   null, // No style needed for Theme.dark style
+ *   Theme.light // For the Theme.color style, re-use the previously set Theme.light style
  * )
  * ```
  */

package/dist/esm/utilities/style/theme.js

@@ -96,9 +96,9 @@ class ThemeStyleSheetBehavior {
  * css`
  *  // ...
  * `.withBehaviors(new ThemeStyleSheetBehavior(
- *   css`:host { ... Theme.Light style... }`),
- *   null, // No style needed for Theme.Dark style
- *   Theme.Light // For the Theme.Color style, re-use the previously set Theme.Light style
+ *   css`:host { ... Theme.light style... }`),
+ *   null, // No style needed for Theme.dark style
+ *   Theme.light // For the Theme.color style, re-use the previously set Theme.light style
  * )
  * ```
  */

package/dist/esm/utilities/style/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/utilities/style/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/utilities/style/theme.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAEH,aAAa,EAGhB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;GAEG;AACH,MAAM,mCAAmC;IAGrC,YACqB,WAAwB,EACxB,MAAiC;QADjC,gBAAW,GAAX,WAAW,CAAa;QACxB,WAAM,GAAN,MAAM,CAA2B;QAJ9C,aAAQ,GAAyB,IAAI,CAAC;IAK3C,CAAC;IAEG,YAAY,CAAC,EAChB,MAAM,EACN,KAAK,EACoC;QACzC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,KAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;YAC3C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC3D;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;gBACxB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACxD;SACJ;IACL,CAAC;CACJ;AASD;;GAEG;AACH,MAAM,uBAAuB;IAOzB,YACI,UAAsB,EACtB,gBAAkC,EAClC,iBAAoC;QARvB,UAAK,GAGlB,IAAI,OAAO,EAAE,CAAC;QAOd,MAAM,KAAK,GAAG,UAAU,CAAC;QACzB,MAAM,IAAI,GAAG,uBAAuB,CAAC,YAAY,CAAC,gBAAgB,EAAE;YAChE,KAAK;YACL,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;SACd,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,uBAAuB,CAAC,YAAY,CAAC,iBAAiB,EAAE;YAClE,KAAK;YACL,IAAI;YACJ,KAAK,EAAE,IAAI;SACd,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG;YACf,KAAK;YACL,IAAI;YACJ,KAAK;SACR,CAAC;IACN,CAAC;IAEO,MAAM,CAAC,YAAY,CACvB,KAA6B,EAC7B,kBAA+B;QAE/B,IAAI,KAAK,YAAY,aAAa,IAAI,KAAK,KAAK,IAAI,EAAE;YAClD,OAAO,KAAK,CAAC;SAChB;QACD,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,YAAY,KAAK,IAAI,EAAE;YACvB,MAAM,IAAI,KAAK,CACX,4BAA4B,KAAK,8CAA8C,CAClF,CAAC;SACL;QACD,OAAO,YAAY,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,IAAI,CAAC,MAAiC;QACzC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;eAClC,IAAI,mCAAmC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEzE,MAAM,KAAK,GAAG,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7C,+DAA+D;QAC/D,8CAA8C;QAC9C,6EAA6E;QAC7E,UAAU,CAAC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QACzC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,MAAiC;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAE1C,IAAI,UAAU,EAAE;YACZ,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;SACtC;QAED,iDAAiD;QACjD,6EAA6E;IACjF,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,UAAsB,EACtB,gBAAkC,EAClC,iBAAoC,EACb,EAAE,CAAC,IAAI,uBAAuB,CACrD,UAAU,EACV,gBAAgB,EAChB,iBAAiB,CACpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "9.0.4",
+  "version": "10.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",