@ni/nimble-components 20.2.15 → 20.3.0

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 14 Sep 2023 16:53:07 GMT
+   * Generated on Fri, 15 Sep 2023 14:20:06 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16436,6 +16436,7 @@
       fillSelectedRgbPartialColor: 'fill-selected-rgb-partial-color',
       fillHoverSelectedColor: 'fill-hover-selected-color',
       fillHoverColor: 'fill-hover-color',
+      fillHoverRgbPartialColor: 'fill-hover-rgb-partial-color',
       fillDownColor: 'fill-down-color',
       borderColor: 'border-color',
       borderRgbPartialColor: 'border-rgb-partial-color',
@@ -16827,6 +16828,7 @@
   const fillSelectedRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillSelectedRgbPartialColor)).withDefault((element) => hexToRgbPartial(getFillSelectedColorForTheme(element)));
   const fillHoverSelectedColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverSelectedColor)).withDefault((element) => hexToRgbaCssColor(getFillSelectedColorForTheme(element), 0.15));
   const fillHoverColor = DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverColor)).withDefault((element) => hexToRgbaCssColor(getFillHoverColorForTheme(element), 0.1));
+  DesignToken.create(styleNameFromTokenName(tokenNames.fillHoverRgbPartialColor)).withDefault((element) => hexToRgbPartial(getFillHoverColorForTheme(element)));
   DesignToken.create(styleNameFromTokenName(tokenNames.fillDownColor)).withDefault((element) => hexToRgbaCssColor(getFillDownColorForTheme(element), 0.15));
   const borderColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderColor)).withDefault((element) => getDefaultLineColorForTheme(element));
   const borderRgbPartialColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderRgbPartialColor)).withDefault((element) => hexToRgbPartial(getDefaultLineColorForTheme(element)));
@@ -17067,8 +17069,7 @@
 `;
 
   // prettier-ignore
-  const template$z = (context, definition) => html `
-    <a
+  const template$z = (_context, definition) => html `<a
         class="control"
         part="control"
         download="${x => x.download}"
@@ -17100,22 +17101,39 @@
         aria-relevant="${x => x.ariaRelevant}"
         aria-roledescription="${x => x.ariaRoledescription}"
         ${ref('control')}
-    >
-        ${startSlotTemplate(context, definition)}
-        ${ /* End slot template inlined to avoid extra whitespace.
-     See https://github.com/microsoft/fast/issues/6557 */''}
-        ${ /* Whitespace intentionally avoided between tags for inline styles */''}
-        <span class="content" part="content"><slot ${slotted('defaultSlottedContent')}></slot></span
-        ><span
-            part="end"
-            ${ref('endContainer')}
-            class=${_x => (definition.end ? 'end' : null)}
-        >
-            <slot name="end" ${ref('end')} @slotchange="${x => x.handleEndContentChange()}">
-                ${definition.end || ''}
-            </slot>
-        </span></a>
-`;
+    >${
+/* Start and End slot templates inlined to avoid extra whitespace.
+   See https://github.com/microsoft/fast/issues/6557
+
+   Whitespace intentionally avoided between tags for inline styles */ ''}<span
+        part="start"
+        ${ref('startContainer')}
+        class="${_x => (definition.start ? 'start' : null)}"
+        ><slot
+            name="start"
+            ${ref('start')}
+            @slotchange="${x => x.handleStartContentChange()}">
+            ${definition.start || ''}
+        </slot
+    ></span
+    ><span
+        class="content"
+        part="content"
+        ><slot
+            ${slotted('defaultSlottedContent')}
+        ></slot
+    ></span
+    ><span
+        part="end"
+        ${ref('endContainer')}
+        class=${_x => (definition.end ? 'end' : null)}
+        ><slot
+            name="end"
+            ${ref('end')}
+            @slotchange="${x => x.handleEndContentChange()}">
+            ${definition.end || ''}
+        </slot
+    ></span></a>`;
 
   /**
    * A nimble-styled anchor