@ni/nimble-components 1.0.0-beta.122 → 1.0.0-beta.126

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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,16 +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
+ * 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,14 +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
+ * 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);
@@ -17,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;;;GAGG;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)
                         );
                     }