@ni/nimble-components 2.1.3 → 3.2.0

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

@@ -1,35 +1,30 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, fillColorSelectedRgbPartial, fontFamily, labelFontColor, labelFontColorDisabled, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay } from '../theme-provider/design-tokens';
+import { borderRgbPartialColor, borderHoverColor, borderWidth, fillSelectedRgbPartialColor, smallDelay, bodyFontColor, bodyDisabledFontColor, controlLabelFont, controlLabelFontColor, bodyFont, controlLabelDisabledFontColor } from '../theme-provider/design-tokens';
 import { appearanceBehavior } from '../utilities/style/appearance';
 import { TextAreaAppearance } from './types';
 export const styles = css `
     ${display('inline-block')}
 
     :host {
-        font-family: ${fontFamily};
-        font-size: ${contentFontSize};
+        font: ${bodyFont};
         outline: none;
         user-select: none;
-        color: ${contentFontColor};
+        color: ${bodyFontColor};
     }
 
     :host([disabled]) {
-        color: ${contentFontColorDisabled};
+        color: ${bodyDisabledFontColor};
     }
 
     .label {
         display: flex;
-        color: ${labelFontColor};
-        font-family: ${labelFontFamily};
-        font-size: ${labelFontSize};
-        font-weight: ${labelFontWeight};
-        line-height: ${labelHeight};
-        text-transform: ${labelTextTransform};
+        color: ${controlLabelFontColor};
+        font: ${controlLabelFont};
     }
 
     :host([disabled]) .label {
-        color: ${labelFontColorDisabled};
+        color: ${controlLabelDisabledFontColor};
     }
 
     .control {
@@ -54,12 +49,12 @@ export const styles = css `
     }
 
     .control:hover {
-        border-color: ${borderColorHover};
-        box-shadow: 0px 0px 0px 1px ${borderColorHover};
+        border-color: ${borderHoverColor};
+        box-shadow: 0px 0px 0px 1px ${borderHoverColor};
     }
 
     .control:focus-within {
-        border-color: ${borderColorHover};
+        border-color: ${borderHoverColor};
     }
 
     .control[readonly],
@@ -67,21 +62,21 @@ export const styles = css `
     .control[readonly]:hover:focus-within,
     .control[disabled],
     .control[disabled]:hover {
-        border-color: rgba(${borderColorRgbPartial}, 0.1);
+        border-color: rgba(${borderRgbPartialColor}, 0.1);
         box-shadow: none;
     }
 
     .control::selection {
-        color: ${labelFontColor};
-        background: rgba(${fillColorSelectedRgbPartial}, 0.3);
+        color: ${controlLabelFontColor};
+        background: rgba(${fillSelectedRgbPartialColor}, 0.3);
     }
 
     .control::placeholder {
-        color: ${labelFontColor};
+        color: ${controlLabelFontColor};
     }
 
     .control[disabled]::placeholder {
-        color: ${contentFontColorDisabled};
+        color: ${controlLabelDisabledFontColor};
     }
 
     :host([resize='both']) .control {
@@ -97,12 +92,12 @@ export const styles = css `
     // prettier-ignore
     .withBehaviors(appearanceBehavior(TextAreaAppearance.Outline, css `
                 .control {
-                    border-color: rgba(${borderColorRgbPartial}, 0.3);
+                    border-color: rgba(${borderRgbPartialColor}, 0.3);
                     background-color: transparent;
                 }
             `), appearanceBehavior(TextAreaAppearance.Block, css `
                 .control {
-                    background-color: rgba(${borderColorRgbPartial}, 0.1);
+                    background-color: rgba(${borderRgbPartialColor}, 0.1);
                 }
 
                 :host([readonly]) .control {
@@ -111,7 +106,7 @@ export const styles = css `
 
                 :host([disabled]) .control {
                     border-color: transparent;
-                    background-color: rgba(${borderColorRgbPartial}, 0.1);
+                    background-color: rgba(${borderRgbPartialColor}, 0.1);
                 }
             `));
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-area/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,2BAA2B,EAC3B,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;;;;iBAIhB,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;iBAI3B,sBAAsB;;;;;;;;;;;;kBAYrB,WAAW;;iCAEI,UAAU,YAAY,UAAU;;;;;;;;;;;wBAWzC,gBAAgB;sCACF,gBAAgB;;;;wBAI9B,gBAAgB;;;;;;;;6BAQX,qBAAqB;;;;;iBAKjC,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;iBAId,wBAAwB;;;;;;;;;;;;CAYxC;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,kBAAkB,CAAC,OAAO,EAC1B,GAAG,CAAA;;yCAE0B,qBAAqB;;;aAGjD,CACJ,EACD,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;6CAE8B,qBAAqB;;;;;;;;;6CASrB,qBAAqB;;aAErD,CACJ,CACJ,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-area/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,2BAA2B,EAC3B,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,QAAQ,EACR,6BAA6B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;gBAGb,QAAQ;;;iBAGP,aAAa;;;;iBAIb,qBAAqB;;;;;iBAKrB,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;;kBAY5B,WAAW;;iCAEI,UAAU,YAAY,UAAU;;;;;;;;;;;wBAWzC,gBAAgB;sCACF,gBAAgB;;;;wBAI9B,gBAAgB;;;;;;;;6BAQX,qBAAqB;;;;;iBAKjC,qBAAqB;2BACX,2BAA2B;;;;iBAIrC,qBAAqB;;;;iBAIrB,6BAA6B;;;;;;;;;;;;CAY7C;IACG,kBAAkB;KACjB,aAAa,CACV,kBAAkB,CACd,kBAAkB,CAAC,OAAO,EAC1B,GAAG,CAAA;;yCAE0B,qBAAqB;;;aAGjD,CACJ,EACD,kBAAkB,CACd,kBAAkB,CAAC,KAAK,EACxB,GAAG,CAAA;;6CAE8B,qBAAqB;;;;;;;;;6CASrB,qBAAqB;;aAErD,CACJ,CACJ,CAAC"}

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

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { borderColorRgbPartial, borderColorHover, borderWidth, contentFontColor, contentFontColorDisabled, contentFontSize, controlHeight, failColor, fillColorSelectedRgbPartial, fontFamily, iconSize, labelFontColor, labelFontColorDisabled, labelFontFamily, labelFontSize, labelFontWeight, labelHeight, labelTextTransform, smallDelay, standardPadding } from '../theme-provider/design-tokens';
+import { borderRgbPartialColor, borderHoverColor, borderWidth, bodyFontColor, bodyDisabledFontColor, controlHeight, failColor, fillSelectedRgbPartialColor, iconSize, labelHeight, smallDelay, controlLabelFont, bodyFont, controlLabelFontColor, standardPadding, controlLabelDisabledFontColor } from '../theme-provider/design-tokens';
 import { appearanceBehavior } from '../utilities/style/appearance';
 import { TextFieldAppearance } from './types';
 import { Theme } from '../theme-provider/types';
@@ -9,30 +9,15 @@ export const styles = css `
     ${display('inline-block')}
 
     :host {
-        font-family: ${fontFamily};
-        font-size: ${contentFontSize};
+        font: ${bodyFont};
         outline: none;
         user-select: none;
-        color: ${contentFontColor};
+        color: ${bodyFontColor};
         height: calc(${labelHeight} + ${controlHeight});
     }
 
     :host([disabled]) {
-        color: ${contentFontColorDisabled};
-    }
-
-    .label {
-        display: flex;
-        color: ${labelFontColor};
-        font-family: ${labelFontFamily};
-        font-size: ${labelFontSize};
-        font-weight: ${labelFontWeight};
-        line-height: ${labelHeight};
-        text-transform: ${labelTextTransform};
-    }
-
-    :host([disabled]) .label {
-        color: ${labelFontColorDisabled};
+        color: ${bodyDisabledFontColor};
     }
 
     .root {
@@ -41,11 +26,11 @@ export const styles = css `
         display: flex;
         flex-direction: row;
         border-radius: 0px;
-        font-family: ${fontFamily};
+        font: ${bodyFont};
         transition: border-bottom ${smallDelay}, padding-bottom ${smallDelay};
         align-items: flex-end;
         --ni-private-hover-bottom-border-width: 2px;
-        border: 0px solid rgba(${borderColorRgbPartial}, 0.3);
+        border: 0px solid rgba(${borderRgbPartialColor}, 0.3);
         border-bottom-width: var(--ni-private-bottom-border-width);
         padding-bottom: calc(
             var(--ni-private-hover-bottom-border-width) -
@@ -64,21 +49,21 @@ export const styles = css `
     }
 
     :host([readonly]:not([disabled])) .root {
-        border: ${borderWidth} solid rgba(${borderColorRgbPartial}, 0.1);
+        border: ${borderWidth} solid rgba(${borderRgbPartialColor}, 0.1);
         padding: 0px;
         padding-bottom: 1px;
         background-color: transparent;
     }
 
     :host([disabled]) .root {
-        border-color: rgba(${borderColorRgbPartial}, 0.1);
+        border-color: rgba(${borderRgbPartialColor}, 0.1);
     }
 
     .root:hover {
         --ni-private-bottom-border-width: var(
             --ni-private-hover-bottom-border-width
         );
-        border-bottom-color: ${borderColorHover};
+        border-bottom-color: ${borderHoverColor};
     }
 
     :host([disabled]) .root:hover {
@@ -86,7 +71,7 @@ export const styles = css `
     }
 
     .root:focus-within {
-        border-bottom-color: ${borderColorHover};
+        border-bottom-color: ${borderHoverColor};
     }
 
     .control {
@@ -116,12 +101,12 @@ export const styles = css `
     }
 
     .control::selection {
-        color: ${labelFontColor};
-        background: rgba(${fillColorSelectedRgbPartial}, 0.3);
+        color: ${controlLabelFontColor};
+        background: rgba(${fillSelectedRgbPartialColor}, 0.3);
     }
 
     .control::placeholder {
-        color: ${labelFontColor};
+        color: ${controlLabelFontColor};
     }
 
     .control:not([readonly]):focus-within::placeholder {
@@ -129,7 +114,17 @@ export const styles = css `
     }
 
     .control[disabled]::placeholder {
-        color: ${contentFontColorDisabled};
+        color: ${bodyDisabledFontColor};
+    }
+
+    .label {
+        display: flex;
+        color: ${controlLabelFontColor};
+        font: ${controlLabelFont};
+    }
+
+    :host([disabled]) .label {
+        color: ${controlLabelDisabledFontColor};
     }
 
     :host [part='end'] {
@@ -153,7 +148,7 @@ export const styles = css `
     }
 
     :host([disabled]) [part='end'] path {
-        fill: ${contentFontColorDisabled};
+        fill: ${bodyDisabledFontColor};
     }
 `.withBehaviors(appearanceBehavior(TextFieldAppearance.Underline, css `
             .root {
@@ -164,7 +159,7 @@ export const styles = css `
             }
         `), appearanceBehavior(TextFieldAppearance.Block, css `
             .root {
-                background-color: rgba(${borderColorRgbPartial}, 0.1);
+                background-color: rgba(${borderRgbPartialColor}, 0.1);
                 --ni-private-bottom-border-width: 0px;
                 padding-top: ${borderWidth};
                 padding-left: ${borderWidth};
@@ -192,7 +187,7 @@ export const styles = css `
             }
 
             :host([disabled]) .root {
-                background-color: rgba(${borderColorRgbPartial}, 0.07);
+                background-color: rgba(${borderRgbPartialColor}, 0.07);
             }
 
             :host([disabled]) .root:hover {

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,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,SAAS,EACT,2BAA2B,EAC3B,UAAU,EACV,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,eAAe,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;uBAGN,UAAU;qBACZ,eAAe;;;iBAGnB,gBAAgB;uBACV,WAAW,MAAM,aAAa;;;;iBAIpC,wBAAwB;;;;;iBAKxB,cAAc;uBACR,eAAe;qBACjB,aAAa;uBACX,eAAe;uBACf,WAAW;0BACR,kBAAkB;;;;iBAI3B,sBAAsB;;;;;;;;;uBAShB,UAAU;oCACG,UAAU,oBAAoB,UAAU;;;iCAG3C,qBAAqB;;;;;;;;;;;;;;;+BAevB,SAAS;;;;kBAItB,WAAW,eAAe,qBAAqB;;;;;;;6BAOpC,qBAAqB;;;;;;;+BAOnB,gBAAgB;;;;;;;;+BAQhB,gBAAgB;;;;;;;;;;;cAWjC,aAAa,MAAM,WAAW;;;;;;6BAMf,eAAe;8BACd,eAAe;;;;;;;;;;;;iBAY5B,cAAc;2BACJ,2BAA2B;;;;iBAIrC,cAAc;;;;;;;;iBAQd,wBAAwB;;;;;;;;;;;;;;;kBAevB,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,wBAAwB;;CAEvC,CAAC,aAAa,CACP,kBAAkB,CACd,mBAAmB,CAAC,SAAS,EAC7B,GAAG,CAAA;;;+BAGgB,WAAW;gCACV,WAAW;iCACV,WAAW;;SAEnC,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,KAAK,EACzB,GAAG,CAAA;;yCAE0B,qBAAqB;;+BAE/B,WAAW;gCACV,WAAW;iCACV,WAAW;;;;;;;;;;;;;;;;;;;;;;;;yCAwBH,qBAAqB;;;;;;;;;;SAUrD,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,OAAO,EAC3B,GAAG,CAAA;;;gCAGiB,WAAW;;;SAGlC,CACA,EACD,aAAa,CACT,GAAG,CAAA;cACD,EAAE,CAAC,iBAAiB;;;;SAIzB,EACG,GAAG,CAAA;cACD,EAAE,CAAC,gBAAgB;;;;SAIxB;AACG,cAAc;AACd,KAAK,CAAC,IAAI,CACb,CACJ,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,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,2BAA2B,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,6BAA6B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,cAAc,CAAC;;;gBAGb,QAAQ;;;iBAGP,aAAa;uBACP,WAAW,MAAM,aAAa;;;;iBAIpC,qBAAqB;;;;;;;;;gBAStB,QAAQ;oCACY,UAAU,oBAAoB,UAAU;;;iCAG3C,qBAAqB;;;;;;;;;;;;;;;+BAevB,SAAS;;;;kBAItB,WAAW,eAAe,qBAAqB;;;;;;;6BAOpC,qBAAqB;;;;;;;+BAOnB,gBAAgB;;;;;;;;+BAQhB,gBAAgB;;;;;;;;;;;cAWjC,aAAa,MAAM,WAAW;;;;;;6BAMf,eAAe;8BACd,eAAe;;;;;;;;;;;;iBAY5B,qBAAqB;2BACX,2BAA2B;;;;iBAIrC,qBAAqB;;;;;;;;iBAQrB,qBAAqB;;;;;iBAKrB,qBAAqB;gBACtB,gBAAgB;;;;iBAIf,6BAA6B;;;;;;;;;;;;;;;kBAe5B,QAAQ;iBACT,QAAQ;;;;gBAIT,SAAS;;;;gBAIT,qBAAqB;;CAEpC,CAAC,aAAa,CACP,kBAAkB,CACd,mBAAmB,CAAC,SAAS,EAC7B,GAAG,CAAA;;;+BAGgB,WAAW;gCACV,WAAW;iCACV,WAAW;;SAEnC,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,KAAK,EACzB,GAAG,CAAA;;yCAE0B,qBAAqB;;+BAE/B,WAAW;gCACV,WAAW;iCACV,WAAW;;;;;;;;;;;;;;;;;;;;;;;;yCAwBH,qBAAqB;;;;;;;;;;SAUrD,CACA,EACD,kBAAkB,CACd,mBAAmB,CAAC,OAAO,EAC3B,GAAG,CAAA;;;gCAGiB,WAAW;;;SAGlC,CACA,EACD,aAAa,CACT,GAAG,CAAA;cACD,EAAE,CAAC,iBAAiB;;;;SAIzB,EACG,GAAG,CAAA;cACD,EAAE,CAAC,gBAAgB;;;;SAIxB;AACG,cAAc;AACd,KAAK,CAAC,IAAI,CACb,CACJ,CAAC"}

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

@@ -1,45 +1,76 @@
 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: ''
+    actionRgbPartialColor: 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',
+    applicationBackgroundColor: 'Primary background color for the application',
+    headerBackgroundColor: 'Background color for application headers',
+    sectionBackgroundColor: 'Background color for dialogs and menus',
+    fillColorSelected: 'Control fill color when a control is selected',
+    fillSelectedRgbPartialColor: 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',
+    fillHoverSelectedColor: 'Control fill color when hovering a selected control',
+    fillHoverColor: 'Control fill color when hovering component',
+    borderColor: 'Standard control outline or border color',
+    borderRgbPartialColor: 'DEPRECATED: *-partial tokens are used with rgba() to set color transparency in component stylesheets',
+    failColor: 'Used to highlight errors or invalid input',
+    warningColor: 'Used to highlight invalid input or for icons to indicate that a process errored or failed',
+    passColor: 'Used to highlight a correct state or the successful completion of a process',
+    borderHoverColor: 'Border color when hovering component',
+    iconColor: 'Equivalent to the font color for icons',
+    popupBoxShadowColor: 'Shadow color for menus and dialog boxes',
+    popupBorderColor: 'Border color for menus and dialog boxes',
+    controlHeight: 'Standard layout height for all controls. Add "labelHeight" for labels on top.',
+    smallPadding: 'Small layout padding for components',
+    standardPadding: 'Standard layout padding for components',
+    labelHeight: 'Standard label height for components',
+    borderWidth: 'Standard border width for most components',
+    iconSize: 'Standard layout height for all icons',
+    groupHeaderTextTransform: 'CSS text-transform string to use for headers',
+    drawerWidth: 'TODO: delete when able',
+    smallDelay: 'Elements with small transition areas, such as icons and selection controls, have short durations.',
+    mediumDelay: 'Elements with larger transition areas, such as bottom sheets and expanding chips, have slightly longer durations.',
+    largeDelay: 'Animated elements that traverse a large portion of the screen have the longest durations.',
+    headlinePlus1Font: 'Font shorthand for the "Headline_2" base token',
+    headlineFont: 'Font shorthand for the "Headline_1" base token',
+    titlePlus2Font: 'Font shorthand for the "Title_3" base token',
+    titlePlus1Font: 'Font shorthand for the "Title_2" base token',
+    titleFont: 'Font shorthand for the "Title_1" base token',
+    subtitlePlus1Font: 'Font shorthand for the "Subtitle_2" base token',
+    subtitleFont: 'Font shorthand for the "Subtitle_1" base token',
+    linkStandardFont: 'Font shorthand for the "Link_standard_1" base token',
+    placeholderFont: 'Font shorthand for the "Placeholder" base token',
+    bodyEmphasizedFont: 'Font shorthand for the "Body_Emphasized" base token',
+    bodyFont: 'Font shorthand for the "Body" base token',
+    groupHeaderFont: 'Font shorthand for the "Group_Header_1" base token',
+    controlLabelFont: 'Font shorthand for the "Control_Label_1" base token',
+    buttonLabelFont: 'Font shorthand for the "Button_Label_1" base token',
+    tooltipCaptionFont: 'Font shorthand for the "Tooltip_Caption" base token',
+    headlinePlus1FontColor: 'Font color for "Headline_2" base token',
+    headlineFontColor: 'Font color for "Headline_1" base token',
+    titlePlus2FontColor: 'Font color for "Title_3" base token',
+    titlePlus1FontColor: 'Font color for "Title_2" base token',
+    titleFontColor: 'Font color for "Title_1" base token',
+    subtitlePlus1FontColor: 'Font color for "Subtitle_2" base token',
+    subtitleFontColor: 'Font color for "Subtitle_1" base token',
+    linkStandardFontColor: 'Font color for "Link_Standard_1" base token',
+    placeholderFontColor: 'Font color for "Placeholder" base token',
+    bodyEmphasizedFontColor: 'Font color for "Body_Emphasized" base token',
+    bodyFontColor: 'Font color for "Body" base token',
+    groupHeaderFontColor: 'Font color for "Group_Header_1" base token',
+    controlLabelFontColor: 'Font color for "Control_Label_1" base token',
+    buttonLabelFontColor: 'Font color for "Button_Label_1" base token',
+    tooltipCaptionFontColor: 'Font color for "Tooltip_Caption" base token',
+    headlinePlus1DisabledFontColor: 'Disabled font color for "Headline_2" base token',
+    headlineDisabledFontColor: 'Disabled font color for "Headline_1" base token',
+    titlePlus2DisabledFontColor: 'Disabled font color for "Title_3" base token',
+    titlePlus1DisabledFontColor: 'Disabled font color for "Title_2" base token',
+    titleDisabledFontColor: 'Disabled font color for "Title_1" base token',
+    subtitlePlus1DisabledFontColor: 'Disabled font color for "Subtitle_2" base token',
+    subtitleDisabledFontColor: 'Disabled font color for "Subtitle_1" base token',
+    linkStandardDisabledFontColor: 'Disabled font color for "Link_Standard_1" base token',
+    placeholderDisabledFontColor: 'Disabled font color for "Placeholder" base token',
+    bodyEmphasizedDisabledFontColor: 'Disabled font color for "Body_Emphasized" base token',
+    bodyDisabledFontColor: 'Disabled font color for "Body" base token',
+    groupHeaderDisabledFontColor: 'Disabled font color for "Group_Header_1" base token',
+    controlLabelDisabledFontColor: 'Disabled font color for "Control_Label_1" base token',
+    buttonLabelDisabledFontColor: 'Disabled font color for "Button_Label_1" base token',
+    tooltipCaptionDisabledFontColor: 'Disabled font color for "Tooltip_Caption" base token'
 };
 //# sourceMappingURL=design-token-comments.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAA4C;IAC7D,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;CAChC,CAAC"}
+{"version":3,"file":"design-token-comments.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-comments.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAA4C;IAC7D,qBAAqB,EACjB,sGAAsG;IAC1G,0BAA0B,EAAE,8CAA8C;IAC1E,qBAAqB,EAAE,0CAA0C;IACjE,sBAAsB,EAAE,wCAAwC;IAChE,iBAAiB,EAAE,+CAA+C;IAClE,2BAA2B,EACvB,sGAAsG;IAC1G,sBAAsB,EAClB,qDAAqD;IACzD,cAAc,EAAE,4CAA4C;IAC5D,WAAW,EAAE,0CAA0C;IACvD,qBAAqB,EACjB,sGAAsG;IAC1G,SAAS,EAAE,2CAA2C;IACtD,YAAY,EACR,2FAA2F;IAC/F,SAAS,EACL,6EAA6E;IACjF,gBAAgB,EAAE,sCAAsC;IACxD,SAAS,EAAE,wCAAwC;IACnD,mBAAmB,EAAE,yCAAyC;IAC9D,gBAAgB,EAAE,yCAAyC;IAC3D,aAAa,EACT,+EAA+E;IACnF,YAAY,EAAE,qCAAqC;IACnD,eAAe,EAAE,wCAAwC;IACzD,WAAW,EAAE,sCAAsC;IACnD,WAAW,EAAE,2CAA2C;IACxD,QAAQ,EAAE,sCAAsC;IAChD,wBAAwB,EAAE,8CAA8C;IACxE,WAAW,EAAE,wBAAwB;IACrC,UAAU,EACN,mGAAmG;IACvG,WAAW,EACP,mHAAmH;IACvH,UAAU,EACN,2FAA2F;IAC/F,iBAAiB,EAAE,gDAAgD;IACnE,YAAY,EAAE,gDAAgD;IAC9D,cAAc,EAAE,6CAA6C;IAC7D,cAAc,EAAE,6CAA6C;IAC7D,SAAS,EAAE,6CAA6C;IACxD,iBAAiB,EAAE,gDAAgD;IACnE,YAAY,EAAE,gDAAgD;IAC9D,gBAAgB,EAAE,qDAAqD;IACvE,eAAe,EAAE,iDAAiD;IAClE,kBAAkB,EAAE,qDAAqD;IACzE,QAAQ,EAAE,0CAA0C;IACpD,eAAe,EAAE,oDAAoD;IACrE,gBAAgB,EAAE,qDAAqD;IACvE,eAAe,EAAE,oDAAoD;IACrE,kBAAkB,EAAE,qDAAqD;IACzE,sBAAsB,EAAE,wCAAwC;IAChE,iBAAiB,EAAE,wCAAwC;IAC3D,mBAAmB,EAAE,qCAAqC;IAC1D,mBAAmB,EAAE,qCAAqC;IAC1D,cAAc,EAAE,qCAAqC;IACrD,sBAAsB,EAAE,wCAAwC;IAChE,iBAAiB,EAAE,wCAAwC;IAC3D,qBAAqB,EAAE,6CAA6C;IACpE,oBAAoB,EAAE,yCAAyC;IAC/D,uBAAuB,EAAE,6CAA6C;IACtE,aAAa,EAAE,kCAAkC;IACjD,oBAAoB,EAAE,4CAA4C;IAClE,qBAAqB,EAAE,6CAA6C;IACpE,oBAAoB,EAAE,4CAA4C;IAClE,uBAAuB,EAAE,6CAA6C;IACtE,8BAA8B,EAC1B,iDAAiD;IACrD,yBAAyB,EACrB,iDAAiD;IACrD,2BAA2B,EAAE,8CAA8C;IAC3E,2BAA2B,EAAE,8CAA8C;IAC3E,sBAAsB,EAAE,8CAA8C;IACtE,8BAA8B,EAC1B,iDAAiD;IACrD,yBAAyB,EACrB,iDAAiD;IACrD,6BAA6B,EACzB,sDAAsD;IAC1D,4BAA4B,EACxB,kDAAkD;IACtD,+BAA+B,EAC3B,sDAAsD;IAC1D,qBAAqB,EAAE,2CAA2C;IAClE,4BAA4B,EACxB,qDAAqD;IACzD,6BAA6B,EACzB,sDAAsD;IAC1D,4BAA4B,EACxB,qDAAqD;IACzD,+BAA+B,EAC3B,sDAAsD;CAC7D,CAAC"}

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

@@ -1,3 +1,7 @@
+/**
+ * Design token names should follow the token naming convention:
+ * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming
+ */
 import type * as TokensNamespace from './design-tokens';
 declare type TokenName = keyof typeof TokensNamespace;
 export declare const tokenNames: {

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

@@ -1,46 +1,81 @@
+/**
+ * Design token names should follow the token naming convention:
+ * See: https://github.com/ni/nimble/blob/main/packages/nimble-components/CONTRIBUTING.md#token-naming
+ */
 export const tokenNames = {
-    actionColorRgbPartial: 'action-color-rgb-partial',
+    actionRgbPartialColor: 'action-rgb-partial-color',
     applicationBackgroundColor: 'application-background-color',
+    headerBackgroundColor: 'header-background-color',
+    sectionBackgroundColor: 'section-background-color',
     fillColorSelected: 'fill-color-selected',
-    fillColorSelectedRgbPartial: 'fill-color-selected-rgb-partial',
-    fillColorSelectedHover: 'fill-color-selected-hover',
-    fillColorHover: 'fill-color-hover',
+    fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',
+    fillHoverSelectedColor: 'fill-selected-hover-color',
+    fillHoverColor: 'fill-hover-color',
     borderColor: 'border-color',
-    borderColorRgbPartial: 'border-color-rgb-partial',
+    borderRgbPartialColor: 'border-rgb-partial-color',
     failColor: 'fail-color',
     warningColor: 'warning-color',
     passColor: 'pass-color',
-    borderColorHover: 'border-color-hover',
+    borderHoverColor: 'border-hover-color',
     iconColor: 'icon-color',
     popupBoxShadowColor: 'popup-box-shadow-color',
     popupBorderColor: 'popup-border-color',
     controlHeight: 'control-height',
+    smallPadding: 'small-padding',
     standardPadding: 'standard-padding',
     labelHeight: 'label-height',
     borderWidth: 'border-width',
     iconSize: 'icon-size',
+    groupHeaderTextTransform: 'group-header-text-transform',
     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'
+    largeDelay: 'large-delay',
+    headlinePlus1Font: 'headline-plus-1-font',
+    headlineFont: 'headline-font',
+    titlePlus2Font: 'title-plus-2-font',
+    titlePlus1Font: 'title-plus-1-font',
+    titleFont: 'title-font',
+    subtitlePlus1Font: 'subtitle-plus-1-font',
+    subtitleFont: 'subtitle-font',
+    linkStandardFont: 'link-standard-font',
+    placeholderFont: 'placeholder-font',
+    bodyEmphasizedFont: 'body-emphasized-font',
+    bodyFont: 'body-font',
+    groupHeaderFont: 'group-header-font',
+    controlLabelFont: 'control-label-font',
+    buttonLabelFont: 'button-label-font',
+    tooltipCaptionFont: 'tooltip-caption-font',
+    headlinePlus1FontColor: 'headline-plus-1-font-color',
+    headlineFontColor: 'headline-font-color',
+    titlePlus2FontColor: 'title-plus-2-font-color',
+    titlePlus1FontColor: 'title-plus-1-font-color',
+    titleFontColor: 'title-font-color',
+    subtitlePlus1FontColor: 'subtitle-plus-1-font-color',
+    subtitleFontColor: 'subtitle-font-color',
+    linkStandardFontColor: 'link-standard-font-color',
+    placeholderFontColor: 'placeholder-font-color',
+    bodyEmphasizedFontColor: 'body-emphasized-font-color',
+    bodyFontColor: 'body-font-color',
+    groupHeaderFontColor: 'group-header-font-color',
+    controlLabelFontColor: 'control-label-font-color',
+    buttonLabelFontColor: 'button-label-font-color',
+    tooltipCaptionFontColor: 'tooltip-caption-font-color',
+    headlinePlus1DisabledFontColor: 'headline-plus-1-disabled-font-color',
+    headlineDisabledFontColor: 'headline-disabled-font-color',
+    titlePlus2DisabledFontColor: 'title-plus-2-disabled-font-color',
+    titlePlus1DisabledFontColor: 'title-plus-1-disabled-font-color',
+    titleDisabledFontColor: 'title-disabled-font-color',
+    subtitlePlus1DisabledFontColor: 'subtitle-plus-1-disabled-font-color',
+    subtitleDisabledFontColor: 'subtitle-disabled-font-color',
+    linkStandardDisabledFontColor: 'link-standard-disabled-font-color',
+    placeholderDisabledFontColor: 'placeholder-disabled-font-color',
+    bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
+    bodyDisabledFontColor: 'body-disabled-font-color',
+    groupHeaderDisabledFontColor: 'group-header-disabled-font-color',
+    controlLabelDisabledFontColor: 'control-label-disabled-font-color',
+    buttonLabelDisabledFontColor: 'button-label-disabled-font-color',
+    tooltipCaptionDisabledFontColor: 'tooltip-caption-disabled-font-color'
 };
 const prefix = 'ni-nimble';
 export const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;

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

@@ -1 +1 @@
-{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,UAAU,GAA4C;IAC/D,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;CAC5D,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"}
+{"version":3,"file":"design-token-names.js","sourceRoot":"","sources":["../../../src/theme-provider/design-token-names.ts"],"names":[],"mappings":"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"}