@ni/spright-components 6.23.2 → 6.24.0

package/dist/all-components-bundle.js

@@ -14916,6 +14916,7 @@
       linkActiveProminentFont: 'link-active-prominent-font',
       placeholderFont: 'placeholder-font',
       bodyFont: 'body-font',
+      codeFont: 'code-font',
       bodyEmphasizedFont: 'body-emphasized-font',
       bodyPlus1Font: 'body-plus-1-font',
       bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',
@@ -16324,6 +16325,8 @@
   const ControlLabel1Weight = "600";
   const BodyFamily = "Source Sans Pro";
   const BodyWeight = "400";
+  const CodeFamily = "Noto Sans Mono";
+  const CodeWeight = "400";
   const Body2Family = "Source Sans Pro";
   const Body2Weight = "400";
   const GroupLabel1Family = "Source Sans Pro";
@@ -16359,6 +16362,7 @@
   const Title2Size = "22px";
   const ControlLabel1Size = "11px";
   const BodySize = "14px";
+  const CodeSize = "13px";
   const Body2Size = "16px";
   const GroupLabel1Size = "11px";
   const ButtonLabel1Size = "14px";
@@ -16537,6 +16541,7 @@
       ...createFont('linkActiveProminent', createThemeColor(DigitalGreenLight, DigitalGreenLight, hexToRgbaCssColor(White, 0.75)), hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight),
       ...createFont('placeholder', hexToRgbaCssThemeColor(alias.defaultFontColor, 0.6, 0.6, 0.6), hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight),
       ...createFont('body', alias.defaultFontColor, hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight),
+      ...createFont('code', alias.defaultFontColor, hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), CodeFamily, CodeWeight, CodeSize, BodyLineHeight),
       ...createFont('bodyEmphasized', alias.defaultFontColor, hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight),
       ...createFont('bodyPlus1', alias.defaultFontColor, hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), Body2Family, Body2Weight, Body2Size, Body2LineHeight),
       ...createFont('bodyPlus1Emphasized', alias.defaultFontColor, hexToRgbaCssThemeColor(alias.defaultFontColor, 0.3, 0.3, 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight),
@@ -16720,6 +16725,7 @@
   const [linkActiveProminentFont, linkActiveProminentFontColor] = createFontTokens(tokenNames.linkActiveProminentFont, tokenValues.linkActiveProminentFont, tokenValues.linkActiveProminentFontColor, tokenValues.linkActiveProminentDisabledFontColor, tokenValues.linkActiveProminentFontFamily, tokenValues.linkActiveProminentFontWeight, tokenValues.linkActiveProminentFontSize, tokenValues.linkActiveProminentFontLineHeight);
   const [placeholderFont, placeholderFontColor] = createFontTokens(tokenNames.placeholderFont, tokenValues.placeholderFont, tokenValues.placeholderFontColor, tokenValues.placeholderDisabledFontColor, tokenValues.placeholderFontFamily, tokenValues.placeholderFontWeight, tokenValues.placeholderFontSize, tokenValues.placeholderFontLineHeight);
   const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight] = createFontTokens(tokenNames.bodyFont, tokenValues.bodyFont, tokenValues.bodyFontColor, tokenValues.bodyDisabledFontColor, tokenValues.bodyFontFamily, tokenValues.bodyFontWeight, tokenValues.bodyFontSize, tokenValues.bodyFontLineHeight);
+  createFontTokens(tokenNames.codeFont, tokenValues.codeFont, tokenValues.codeFontColor, tokenValues.codeDisabledFontColor, tokenValues.codeFontFamily, tokenValues.codeFontWeight, tokenValues.codeFontSize, tokenValues.codeFontLineHeight);
   const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight] = createFontTokens(tokenNames.bodyEmphasizedFont, tokenValues.bodyEmphasizedFont, tokenValues.bodyEmphasizedFontColor, tokenValues.bodyEmphasizedDisabledFontColor, tokenValues.bodyEmphasizedFontFamily, tokenValues.bodyEmphasizedFontWeight, tokenValues.bodyEmphasizedFontSize, tokenValues.bodyEmphasizedFontLineHeight);
   createFontTokens(tokenNames.bodyPlus1Font, tokenValues.bodyPlus1Font, tokenValues.bodyPlus1FontColor, tokenValues.bodyPlus1DisabledFontColor, tokenValues.bodyPlus1FontFamily, tokenValues.bodyPlus1FontWeight, tokenValues.bodyPlus1FontSize, tokenValues.bodyPlus1FontLineHeight);
   createFontTokens(tokenNames.bodyPlus1EmphasizedFont, tokenValues.bodyPlus1EmphasizedFont, tokenValues.bodyPlus1EmphasizedFontColor, tokenValues.bodyPlus1EmphasizedDisabledFontColor, tokenValues.bodyPlus1EmphasizedFontFamily, tokenValues.bodyPlus1EmphasizedFontWeight, tokenValues.bodyPlus1EmphasizedFontSize, tokenValues.bodyPlus1EmphasizedFontLineHeight);
@@ -18621,6 +18627,10 @@ Defines an interaction area clip-path that leaves out the severity text so it is
       name: 'arrow_partial_rotate_left_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 11.988a3.086 3.086 0 0 0 3.143-3.025 3.08 3.08 0 0 0-3.085-3.02v.088l.826 2.067-5.598-2.796L8.884 2.5l-.742 1.932a4.62 4.62 0 0 1 4.572 4.53A4.63 4.63 0 0 1 8 13.5Z" class="cls-1"/></svg>`,
   };
+  const arrowRightArrowLeft16X16 = {
+      name: 'arrow_right_arrow_left_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5 4.167h5.173l-.99-2.084L15 4.983 9.182 7.917l.99-2.084H5zm6 6H5.827l.99-2.084L1 11.017l5.818 2.9-.99-2.084H11z"/></svg>`,
+  };
   const arrowRightThin16X16 = {
       name: 'arrow_right_thin_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m7.97 4.37-.68 1.12 3.09 1.86H2v1.3h8.38l-3.09 1.86.68 1.12L14 8z" class="cls-1"/></svg>`,
@@ -18837,6 +18847,18 @@ Defines an interaction area clip-path that leaves out the severity text so it is
       name: 'circle_slash_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2a6 6 0 1 0 6 6 6 6 0 0 0-6-6m.075 1.714a4.281 4.281 0 0 1 3.573 6.647L5.714 4.427a4.26 4.26 0 0 1 2.36-.713M3.789 8a4.26 4.26 0 0 1 .713-2.36l5.934 5.933A4.281 4.281 0 0 1 3.789 8" class="cls-1"/></svg>`,
   };
+  const circleSparkle16X16 = {
+      name: 'circle_sparkle_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2C4.69 2 2 4.69 2 8s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6m1.138 7.133A3.98 3.98 0 0 0 8.003 11.5a3.98 3.98 0 0 0-1.136-2.37A4 4 0 0 0 4.5 7.998a4 4 0 0 0 2.362-1.131A3.98 3.98 0 0 0 7.997 4.5a3.98 3.98 0 0 0 1.136 2.37A4 4 0 0 0 11.5 8.002a4 4 0 0 0-2.362 1.131"/></svg>`,
+  };
+  const circleSparkleExclamation16X16 = {
+      name: 'circle_sparkle_exclamation_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.29 6H1.93v-.89h1.36zM8.1 2h.01zM3.15 4.56 3.3 1H1.91l.15 3.56zM14.1 8c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-.34.04-.67.09-1h2.09l.04-3.65A6 6 0 0 1 8.106 2 6.005 6.005 0 0 1 14.1 8m-2.6.002A4 4 0 0 1 9.133 6.87 3.98 3.98 0 0 1 7.997 4.5a3.98 3.98 0 0 1-1.135 2.367A4 4 0 0 1 4.5 7.997 4 4 0 0 1 6.867 9.13a3.98 3.98 0 0 1 1.136 2.37 3.98 3.98 0 0 1 1.135-2.367 4 4 0 0 1 2.362-1.13"/></svg>`,
+  };
+  const circleSparkleTriangle16X16 = {
+      name: 'circle_sparkle_triangle_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.96 4.975H1.01l1.98-3.96 1.98 3.96zm9.03 3.01c0 3.31-2.69 6-6 6s-6-2.69-6-6c0-.71.13-1.38.35-2.01h4.24l-1.59-3.18c.88-.51 1.91-.81 3-.81 3.31 0 6 2.69 6 6m-2.49.017A4 4 0 0 1 9.133 6.87 3.98 3.98 0 0 1 7.997 4.5a3.98 3.98 0 0 1-1.135 2.367A4 4 0 0 1 4.5 7.997 4 4 0 0 1 6.867 9.13a3.98 3.98 0 0 1 1.136 2.37 3.98 3.98 0 0 1 1.135-2.367 4 4 0 0 1 2.362-1.13"/></svg>`,
+  };
   const circleX16X16 = {
       name: 'circle_x_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 2a6 6 0 1 0 6 6 6 6 0 0 0-6-6m.075 1.714a4.26 4.26 0 0 1 2.409.743l-2.37 2.37-2.4-2.4a4.26 4.26 0 0 1 2.36-.713M4.502 5.64l2.4 2.4-2.37 2.37a4.27 4.27 0 0 1-.03-4.77m3.573 6.647a4.26 4.26 0 0 1-2.31-.685l2.349-2.35 2.322 2.322a4.26 4.26 0 0 1-2.361.713m3.573-1.925L9.326 8.039l2.35-2.349a4.25 4.25 0 0 1-.028 4.67" class="cls-1"/></svg>`,
@@ -24165,6 +24187,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIconSvg('icon-arrow-partial-rotate-left', IconArrowPartialRotateLeft);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'arrowRightArrowLeft' icon
+   */
+  class IconArrowRightArrowLeft extends IconSvg {
+      constructor() {
+          super(arrowRightArrowLeft16X16);
+      }
+  }
+  registerIconSvg('icon-arrow-right-arrow-left', IconArrowRightArrowLeft);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -24791,6 +24825,42 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIconSvg('icon-circle-slash', IconCircleSlash);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'circleSparkle' icon
+   */
+  class IconCircleSparkle extends IconSvg {
+      constructor() {
+          super(circleSparkle16X16);
+      }
+  }
+  registerIconSvg('icon-circle-sparkle', IconCircleSparkle);
+
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'circleSparkleExclamation' icon
+   */
+  class IconCircleSparkleExclamation extends IconSvg {
+      constructor() {
+          super(circleSparkleExclamation16X16);
+      }
+  }
+  registerIconSvg('icon-circle-sparkle-exclamation', IconCircleSparkleExclamation);
+
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'circleSparkleTriangle' icon
+   */
+  class IconCircleSparkleTriangle extends IconSvg {
+      constructor() {
+          super(circleSparkleTriangle16X16);
+      }
+  }
+  registerIconSvg('icon-circle-sparkle-triangle', IconCircleSparkleTriangle);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**