@ni/nimble-components 21.10.2 → 22.0.1

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 12 Mar 2024 22:01:57 GMT
+   * Generated on Thu, 14 Mar 2024 14:32:10 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -17124,6 +17124,10 @@
         color: ${linkProminentDisabledFontColor};
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }
@@ -17618,6 +17622,18 @@
     .control {
         text-decoration: none;
     }
+
+    [part='start'] {
+        pointer-events: none;
+    }
+
+    .content {
+        pointer-events: none;
+    }
+
+    [part='end'] {
+        pointer-events: none;
+    }
 `;
 
   const template$D = (context, definition) => html `
@@ -17767,6 +17783,7 @@
 
     [part='start'] {
         display: contents;
+        pointer-events: none;
     }
 
     slot[name='start']::slotted(*) {
@@ -17779,6 +17796,10 @@
         grid-column: 1;
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     :host(.indent-1) .content {
         grid-column: 2;
     }
@@ -17950,6 +17971,7 @@
     }
 
     slot:not([name]) {
+        pointer-events: none;
         display: block;
         padding: ${mediumPadding} ${standardPadding}
             calc(${mediumPadding} - ${borderWidth});
@@ -18415,6 +18437,7 @@
 /* this rule keeps children without an icon text aligned with parents */ ''}
     [part="start"] {
         width: ${iconSize};
+        pointer-events: none;
     }
 
     ${ /* the start class is applied when the corresponding slot is filled */''}
@@ -18430,6 +18453,10 @@
         height: ${iconSize};
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }
@@ -19772,9 +19799,9 @@
       popupDismissLabel: 'Close',
       numericIncrementLabel: 'Increment',
       numericDecrementLabel: 'Decrement',
-      errorIconLabel: 'Error',
-      warningIconLabel: 'Warning',
-      informationIconLabel: 'Information',
+      popupIconErrorLabel: 'Error',
+      popupIconWarningLabel: 'Warning',
+      popupIconInformationLabel: 'Information',
       filterSearchLabel: 'Search',
       filterNoResultsLabel: 'No items found'
   };
@@ -19791,18 +19818,18 @@
       name: 'numeric-increment-label',
       cssCustomPropertyName: null
   }).withDefault(coreLabelDefaults.numericIncrementLabel);
-  const errorIconLabel = DesignToken.create({
-      name: 'error-icon-label',
+  const popupIconErrorLabel = DesignToken.create({
+      name: 'popup-icon-error-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.errorIconLabel);
-  const warningIconLabel = DesignToken.create({
-      name: 'warning-icon-label',
+  }).withDefault(coreLabelDefaults.popupIconErrorLabel);
+  const popupIconWarningLabel = DesignToken.create({
+      name: 'popup-icon-warning-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.warningIconLabel);
-  const informationIconLabel = DesignToken.create({
-      name: 'information-icon-label',
+  }).withDefault(coreLabelDefaults.popupIconWarningLabel);
+  const popupIconInformationLabel = DesignToken.create({
+      name: 'popup-icon-information-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.informationIconLabel);
+  }).withDefault(coreLabelDefaults.popupIconInformationLabel);
   const filterSearchLabel = DesignToken.create({
       name: 'filter-search-label',
       cssCustomPropertyName: null
@@ -19839,13 +19866,13 @@
     >
         <div class="icon">
             ${when(x => x.severity === BannerSeverity.error, html `
-                <${iconExclamationMarkTag} role="img" aria-label="${x => errorIconLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
+                <${iconExclamationMarkTag} role="img" aria-label="${x => popupIconErrorLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
             `)}
             ${when(x => x.severity === BannerSeverity.warning, html `
-                <${iconTriangleFilledTag} role="img" aria-label="${x => warningIconLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
+                <${iconTriangleFilledTag} role="img" aria-label="${x => popupIconWarningLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
             `)}
             ${when(x => x.severity === BannerSeverity.information, html `
-                <${iconInfoTag} role="img" aria-label="${x => informationIconLabel.getValueFor(x)}"></${iconInfoTag}>
+                <${iconInfoTag} role="img" aria-label="${x => popupIconInformationLabel.getValueFor(x)}"></${iconInfoTag}>
             `)}
         </div>
         <div class="text">
@@ -20028,6 +20055,10 @@
         display: none;
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }
@@ -24121,9 +24152,9 @@
       popupDismiss: popupDismissLabel,
       numericDecrement: numericDecrementLabel,
       numericIncrement: numericIncrementLabel,
-      errorIcon: errorIconLabel,
-      warningIcon: warningIconLabel,
-      informationIcon: informationIconLabel,
+      popupIconError: popupIconErrorLabel,
+      popupIconWarning: popupIconWarningLabel,
+      popupIconInformation: popupIconInformationLabel,
       filterSearch: filterSearchLabel,
       filterNoResults: filterNoResultsLabel
   };
@@ -24146,14 +24177,14 @@
       attr({ attribute: 'numeric-increment' })
   ], LabelProviderCore.prototype, "numericIncrement", void 0);
   __decorate$1([
-      attr({ attribute: 'error-icon' })
-  ], LabelProviderCore.prototype, "errorIcon", void 0);
+      attr({ attribute: 'popup-icon-error' })
+  ], LabelProviderCore.prototype, "popupIconError", void 0);
   __decorate$1([
-      attr({ attribute: 'warning-icon' })
-  ], LabelProviderCore.prototype, "warningIcon", void 0);
+      attr({ attribute: 'popup-icon-warning' })
+  ], LabelProviderCore.prototype, "popupIconWarning", void 0);
   __decorate$1([
-      attr({ attribute: 'information-icon' })
-  ], LabelProviderCore.prototype, "informationIcon", void 0);
+      attr({ attribute: 'popup-icon-information' })
+  ], LabelProviderCore.prototype, "popupIconInformation", void 0);
   __decorate$1([
       attr({ attribute: 'filter-search' })
   ], LabelProviderCore.prototype, "filterSearch", void 0);