@ni/spright-components 6.23.1 → 6.23.2

package/dist/all-components-bundle.js

@@ -20872,18 +20872,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 +20923,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 {