@ni/nimble-components 20.5.1 → 20.5.3

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 21 Sep 2023 12:47:24 GMT
+   * Generated on Fri, 22 Sep 2023 13:55:43 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -17248,6 +17248,23 @@
       return new MultivaluePropertyStyleSheetBehavior('appearance', value, styles);
   }
 
+  /**
+   * Hide content visually while keeping it screen reader-accessible.
+   * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
+   * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
+   */
+  const accessiblyHidden = cssPartial `
+    display: inline-block;
+    height: 1px;
+    width: 1px;
+    position: absolute;
+    margin: -1px;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: inset(50%);
+    overflow: hidden;
+    padding: 0;
+`;
+
   const styles$R = css `
     @layer base, hover, focusVisible, active, disabled, top;
 
@@ -17322,22 +17339,7 @@
         }
 
         :host([content-hidden]) .content {
-            ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-            display: inline-block;
-            height: 1px;
-            width: 1px;
-            position: absolute;
-            margin: -1px;
-            clip: rect(1px, 1px, 1px, 1px);
-            clip-path: inset(50%);
-            overflow: hidden;
-            padding: 0;
+            ${accessiblyHidden}
         }
 
         [part='start'] {
@@ -18667,22 +18669,7 @@
     }
 
     :host([title-hidden]) slot[name='title'] {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 
     .controls {
@@ -21086,22 +21073,7 @@
     }
 
     :host([header-hidden]) header {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 
     .title {
@@ -63936,22 +63908,7 @@ img.ProseMirror-separator {
     }
 
     .accessibly-hidden {
-        ${
-/**
- * Hide content visually while keeping it screen reader-accessible.
- * Source: https://webaim.org/techniques/css/invisiblecontent/#techniques
- * See discussion here: https://github.com/microsoft/fast/issues/5740#issuecomment-1068195035
- */
-''}
-        display: inline-block;
-        height: 1px;
-        width: 1px;
-        position: absolute;
-        margin: -1px;
-        clip: rect(1px, 1px, 1px, 1px);
-        clip-path: inset(50%);
-        overflow: hidden;
-        padding: 0;
+        ${accessiblyHidden}
     }
 `.withBehaviors(themeBehavior(Theme.color, css `
             .table-row-container::before {