Fixes liferay#1242 - Regen snapshots

pat270 · Nov 9, 2018 · b5fef04 · b5fef04
1 parent 075d2f6
commit b5fef04
Show file tree

Hide file tree

Showing 27 changed files with 5,302 additions and 4,221 deletions.
diff --git a/packages/clay-alert/src/__tests__/__snapshots__/ClayAlert.js.snap b/packages/clay-alert/src/__tests__/__snapshots__/ClayAlert.js.snap
@@ -3,93 +3,102 @@
 exports[`ClayAlert should render a "danger" style alert 1`] = `
 <div class="alert alert-danger fade show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
-      <title>exclamation-full</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
-    </svg>
+    <span aria-label="exclamation-full" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">Danger!</strong>message</div>
 `;
 
 exports[`ClayAlert should render a "success" style alert 1`] = `
 <div class="alert alert-success fade show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
-      <title>check-circle-full</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
-    </svg>
+    <span aria-label="check-circle-full" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">Success!</strong>message</div>
 `;
 
 exports[`ClayAlert should render a "warning" style alert 1`] = `
 <div class="alert alert-warning fade show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
-      <title>warning-full</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
-    </svg>
+    <span aria-label="warning-full" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">Warning!</strong>message</div>
 `;
 
 exports[`ClayAlert should render a closeable alert 1`] = `
 <div class="alert alert-warning fade alert-dismissible show" role="alert">
   <button class="btn close btn-unstyled" aria-label="close" type="button">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-      <title>times</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-    </svg>
+    <span aria-label="times" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+      </svg>
+    </span>
   </button>
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
-      <title>warning-full</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
-    </svg>
+    <span aria-label="warning-full" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">Warning!</strong>message</div>
 `;
 
 exports[`ClayAlert should render an "info" style alert 1`] = `
 <div class="alert alert-info fade show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-      <title>info-circle</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-    </svg>
+    <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">Info</strong>message</div>
 `;
 
 exports[`ClayAlert should render an alert with classes 1`] = `
 <div class="alert alert-info fade my-custom-class show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-      <title>info-circle</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-    </svg>
+    <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">info</strong>message</div>
 `;
 
 exports[`ClayAlert should render an alert with id 1`] = `
 <div class="alert alert-info fade show" id="myId" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-      <title>info-circle</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-    </svg>
+    <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">info</strong>message</div>
 `;
 
 exports[`ClayAlert should render default markup 1`] = `
 <div class="alert alert-info fade show" role="alert">
   <span class="alert-indicator">
-    <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-      <title>info-circle</title>
-      <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-    </svg>
+    <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+      </svg>
+    </span>
   </span>
   <strong class="lead">info</strong>message</div>
 `;
diff --git a/packages/clay-alert/src/__tests__/__snapshots__/ClayStripe.js.snap b/packages/clay-alert/src/__tests__/__snapshots__/ClayStripe.js.snap
@@ -4,16 +4,18 @@ exports[`ClayStripe should render a "danger" style stripe 1`] = `
 <div class="alert alert-danger fade alert-dismissible alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
-        <title>exclamation-full</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
-      </svg>
+      <span aria-label="exclamation-full" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-exclamation-full" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#exclamation-full"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">Danger!</strong>message</div>
 </div>
@@ -23,16 +25,18 @@ exports[`ClayStripe should render a "success" style stripe 1`] = `
 <div class="alert alert-success fade alert-dismissible alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
-        <title>check-circle-full</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
-      </svg>
+      <span aria-label="check-circle-full" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-check-circle-full" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#check-circle-full"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">Success!</strong>message</div>
 </div>
@@ -42,16 +46,18 @@ exports[`ClayStripe should render a "warning" style stripe 1`] = `
 <div class="alert alert-warning fade alert-dismissible alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
-        <title>warning-full</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
-      </svg>
+      <span aria-label="warning-full" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-warning-full" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#warning-full"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">Warning!</strong>message</div>
 </div>
@@ -61,16 +67,18 @@ exports[`ClayStripe should render an "info" style stripe 1`] = `
 <div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-        <title>info-circle</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-      </svg>
+      <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">Info</strong>message</div>
 </div>
@@ -80,16 +88,18 @@ exports[`ClayStripe should render an stripe with classes 1`] = `
 <div class="alert alert-info fade alert-dismissible my-custom-class alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-        <title>info-circle</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-      </svg>
+      <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">info</strong>message</div>
 </div>
@@ -99,16 +109,18 @@ exports[`ClayStripe should render an stripe with id 1`] = `
 <div class="alert alert-info fade alert-dismissible alert-fluid show" id="myId" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-        <title>info-circle</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-      </svg>
+      <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">info</strong>message</div>
 </div>
@@ -118,16 +130,18 @@ exports[`ClayStripe should render default markup 1`] = `
 <div class="alert alert-info fade alert-dismissible alert-fluid show" role="alert">
   <div class="container-fluid container-fluid-max-xl">
     <button class="btn close btn-unstyled" aria-label="close" type="button">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
-        <title>times</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
-      </svg>
+      <span aria-label="times" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-times" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#times"></use>
+        </svg>
+      </span>
     </button>
     <span class="alert-indicator">
-      <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
-        <title>info-circle</title>
-        <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
-      </svg>
+      <span aria-label="info-circle" class="lexicon-icon-container" role="img">
+        <svg aria-hidden="true" class="lexicon-icon lexicon-icon-info-circle" focusable="false">
+          <use xlink:href="../node_modules/clay-css/lib/images/icons/icons.svg#info-circle"></use>
+        </svg>
+      </span>
     </span>
     <strong class="lead">info</strong>message</div>
 </div>