@ni/spright-components 6.23.1 → 6.23.3

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);
@@ -20872,18 +20878,27 @@ Defines an interaction area clip-path that leaves out the severity text so it is
     }
 
     .icon {
-        width: 48px;
-        display: flex;
-        justify-content: center;
-        margin-top: 8px;
+        display: none;
+        margin: 8px ${smallPadding} 0 ${standardPadding};
         flex: 0 0 auto;
         opacity: 0.6;
     }
 
+    :host([severity='error']) .icon,
+    :host([severity='warning']) .icon,
+    :host([severity='information']) .icon {
+        display: flex;
+    }
+
     .text {
         display: inline;
-        margin-top: 7px;
-        margin-bottom: 7px;
+        margin: 7px 0 7px ${standardPadding};
+    }
+
+    :host([severity='error']) .text,
+    :host([severity='warning']) .text,
+    :host([severity='information']) .text {
+        margin-left: 0;
     }
 
     slot[name='title'] {
@@ -20914,14 +20929,20 @@ Defines an interaction area clip-path that leaves out the severity text so it is
         white-space: nowrap;
     }
 
+    :host([prevent-dismiss]) slot[name='action'] {
+        margin-right: 12px;
+    }
+
     slot[name='action']::slotted(nimble-anchor) {
         font-size: 12.8px;
     }
 
     .dismiss {
-        width: 48px;
-        display: flex;
-        justify-content: center;
+        margin: 0 12px 0 ${standardPadding};
+    }
+
+    :host([prevent-dismiss]) .dismiss {
+        display: none;
     }
 `.withBehaviors(themeBehavior(Theme.light, css `
             :host {