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

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

@@ -2,19 +2,69 @@ import { DesignToken } from '@microsoft/fast-foundation';
 import hexRgb from 'hex-rgb';
 import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, LegacyContentFamily } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { NimbleTheme } from './types';
-function rgbString(hexValue) {
+import { tokenNames, styleNameFromTokenName } from './design-token-names';
+import { theme } from '.';
+// Color Tokens
+export const actionColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.actionColorRgbPartial)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
+export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
+export const fillColorSelected = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelected)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.3));
+export const fillColorSelectedRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedRgbPartial)).withDefault((element) => hexToRgbPartial(getFillColorSelectedForTheme(element)));
+export const fillColorSelectedHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedHover)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.15));
+export const fillColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorHover)).withDefault((element) => hexToRgbaCssColor(getFillColorHoverForTheme(element), 0.1));
+export const borderColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderColor)).withDefault((element) => getDefaultLineColorForTheme(element));
+export const borderColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorRgbPartial)).withDefault((element) => hexToRgbPartial(getDefaultLineColorForTheme(element)));
+export const failColor = DesignToken.create(styleNameFromTokenName(tokenNames.failColor)).withDefault((element) => getFailColorForTheme(element));
+export const warningColor = DesignToken.create(styleNameFromTokenName(tokenNames.warningColor)).withDefault((element) => getWarningColorForTheme(element));
+export const passColor = DesignToken.create(styleNameFromTokenName(tokenNames.passColor)).withDefault((element) => getPassColorForTheme(element));
+export const borderColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorHover)).withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgbaCssColor(SlLegacyBlue, 0.9)));
+// Component Color Tokens
+export const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
+export const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
+export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
+// Component Sizing Tokens
+export const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
+export const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNames.standardPadding)).withDefault('16px');
+export const labelHeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
+export const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
+export const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
+export const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
+// Font Family Tokens
+export const fontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.fontFamily)).withDefault((element) => getFontForTheme(element));
+export const labelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontFamily)).withDefault((element) => getLabelFontForTheme(element));
+export const groupLabelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontFamily)).withDefault((element) => getGroupLabelFontForTheme(element));
+export const drawerHeaderFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontFamily)).withDefault(Title2Family);
+// Font Sizing Tokens
+export const labelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontSize)).withDefault((element) => getLabelTextSizeForTheme(element));
+export const contentFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontSize)).withDefault(BodySize);
+export const groupLabelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontSize)).withDefault(GroupLabel1Size);
+export const drawerHeaderFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontSize)).withDefault(Title2Size);
+// Font Weight Tokens
+export const groupLabelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontWeight)).withDefault(GroupLabel1Weight);
+export const labelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontWeight)).withDefault(ControlLabel1Weight);
+// Font Color Tokens
+export const labelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColor)).withDefault((element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6));
+export const groupLabelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontColor)).withDefault((element) => getDefaultFontColorForTheme(element));
+export const contentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
+export const buttonContentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonContentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
+export const labelFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getDefaultLineColorForTheme(element), 0.3));
+export const labelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.labelTextTransform)).withDefault((element) => getLabelTextTransformForTheme(element));
+export const groupLabelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelTextTransform)).withDefault((element) => getGroupLabelTextTransformForTheme(element));
+export const contentFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
+// Animation Tokens
+export const smallDelay = DesignToken.create(styleNameFromTokenName(tokenNames.smallDelay)).withDefault(SmallDelay);
+export const mediumDelay = DesignToken.create(styleNameFromTokenName(tokenNames.mediumDelay)).withDefault(MediumDelay);
+export const drawerAnimationDurationMs = DesignToken.create(styleNameFromTokenName(tokenNames.drawerAnimationDurationMs)).withDefault(250);
+// Filter Tokens
+export const passwordRevealFilter = DesignToken.create(styleNameFromTokenName(tokenNames.passwordRevealFilter)).withDefault((element) => getPasswordRevealFilterForTheme(element));
+// Private helpers functions
+function hexToRgbPartial(hexValue) {
     const { red, green, blue } = hexRgb(hexValue);
     return `${red}, ${green}, ${blue}`;
 }
-function hexToRgba(hexValue, alpha) {
+function hexToRgbaCssColor(hexValue, alpha) {
     const { red, green, blue } = hexRgb(hexValue);
     return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
 }
-const { create } = DesignToken;
-export const theme = create({
-    name: 'theme',
-    cssCustomPropertyName: null
-}).withDefault(NimbleTheme.Light);
 function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor, legacyBlueThemeColor) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.Light:
@@ -29,33 +79,26 @@ function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeCo
             return lightThemeColor;
     }
 }
+function getWarningColorForTheme(element) {
+    return getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
+}
+function getFailColorForTheme(element) {
+    return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
+}
+function getPassColorForTheme(element) {
+    return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
+}
 function getDefaultLineColorForTheme(element) {
-    switch (theme.getValueFor(element)) {
-        case NimbleTheme.Light:
-            return Black91;
-        case NimbleTheme.Dark:
-            return Black15;
-        case NimbleTheme.Color:
-            return White;
-        case NimbleTheme.LegacyBlue:
-            return Black91;
-        default:
-            return Black91;
-    }
+    return getColorForTheme(element, Black91, Black15, White, Black91);
 }
 function getDefaultFontColorForTheme(element) {
-    switch (theme.getValueFor(element)) {
-        case NimbleTheme.Light:
-            return Black91;
-        case NimbleTheme.Dark:
-            return Black15;
-        case NimbleTheme.Color:
-            return White;
-        case NimbleTheme.LegacyBlue:
-            return Black75;
-        default:
-            return Black91;
-    }
+    return getColorForTheme(element, Black91, Black15, White, Black75);
+}
+function getFillColorSelectedForTheme(element) {
+    return getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
+}
+function getFillColorHoverForTheme(element) {
+    return getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
 }
 function getFontForTheme(element) {
     switch (theme.getValueFor(element)) {
@@ -81,7 +124,7 @@ function getGroupLabelFontForTheme(element) {
             return `${GroupLabel1Family}, ${BodyFamily}`;
     }
 }
-function getGroupLabelTextTransform(element) {
+function getGroupLabelTextTransformForTheme(element) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.LegacyBlue:
             return 'none';
@@ -89,7 +132,7 @@ function getGroupLabelTextTransform(element) {
             return 'uppercase';
     }
 }
-function getLabelTextTransform(element) {
+function getLabelTextTransformForTheme(element) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.LegacyBlue:
             return 'none';
@@ -97,7 +140,7 @@ function getLabelTextTransform(element) {
             return 'none';
     }
 }
-function getLabelTextSize(element) {
+function getLabelTextSizeForTheme(element) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.LegacyBlue:
             return '13px';
@@ -105,7 +148,7 @@ function getLabelTextSize(element) {
             return ControlLabel1Size;
     }
 }
-function getPasswordRevealFilter(element) {
+function getPasswordRevealFilterForTheme(element) {
     switch (theme.getValueFor(element)) {
         case NimbleTheme.Color:
         case NimbleTheme.Dark:
@@ -114,59 +157,4 @@ function getPasswordRevealFilter(element) {
             return 'invert(0%)';
     }
 }
-const fillColorSelectedTheme = (element) => getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
-const fillColorHoverTheme = (element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
-// Color Tokens
-export const actionColorRgb = create('action-color-rgb').withDefault((element) => rgbString(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
-export const applicationBackgroundColor = create('application-background-color').withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
-export const fillColorSelected = create('fill-color-selected').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.3));
-export const fillColorSelectedRgb = create('fill-color-selected-rgb').withDefault((element) => rgbString(fillColorSelectedTheme(element)));
-export const fillColorSelectedHover = create('fill-color-selected-hover').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.15));
-export const fillColorHover = create('fill-color-hover').withDefault((element) => hexToRgba(fillColorHoverTheme(element), 0.1));
-export const borderColor = create('border-color').withDefault((element) => getDefaultLineColorForTheme(element));
-export const borderColorRgb = create('border-color-rgb').withDefault((element) => rgbString(getDefaultLineColorForTheme(element)));
-export const failColorTheme = (element) => getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
-export const failColor = create('fail-color').withDefault((element) => failColorTheme(element));
-export const warningColorTheme = (element) => getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
-export const warningColor = create('warning-color').withDefault((element) => warningColorTheme(element));
-export const passColorTheme = (element) => getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
-export const passColor = create('pass-color').withDefault((element) => passColorTheme(element));
-export const borderColorHover = create('border-color-hover').withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgba(SlLegacyBlue, 0.9)));
-export const popupBoxShadowColor = create('popup-box-shadow-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
-export const popupBorderColor = create('popup-border-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
-// Component Sizing Tokens
-export const controlHeight = create('control-height').withDefault('32px');
-export const standardPadding = create('standard-padding').withDefault('16px');
-export const labelHeight = create('label-height').withDefault('16px');
-export const borderWidth = create('border-width').withDefault('1px');
-export const iconSize = create('icon-size').withDefault('16px');
-export const drawerWidth = create('drawer-width').withDefault('784px');
-// Font Family Tokens
-export const fontFamily = create('font-family').withDefault((element) => getFontForTheme(element));
-export const labelFontFamily = create('label-font-family').withDefault((element) => getLabelFontForTheme(element));
-export const groupLabelFontFamily = create('group-label-font-family').withDefault((element) => getGroupLabelFontForTheme(element));
-export const drawerHeaderFontFamily = create('drawer-header-font-family').withDefault(Title2Family);
-// Font Sizing Tokens
-export const labelFontSize = create('label-font-size').withDefault((element) => getLabelTextSize(element));
-export const contentFontSize = create('content-font-size').withDefault(BodySize);
-export const groupLabelFontSize = create('group-label-font-size').withDefault(GroupLabel1Size);
-export const drawerHeaderFontSize = create('drawer-header-font-size').withDefault(Title2Size);
-// Font Weight Tokens
-export const groupLabelFontWeight = create('group-label-font-weight').withDefault(GroupLabel1Weight);
-export const labelFontWeight = create('label-font-weight').withDefault(ControlLabel1Weight);
-// Font Color Tokens
-export const labelFontColor = create('label-font-color').withDefault((element) => hexToRgba(getDefaultFontColorForTheme(element), 0.6));
-export const groupLabelFontColor = create('group-label-font-color').withDefault((element) => getDefaultFontColorForTheme(element));
-export const contentFontColor = create('content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
-export const buttonContentFontColor = create('button-content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
-export const labelFontColorDisabled = create('label-font-color-disabled').withDefault((element) => hexToRgba(getDefaultLineColorForTheme(element), 0.3));
-export const labelTextTransform = create('label-text-transform').withDefault((element) => getLabelTextTransform(element));
-export const groupLabelTextTransform = create('group-label-text-transform').withDefault((element) => getGroupLabelTextTransform(element));
-export const contentFontColorDisabled = create('content-font-color-disabled').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
-// Animation Tokens
-export const smallDelay = create('small-delay').withDefault(SmallDelay);
-export const mediumDelay = create('medium-delay').withDefault(MediumDelay);
-export const drawerAnimationDurationMs = create('drawer-animation-duration-ms').withDefault(250);
-// Filter Tokens
-export const passwordRevealFilter = create('password-reveal-filter').withDefault((element) => getPasswordRevealFilter(element));
 //# sourceMappingURL=design-tokens.js.map

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

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

package/dist/esm/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/theme-provider/index.js

@@ -1,15 +1,34 @@
 import { __decorate } from "tslib";
-import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
+import { DesignSystem, DesignToken, FoundationElement } from '@microsoft/fast-foundation';
 import { attr } from '@microsoft/fast-element';
+import { Direction } from '@microsoft/fast-web-utilities';
 import { template } from './template';
 import { styles } from './styles';
-import { theme } from './design-tokens';
+import { NimbleTheme } from './types';
+// Not represented as a CSS Custom Property, instead available
+// as an attribute of theme provider.
+export const direction = DesignToken.create({
+    name: 'direction',
+    cssCustomPropertyName: null
+}).withDefault(Direction.ltr);
+export const theme = DesignToken.create({
+    name: 'theme',
+    cssCustomPropertyName: null
+}).withDefault(NimbleTheme.Light);
 /**
  * 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
  */
 class NimbleThemeProvider extends FoundationElement {
+    directionChanged(_prev, next) {
+        if (next !== undefined && next !== null) {
+            direction.setValueFor(this, next);
+        }
+        else {
+            direction.deleteValueFor(this);
+        }
+    }
     themeChanged(_prev, next) {
         if (next !== undefined && next !== null) {
             theme.setValueFor(this, next);
@@ -18,7 +37,21 @@ class NimbleThemeProvider extends FoundationElement {
             theme.deleteValueFor(this);
         }
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.direction) {
+            this.direction = Direction.ltr;
+        }
+        if (!this.theme) {
+            this.theme = NimbleTheme.Light;
+        }
+    }
 }
+__decorate([
+    attr({
+        attribute: 'direction'
+    })
+], NimbleThemeProvider.prototype, "direction", void 0);
 __decorate([
     attr({
         attribute: 'theme'

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EAEZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAWxC;;;;GAIG;AACH,MAAM,mBAAoB,SAAQ,iBAAiB;IAMxC,YAAY,CACf,KAA8B,EAC9B,IAA6B;QAE7B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAqC,CAAC,CAAC;SAClE;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC9B;IACL,CAAC;CACJ;AAZG;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;kDACyB;AAc/B,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EACZ,WAAW,EACX,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,8DAA8D;AAC9D,qCAAqC;AACrC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAY;IACnD,IAAI,EAAE,WAAW;IACjB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAc;IACjD,IAAI,EAAE,OAAO;IACb,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAElC;;;;GAIG;AACH,MAAM,mBAAoB,SAAQ,iBAAiB;IAWxC,gBAAgB,CACnB,KAA4B,EAC5B,IAA2B;QAE3B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACrC;aAAM;YACH,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAClC;IACL,CAAC;IAEM,YAAY,CACf,KAA8B,EAC9B,IAA6B;QAE7B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACjC;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC9B;IACL,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC;SAClC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;SAClC;IACL,CAAC;CACJ;AAxCG;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,WAAW;KACzB,CAAC;sDAC2B;AAK7B;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;kDACyB;AAqC/B,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}

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

@@ -1,9 +1,9 @@
-import { DirectionalStyleSheetBehavior } from '@microsoft/fast-components';
 import { css } from '@microsoft/fast-element';
 import { display, TreeItem } from '@microsoft/fast-foundation';
 import { focusVisible } from '../utilities/style/focus';
 import { contentFontColor, fontFamily, borderColorHover, fillColorSelected, contentFontSize, fillColorHover, fillColorSelectedHover, borderWidth, iconSize } from '../theme-provider/design-tokens';
 import { groupSelectedAttribute } from '../tree-view/types';
+import { DirectionalStyleSheetBehavior } from '../utilities/style/direction';
 export const styles = (context) => css `
         ${display('block')}
 
@@ -14,7 +14,7 @@ export const styles = (context) => css `
             color: ${contentFontColor};
             cursor: pointer;
             font-family: ${fontFamily};
-            --tree-item-nested-width: 0;
+            --ni-private-tree-item-nested-width: 0;
         }
 
         ${ /* this controls the side border */''}
@@ -57,7 +57,7 @@ export const styles = (context) => css `
         .positioning-region::before {
             content: '';
             display: block;
-            width: var(--tree-item-nested-width);
+            width: var(--ni-private-tree-item-nested-width);
             flex-shrink: 0;
         }
 
@@ -131,8 +131,10 @@ export const styles = (context) => css `
         }
 
         ::slotted(${context.tagFor(TreeItem)}) {
-            --tree-item-nested-width: 1em;
-            --expand-collapse-button-nested-width: calc(${iconSize} * -1);
+            --ni-private-tree-item-nested-width: 1em;
+            --ni-private-expand-collapse-button-nested-width: calc(
+                ${iconSize} * -1
+            );
         }
 
         ${
@@ -163,7 +165,7 @@ export const styles = (context) => css `
                     ${ /* ltr styles */''}
                     :host(.nested) .expand-collapse-button {
                         left: var(
-                            --expand-collapse-button-nested-width,
+                            --ni-private-expand-collapse-button-nested-width,
                             calc(${iconSize} * -1)
                         );
                     }
@@ -179,7 +181,7 @@ export const styles = (context) => css `
                     ${ /* rtl styles */''}
                     :host(.nested) .expand-collapse-button {
                         right: var(
-                            --expand-collapse-button-nested-width,
+                            --ni-private-expand-collapse-button-nested-width,
                             calc(${iconSize} * -1)
                         );
                     }

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,OAAO,EAEP,QAAQ,EAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,CAAC,MAAM,MAAM,GAGE,CAAC,OAAiC,EAAE,EAAE,CAAC,GAAG,CAAA;UACrD,OAAO,CAAC,OAAO,CAAC;;;;;;qBAML,gBAAgB;;2BAEV,UAAU;;;;UAI3B,CAAA,mCAAoC,EAAE;iBAC/B,sBAAsB;0BACb,gBAAgB;;;;;;0BAMhB,WAAW;2BACV,QAAQ;;;;;;;2BAOR,QAAQ;;;;0BAIT,cAAc;;;gBAGxB,YAAY;sCACU,WAAW,IAAI,gBAAgB;uBAC9C,WAAW,UAAU,gBAAgB;;;;;0BAKlC,iBAAiB;;;;0BAIjB,sBAAsB;;;;;;;;;;;;;;;;yBAgBvB,eAAe;;;;gBAIxB,YAAY;;;;;;mCAMO,QAAQ;;;;;;;;;;;;qBAYtB,QAAQ;sBACP,QAAQ;;;;;;;;;;;;;qBAaT,QAAQ;sBACP,QAAQ;;;;;;UAMpB;AACE,wEAAwE,CAAC,EAC7E;;qBAEa,QAAQ;;;UAGnB;AACE,uEAAuE,CAAC,EAC5E;;;;mCAI2B,QAAQ;iCACV,QAAQ;;;;qBAIpB,QAAQ;sBACP,QAAQ;;;oBAGV,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;;0DAEc,QAAQ;;;UAGxD;AACE,qEAAqE,CAAC,EAC1E;;;;mCAI2B,QAAQ;;;;;cAK7B;AACE;;;;GAIG,CAAC,EACR;qCACyB,QAAQ;;;;;;KAMxC;IACL,kBAAkB;KACb,aAAa,CACV,IAAI,6BAA6B,CAC7B,GAAG,CAAA;sBACO,CAAA,gBAAiB,EAAE;;;;mCAIN,QAAQ;;;;;;;;;;;iBAW1B,EACL,GAAG,CAAA;sBACO,CAAA,gBAAiB,EAAE;;;;mCAIN,QAAQ;;;;;;;;;;;iBAW1B,CACR,CACJ,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EACH,OAAO,EAEP,QAAQ,EAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,MAAM,CAAC,MAAM,MAAM,GAGE,CAAC,OAAiC,EAAE,EAAE,CAAC,GAAG,CAAA;UACrD,OAAO,CAAC,OAAO,CAAC;;;;;;qBAML,gBAAgB;;2BAEV,UAAU;;;;UAI3B,CAAA,mCAAoC,EAAE;iBAC/B,sBAAsB;0BACb,gBAAgB;;;;;;0BAMhB,WAAW;2BACV,QAAQ;;;;;;;2BAOR,QAAQ;;;;0BAIT,cAAc;;;gBAGxB,YAAY;sCACU,WAAW,IAAI,gBAAgB;uBAC9C,WAAW,UAAU,gBAAgB;;;;;0BAKlC,iBAAiB;;;;0BAIjB,sBAAsB;;;;;;;;;;;;;;;;yBAgBvB,eAAe;;;;gBAIxB,YAAY;;;;;;mCAMO,QAAQ;;;;;;;;;;;;qBAYtB,QAAQ;sBACP,QAAQ;;;;;;;;;;;;;qBAaT,QAAQ;sBACP,QAAQ;;;;;;UAMpB;AACE,wEAAwE,CAAC,EAC7E;;qBAEa,QAAQ;;;UAGnB;AACE,uEAAuE,CAAC,EAC5E;;;;mCAI2B,QAAQ;iCACV,QAAQ;;;;qBAIpB,QAAQ;sBACP,QAAQ;;;oBAGV,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;;;kBAG1B,QAAQ;;;;UAIhB;AACE,qEAAqE,CAAC,EAC1E;;;;mCAI2B,QAAQ;;;;;cAK7B;AACE;;;;GAIG,CAAC,EACR;qCACyB,QAAQ;;;;;;KAMxC;IACL,kBAAkB;KACb,aAAa,CACV,IAAI,6BAA6B,CAC7B,GAAG,CAAA;sBACO,CAAA,gBAAiB,EAAE;;;;mCAIN,QAAQ;;;;;;;;;;;iBAW1B,EACL,GAAG,CAAA;sBACO,CAAA,gBAAiB,EAAE;;;;mCAIN,QAAQ;;;;;;;;;;;iBAW1B,CACR,CACJ,CAAC"}

package/dist/esm/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/utilities/style/direction.js

@@ -0,0 +1,78 @@
+/* eslint-disable */
+// Sourced from: https://github.com/microsoft/fast/blob/a150068ee196e73fe7a4f7b538a38752e0e506ba/packages/web-components/fast-components/src/styles/direction.ts
+// Changes: Updated imports to reference nimble design tokens
+import { direction as directionDesignToken } from '../../theme-provider';
+/**
+ * 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 class DirectionalStyleSheetBehavior {
+    constructor(ltr, rtl) {
+        this.cache = new WeakMap();
+        this.ltr = ltr;
+        this.rtl = rtl;
+    }
+    /**
+     * @internal
+     */
+    bind(source) {
+        this.attach(source);
+    }
+    /**
+     * @internal
+     */
+    unbind(source) {
+        const cache = this.cache.get(source);
+        if (cache) {
+            directionDesignToken.unsubscribe(cache);
+        }
+    }
+    attach(source) {
+        const subscriber = this.cache.get(source) ||
+            new DirectionalStyleSheetBehaviorSubscription(this.ltr, this.rtl, source);
+        const value = directionDesignToken.getValueFor(source);
+        directionDesignToken.subscribe(subscriber);
+        subscriber.attach(value);
+        this.cache.set(source, subscriber);
+    }
+}
+/**
+ * Subscription for {@link DirectionalStyleSheetBehavior}
+ */
+class DirectionalStyleSheetBehaviorSubscription {
+    constructor(ltr, rtl, source) {
+        this.ltr = ltr;
+        this.rtl = rtl;
+        this.source = source;
+        this.attached = null;
+    }
+    handleChange({ target, token, }) {
+        this.attach(token.getValueFor(target));
+    }
+    attach(direction) {
+        if (this.attached !== this[direction]) {
+            if (this.attached !== null) {
+                this.source.$fastController.removeStyles(this.attached);
+            }
+            this.attached = this[direction];
+            if (this.attached !== null) {
+                this.source.$fastController.addStyles(this.attached);
+            }
+        }
+    }
+}
+//# sourceMappingURL=direction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../../src/utilities/style/direction.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,gKAAgK;AAChK,6DAA6D;AAU7D,OAAO,EAAE,SAAS,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACzE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,6BAA6B;IAQtC,YAAY,GAAyB,EAAE,GAAyB;QALxD,UAAK,GAGT,IAAI,OAAO,EAAE,CAAC;QAGd,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACnB,CAAC;IAED;;OAEG;IACI,IAAI,CAAC,MAAiC;QACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,MAAiC;QAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAErC,IAAI,KAAK,EAAE;YACP,oBAAoB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;SAC3C;IACL,CAAC;IAEO,MAAM,CAAC,MAAiC;QAC5C,MAAM,UAAU,GACZ,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACtB,IAAI,yCAAyC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAE9E,MAAM,KAAK,GAAG,oBAAoB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACvD,oBAAoB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC3C,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,CAAC;CACJ;AAED;;GAEG;AACH,MAAM,yCAAyC;IAG3C,YACY,GAAyB,EACzB,GAAyB,EACzB,MAAiC;QAFjC,QAAG,GAAH,GAAG,CAAsB;QACzB,QAAG,GAAH,GAAG,CAAsB;QACzB,WAAM,GAAN,MAAM,CAA2B;QALrC,aAAQ,GAAyB,IAAI,CAAC;IAM3C,CAAC;IAEG,YAAY,CAAC,EAChB,MAAM,EACN,KAAK,GAC8C;QACnD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,CAAC;IAEM,MAAM,CAAC,SAAoB;QAC9B,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CAAC,EAAE;YACnC,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,SAAS,CAAC,CAAC;YAChC,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"}

package/dist/fonts.scss

@@ -0,0 +1,3 @@
+// Nimble Components Fonts SCSS
+
+@import '~@ni/nimble-tokens/source/fonts';