@ni/nimble-components 35.3.4 → 35.5.0

package/dist/all-components-bundle.js

@@ -14768,6 +14768,7 @@
       actionRgbPartialColor: 'action-rgb-partial-color',
       applicationBackgroundColor: 'application-background-color',
       dividerBackgroundColor: 'divider-background-color',
+      dividerBackgroundDynamicColor: 'divider-background-dynamic-color',
       headerBackgroundColor: 'header-background-color',
       sectionBackgroundColor: 'section-background-color',
       sectionBackgroundImage: 'section-background-image',
@@ -16162,7 +16163,9 @@
   const BannerFail100DarkUi = "#d63434";
   const Warning100LightUi = "#ff4b00";
   const Black91V10 = "#e8e8e8";
+  const Black30 = "#d3d5d6";
   const Black82V100 = "#6e6f70";
+  const Black77V100 = "#6f7073";
   const DigitalGreenDark = "#008557";
   const DigitalGreenDark105 = "#00734b";
   const DigitalGreenDark110 = "#00613f";
@@ -16305,6 +16308,7 @@
       sectionBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
       sectionBackgroundImage: createThemeColor(`linear-gradient(${Black15}, ${hexToRgbaCssColor(Black15, 0)})`, `linear-gradient(${Black82}, ${hexToRgbaCssColor(Black82, 0)})`, `linear-gradient(${ForestGreen}, ${hexToRgbaCssColor(ForestGreen, 0)})`),
       dividerBackgroundColor: createThemeColor(Black15, Black80, ForestGreen),
+      dividerBackgroundDynamicColor: createThemeColor(Black30, Black77V100, ForestGreen),
       fillSelectedColor: hexToRgbaCssThemeColor(alias.fillSelectedColor, 0.2, 0.2, 0.2),
       fillSelectedRgbPartialColor: hexToRgbPartialThemeColor(alias.fillSelectedColor),
       fillHoverSelectedColor: hexToRgbaCssThemeColor(alias.fillSelectedColor, 0.15, 0.15, 0.15),
@@ -16477,6 +16481,7 @@
   createThemeColorToken(tokenNames.sectionBackgroundColor, tokenValues.sectionBackgroundColor);
   createThemeColorToken(tokenNames.sectionBackgroundImage, tokenValues.sectionBackgroundImage);
   createThemeColorToken(tokenNames.dividerBackgroundColor, tokenValues.dividerBackgroundColor);
+  createThemeColorToken(tokenNames.dividerBackgroundDynamicColor, tokenValues.dividerBackgroundDynamicColor);
   const fillSelectedColor = createThemeColorToken(tokenNames.fillSelectedColor, tokenValues.fillSelectedColor);
   const fillSelectedRgbPartialColor = createThemeColorToken(tokenNames.fillSelectedRgbPartialColor, tokenValues.fillSelectedRgbPartialColor);
   const fillHoverSelectedColor = createThemeColorToken(tokenNames.fillHoverSelectedColor, tokenValues.fillHoverSelectedColor);
@@ -19065,6 +19070,10 @@
       name: 'user_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.004 2a2.18 2.18 0 0 1 2.184 2.182v1.09c.647 0 .378.932 0 1.455a4 4 0 0 1-.335.364 9 9 0 0 1-.31.742l.208 1.076h.437l2.75 1.527A2.15 2.15 0 0 1 14 12.291V14H2v-1.673a2.16 2.16 0 0 1 1.063-1.869l2.758-1.55h.437l.21-1.068a9 9 0 0 1-.312-.749 4 4 0 0 1-.335-.364c-.378-.523-.647-1.454 0-1.454v-1.09A2.18 2.18 0 0 1 8.004 2" class="cls-1"/></svg>`,
   };
+  const userHelmetSafety16X16 = {
+      name: 'user_helmet_safety_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 11.95c.9 0 1.72-.31 2.39-.83V14H5.62v-2.88c.66.52 1.49.83 2.39.83Zm3.19-1.31h-.1V14H14v-.48c0-1.59-1.26-2.89-2.81-2.89ZM2 13.52V14h2.91v-3.36h-.1C3.26 10.64 2 11.93 2 13.53Zm6-2.29c1.78 0 3.22-1.48 3.22-3.31V7.4H4.78v.52c0 1.82 1.44 3.31 3.22 3.31m4-4.42v-.73h-.8a3.29 3.29 0 0 0-1.79-2.61v1.8h-.7V3H7.3v2.27h-.7v-1.8a3.28 3.28 0 0 0-1.79 2.61H4v.73h8.01Z" class="cls-1"/></svg>`,
+  };
   const watch16X16 = {
       name: 'watch_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m12.57 7.28-.06.013a4.56 4.56 0 0 0-1.38-2.609V3.44a.48.48 0 0 0-.48-.48h-.48V2H5.85v.96h-.48a.48.48 0 0 0-.48.48v1.24a4.545 4.545 0 0 0 0 6.64v1.24a.48.48 0 0 0 .48.48h.48V14h4.32v-.96h.48a.48.48 0 0 0 .48-.48v-1.24a4.55 4.55 0 0 0 1.379-2.612l.061.012a.48.48 0 0 0 .48-.48v-.48a.48.48 0 0 0-.48-.48m-2.3 2.662a1.6 1.6 0 0 0-.182-.26L8.747 8.338a.79.79 0 0 0 0-.666c.132-.133.894-.899.965-1a1.2 1.2 0 0 0 .14-.485 1 1 0 0 0-.515.157l-.955.957a.784.784 0 1 0 0 1.408c.163.167.956.974 1.236 1.254a1.5 1.5 0 0 0 .36.276 3.055 3.055 0 1 1 .291-.297" class="cls-1"/></svg>`,
@@ -25947,6 +25956,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIconSvg('icon-user', IconUser);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'userHelmetSafety' icon
+   */
+  class IconUserHelmetSafety extends IconSvg {
+      constructor() {
+          super(userHelmetSafety16X16);
+      }
+  }
+  registerIconSvg('icon-user-helmet-safety', IconUserHelmetSafety);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**