@ni/nimble-components 29.5.0 → 29.6.0

package/dist/all-components-bundle.js

@@ -16280,7 +16280,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 18 Jun 2024 21:57:15 GMT
+   * Generated on Thu, 20 Jun 2024 19:54:16 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16301,11 +16301,25 @@
   const Black91 = "#161617";
   const ForestGreen = "#074023";
   const DigitalGreenLight = "#009b65";
+  const NiSky = "#3cb4e7";
   const BannerFail100DarkUi = "#d63434";
   const Warning100LightUi = "#ff4b00";
   const DigitalGreenDark = "#008557";
   const DigitalGreenDark105 = "#00734b";
   const PowerGreen = "#32eb96";
+  const NiHoneyLight = "#ffe76b";
+  const NiScarlet = "#ef463f";
+  const NiFern = "#76bc43";
+  const NiScarletDark3 = "#371615";
+  const NiScarletDark1 = "#cd1722";
+  const NiFernDark1 = "#499146";
+  const NiSea = "#00aba5";
+  const NiSeaLight = "#a5d8c8";
+  const NiTulip = "#e54c8a";
+  const NiIndigo = "#8e78b7";
+  const NiPlumDark1 = "#8c459a";
+  const NiIndigoDark2 = "#312e7f";
+  const NiSeaDark2 = "#00685f";
   const Title2Family = "Source Sans Pro";
   const Title2Weight = "400";
   const ControlLabel1Family = "Source Sans Pro";
@@ -16632,6 +16646,14 @@
       elevation2BoxShadow: 'elevation-2-box-shadow',
       elevation3BoxShadow: 'elevation-3-box-shadow',
       graphGridlineColor: 'graph-gridline-color',
+      graphTrace1Color: 'graph-trace-1-color',
+      graphTrace2Color: 'graph-trace-2-color',
+      graphTrace3Color: 'graph-trace-3-color',
+      graphTrace4Color: 'graph-trace-4-color',
+      graphTrace5Color: 'graph-trace-5-color',
+      graphTrace6Color: 'graph-trace-6-color',
+      graphTrace7Color: 'graph-trace-7-color',
+      graphTrace8Color: 'graph-trace-8-color',
       mentionFont: 'mention-font',
       mentionFontColor: 'mention-font-color',
       mentionDisabledFontColor: 'mention-disabled-font-color',
@@ -16861,6 +16883,14 @@
   const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
   const cardBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.cardBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));
   DesignToken.create(styleNameFromTokenName(tokenNames.graphGridlineColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace1Color)).withDefault((element) => getColorForTheme(element, NiIndigoDark2, NiSky, White));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace2Color)).withDefault((element) => getColorForTheme(element, NiScarletDark1, NiScarlet, hexToRgbaCssColor(White, 0.7)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace3Color)).withDefault((element) => getColorForTheme(element, NiFernDark1, NiFern, hexToRgbaCssColor(White, 0.4)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace4Color)).withDefault((element) => getColorForTheme(element, NiPlumDark1, NiSeaLight, hexToRgbaCssColor(White, 0.25)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace5Color)).withDefault((element) => getColorForTheme(element, NiSeaDark2, NiSea, hexToRgbaCssColor(White, 0.55)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace6Color)).withDefault((element) => getColorForTheme(element, NiTulip, NiTulip, hexToRgbaCssColor(White, 0.85)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace7Color)).withDefault((element) => getColorForTheme(element, NiScarletDark3, NiHoneyLight, hexToRgbaCssColor(White, 0.325)));
+  DesignToken.create(styleNameFromTokenName(tokenNames.graphTrace8Color)).withDefault((element) => getColorForTheme(element, NiIndigo, NiIndigo, hexToRgbaCssColor(White, 0.625)));
   DesignToken.create(styleNameFromTokenName(tokenNames.tooltipBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black85, ForestGreen));
   const tableRowBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.tableRowBorderColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
   DesignToken.create(styleNameFromTokenName(tokenNames.tagFillColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));